{"id":638,"date":"2024-02-19T11:53:08","date_gmt":"2024-02-19T11:53:08","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=638"},"modified":"2026-10-17T12:59:11","modified_gmt":"2026-10-17T12:59:11","slug":"taskbrowse-laamelin-mustaqillin","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/taskbrowse-laamelin-mustaqillin\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646: \u0646\u0638\u0651\u0645 \u0639\u0645\u0644\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ===============================================\n   TaskBrowse Freelancer Landing \u2014 Section 01\n   =============================================== *\/\n#tb-free-hero {\n  --tf-red: #c8102e;\n  --tf-red-dark: #a80d26;\n  --tf-ink: #17191d;\n  --tf-muted: #64666b;\n  --tf-line: #e4e1de;\n  --tf-bg: #fff;\n  width: 100%;\n  background: var(--tf-bg);\n  color: var(--tf-ink);\n  direction: rtl;\n  text-align: right;\n  padding: clamp(75px, 9vw, 140px) 24px 44px;\n  box-sizing: border-box;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  overflow: hidden;\n}\n\n#tb-free-hero *,\n#tb-free-hero *::before,\n#tb-free-hero *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-hero .tf-container {\n  width: 100%;\n  max-width: 1380px;\n  margin-inline: auto;\n}\n\n\/* Hero columns *\/\n#tb-free-hero .tf-top {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n  gap: clamp(45px, 6vw, 100px);\n  align-items: center;\n  min-height: 425px;\n}\n\n#tb-free-hero .tf-head,\n#tb-free-hero .tf-content {\n  min-width: 0;\n}\n\n\/* Eyebrow *\/\n#tb-free-hero .tf-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 28px;\n  color: var(--tf-red);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.8;\n}\n\n#tb-free-hero .tf-eyebrow::before {\n  content: \"\";\n  flex: 0 0 31px;\n  height: 2px;\n  background: var(--tf-red);\n}\n\n\/* Heading *\/\n#tb-free-hero h1.tf-title {\n  font-family: inherit;\n  font-size: clamp(38px, 4.2vw, 68px);\n  line-height: 1.39;\n  font-weight: 800;\n  letter-spacing: -.6px;\n  color: var(--tf-ink);\n  margin: 0;\n  max-width: 740px;\n  overflow-wrap: normal;\n}\n\n#tb-free-hero .tf-title-accent {\n  color: var(--tf-red);\n}\n\n\/* Description *\/\n#tb-free-hero .tf-content {\n  padding-top: 45px;\n}\n\n#tb-free-hero .tf-lead {\n  font-size: clamp(17px, 1.35vw, 21px);\n  color: #393a3f;\n  line-height: 2.15;\n  font-weight: 400;\n  margin: 0 0 24px;\n}\n\n#tb-free-hero .tf-lead strong {\n  color: var(--tf-ink);\n  font-weight: 700;\n}\n\n#tb-free-hero .tf-sublead {\n  font-size: 15px;\n  line-height: 2;\n  color: #787a80;\n  margin: 0 0 34px;\n}\n\n\/* Buttons *\/\n#tb-free-hero .tf-actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 13px;\n}\n\n#tb-free-hero a.tf-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 57px;\n  padding: 12px 24px;\n  border-radius: 8px;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.5;\n  text-decoration: none !important;\n  transition: background .2s ease, border-color .2s ease;\n}\n\n#tb-free-hero .tf-primary {\n  background: var(--tf-red);\n  border: 1px solid var(--tf-red);\n  color: #fff !important;\n}\n\n#tb-free-hero .tf-primary:hover {\n  background: var(--tf-red-dark);\n  border-color: var(--tf-red-dark);\n}\n\n#tb-free-hero .tf-secondary {\n  border: 1px solid #d9d7d4;\n  background: #fff;\n  color: var(--tf-ink) !important;\n}\n\n#tb-free-hero .tf-secondary:hover {\n  border-color: var(--tf-red);\n  background: #fcf8f9;\n}\n\n#tb-free-hero a.tf-btn:focus-visible {\n  outline: 3px solid var(--tf-red);\n  outline-offset: 4px;\n}\n\n#tb-free-hero .tf-btn-arrow {\n  font-size: 20px;\n  line-height: 1;\n}\n\n#tb-free-hero .tf-trial-note {\n  margin: 15px 0 0;\n  font-size: 12px;\n  color: #89898d;\n}\n\n\/* Workflow strip *\/\n#tb-free-hero .tf-process {\n  margin-top: clamp(70px, 9vw, 125px);\n}\n\n#tb-free-hero .tf-process-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n#tb-free-hero .tf-process-label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 800;\n  color: var(--tf-ink);\n}\n\n#tb-free-hero .tf-process-desc {\n  margin: 0;\n  font-size: 12px;\n  color: #85858a;\n}\n\n#tb-free-hero .tf-process-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  border-top: 1px solid var(--tf-line);\n  border-bottom: 1px solid var(--tf-line);\n}\n\n#tb-free-hero .tf-step {\n  position: relative;\n  padding: 31px 24px 31px;\n  min-height: 178px;\n  border-left: 1px solid var(--tf-line);\n}\n\n#tb-free-hero .tf-step:last-child {\n  border-left: 0;\n}\n\n#tb-free-hero .tf-step::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 24px;\n  width: 39px;\n  height: 3px;\n  background: var(--tf-red);\n}\n\n#tb-free-hero .tf-step-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: 12px;\n  margin-bottom: 13px;\n}\n\n#tb-free-hero .tf-step-no {\n  color: var(--tf-red);\n  font-size: 13px;\n  font-weight: 800;\n  direction: ltr;\n}\n\n#tb-free-hero .tf-step h2 {\n  font-family: inherit;\n  font-size: 19px;\n  font-weight: 800;\n  line-height: 1.55;\n  color: var(--tf-ink);\n  margin: 0;\n}\n\n#tb-free-hero .tf-step p {\n  font-size: 13px;\n  color: var(--tf-muted);\n  line-height: 1.95;\n  margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 1050px) {\n  #tb-free-hero {\n    padding-top: 85px;\n  }\n\n  #tb-free-hero .tf-top {\n    gap: 40px;\n  }\n\n  #tb-free-hero h1.tf-title {\n    font-size: clamp(37px, 4.5vw, 52px);\n  }\n\n  #tb-free-hero .tf-step {\n    padding-inline: 16px;\n  }\n}\n\n@media (max-width: 800px) {\n  #tb-free-hero {\n    padding: 65px 20px 30px;\n  }\n\n  #tb-free-hero .tf-top {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    min-height: 0;\n  }\n\n  #tb-free-hero .tf-content {\n    padding-top: 0;\n  }\n\n  #tb-free-hero h1.tf-title {\n    font-size: clamp(36px, 7vw, 52px);\n  }\n\n  #tb-free-hero .tf-process-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  #tb-free-hero .tf-step:nth-child(2) {\n    border-left: 0;\n  }\n\n  #tb-free-hero .tf-step:nth-child(-n+2) {\n    border-bottom: 1px solid var(--tf-line);\n  }\n\n  #tb-free-hero .tf-process {\n    margin-top: 70px;\n  }\n}\n\n@media (max-width: 520px) {\n  #tb-free-hero {\n    padding: 50px 18px 28px;\n  }\n\n  #tb-free-hero .tf-eyebrow {\n    font-size: 12px;\n    margin-bottom: 22px;\n  }\n\n  #tb-free-hero h1.tf-title {\n    font-size: clamp(32px, 9vw, 43px);\n    line-height: 1.45;\n    letter-spacing: 0;\n  }\n\n  #tb-free-hero .tf-lead {\n    font-size: 16px;\n    line-height: 2;\n  }\n\n  #tb-free-hero .tf-sublead {\n    font-size: 14px;\n  }\n\n  #tb-free-hero .tf-actions {\n    align-items: stretch;\n  }\n\n  #tb-free-hero a.tf-btn {\n    width: 100%;\n  }\n\n  #tb-free-hero .tf-process-head {\n    display: block;\n  }\n\n  #tb-free-hero .tf-process-desc {\n    margin-top: 8px;\n  }\n\n  #tb-free-hero .tf-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-free-hero .tf-step,\n  #tb-free-hero .tf-step:nth-child(2) {\n    border-left: 0;\n    border-bottom: 1px solid var(--tf-line);\n    min-height: auto;\n    padding: 26px 12px;\n  }\n\n  #tb-free-hero .tf-step:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-free-hero .tf-step::before {\n    right: 12px;\n  }\n\n  #tb-free-hero .tf-process {\n    margin-top: 55px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-free-hero a.tf-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-hero\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-free-title\">\n\n  <div class=\"tf-container\">\n\n    <!-- HERO -->\n    <div class=\"tf-top\">\n\n      <!-- Heading -->\n      <div class=\"tf-head\">\n\n        <div class=\"tf-eyebrow\">\n          \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\n        <\/div>\n\n        <h1 class=\"tf-title\" id=\"tb-free-title\">\n          \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646:\n          <span class=\"tf-title-accent\">\n            \u0646\u0638\u0651\u0645 \u0639\u0645\u0644\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\n          <\/span>\n        <\/h1>\n\n      <\/div>\n\n      <!-- Description and CTAs -->\n      <div class=\"tf-content\">\n\n        <p class=\"tf-lead\">\n          \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0645\u0639 \u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c\n          \u064a\u0635\u0628\u062d \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n          \u062a\u062d\u062f\u064a\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627. \u0645\u0639\n          <strong>\u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632<\/strong>\u060c\n          \u064a\u0645\u0643\u0646\u0643 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0644\u0627\u0626\u0643\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0645\u0647\u0627\u0645\u0643\u060c\n          \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0627 \u0623\u0646\u062c\u0632\u062a\u0647\n          \u062f\u0648\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629.\n        <\/p>\n\n        <p class=\"tf-sublead\">\n          \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0645\u0635\u0645\u0645\u064b\u0627 \u0623\u0648 \u0645\u0637\u0648\u0631\u064b\u0627 \u0623\u0648 \u0643\u0627\u062a\u0628 \u0645\u062d\u062a\u0648\u0649\n          \u0623\u0648 \u0645\u0633\u062a\u0634\u0627\u0631\u064b\u0627 \u0645\u0633\u062a\u0642\u0644\u064b\u0627\u060c \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0645\u0627\u0644\u0643 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0648\u0642\u062a\n          \u0627\u0644\u0630\u064a \u062a\u062e\u0635\u0635\u0647 \u0644\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n        <div class=\"tf-actions\">\n\n          <a\n            class=\"tf-btn tf-primary\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span class=\"tf-btn-arrow\" aria-hidden=\"true\">\u2190<\/span>\n          <\/a>\n\n          <a\n            class=\"tf-btn tf-secondary\"\n            href=\"#tb-free-process\">\n            \u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0646\u0638\u0651\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0645\u0644\u0643\n            <span class=\"tf-btn-arrow\" aria-hidden=\"true\">\u2193<\/span>\n          <\/a>\n\n        <\/div>\n\n        <p class=\"tf-trial-note\">\n          \u0627\u0628\u062f\u0623 \u0628\u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0623\u0648 \u0627\u0633\u062a\u0643\u0634\u0641\n          \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u062e\u0644\u0627\u0644 \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u062c\u0631\u064a\u0628\u064a\u0629.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- FOUR-STEP WORKFLOW -->\n    <div class=\"tf-process\" id=\"tb-free-process\">\n\n      <div class=\"tf-process-head\">\n\n        <p class=\"tf-process-label\">\n          \u0645\u0646 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0625\u0644\u0649 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\n        <\/p>\n\n        <p class=\"tf-process-desc\">\n          \u062e\u0637\u0648\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\n        <\/p>\n\n      <\/div>\n\n      <div class=\"tf-process-grid\">\n\n        <!-- STEP 01 -->\n        <div class=\"tf-step\">\n\n          <div class=\"tf-step-top\">\n            <h2>\u0646\u0638\u0651\u0645<\/h2>\n            <span class=\"tf-step-no\">01<\/span>\n          <\/div>\n\n          <p>\n            \u0623\u0646\u0634\u0626 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0643\u0644 \u0639\u0645\u064a\u0644\u060c \u0648\u0627\u062c\u0645\u0639 \u0645\u0647\u0627\u0645\u0647\n            \u0648\u0645\u0644\u0641\u0627\u062a\u0647 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n        <\/div>\n\n        <!-- STEP 02 -->\n        <div class=\"tf-step\">\n\n          <div class=\"tf-step-top\">\n            <h2>\u062e\u0637\u0651\u0637<\/h2>\n            <span class=\"tf-step-no\">02<\/span>\n          <\/div>\n\n          <p>\n            \u062d\u062f\u0651\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0645\u0647\u0627\u0645\u0643 \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645\u060c\n            \u0648\u0648\u0632\u0651\u0639 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0623\u064a\u0627\u0645\u0643 \u0627\u0644\u0645\u062a\u0627\u062d\u0629.\n          <\/p>\n\n        <\/div>\n\n        <!-- STEP 03 -->\n        <div class=\"tf-step\">\n\n          <div class=\"tf-step-top\">\n            <h2>\u0633\u062c\u0651\u0644<\/h2>\n            <span class=\"tf-step-no\">03<\/span>\n          <\/div>\n\n          <p>\n            \u062a\u062a\u0628\u0651\u0639 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u0636\u064a\u0647\u0627\n            \u0641\u064a \u0643\u0644 \u0645\u0647\u0645\u0629\u060c \u0648\u0627\u062d\u062a\u0641\u0638 \u0628\u0633\u062c\u0644 \u0648\u0627\u0636\u062d \u0644\u0639\u0645\u0644\u0643.\n          <\/p>\n\n        <\/div>\n\n        <!-- STEP 04 -->\n        <div class=\"tf-step\">\n\n          <div class=\"tf-step-top\">\n            <h2>\u0631\u0627\u062c\u0639<\/h2>\n            <span class=\"tf-step-no\">04<\/span>\n          <\/div>\n\n          <p>\n            \u062a\u0627\u0628\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0631\u0627\u062c\u0639 \u0627\u0644\u0648\u0642\u062a\n            \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0642\u0628\u0644 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n          <\/p>\n\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 Freelancers \u2014 Section 02\n   Freelancer Challenges\n   ============================================ *\/\n\n#tb-free-challenges {\n  --tfc-red: #c8102e;\n  --tfc-bg: #202124;\n  --tfc-card: #292a2e;\n  --tfc-line: #414247;\n  --tfc-white: #ffffff;\n  --tfc-muted: #c3c4c8;\n  --tfc-soft: #989aa1;\n\n  width: 100%;\n  direction: rtl;\n  text-align: right;\n  background: var(--tfc-bg);\n  color: var(--tfc-white);\n  padding: 110px 24px 100px;\n  box-sizing: border-box;\n  overflow: hidden;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n}\n\n#tb-free-challenges *,\n#tb-free-challenges *::before,\n#tb-free-challenges *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-challenges .tfc-container {\n  max-width: 1380px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n\/* ===== Introduction ===== *\/\n\n#tb-free-challenges .tfc-heading {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n  gap: clamp(45px, 6vw, 100px);\n  align-items: center;\n  margin-bottom: 75px;\n}\n\n#tb-free-challenges .tfc-heading-main,\n#tb-free-challenges .tfc-heading-copy {\n  min-width: 0;\n}\n\n#tb-free-challenges .tfc-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 28px;\n  font-size: 14px;\n  font-weight: 700;\n  color: #ff819c;\n}\n\n#tb-free-challenges .tfc-eyebrow::before {\n  content: \"\";\n  width: 31px;\n  height: 2px;\n  flex: 0 0 31px;\n  background: var(--tfc-red);\n}\n\n#tb-free-challenges h2.tfc-title {\n  margin: 0;\n  font-size: clamp(40px, 4.3vw, 67px);\n  line-height: 1.38;\n  font-weight: 800;\n  letter-spacing: -.6px;\n  color: #fff;\n  font-family: inherit;\n  overflow-wrap: normal;\n}\n\n#tb-free-challenges .tfc-title-accent {\n  color: #ff8da5;\n}\n\n#tb-free-challenges .tfc-heading-copy p {\n  margin: 0;\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.15;\n  color: var(--tfc-muted);\n}\n\n\/* ===== Challenges Board ===== *\/\n\n#tb-free-challenges .tfc-board {\n  border: 1px solid var(--tfc-line);\n  border-radius: 25px;\n  overflow: hidden;\n  background: var(--tfc-card);\n}\n\n#tb-free-challenges .tfc-board-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 25px;\n  padding: 25px 32px;\n  border-bottom: 1px solid var(--tfc-line);\n}\n\n#tb-free-challenges .tfc-board-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 16px;\n  font-weight: 800;\n  color: #fff;\n}\n\n#tb-free-challenges .tfc-board-dot {\n  width: 9px;\n  height: 9px;\n  background: var(--tfc-red);\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n#tb-free-challenges .tfc-board-label {\n  font-size: 12px;\n  color: var(--tfc-soft);\n}\n\n\/* ===== Challenge Rows ===== *\/\n\n#tb-free-challenges .tfc-row {\n  display: grid;\n  grid-template-columns:\n    78px\n    minmax(0, .87fr)\n    minmax(0, 1.12fr)\n    minmax(0, 1fr);\n  gap: 24px;\n  align-items: center;\n  padding: 30px 32px;\n  border-bottom: 1px solid var(--tfc-line);\n}\n\n#tb-free-challenges .tfc-row:last-child {\n  border-bottom: 0;\n}\n\n#tb-free-challenges .tfc-number {\n  font-size: 32px;\n  font-weight: 800;\n  color: #ff829b;\n  line-height: 1;\n  direction: ltr;\n  text-align: right;\n}\n\n#tb-free-challenges .tfc-row h3 {\n  margin: 0;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 800;\n  line-height: 1.55;\n  font-family: inherit;\n}\n\n#tb-free-challenges .tfc-problem {\n  margin: 0;\n  color: #c7c8cd;\n  font-size: 14px;\n  line-height: 2;\n}\n\n#tb-free-challenges .tfc-impact {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  min-width: 0;\n  border-right: 2px solid var(--tfc-red);\n  padding-right: 16px;\n}\n\n#tb-free-challenges .tfc-impact-label {\n  display: block;\n  margin-bottom: 5px;\n  color: #ff98ae;\n  font-size: 11px;\n  font-weight: 800;\n}\n\n#tb-free-challenges .tfc-impact-text {\n  margin: 0;\n  color: #e1e1e4;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n\/* ===== Bottom Conversion Statement ===== *\/\n\n#tb-free-challenges .tfc-bottom {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 32px;\n  margin-top: 45px;\n  padding: 32px 36px;\n  border: 1px solid #5c3943;\n  border-radius: 18px;\n  background: #31272b;\n}\n\n#tb-free-challenges .tfc-bottom-heading {\n  margin: 0 0 10px;\n  color: #fff;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-free-challenges .tfc-bottom p {\n  margin: 0;\n  font-size: 15px;\n  line-height: 1.95;\n  color: #d4c8cc;\n}\n\n#tb-free-challenges .tfc-bottom-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  border: 1px solid #8a5360;\n  border-radius: 9px;\n  padding: 13px 20px;\n  min-height: 52px;\n  background: var(--tfc-red);\n  color: #fff !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 800;\n  transition:\n    background .2s ease,\n    border-color .2s ease;\n}\n\n#tb-free-challenges .tfc-bottom-link:hover {\n  background: #a80d26;\n  border-color: #a80d26;\n}\n\n#tb-free-challenges .tfc-bottom-link:focus-visible {\n  outline: 3px solid #ff9aaf;\n  outline-offset: 4px;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n\n  #tb-free-challenges {\n    padding: 85px 22px;\n  }\n\n  #tb-free-challenges .tfc-heading {\n    grid-template-columns: 1fr;\n    gap: 27px;\n    margin-bottom: 52px;\n  }\n\n  #tb-free-challenges .tfc-heading-copy {\n    max-width: 850px;\n  }\n\n  #tb-free-challenges .tfc-row {\n    grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1.4fr);\n    gap: 20px;\n  }\n\n  #tb-free-challenges .tfc-impact {\n    grid-column: 2 \/ -1;\n    margin-top: 3px;\n  }\n}\n\n@media (max-width: 760px) {\n\n  #tb-free-challenges {\n    padding: 65px 18px;\n  }\n\n  #tb-free-challenges h2.tfc-title {\n    font-size: clamp(36px, 8vw, 48px);\n  }\n\n  #tb-free-challenges .tfc-heading-copy p {\n    font-size: 17px;\n  }\n\n  #tb-free-challenges .tfc-board {\n    border-radius: 18px;\n  }\n\n  #tb-free-challenges .tfc-board-top {\n    padding: 21px 19px;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  #tb-free-challenges .tfc-row {\n    grid-template-columns: 43px minmax(0, 1fr);\n    padding: 26px 20px;\n    gap: 12px 15px;\n    align-items: start;\n  }\n\n  #tb-free-challenges .tfc-number {\n    font-size: 24px;\n    padding-top: 5px;\n  }\n\n  #tb-free-challenges .tfc-row h3 {\n    font-size: 19px;\n  }\n\n  #tb-free-challenges .tfc-problem {\n    grid-column: 2;\n  }\n\n  #tb-free-challenges .tfc-impact {\n    grid-column: 2;\n    margin-top: 7px;\n  }\n\n  #tb-free-challenges .tfc-bottom {\n    grid-template-columns: 1fr;\n    padding: 26px 22px;\n    gap: 25px;\n  }\n\n  #tb-free-challenges .tfc-bottom-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 420px) {\n\n  #tb-free-challenges h2.tfc-title {\n    font-size: 33px;\n  }\n\n  #tb-free-challenges .tfc-row {\n    padding: 23px 15px;\n    grid-template-columns: 35px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  #tb-free-challenges .tfc-row h3 {\n    font-size: 18px;\n  }\n\n  #tb-free-challenges .tfc-problem,\n  #tb-free-challenges .tfc-impact-text {\n    font-size: 12px;\n  }\n\n  #tb-free-challenges .tfc-bottom-heading {\n    font-size: 19px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-free-challenges .tfc-bottom-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-challenges\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-free-challenges-title\">\n\n  <div class=\"tfc-container\">\n\n    <!-- INTRODUCTION -->\n    <div class=\"tfc-heading\">\n\n      <div class=\"tfc-heading-main\">\n\n        <div class=\"tfc-eyebrow\">\n          \u062a\u062d\u062f\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\n        <\/div>\n\n        <h2\n          class=\"tfc-title\"\n          id=\"tb-free-challenges-title\">\n\n          \u062a\u0639\u0645\u0644 \u0644\u062d\u0633\u0627\u0628\u0643 \u0627\u0644\u062e\u0627\u0635\u060c\n          \u0644\u0643\u0646 <span class=\"tfc-title-accent\">\n            \u0625\u062f\u0627\u0631\u0629 \u0643\u0644 \u0634\u064a\u0621 \u0648\u062d\u062f\u0643\n          <\/span>\n          \u0644\u064a\u0633\u062a \u0633\u0647\u0644\u0629\n\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"tfc-heading-copy\">\n\n        <p>\n          \u0628\u0635\u0641\u062a\u0643 \u0645\u0633\u062a\u0642\u0644\u064b\u0627\u060c \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0643\n          \u0639\u0646\u062f \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628. \u0639\u0644\u064a\u0643 \u0623\u064a\u0636\u064b\u0627\n          \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c\n          \u0648\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.\n          \u0648\u0645\u0639 \u0632\u064a\u0627\u062f\u0629 \u0639\u062f\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0642\u062f \u062a\u0635\u0628\u062d\n          \u0625\u062f\u0627\u0631\u0629 \u0647\u0630\u0647 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0639\u0628\u0626\u064b\u0627 \u064a\u0633\u062a\u0647\u0644\u0643\n          \u0648\u0642\u062a\u0643 \u0648\u062a\u0631\u0643\u064a\u0632\u0643.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CHALLENGES BOARD -->\n    <div class=\"tfc-board\">\n\n      <div class=\"tfc-board-top\">\n\n        <div class=\"tfc-board-title\">\n          <span\n            class=\"tfc-board-dot\"\n            aria-hidden=\"true\"><\/span>\n\n          \u0623\u064a\u0646 \u062a\u0636\u064a\u0639 \u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0639\u0644\u0649 \u064a\u0648\u0645 \u0627\u0644\u0639\u0645\u0644\u061f\n        <\/div>\n\n        <div class=\"tfc-board-label\">\n          \u0623\u0631\u0628\u0639\u0629 \u062a\u062d\u062f\u064a\u0627\u062a \u0634\u0627\u0626\u0639\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n        <\/div>\n\n      <\/div>\n\n      <!-- CHALLENGE 01 -->\n      <article class=\"tfc-row\">\n\n        <div class=\"tfc-number\">\n          01\n        <\/div>\n\n        <h3>\n          \u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0639\u0645\u0644\u0627\u0621 \u0645\u062a\u0639\u062f\u062f\u0648\u0646\n        <\/h3>\n\n        <p class=\"tfc-problem\">\n          \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0639\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c\n          \u0648\u0645\u0644\u0641\u0627\u062a \u0645\u0634\u0631\u0648\u0639 \u0641\u064a \u0645\u0643\u0627\u0646 \u0622\u062e\u0631\u060c\n          \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0648\u0632\u0639\u0629 \u0628\u064a\u0646 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629.\n        <\/p>\n\n        <div class=\"tfc-impact\">\n\n          <div>\n            <span class=\"tfc-impact-label\">\n              \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n            <\/span>\n\n            <p class=\"tfc-impact-text\">\n              \u0635\u0639\u0648\u0628\u0629 \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0645\u0646 \u0643\u0644 \u0639\u0645\u064a\u0644\n              \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- CHALLENGE 02 -->\n      <article class=\"tfc-row\">\n\n        <div class=\"tfc-number\">\n          02\n        <\/div>\n\n        <h3>\n          \u0645\u0648\u0627\u0639\u064a\u062f \u062a\u0633\u0644\u064a\u0645 \u0645\u062a\u062f\u0627\u062e\u0644\u0629\n        <\/h3>\n\n        <p class=\"tfc-problem\">\n          \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u0634\u0631\u0648\u0639\u060c\n          \u062b\u0645 \u064a\u0638\u0647\u0631 \u0637\u0644\u0628 \u0639\u0627\u062c\u0644 \u0623\u0648 \u064a\u062a\u0623\u062e\u0631 \u0625\u0646\u062c\u0627\u0632 \u0645\u0647\u0645\u0629\u060c\n          \u0641\u062a\u062a\u0623\u062b\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u062a\u064a \u0627\u0644\u062a\u0632\u0645\u062a \u0628\u0647\u0627.\n        <\/p>\n\n        <div class=\"tfc-impact\">\n\n          <div>\n            <span class=\"tfc-impact-label\">\n              \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n            <\/span>\n\n            <p class=\"tfc-impact-text\">\n              \u0636\u063a\u0637 \u0641\u064a \u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u062e\u064a\u0631\u0629 \u0648\u0627\u062d\u062a\u0645\u0627\u0644\n              \u0627\u0644\u062a\u0623\u062e\u0631 \u0641\u064a \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0639\u0645\u0644.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- CHALLENGE 03 -->\n      <article class=\"tfc-row\">\n\n        <div class=\"tfc-number\">\n          03\n        <\/div>\n\n        <h3>\n          \u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644 \u063a\u064a\u0631 \u0645\u0633\u062c\u0651\u0644\u0629\n        <\/h3>\n\n        <p class=\"tfc-problem\">\n          \u062a\u0642\u0636\u064a \u0648\u0642\u062a\u064b\u0627 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0639\u062f\u064a\u0644\n          \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u060c\n          \u0644\u0643\u0646\u0643 \u0644\u0627 \u062a\u0633\u062c\u0651\u0644 \u062c\u0645\u064a\u0639 \u0627\u0644\u0633\u0627\u0639\u0627\u062a\n          \u0627\u0644\u062a\u064a \u062e\u0635\u0635\u062a\u0647\u0627 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\n        <\/p>\n\n        <div class=\"tfc-impact\">\n\n          <div>\n            <span class=\"tfc-impact-label\">\n              \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n            <\/span>\n\n            <p class=\"tfc-impact-text\">\n              \u0635\u0639\u0648\u0628\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u062d\u0642\u064a\u0642\u064a\n              \u0648\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u0627\u062a\u0641\u0627\u0642\n              \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0623\u062c\u0631 \u0628\u0627\u0644\u0633\u0627\u0639\u0629.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- CHALLENGE 04 -->\n      <article class=\"tfc-row\">\n\n        <div class=\"tfc-number\">\n          04\n        <\/div>\n\n        <h3>\n          \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u063a\u064a\u0631 \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n        <\/h3>\n\n        <p class=\"tfc-problem\">\n          \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0645\u0634\u0631\u0648\u0639 \u062c\u062f\u064a\u062f \u062f\u0648\u0646 \u0627\u0644\u0631\u062c\u0648\u0639\n          \u0625\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u063a\u0631\u0642\u062a\u0647 \u0623\u0639\u0645\u0627\u0644\n          \u0645\u0634\u0627\u0628\u0647\u0629\u060c \u0641\u062a\u0643\u062a\u0634\u0641 \u0644\u0627\u062d\u0642\u064b\u0627 \u0623\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062c\u0647\u062f \u0623\u0643\u0628\u0631 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n        <\/p>\n\n        <div class=\"tfc-impact\">\n\n          <div>\n            <span class=\"tfc-impact-label\">\n              \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n            <\/span>\n\n            <p class=\"tfc-impact-text\">\n              \u062a\u0633\u0639\u064a\u0631 \u063a\u064a\u0631 \u062f\u0642\u064a\u0642\u060c \u0648\u0635\u0639\u0648\u0628\u0629\n              \u0641\u064a \u062a\u062e\u0635\u064a\u0635 \u0648\u0642\u062a \u0643\u0627\u0641\u064d \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- TRANSITION TO SOLUTION -->\n    <div class=\"tfc-bottom\">\n\n      <div>\n\n        <h3 class=\"tfc-bottom-heading\">\n          \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0643\u0644 \u0647\u0630\u0647 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644\n          \u0628\u0623\u062f\u0648\u0627\u062a \u0645\u0646\u0641\u0635\u0644\u0629\n        <\/h3>\n\n        <p>\n          \u064a\u062c\u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c\n          \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a\n          \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0628\u064a\u0626\u0629 \u0648\u0627\u062d\u062f\u0629.\n          \u0644\u0630\u0644\u0643 \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629\n          \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u0644\u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u0643\n          \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639\n          \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tfc-bottom-link\"\n        href=\"#tb-free-projects\">\n\n        \u0627\u0643\u062a\u0634\u0641 \u0637\u0631\u064a\u0642\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ==========================================\n   TaskBrowse Freelancers \u2014 Section 03\n   Client Projects & Task Management\n   ========================================== *\/\n\n#tb-free-projects {\n  --tfp-red: #c8102e;\n  --tfp-ink: #17191d;\n  --tfp-muted: #666971;\n  --tfp-border: #e4e4e6;\n  --tfp-soft: #f7f7f8;\n\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 110px 24px;\n  background: #fff;\n  color: var(--tfp-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-free-projects *,\n#tb-free-projects *::before,\n#tb-free-projects *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-projects .tfp-container {\n  width: 100%;\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* Heading *\/\n\n#tb-free-projects .tfp-heading {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(0, .95fr);\n  gap: clamp(45px, 6vw, 100px);\n  align-items: center;\n  margin-bottom: 70px;\n}\n\n#tb-free-projects .tfp-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tfp-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-free-projects .tfp-eyebrow::before {\n  content: \"\";\n  width: 31px;\n  height: 2px;\n  background: var(--tfp-red);\n  flex: 0 0 31px;\n}\n\n#tb-free-projects h2.tfp-title {\n  margin: 0;\n  max-width: 730px;\n  color: var(--tfp-ink);\n  font-family: inherit;\n  font-size: clamp(40px, 4.3vw, 67px);\n  font-weight: 800;\n  line-height: 1.35;\n  letter-spacing: -.5px;\n}\n\n#tb-free-projects .tfp-title span {\n  color: var(--tfp-red);\n}\n\n#tb-free-projects .tfp-intro {\n  margin: 0;\n  color: #565960;\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.1;\n}\n\n\/* Main Layout *\/\n\n#tb-free-projects .tfp-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .88fr)\n    minmax(0, 1.12fr);\n  align-items: center;\n  gap: 65px;\n}\n\n\/* Features *\/\n\n#tb-free-projects .tfp-features {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n\n#tb-free-projects .tfp-feature {\n  display: grid;\n  grid-template-columns: 54px minmax(0, 1fr);\n  gap: 19px;\n  align-items: start;\n  padding: 27px 0;\n  border-bottom: 1px solid var(--tfp-border);\n}\n\n#tb-free-projects .tfp-feature:first-child {\n  padding-top: 0;\n}\n\n#tb-free-projects .tfp-feature:last-child {\n  border-bottom: 0;\n}\n\n#tb-free-projects .tfp-feature-icon {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #ebd2d7;\n  border-radius: 13px;\n  color: var(--tfp-red);\n  background: #fff6f8;\n}\n\n#tb-free-projects .tfp-feature-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-free-projects .tfp-feature h3 {\n  margin: 0 0 8px;\n  font-family: inherit;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.5;\n  color: var(--tfp-ink);\n}\n\n#tb-free-projects .tfp-feature p {\n  margin: 0;\n  color: var(--tfp-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n\/* Dashboard *\/\n\n#tb-free-projects .tfp-dashboard {\n  min-width: 0;\n  border: 1px solid #dedfe2;\n  border-radius: 23px;\n  background: #fff;\n  box-shadow: 0 25px 70px rgba(0,0,0,.065);\n  overflow: hidden;\n}\n\n#tb-free-projects .tfp-dashboard-top {\n  padding: 23px 25px;\n  border-bottom: 1px solid var(--tfp-border);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n}\n\n#tb-free-projects .tfp-dashboard-top h3 {\n  font-family: inherit;\n  font-size: 19px;\n  font-weight: 800;\n  margin: 0 0 5px;\n  color: var(--tfp-ink);\n}\n\n#tb-free-projects .tfp-dashboard-top p {\n  font-size: 12px;\n  margin: 0;\n  color: #888a91;\n}\n\n#tb-free-projects .tfp-dashboard-demo {\n  font-size: 11px;\n  color: #8a8c92;\n  white-space: nowrap;\n  border: 1px solid var(--tfp-border);\n  padding: 7px 11px;\n  border-radius: 8px;\n}\n\n\/* Project List *\/\n\n#tb-free-projects .tfp-project-list {\n  padding: 21px;\n  background: #fafafa;\n  display: grid;\n  gap: 13px;\n}\n\n#tb-free-projects .tfp-project {\n  background: #fff;\n  border: 1px solid #e5e5e7;\n  border-radius: 13px;\n  padding: 17px 19px;\n}\n\n#tb-free-projects .tfp-project.active {\n  border-color: #edbfc9;\n  border-right: 3px solid var(--tfp-red);\n  background: #fffafa;\n}\n\n#tb-free-projects .tfp-project-top {\n  display: flex;\n  justify-content: space-between;\n  gap: 14px;\n  align-items: start;\n}\n\n#tb-free-projects .tfp-project-name {\n  font-size: 15px;\n  font-weight: 800;\n  color: #24262b;\n  line-height: 1.5;\n}\n\n#tb-free-projects .tfp-project-client {\n  font-size: 11px;\n  color: #92949a;\n  margin-top: 5px;\n}\n\n#tb-free-projects .tfp-project-status {\n  font-size: 10px;\n  font-weight: 700;\n  white-space: nowrap;\n  border-radius: 7px;\n  padding: 5px 9px;\n  background: #f0f1f3;\n  color: #60626a;\n}\n\n#tb-free-projects .tfp-project-status.working {\n  color: #a50b28;\n  background: #fff0f3;\n}\n\n#tb-free-projects .tfp-project-status.done {\n  color: #277950;\n  background: #eaf6ef;\n}\n\n#tb-free-projects .tfp-progress {\n  margin-top: 17px;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 13px;\n}\n\n#tb-free-projects .tfp-progress-track {\n  height: 6px;\n  background: #ededf0;\n  overflow: hidden;\n  border-radius: 10px;\n}\n\n#tb-free-projects .tfp-progress-fill {\n  height: 100%;\n  display: block;\n  border-radius: inherit;\n  background: var(--tfp-red);\n}\n\n#tb-free-projects .tfp-progress-fill.green {\n  background: #35865d;\n}\n\n#tb-free-projects .tfp-progress-fill.gray {\n  background: #9599a2;\n}\n\n#tb-free-projects .tfp-progress-value {\n  color: #74767e;\n  font-size: 11px;\n  font-weight: 700;\n  direction: ltr;\n}\n\n\/* Selected project detail *\/\n\n#tb-free-projects .tfp-detail {\n  border-top: 1px solid var(--tfp-border);\n  padding: 24px 26px;\n}\n\n#tb-free-projects .tfp-detail-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 15px;\n  margin-bottom: 15px;\n}\n\n#tb-free-projects .tfp-detail-title {\n  margin: 0;\n  font-size: 15px;\n  font-weight: 800;\n  color: #272930;\n}\n\n#tb-free-projects .tfp-detail-count {\n  color: #94969c;\n  font-size: 11px;\n}\n\n#tb-free-projects .tfp-task {\n  display: grid;\n  grid-template-columns: 20px minmax(0,1fr) auto;\n  gap: 12px;\n  align-items: center;\n  padding: 12px 0;\n  border-bottom: 1px solid #eff0f1;\n}\n\n#tb-free-projects .tfp-task:last-child {\n  border-bottom: 0;\n}\n\n#tb-free-projects .tfp-task-check {\n  width: 18px;\n  height: 18px;\n  border: 1.5px solid #b5b7be;\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  color: #fff;\n}\n\n#tb-free-projects .tfp-task-check.checked {\n  background: #35865d;\n  border-color: #35865d;\n}\n\n#tb-free-projects .tfp-task-name {\n  font-size: 12px;\n  color: #55575d;\n  line-height: 1.6;\n}\n\n#tb-free-projects .tfp-task-date {\n  font-size: 11px;\n  direction: ltr;\n  color: #92949b;\n  white-space: nowrap;\n}\n\n\/* Dashboard Footer *\/\n\n#tb-free-projects .tfp-dashboard-foot {\n  background: #202124;\n  color: #fff;\n  padding: 20px 25px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 18px;\n}\n\n#tb-free-projects .tfp-dashboard-foot span {\n  font-size: 12px;\n  color: #d4d5d9;\n  line-height: 1.8;\n}\n\n#tb-free-projects .tfp-dashboard-foot strong {\n  color: #fff;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* Closing Note *\/\n\n#tb-free-projects .tfp-note {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  gap: 30px;\n  align-items: center;\n  margin-top: 65px;\n  padding: 29px 33px;\n  border-top: 1px solid #dedfe2;\n  border-bottom: 1px solid #dedfe2;\n}\n\n#tb-free-projects .tfp-note h3 {\n  margin: 0 0 8px;\n  font-size: 20px;\n  font-weight: 800;\n  color: var(--tfp-ink);\n}\n\n#tb-free-projects .tfp-note p {\n  margin: 0;\n  color: var(--tfp-muted);\n  font-size: 14px;\n  line-height: 1.95;\n}\n\n#tb-free-projects .tfp-note a {\n  min-height: 48px;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 18px;\n  color: var(--tfp-red) !important;\n  background: #fff;\n  border: 1px solid #e2b4c0;\n  border-radius: 9px;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  white-space: nowrap;\n}\n\n#tb-free-projects .tfp-note a:hover {\n  background: #fff5f7;\n}\n\n#tb-free-projects .tfp-note a:focus-visible {\n  outline: 3px solid var(--tfp-red);\n  outline-offset: 3px;\n}\n\n\/* Responsive *\/\n\n@media (max-width: 1100px) {\n  #tb-free-projects {\n    padding: 85px 22px;\n  }\n\n  #tb-free-projects .tfp-heading {\n    grid-template-columns: 1fr;\n    gap: 26px;\n    margin-bottom: 50px;\n  }\n\n  #tb-free-projects .tfp-main {\n    grid-template-columns: 1fr;\n    gap: 45px;\n  }\n\n  #tb-free-projects .tfp-dashboard {\n    max-width: 850px;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  #tb-free-projects .tfp-features {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 20px 30px;\n  }\n\n  #tb-free-projects .tfp-feature {\n    border-bottom: 1px solid var(--tfp-border);\n    padding: 22px 0;\n  }\n\n  #tb-free-projects .tfp-feature:first-child {\n    padding-top: 22px;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-free-projects {\n    padding: 65px 18px;\n  }\n\n  #tb-free-projects h2.tfp-title {\n    font-size: clamp(35px, 8vw, 46px);\n  }\n\n  #tb-free-projects .tfp-intro {\n    font-size: 17px;\n  }\n\n  #tb-free-projects .tfp-features {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n\n  #tb-free-projects .tfp-feature {\n    grid-template-columns: 45px minmax(0,1fr);\n    gap: 14px;\n    padding: 24px 0;\n  }\n\n  #tb-free-projects .tfp-feature:first-child {\n    padding-top: 0;\n  }\n\n  #tb-free-projects .tfp-feature-icon {\n    width: 43px;\n    height: 43px;\n  }\n\n  #tb-free-projects .tfp-feature h3 {\n    font-size: 18px;\n  }\n\n  #tb-free-projects .tfp-dashboard-top,\n  #tb-free-projects .tfp-detail {\n    padding: 20px 17px;\n  }\n\n  #tb-free-projects .tfp-project-list {\n    padding: 14px;\n  }\n\n  #tb-free-projects .tfp-project {\n    padding: 15px;\n  }\n\n  #tb-free-projects .tfp-note {\n    grid-template-columns: 1fr;\n    gap: 20px;\n    margin-top: 48px;\n    padding: 27px 0;\n  }\n\n  #tb-free-projects .tfp-note a {\n    width: fit-content;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-free-projects h2.tfp-title {\n    font-size: 33px;\n  }\n\n  #tb-free-projects .tfp-dashboard-top {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  #tb-free-projects .tfp-project-top {\n    flex-wrap: wrap;\n  }\n\n  #tb-free-projects .tfp-dashboard-foot {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-projects\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-free-projects-title\">\n\n  <div class=\"tfp-container\">\n\n    <!-- HEADING -->\n    <div class=\"tfp-heading\">\n\n      <div>\n        <div class=\"tfp-eyebrow\">\n          \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n        <\/div>\n\n        <h2\n          class=\"tfp-title\"\n          id=\"tb-free-projects-title\">\n          \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0644\u0639\u0645\u064a\u0644\u0643\u060c\n          <span>\u0648\u0643\u0644 \u0645\u0647\u0645\u0629 \u0641\u064a \u0645\u0643\u0627\u0646\u0647\u0627<\/span>\n        <\/h2>\n      <\/div>\n\n      <p class=\"tfp-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u062f\u064a\u0631 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c\n        \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0645\u0647\u0627\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\n        \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u060c \u062f\u0648\u0646 \u0627\u0644\u062e\u0644\u0637 \u0628\u064a\u0646\n        \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u064a\u062a\u064a\u062d \u0644\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        \u062a\u0646\u0638\u064a\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0628\u0635\u0648\u0631\u0629 \u0645\u0633\u062a\u0642\u0644\u0629\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629\n        \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN -->\n    <div class=\"tfp-main\">\n\n      <!-- FEATURES -->\n      <div class=\"tfp-features\">\n\n        <!-- Feature 01 -->\n        <article class=\"tfp-feature\">\n          <div class=\"tfp-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 7h6l2 3h10v9H3z\"\/>\n              <path d=\"M3 7V5h7l2 2\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\u0645\u0634\u0631\u0648\u0639 \u0645\u0633\u062a\u0642\u0644 \u0644\u0643\u0644 \u0639\u0645\u064a\u0644<\/h3>\n            <p>\n              \u0623\u0646\u0634\u0626 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0644\u0643\u0644 \u0639\u0645\u064a\u0644 \u0623\u0648 \u0639\u0642\u062f\u060c\n              \u0648\u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\n              \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647 \u0641\u064a \u0645\u0633\u0627\u062d\u0629 \u0645\u0646\u0638\u0645\u0629.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Feature 02 -->\n        <article class=\"tfp-feature\">\n          <div class=\"tfp-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 5h16v14H4z\"\/>\n              <path d=\"m8 10 2 2 4-4\"\/>\n              <path d=\"M8 16h9\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\u0642\u0633\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0648\u0627\u0636\u062d\u0629<\/h3>\n            <p>\n              \u062d\u062f\u0651\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0648\u062a\u0648\u0627\u0631\u064a\u062e\n              \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\u060c \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u060c\n              \u062d\u062a\u0649 \u062a\u0639\u0631\u0641 \u0645\u0627 \u0623\u064f\u0646\u062c\u0632 \u0648\u0645\u0627 \u064a\u0646\u062a\u0638\u0631 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Feature 03 -->\n        <article class=\"tfp-feature\">\n          <div class=\"tfp-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 3h10l4 4v14H5z\"\/>\n              <path d=\"M15 3v5h4\"\/>\n              <path d=\"M8 13h8M8 17h6\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a<\/h3>\n            <p>\n              \u0623\u0631\u0641\u0642 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0645\u0647\u0627\u0645\n              \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u062f\u0648\u0651\u0646 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0647\u0645\u0629\n              \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u064a\u0647\u0627 \u0628\u0633\u0647\u0648\u0644\u0629.\n            <\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Feature 04 -->\n        <article class=\"tfp-feature\">\n          <div class=\"tfp-feature-icon\"\n               aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M4 19V5\"\/>\n              <path d=\"M4 19h17\"\/>\n              <path d=\"M7 15l4-4 3 2 5-7\"\/>\n            <\/svg>\n          <\/div>\n\n          <div>\n            <h3>\u062a\u0627\u0628\u0639 \u062a\u0642\u062f\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/h3>\n            <p>\n              \u0631\u0627\u062c\u0639 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644\u060c\n              \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0623\u0648 \u0627\u0644\u062a\u064a\n              \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <!-- ILLUSTRATIVE PROJECT DASHBOARD -->\n      <div\n        class=\"tfp-dashboard\"\n        aria-label=\"\u0646\u0645\u0648\u0630\u062c \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\">\n\n        <div class=\"tfp-dashboard-top\">\n          <div>\n            <h3>\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n            <p>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062c\u0627\u0631\u064a\u0629<\/p>\n          <\/div>\n\n          <span class=\"tfp-dashboard-demo\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/span>\n        <\/div>\n\n        <!-- PROJECTS -->\n        <div class=\"tfp-project-list\">\n\n          <!-- Project 01 -->\n          <div class=\"tfp-project active\">\n\n            <div class=\"tfp-project-top\">\n              <div>\n                <div class=\"tfp-project-name\">\n                  \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\n                <\/div>\n                <div class=\"tfp-project-client\">\n                  \u0627\u0644\u0639\u0645\u064a\u0644: \u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0641\u0642\n                <\/div>\n              <\/div>\n\n              <span class=\"tfp-project-status working\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              <\/span>\n            <\/div>\n\n            <div class=\"tfp-progress\">\n              <div class=\"tfp-progress-track\">\n                <span class=\"tfp-progress-fill\"\n                      style=\"width:65%\"><\/span>\n              <\/div>\n              <span class=\"tfp-progress-value\">65%<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Project 02 -->\n          <div class=\"tfp-project\">\n\n            <div class=\"tfp-project-top\">\n              <div>\n                <div class=\"tfp-project-name\">\n                  \u0625\u0639\u062f\u0627\u062f \u0645\u062d\u062a\u0648\u0649 \u062a\u0633\u0648\u064a\u0642\u064a\n                <\/div>\n                <div class=\"tfp-project-client\">\n                  \u0627\u0644\u0639\u0645\u064a\u0644: \u0645\u062a\u062c\u0631 \u0627\u0644\u0646\u0648\u0631\n                <\/div>\n              <\/div>\n\n              <span class=\"tfp-project-status\">\n                \u0642\u064a\u062f \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n              <\/span>\n            <\/div>\n\n            <div class=\"tfp-progress\">\n              <div class=\"tfp-progress-track\">\n                <span class=\"tfp-progress-fill gray\"\n                      style=\"width:25%\"><\/span>\n              <\/div>\n              <span class=\"tfp-progress-value\">25%<\/span>\n            <\/div>\n\n          <\/div>\n\n          <!-- Project 03 -->\n          <div class=\"tfp-project\">\n\n            <div class=\"tfp-project-top\">\n              <div>\n                <div class=\"tfp-project-name\">\n                  \u062a\u0637\u0648\u064a\u0631 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645\n                <\/div>\n                <div class=\"tfp-project-client\">\n                  \u0627\u0644\u0639\u0645\u064a\u0644: \u0645\u0624\u0633\u0633\u0629 \u0645\u062f\u0627\u0631\n                <\/div>\n              <\/div>\n\n              <span class=\"tfp-project-status done\">\n                \u0645\u0643\u062a\u0645\u0644\n              <\/span>\n            <\/div>\n\n            <div class=\"tfp-progress\">\n              <div class=\"tfp-progress-track\">\n                <span class=\"tfp-progress-fill green\"\n                      style=\"width:100%\"><\/span>\n              <\/div>\n              <span class=\"tfp-progress-value\">100%<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT TASKS -->\n        <div class=\"tfp-detail\">\n\n          <div class=\"tfp-detail-head\">\n            <h3 class=\"tfp-detail-title\">\n              \u0645\u0647\u0627\u0645 \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0642\u0639\n            <\/h3>\n\n            <span class=\"tfp-detail-count\">\n              4 \u0645\u0647\u0627\u0645\n            <\/span>\n          <\/div>\n\n          <div class=\"tfp-task\">\n            <span class=\"tfp-task-check checked\"\n                  aria-hidden=\"true\">\u2713<\/span>\n            <span class=\"tfp-task-name\">\n              \u062c\u0645\u0639 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a\n            <\/span>\n            <span class=\"tfp-task-date\">12\/10<\/span>\n          <\/div>\n\n          <div class=\"tfp-task\">\n            <span class=\"tfp-task-check checked\"\n                  aria-hidden=\"true\">\u2713<\/span>\n            <span class=\"tfp-task-name\">\n              \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0648\u0644\u064a\n            <\/span>\n            <span class=\"tfp-task-date\">14\/10<\/span>\n          <\/div>\n\n          <div class=\"tfp-task\">\n            <span class=\"tfp-task-check\"\n                  aria-hidden=\"true\"><\/span>\n            <span class=\"tfp-task-name\">\n              \u062a\u0637\u0648\u064a\u0631 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639\n            <\/span>\n            <span class=\"tfp-task-date\">20\/10<\/span>\n          <\/div>\n\n          <div class=\"tfp-task\">\n            <span class=\"tfp-task-check\"\n                  aria-hidden=\"true\"><\/span>\n            <span class=\"tfp-task-name\">\n              \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u062a\u0633\u0644\u064a\u0645\n            <\/span>\n            <span class=\"tfp-task-date\">25\/10<\/span>\n          <\/div>\n\n        <\/div>\n\n        <!-- FOOTER -->\n        <div class=\"tfp-dashboard-foot\">\n          <span>\n            \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0648\u0645\u0647\u0627\u0645 \u0648\u0645\u0644\u0641\u0627\u062a\n            \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n          <\/span>\n          <strong>\u0643\u0644 \u0634\u064a\u0621 \u0641\u064a \u0645\u0643\u0627\u0646\u0647<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tfp-note\">\n\n      <div>\n        <h3>\n          \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\n        <\/h3>\n\n        <p>\n          \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c\n          \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c\n          \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0639\u0645\u0644 \u0628\u0645\u0641\u0631\u062f\u0643 \u0623\u0648 \u062a\u062a\u0639\u0627\u0648\u0646\n          \u0645\u0639 \u0623\u0634\u062e\u0627\u0635 \u0622\u062e\u0631\u064a\u0646.\n        <\/p>\n      <\/div>\n\n      <a href=\"https:\/\/taskbrowse.com\/ar\/idarat-maham-sahla\/\">\n        \u0627\u0643\u062a\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n        <span aria-hidden=\"true\">\u2190<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ============================================\n   TaskBrowse Freelancers \u2014 Section 04\n   Time Planning & Tracking\n   ============================================ *\/\n\n#tb-free-time {\n  --tft-red: #c8102e;\n  --tft-bg: #202124;\n  --tft-panel: #292a2e;\n  --tft-border: #414247;\n  --tft-muted: #c6c7cb;\n  --tft-faint: #999ba2;\n\n  width: 100%;\n  padding: 110px 24px 100px;\n  background: var(--tft-bg);\n  color: #fff;\n  direction: rtl;\n  text-align: right;\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-free-time *,\n#tb-free-time *::before,\n#tb-free-time *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-time .tft-container {\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* Section header *\/\n\n#tb-free-time .tft-head {\n  display: grid;\n  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);\n  align-items: center;\n  gap: clamp(40px,6vw,95px);\n  margin-bottom: 70px;\n}\n\n#tb-free-time .tft-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 27px;\n  color: #ff8da5;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-free-time .tft-eyebrow::before {\n  content: \"\";\n  width: 31px;\n  height: 2px;\n  flex: 0 0 31px;\n  background: var(--tft-red);\n}\n\n#tb-free-time h2.tft-title {\n  max-width: 720px;\n  margin: 0;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(40px,4.3vw,67px);\n  font-weight: 800;\n  line-height: 1.36;\n  letter-spacing: -.5px;\n}\n\n#tb-free-time .tft-title span {\n  color: #ff91aa;\n}\n\n#tb-free-time .tft-intro {\n  margin: 0;\n  color: var(--tft-muted);\n  font-size: clamp(17px,1.4vw,20px);\n  line-height: 2.15;\n}\n\n\/* Main dashboard *\/\n\n#tb-free-time .tft-dashboard {\n  border: 1px solid var(--tft-border);\n  border-radius: 24px;\n  background: var(--tft-panel);\n  overflow: hidden;\n}\n\n#tb-free-time .tft-dashboard-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding: 26px 32px;\n  border-bottom: 1px solid var(--tft-border);\n}\n\n#tb-free-time .tft-dashboard-heading {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: #fff;\n  font-size: 17px;\n  font-weight: 800;\n}\n\n#tb-free-time .tft-dot {\n  width: 9px;\n  height: 9px;\n  flex: 0 0 9px;\n  border-radius: 50%;\n  background: var(--tft-red);\n}\n\n#tb-free-time .tft-demo-label {\n  color: var(--tft-faint);\n  font-size: 12px;\n}\n\n\/* Metrics *\/\n\n#tb-free-time .tft-stats {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  border-bottom: 1px solid var(--tft-border);\n}\n\n#tb-free-time .tft-stat {\n  padding: 30px 34px;\n  border-left: 1px solid var(--tft-border);\n}\n\n#tb-free-time .tft-stat:last-child {\n  border-left: none;\n}\n\n#tb-free-time .tft-stat-label {\n  margin: 0 0 11px;\n  font-size: 13px;\n  color: #aaaab1;\n}\n\n#tb-free-time .tft-stat-value {\n  color: #fff;\n  font-size: clamp(26px,3vw,40px);\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n#tb-free-time .tft-stat-value.accent {\n  color: #ff91aa;\n}\n\n#tb-free-time .tft-stat-note {\n  margin: 8px 0 0;\n  font-size: 12px;\n  color: #a4a5ab;\n}\n\n\/* Comparison chart *\/\n\n#tb-free-time .tft-chart {\n  padding: 37px 34px 40px;\n}\n\n#tb-free-time .tft-chart-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 18px;\n  margin-bottom: 34px;\n}\n\n#tb-free-time .tft-chart-title {\n  color: #fff;\n  font-size: 19px;\n  font-weight: 800;\n  margin: 0;\n}\n\n#tb-free-time .tft-legend {\n  display: flex;\n  gap: 22px;\n  flex-wrap: wrap;\n}\n\n#tb-free-time .tft-legend-item {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  color: #bdbec4;\n  font-size: 12px;\n}\n\n#tb-free-time .tft-legend-dot {\n  width: 10px;\n  height: 10px;\n  border-radius: 3px;\n  background: #777982;\n}\n\n#tb-free-time .tft-legend-dot.actual {\n  background: var(--tft-red);\n}\n\n\/* Chart rows *\/\n\n#tb-free-time .tft-project-row {\n  display: grid;\n  grid-template-columns: minmax(150px,.85fr) minmax(0,2fr);\n  gap: 28px;\n  align-items: center;\n  padding: 20px 0;\n  border-bottom: 1px solid #3d3e43;\n}\n\n#tb-free-time .tft-project-row:last-child {\n  border-bottom: none;\n}\n\n#tb-free-time .tft-project-name {\n  color: #fff;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.65;\n}\n\n#tb-free-time .tft-project-client {\n  color: #a2a3aa;\n  font-size: 12px;\n  margin-top: 5px;\n}\n\n#tb-free-time .tft-bars {\n  display: grid;\n  gap: 12px;\n}\n\n#tb-free-time .tft-bar-row {\n  display: grid;\n  grid-template-columns: 57px minmax(0,1fr) 62px;\n  align-items: center;\n  gap: 13px;\n}\n\n#tb-free-time .tft-bar-label {\n  font-size: 12px;\n  color: #b5b5bb;\n}\n\n#tb-free-time .tft-bar-track {\n  height: 12px;\n  background: #393b40;\n  border-radius: 100px;\n  overflow: hidden;\n}\n\n#tb-free-time .tft-bar-fill {\n  display: block;\n  height: 100%;\n  background: #858790;\n  border-radius: inherit;\n}\n\n#tb-free-time .tft-bar-fill.actual {\n  background: var(--tft-red);\n}\n\n#tb-free-time .tft-bar-value {\n  font-size: 13px;\n  font-weight: 700;\n  color: #fff;\n  direction: ltr;\n  text-align: left;\n  white-space: nowrap;\n}\n\n\/* Insight *\/\n\n#tb-free-time .tft-insight {\n  display: grid;\n  grid-template-columns: auto minmax(0,1fr);\n  gap: 17px;\n  align-items: start;\n  margin: 0 34px 32px;\n  padding: 22px 24px;\n  border: 1px solid #66404c;\n  border-radius: 14px;\n  background: #36292e;\n}\n\n#tb-free-time .tft-insight-icon {\n  width: 37px;\n  height: 37px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ff9aae;\n  background: #4a3039;\n  font-size: 21px;\n  font-weight: 800;\n}\n\n#tb-free-time .tft-insight h3 {\n  margin: 0 0 8px;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-free-time .tft-insight p {\n  margin: 0;\n  color: #d8cdd1;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* Feature strip *\/\n\n#tb-free-time .tft-features {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n  gap: 0;\n  margin-top: 70px;\n  border-top: 1px solid var(--tft-border);\n  border-bottom: 1px solid var(--tft-border);\n}\n\n#tb-free-time .tft-feature {\n  position: relative;\n  padding: 32px 27px;\n  border-left: 1px solid var(--tft-border);\n}\n\n#tb-free-time .tft-feature:last-child {\n  border-left: 0;\n}\n\n#tb-free-time .tft-feature::before {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: 27px;\n  width: 35px;\n  height: 3px;\n  background: var(--tft-red);\n}\n\n#tb-free-time .tft-feature-no {\n  color: #ff8da5;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n#tb-free-time .tft-feature h3 {\n  margin: 0 0 11px;\n  color: #fff;\n  font-size: 21px;\n  font-weight: 800;\n  line-height: 1.6;\n}\n\n#tb-free-time .tft-feature p {\n  margin: 0;\n  color: var(--tft-muted);\n  font-size: 14px;\n  line-height: 2;\n}\n\n\/* Closing CTA *\/\n\n#tb-free-time .tft-bottom {\n  margin-top: 55px;\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n}\n\n#tb-free-time .tft-bottom h3 {\n  margin: 0 0 10px;\n  color: #fff;\n  font-size: 22px;\n  font-weight: 800;\n}\n\n#tb-free-time .tft-bottom p {\n  max-width: 850px;\n  margin: 0;\n  color: #c0c1c5;\n  font-size: 15px;\n  line-height: 2;\n}\n\n#tb-free-time .tft-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 52px;\n  padding: 12px 20px;\n  border: 1px solid #66676c;\n  border-radius: 9px;\n  color: #fff !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 800;\n  transition: background .2s ease;\n}\n\n#tb-free-time .tft-link:hover {\n  background: #34353a;\n}\n\n#tb-free-time .tft-link:focus-visible {\n  outline: 3px solid #ff91aa;\n  outline-offset: 4px;\n}\n\n\/* Responsive *\/\n\n@media (max-width: 1050px) {\n  #tb-free-time {\n    padding: 85px 22px;\n  }\n\n  #tb-free-time .tft-head {\n    grid-template-columns: 1fr;\n    gap: 25px;\n    margin-bottom: 55px;\n  }\n\n  #tb-free-time .tft-project-row {\n    grid-template-columns: minmax(140px,.8fr) minmax(0,2fr);\n    gap: 18px;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-free-time {\n    padding: 65px 18px;\n  }\n\n  #tb-free-time h2.tft-title {\n    font-size: clamp(35px,8vw,48px);\n  }\n\n  #tb-free-time .tft-intro {\n    font-size: 17px;\n  }\n\n  #tb-free-time .tft-dashboard {\n    border-radius: 18px;\n  }\n\n  #tb-free-time .tft-dashboard-top {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 23px 19px;\n  }\n\n  #tb-free-time .tft-stats {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-free-time .tft-stat {\n    border-left: 0;\n    border-bottom: 1px solid var(--tft-border);\n    padding: 21px;\n  }\n\n  #tb-free-time .tft-stat:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-free-time .tft-chart {\n    padding: 25px 18px;\n  }\n\n  #tb-free-time .tft-project-row {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  #tb-free-time .tft-insight {\n    margin: 0 18px 20px;\n    padding: 19px;\n  }\n\n  #tb-free-time .tft-features {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  #tb-free-time .tft-feature {\n    border-left: 0;\n    border-bottom: 1px solid var(--tft-border);\n    padding: 28px 17px;\n  }\n\n  #tb-free-time .tft-feature:last-child {\n    border-bottom: 0;\n  }\n\n  #tb-free-time .tft-feature::before {\n    right: 17px;\n  }\n\n  #tb-free-time .tft-bottom {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  #tb-free-time .tft-link {\n    width: fit-content;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 420px) {\n  #tb-free-time h2.tft-title {\n    font-size: 33px;\n  }\n\n  #tb-free-time .tft-bar-row {\n    grid-template-columns: 44px minmax(0,1fr) 51px;\n    gap: 8px;\n  }\n\n  #tb-free-time .tft-bar-value,\n  #tb-free-time .tft-bar-label {\n    font-size: 11px;\n  }\n\n  #tb-free-time .tft-insight {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-free-time .tft-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-time\"\n  dir=\"rtl\"\n  lang=\"ar\"\n  aria-labelledby=\"tb-free-time-title\">\n\n  <div class=\"tft-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"tft-head\">\n\n      <div>\n\n        <div class=\"tft-eyebrow\">\n          \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0648\u0642\u062a \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631\n        <\/div>\n\n        <h2\n          class=\"tft-title\"\n          id=\"tb-free-time-title\">\n\n          \u0627\u0639\u0631\u0641 \u0623\u064a\u0646 \u064a\u0630\u0647\u0628 \u0648\u0642\u062a\u0643\u060c\n          <span>\u0648\u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tft-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0644\u062d\u0633\u0627\u0628\u0643 \u0627\u0644\u062e\u0627\u0635\u060c \u064a\u0643\u0648\u0646 \u0627\u0644\u0648\u0642\u062a\n        \u062c\u0632\u0621\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0645\u0646 \u062a\u0643\u0644\u0641\u0629 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\n        \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062a\u062e\u0637\u064a\u0637 \u0645\u0647\u0627\u0645\u0643\n        \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\u060c\n        \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n        \u0628\u0645\u0627 \u0627\u0633\u062a\u063a\u0631\u0642\u0647 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062c\u0647\u062f\n        \u0627\u0644\u0630\u064a \u062a\u0628\u0630\u0644\u0647 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0644\u0627\u0626\u0643.\n      <\/p>\n\n    <\/div>\n\n    <!-- SAMPLE REPORT -->\n    <div\n      class=\"tft-dashboard\"\n      aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u0637\u0637\u0629 \u0648\u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062e\u062a\u0644\u0641\u0629\">\n\n      <!-- Dashboard heading -->\n      <div class=\"tft-dashboard-top\">\n\n        <div class=\"tft-dashboard-heading\">\n          <span class=\"tft-dot\" aria-hidden=\"true\"><\/span>\n          \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n        <\/div>\n\n        <span class=\"tft-demo-label\">\n          \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062b\u0644\u0627\u062b\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n        <\/span>\n\n      <\/div>\n\n      <!-- Summary -->\n      <div class=\"tft-stats\">\n\n        <div class=\"tft-stat\">\n          <p class=\"tft-stat-label\">\n            \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629\n          <\/p>\n          <div class=\"tft-stat-value\">\n            48 \u0633\u0627\u0639\u0629\n          <\/div>\n          <p class=\"tft-stat-note\">\n            \u0645\u0648\u0632\u0639\u0629 \u0639\u0644\u0649 \u062b\u0644\u0627\u062b\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\n          <\/p>\n        <\/div>\n\n        <div class=\"tft-stat\">\n          <p class=\"tft-stat-label\">\n            \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629\n          <\/p>\n          <div class=\"tft-stat-value\">\n            54 \u0633\u0627\u0639\u0629\n          <\/div>\n          <p class=\"tft-stat-note\">\n            \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\n          <\/p>\n        <\/div>\n\n        <div class=\"tft-stat\">\n          <p class=\"tft-stat-label\">\n            \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n          <\/p>\n          <div class=\"tft-stat-value accent\">\n            +6 \u0633\u0627\u0639\u0627\u062a\n          <\/div>\n          <p class=\"tft-stat-note\">\n            \u0623\u0643\u062b\u0631 \u0645\u0646 \u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n      <!-- Comparison chart -->\n      <div class=\"tft-chart\">\n\n        <div class=\"tft-chart-top\">\n\n          <h3 class=\"tft-chart-title\">\n            \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n          <\/h3>\n\n          <div class=\"tft-legend\">\n\n            <div class=\"tft-legend-item\">\n              <span class=\"tft-legend-dot\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n            <\/div>\n\n            <div class=\"tft-legend-item\">\n              <span class=\"tft-legend-dot actual\"><\/span>\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 01 -->\n        <div class=\"tft-project-row\">\n\n          <div>\n            <div class=\"tft-project-name\">\n              \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\n            <\/div>\n            <div class=\"tft-project-client\">\n              \u0627\u0644\u0639\u0645\u064a\u0644: \u0634\u0631\u0643\u0629 \u0627\u0644\u0623\u0641\u0642\n            <\/div>\n          <\/div>\n\n          <div class=\"tft-bars\">\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill\"\n                  style=\"width:66.67%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">20 h<\/span>\n            <\/div>\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill actual\"\n                  style=\"width:93.33%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">28 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 02 -->\n        <div class=\"tft-project-row\">\n\n          <div>\n            <div class=\"tft-project-name\">\n              \u0625\u0639\u062f\u0627\u062f \u0645\u062d\u062a\u0648\u0649 \u062a\u0633\u0648\u064a\u0642\u064a\n            <\/div>\n            <div class=\"tft-project-client\">\n              \u0627\u0644\u0639\u0645\u064a\u0644: \u0645\u062a\u062c\u0631 \u0627\u0644\u0646\u0648\u0631\n            <\/div>\n          <\/div>\n\n          <div class=\"tft-bars\">\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill\"\n                  style=\"width:40%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">12 h<\/span>\n            <\/div>\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill actual\"\n                  style=\"width:33.33%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">10 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- PROJECT 03 -->\n        <div class=\"tft-project-row\">\n\n          <div>\n            <div class=\"tft-project-name\">\n              \u062a\u0637\u0648\u064a\u0631 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645\n            <\/div>\n            <div class=\"tft-project-client\">\n              \u0627\u0644\u0639\u0645\u064a\u0644: \u0645\u0624\u0633\u0633\u0629 \u0645\u062f\u0627\u0631\n            <\/div>\n          <\/div>\n\n          <div class=\"tft-bars\">\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill\"\n                  style=\"width:53.33%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">16 h<\/span>\n            <\/div>\n\n            <div class=\"tft-bar-row\">\n              <span class=\"tft-bar-label\">\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n              <div class=\"tft-bar-track\">\n                <span\n                  class=\"tft-bar-fill actual\"\n                  style=\"width:53.33%\"><\/span>\n              <\/div>\n              <span class=\"tft-bar-value\">16 h<\/span>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- Insight -->\n      <div class=\"tft-insight\">\n\n        <div class=\"tft-insight-icon\" aria-hidden=\"true\">\n          !\n        <\/div>\n\n        <div>\n\n          <h3>\n            \u0645\u0627\u0630\u0627 \u062a\u0643\u0634\u0641 \u0644\u0643 \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629\u061f\n          <\/h3>\n\n          <p>\n            \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0633\u062a\u063a\u0631\u0642 \u0645\u0634\u0631\u0648\u0639 \u062a\u0635\u0645\u064a\u0645\n            \u0627\u0644\u0645\u0648\u0642\u0639 28 \u0633\u0627\u0639\u0629 \u0628\u062f\u0644\u064b\u0627 \u0645\u0646 20 \u0633\u0627\u0639\u0629\u060c\n            \u0628\u064a\u0646\u0645\u0627 \u0627\u062d\u062a\u0627\u062c \u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649\n            \u0648\u0642\u062a \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629\n            \u062a\u0642\u062f\u064a\u0631\u0627\u062a\u0643 \u0642\u0628\u0644 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u064a\u0639\n            \u0645\u0634\u0627\u0628\u0647\u0629 \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- THREE PRACTICAL BENEFITS -->\n    <div class=\"tft-features\">\n\n      <!-- Feature 01 -->\n      <article class=\"tft-feature\">\n\n        <div class=\"tft-feature-no\">\n          01\n        <\/div>\n\n        <h3>\n          \u062e\u0637\u0651\u0637 \u0644\u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644\u0643\n        <\/h3>\n\n        <p>\n          \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u0633\u062a\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627 \u064a\u0648\u0645\u064a\u064b\u0627\u060c\n          \u0648\u062e\u0635\u0651\u0635 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629\n          \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0643\n          \u062a\u062c\u0627\u0647 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u064a\u0646.\n        <\/p>\n\n      <\/article>\n\n      <!-- Feature 02 -->\n      <article class=\"tft-feature\">\n\n        <div class=\"tft-feature-no\">\n          02\n        <\/div>\n\n        <h3>\n          \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0624\u0642\u062a \u0623\u0648 \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u064a\u062f\u0648\u064a\n          \u0644\u062a\u0648\u062b\u064a\u0642 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\u060c\n          \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u062a\u0642\u0636\u064a\u0647\n          \u0641\u064a \u0627\u0644\u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a.\n        <\/p>\n\n      <\/article>\n\n      <!-- Feature 03 -->\n      <article class=\"tft-feature\">\n\n        <div class=\"tft-feature-no\">\n          03\n        <\/div>\n\n        <h3>\n          \u0631\u0627\u062c\u0639 \u062a\u0643\u0644\u0641\u0629 \u0648\u0642\u062a\u0643\n        <\/h3>\n\n        <p>\n          \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\n          \u0644\u0641\u0647\u0645 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0628\u0630\u0648\u0644 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639\u060c\n          \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n          \u0639\u0646\u062f \u062a\u0642\u062f\u064a\u0645 \u0639\u0631\u0648\u0636 \u062c\u062f\u064a\u062f\u0629.\n        <\/p>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CLOSING -->\n    <div class=\"tft-bottom\">\n\n      <div>\n\n        <h3>\n          \u0648\u0642\u062a\u0643 \u0645\u0648\u0631\u062f \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639\n        <\/h3>\n\n        <p>\n          \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n          \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\u060c \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646\n          \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u0628\u0634\u0623\u0646 \u0645\u0648\u0627\u0639\u064a\u062f\n          \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0648\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644.\n        <\/p>\n\n      <\/div>\n\n      <a\n        class=\"tft-link\"\n        href=\"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/\">\n\n        \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0623\u062f\u0648\u0627\u062a \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n        <span aria-hidden=\"true\">\u2190<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* ==============================================\n   TaskBrowse Freelancers \u2014 Section 05\n   AI Assistance & Rayla\n   ============================================== *\/\n\n#tb-free-ai {\n  --tfa-red: #c8102e;\n  --tfa-ink: #17191d;\n  --tfa-muted: #666971;\n  --tfa-border: #e4e4e7;\n  --tfa-soft: #f8f8f9;\n  --tfa-dark: #202124;\n\n  width: 100%;\n  direction: rtl;\n  text-align: right;\n  padding: 110px 24px;\n  background: #fff;\n  color: var(--tfa-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-free-ai *,\n#tb-free-ai *::before,\n#tb-free-ai *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-ai .tfa-container {\n  max-width: 1380px;\n  width: 100%;\n  margin-inline: auto;\n}\n\n\/* ===== Section Heading ===== *\/\n\n#tb-free-ai .tfa-head {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(0, .95fr);\n  align-items: center;\n  gap: clamp(40px, 6vw, 100px);\n  margin-bottom: 65px;\n}\n\n#tb-free-ai .tfa-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  margin-bottom: 25px;\n  color: var(--tfa-red);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n#tb-free-ai .tfa-eyebrow::before {\n  content: \"\";\n  flex: 0 0 31px;\n  height: 2px;\n  background: var(--tfa-red);\n}\n\n#tb-free-ai h2.tfa-title {\n  margin: 0;\n  max-width: 730px;\n  font-family: inherit;\n  font-size: clamp(40px, 4.3vw, 67px);\n  line-height: 1.36;\n  font-weight: 800;\n  letter-spacing: -.5px;\n  color: var(--tfa-ink);\n}\n\n#tb-free-ai .tfa-title span {\n  color: var(--tfa-red);\n}\n\n#tb-free-ai .tfa-intro {\n  margin: 0;\n  font-size: clamp(17px, 1.4vw, 20px);\n  line-height: 2.15;\n  color: #565960;\n}\n\n\/* ===== Main Layout ===== *\/\n\n#tb-free-ai .tfa-main {\n  display: grid;\n  grid-template-columns:\n    minmax(0, .88fr)\n    minmax(0, 1.12fr);\n  gap: 65px;\n  align-items: center;\n}\n\n\/* ===== Feature Side ===== *\/\n\n#tb-free-ai .tfa-features {\n  min-width: 0;\n}\n\n#tb-free-ai .tfa-feature {\n  display: grid;\n  grid-template-columns: 48px minmax(0, 1fr);\n  gap: 18px;\n  align-items: start;\n  padding: 27px 0;\n  border-bottom: 1px solid var(--tfa-border);\n}\n\n#tb-free-ai .tfa-feature:first-child {\n  padding-top: 0;\n}\n\n#tb-free-ai .tfa-feature:last-of-type {\n  border-bottom: 0;\n}\n\n#tb-free-ai .tfa-feature-no {\n  width: 42px;\n  height: 42px;\n  border: 1px solid #e8c4ce;\n  border-radius: 11px;\n  background: #fff5f7;\n  color: var(--tfa-red);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-free-ai .tfa-feature h3 {\n  margin: 0 0 9px;\n  color: var(--tfa-ink);\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 1.55;\n}\n\n#tb-free-ai .tfa-feature p {\n  margin: 0;\n  color: var(--tfa-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n\/* ===== Internal Link ===== *\/\n\n#tb-free-ai .tfa-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  min-height: 51px;\n  margin-top: 28px;\n  padding: 12px 19px;\n  border: 1px solid #e7bdc8;\n  border-radius: 9px;\n  background: #fff;\n  color: #b10c2a !important;\n  font-size: 14px;\n  line-height: 1.6;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition: background .2s ease;\n}\n\n#tb-free-ai .tfa-link:hover {\n  background: #fff5f7;\n}\n\n#tb-free-ai .tfa-link:focus-visible {\n  outline: 3px solid var(--tfa-red);\n  outline-offset: 4px;\n}\n\n\/* ===== AI Preview Dashboard ===== *\/\n\n#tb-free-ai .tfa-dashboard {\n  min-width: 0;\n  background: var(--tfa-dark);\n  color: #fff;\n  border: 1px solid #393a3f;\n  border-radius: 24px;\n  overflow: hidden;\n  box-shadow: 0 25px 70px rgba(0,0,0,.1);\n}\n\n#tb-free-ai .tfa-dashboard-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 15px;\n  padding: 24px 27px;\n  border-bottom: 1px solid #414247;\n}\n\n#tb-free-ai .tfa-dashboard-brand {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n}\n\n#tb-free-ai .tfa-ai-icon {\n  width: 46px;\n  height: 46px;\n  flex: 0 0 46px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ff9aae;\n  background: #422b33;\n  border: 1px solid #67404c;\n  border-radius: 13px;\n}\n\n#tb-free-ai .tfa-ai-icon svg {\n  width: 26px;\n  height: 26px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linejoin: round;\n}\n\n#tb-free-ai .tfa-dashboard-title {\n  color: #fff;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n#tb-free-ai .tfa-dashboard-sub {\n  color: #aaaab0;\n  font-size: 12px;\n  margin-top: 4px;\n}\n\n#tb-free-ai .tfa-demo {\n  font-size: 11px;\n  color: #aeb0b5;\n  border: 1px solid #48494e;\n  border-radius: 8px;\n  padding: 7px 11px;\n  white-space: nowrap;\n}\n\n\/* ===== Request ===== *\/\n\n#tb-free-ai .tfa-workspace {\n  padding: 27px;\n}\n\n#tb-free-ai .tfa-project-label {\n  margin-bottom: 11px;\n  color: #a9aab0;\n  font-size: 12px;\n}\n\n#tb-free-ai .tfa-project {\n  border: 1px solid #45464b;\n  background: #292a2e;\n  border-radius: 14px;\n  padding: 20px;\n  margin-bottom: 16px;\n}\n\n#tb-free-ai .tfa-project-name {\n  color: #fff;\n  font-size: 18px;\n  font-weight: 800;\n  line-height: 1.6;\n  margin-bottom: 6px;\n}\n\n#tb-free-ai .tfa-project-sub {\n  color: #aaaab1;\n  font-size: 12px;\n  line-height: 1.8;\n}\n\n\/* ===== Estimate ===== *\/\n\n#tb-free-ai .tfa-estimate {\n  border-radius: 16px;\n  border: 1px solid #724453;\n  background: #362930;\n  padding: 23px;\n  margin-bottom: 16px;\n}\n\n#tb-free-ai .tfa-estimate-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: #ff9aae;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n\n#tb-free-ai .tfa-red-dot {\n  width: 9px;\n  height: 9px;\n  background: var(--tfa-red);\n  border-radius: 50%;\n}\n\n#tb-free-ai .tfa-estimate-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  gap: 12px;\n}\n\n#tb-free-ai .tfa-estimate-item {\n  min-width: 0;\n  padding: 19px;\n  background: rgba(0,0,0,.15);\n  border: 1px solid #5a4850;\n  border-radius: 12px;\n}\n\n#tb-free-ai .tfa-estimate-item.highlight {\n  border-color: #a1576e;\n  background: #482d37;\n}\n\n#tb-free-ai .tfa-estimate-label {\n  color: #c3bbc0;\n  font-size: 12px;\n  margin-bottom: 9px;\n}\n\n#tb-free-ai .tfa-estimate-value {\n  color: #fff;\n  font-size: 27px;\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n#tb-free-ai .tfa-estimate-item.highlight\n.tfa-estimate-value {\n  color: #ffa5b9;\n}\n\n#tb-free-ai .tfa-estimate-note {\n  margin-top: 8px;\n  color: #b6aeb2;\n  font-size: 11px;\n}\n\n#tb-free-ai .tfa-estimate-explain {\n  margin: 18px 0 0;\n  padding-top: 15px;\n  color: #d6c7cc;\n  border-top: 1px solid #684752;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ===== Review Note ===== *\/\n\n#tb-free-ai .tfa-review {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 16px 19px;\n  background: #292a2e;\n  border: 1px solid #45464b;\n  border-radius: 12px;\n}\n\n#tb-free-ai .tfa-review-mark {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 27px;\n  height: 27px;\n  flex: 0 0 27px;\n  color: #fff;\n  background: #38664e;\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n#tb-free-ai .tfa-review strong {\n  display: block;\n  color: #fff;\n  font-size: 13px;\n  margin-bottom: 5px;\n}\n\n#tb-free-ai .tfa-review p {\n  margin: 0;\n  color: #c0c1c6;\n  font-size: 12px;\n  line-height: 1.9;\n}\n\n\/* ===== Rayla Conversation ===== *\/\n\n#tb-free-ai .tfa-rayla {\n  border-top: 1px solid #414247;\n  padding: 26px 27px 29px;\n}\n\n#tb-free-ai .tfa-rayla-head {\n  display: flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 18px;\n}\n\n#tb-free-ai .tfa-rayla-icon {\n  width: 41px;\n  height: 41px;\n  flex: 0 0 41px;\n  background: #442c34;\n  color: #ff9aae;\n  border-radius: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 800;\n}\n\n#tb-free-ai .tfa-rayla-title {\n  color: #fff;\n  font-size: 16px;\n  font-weight: 800;\n}\n\n#tb-free-ai .tfa-rayla-sub {\n  color: #a2a3aa;\n  font-size: 11px;\n  margin-top: 3px;\n}\n\n#tb-free-ai .tfa-question {\n  max-width: 87%;\n  width: fit-content;\n  background: #393a40;\n  border: 1px solid #4b4c52;\n  border-radius: 13px 13px 4px 13px;\n  padding: 14px 17px;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.9;\n  margin-bottom: 13px;\n}\n\n#tb-free-ai .tfa-answer {\n  max-width: 94%;\n  margin-right: auto;\n  padding: 17px 19px;\n  background: #31262b;\n  border: 1px solid #65404c;\n  border-radius: 13px 13px 13px 4px;\n}\n\n#tb-free-ai .tfa-answer-label {\n  font-size: 12px;\n  font-weight: 800;\n  color: #ff9aae;\n  margin-bottom: 8px;\n}\n\n#tb-free-ai .tfa-answer p {\n  margin: 0;\n  color: #e1d7db;\n  font-size: 13px;\n  line-height: 2;\n}\n\n\/* ===== Bottom Message ===== *\/\n\n#tb-free-ai .tfa-bottom {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) auto;\n  align-items: center;\n  gap: 30px;\n  margin-top: 65px;\n  padding: 30px 34px;\n  background: var(--tfa-soft);\n  border: 1px solid var(--tfa-border);\n  border-radius: 18px;\n}\n\n#tb-free-ai .tfa-bottom h3 {\n  margin: 0 0 9px;\n  font-size: 21px;\n  font-weight: 800;\n  color: var(--tfa-ink);\n}\n\n#tb-free-ai .tfa-bottom p {\n  margin: 0;\n  color: var(--tfa-muted);\n  font-size: 15px;\n  line-height: 1.95;\n}\n\n#tb-free-ai .tfa-bottom-label {\n  border: 1px solid #e2ccd2;\n  border-radius: 100px;\n  padding: 11px 16px;\n  background: #fff;\n  color: var(--tfa-red);\n  font-weight: 800;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1100px) {\n  #tb-free-ai {\n    padding: 85px 22px;\n  }\n\n  #tb-free-ai .tfa-head {\n    grid-template-columns: 1fr;\n    gap: 27px;\n    margin-bottom: 50px;\n  }\n\n  #tb-free-ai .tfa-main {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  #tb-free-ai .tfa-features,\n  #tb-free-ai .tfa-dashboard {\n    max-width: 850px;\n    width: 100%;\n    margin-inline: auto;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-free-ai {\n    padding: 65px 18px;\n  }\n\n  #tb-free-ai h2.tfa-title {\n    font-size: clamp(35px,8vw,47px);\n  }\n\n  #tb-free-ai .tfa-intro {\n    font-size: 17px;\n  }\n\n  #tb-free-ai .tfa-dashboard {\n    border-radius: 18px;\n  }\n\n  #tb-free-ai .tfa-dashboard-head {\n    padding: 20px;\n  }\n\n  #tb-free-ai .tfa-workspace {\n    padding: 20px;\n  }\n\n  #tb-free-ai .tfa-estimate {\n    padding: 19px;\n  }\n\n  #tb-free-ai .tfa-estimate-value {\n    font-size: 24px;\n  }\n\n  #tb-free-ai .tfa-rayla {\n    padding: 22px 20px;\n  }\n\n  #tb-free-ai .tfa-bottom {\n    grid-template-columns: 1fr;\n    padding: 25px 22px;\n  }\n\n  #tb-free-ai .tfa-bottom-label {\n    width: fit-content;\n  }\n}\n\n@media (max-width: 440px) {\n  #tb-free-ai h2.tfa-title {\n    font-size: 33px;\n  }\n\n  #tb-free-ai .tfa-feature {\n    grid-template-columns: 38px minmax(0,1fr);\n    gap: 13px;\n  }\n\n  #tb-free-ai .tfa-feature-no {\n    width: 36px;\n    height: 36px;\n  }\n\n  #tb-free-ai .tfa-feature h3 {\n    font-size: 18px;\n  }\n\n  #tb-free-ai .tfa-dashboard-head {\n    flex-wrap: wrap;\n  }\n\n  #tb-free-ai .tfa-estimate-grid {\n    grid-template-columns: 1fr;\n  }\n\n  #tb-free-ai .tfa-question,\n  #tb-free-ai .tfa-answer {\n    max-width: 100%;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-free-ai .tfa-link {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-ai\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-free-ai-title\">\n\n  <div class=\"tfa-container\">\n\n    <!-- SECTION HEADING -->\n    <div class=\"tfa-head\">\n\n      <div>\n\n        <div class=\"tfa-eyebrow\">\n          \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n        <\/div>\n\n        <h2\n          class=\"tfa-title\"\n          id=\"tb-free-ai-title\">\n\n          \u0644\u0627 \u062a\u0642\u062f\u0651\u0631 \u0648\u0642\u062a \u0645\u0634\u0631\u0648\u0639\u0643\n          <span>\u0628\u0627\u0644\u062a\u062e\u0645\u064a\u0646 \u0648\u062d\u062f\u0647<\/span>\n\n        <\/h2>\n\n      <\/div>\n\n      <p class=\"tfa-intro\">\n        \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0644\u0642\u0649 \u0637\u0644\u0628\u064b\u0627 \u0645\u0646 \u0639\u0645\u064a\u0644 \u062c\u062f\u064a\u062f\u060c\n        \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0642\u0628\u0644 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\n        \u0628\u0645\u0648\u0639\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645. \u064a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n        \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\n        \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c\n        \u0643\u0645\u0627 \u062a\u062a\u064a\u062d \u0644\u0643 \u0631\u0627\u064a\u0644\u0627 \u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\n        \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0639\u0646\u0647\u0627.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAIN CONTENT -->\n    <div class=\"tfa-main\">\n\n      <!-- FEATURES -->\n      <div class=\"tfa-features\">\n\n        <!-- FEATURE 01 -->\n        <article class=\"tfa-feature\">\n\n          <div class=\"tfa-feature-no\">\n            01\n          <\/div>\n\n          <div>\n            <h3>\n              \u062a\u0642\u062f\u064a\u0631 \u0630\u0643\u064a \u0644\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n              \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0644\u0644\u0645\u0647\u0645\u0629\u060c\n              \u0628\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0627\u0628\u0647\u0629\n              \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- FEATURE 02 -->\n        <article class=\"tfa-feature\">\n\n          <div class=\"tfa-feature-no\">\n            02\n          <\/div>\n\n          <div>\n            <h3>\n              \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u0642\u0628\u0644 \u0642\u0628\u0648\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/h3>\n\n            <p>\n              \u0631\u0627\u062c\u0639 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629 \u0645\u0639\n              \u062e\u0628\u0631\u062a\u0643 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0644\u062a\u062d\u062f\u064a\u062f\n              \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0647\n              \u0639\u0646\u062f \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0644\u0639\u0645\u0644 \u0627\u0644\u062c\u062f\u064a\u062f.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- FEATURE 03 -->\n        <article class=\"tfa-feature\">\n\n          <div class=\"tfa-feature-no\">\n            03\n          <\/div>\n\n          <div>\n            <h3>\n              \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0643\n            <\/h3>\n\n            <p>\n              \u0627\u0633\u062a\u062e\u062f\u0645 \u0631\u0627\u064a\u0644\u0627 \u0644\u062a\u062d\u0644\u064a\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a\n              \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0627\u0633\u062a\u0643\u0634\u0627\u0641\n              \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u060c\n              \u0628\u062f\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u0641\u0631\u0642\u0629 \u064a\u062f\u0648\u064a\u064b\u0627.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <!-- LINK -->\n        <a\n          class=\"tfa-link\"\n          href=\"https:\/\/taskbrowse.com\/ar\/zaka-estenaei-taskbrowse\/\">\n\n          \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0631\u0627\u064a\u0644\u0627\n\n          <span aria-hidden=\"true\">\u2190<\/span>\n\n        <\/a>\n\n      <\/div>\n\n      <!-- AI DASHBOARD -->\n      <div\n        class=\"tfa-dashboard\"\n        aria-label=\"\u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\">\n\n        <!-- DASHBOARD HEADER -->\n        <div class=\"tfa-dashboard-head\">\n\n          <div class=\"tfa-dashboard-brand\">\n\n            <div\n              class=\"tfa-ai-icon\"\n              aria-hidden=\"true\">\n\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M12 2\n                         14.2 9.8\n                         22 12\n                         14.2 14.2\n                         12 22\n                         9.8 14.2\n                         2 12\n                         9.8 9.8Z\"\/>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n              <div class=\"tfa-dashboard-title\">\n                \u0645\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u0627\u0644\u0639\u0645\u0644\n              <\/div>\n              <div class=\"tfa-dashboard-sub\">\n                \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tfa-demo\">\n            \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n          <\/div>\n\n        <\/div>\n\n        <div class=\"tfa-workspace\">\n\n          <!-- NEW TASK -->\n          <div class=\"tfa-project-label\">\n            \u0645\u0647\u0645\u0629 \u062c\u062f\u064a\u062f\u0629 \u0641\u064a \u0645\u0634\u0631\u0648\u0639 \u0623\u062d\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n          <\/div>\n\n          <div class=\"tfa-project\">\n\n            <div class=\"tfa-project-name\">\n              \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0645\u0648\u0642\u0639\n            <\/div>\n\n            <div class=\"tfa-project-sub\">\n              \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u00b7\n              \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n            <\/div>\n\n          <\/div>\n\n          <!-- AI ESTIMATION -->\n          <div class=\"tfa-estimate\">\n\n            <div class=\"tfa-estimate-head\">\n              <span\n                class=\"tfa-red-dot\"\n                aria-hidden=\"true\"><\/span>\n\n              \u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n            <\/div>\n\n            <div class=\"tfa-estimate-grid\">\n\n              <div class=\"tfa-estimate-item\">\n\n                <div class=\"tfa-estimate-label\">\n                  \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a\n                <\/div>\n\n                <div class=\"tfa-estimate-value\">\n                  6 \u0633\u0627\u0639\u0627\u062a\n                <\/div>\n\n                <div class=\"tfa-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=\"tfa-estimate-item highlight\">\n\n                <div class=\"tfa-estimate-label\">\n                  \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n                <\/div>\n\n                <div class=\"tfa-estimate-value\">\n                  9 \u0633\u0627\u0639\u0627\u062a\n                <\/div>\n\n                <div class=\"tfa-estimate-note\">\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>\n\n            <\/div>\n\n            <p class=\"tfa-estimate-explain\">\n              \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0634\u064a\u0631 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\n              \u0625\u0644\u0649 \u0623\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0642\u062f \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0648\u0642\u062a\n              \u0623\u0637\u0648\u0644 \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u0623\u0648\u0644\u064a.\n              \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629\n              \u0639\u0646\u062f \u0625\u0639\u062f\u0627\u062f \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n          <\/div>\n\n          <!-- USER REVIEW -->\n          <div class=\"tfa-review\">\n\n            <div\n              class=\"tfa-review-mark\"\n              aria-hidden=\"true\">\u2713<\/div>\n\n            <div>\n              <strong>\n                \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0644\u0643\n              <\/strong>\n\n              <p>\n                \u0631\u0627\u062c\u0639 \u0627\u0644\u0627\u0642\u062a\u0631\u0627\u062d \u0648\u0639\u062f\u0651\u0644\u0647 \u0648\u0641\u0642\n                \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u062e\u0628\u0631\u062a\u0643\n                \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u0647 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- RAYLA ASSISTANT -->\n        <div class=\"tfa-rayla\">\n\n          <div class=\"tfa-rayla-head\">\n\n            <div\n              class=\"tfa-rayla-icon\"\n              aria-hidden=\"true\">\n              AI\n            <\/div>\n\n            <div>\n              <div class=\"tfa-rayla-title\">\n                \u0631\u0627\u064a\u0644\u0627\n              <\/div>\n\n              <div class=\"tfa-rayla-sub\">\n                \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"tfa-question\">\n            \u0645\u0627 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\n            \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u064a \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u064a\u061f\n          <\/div>\n\n          <div class=\"tfa-answer\">\n\n            <div class=\"tfa-answer-label\">\n              \u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0646\u0648\u0639 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n            <\/div>\n\n            <p>\n              \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n              \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0648\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n              \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629\u060c\n              \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n              \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- BOTTOM STATEMENT -->\n    <div class=\"tfa-bottom\">\n\n      <div>\n\n        <h3>\n          \u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u062e\u0628\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u0633\u0627\u0628\u0642\u0629\n        <\/h3>\n\n        <p>\n          \u064a\u062c\u0645\u0639 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n          \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n          \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.\n          \u0648\u0645\u0639 \u062a\u0648\u0641\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0643\u0627\u0641\u064a\u0629\u060c \u064a\u0645\u0643\u0646\u0643\n          \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\n          \u0644\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u062f\u0642 \u0628\u0634\u0623\u0646 \u0645\u0647\u0627\u0645\u0643\n          \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"tfa-bottom-label\">\n        \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 + \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<\/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 Freelancers \u2014 Section 06\n   FAQs + Final CTA\n   ========================================= *\/\n\n#tb-free-final {\n  --tff-red: #c8102e;\n  --tff-red-hover: #a80d26;\n  --tff-ink: #17191d;\n  --tff-muted: #686a71;\n  --tff-line: #e5e5e8;\n  --tff-dark: #202124;\n  direction: rtl;\n  text-align: right;\n  width: 100%;\n  padding: 105px 24px 95px;\n  background: #fff;\n  color: var(--tff-ink);\n  font-family: \"IBM Plex Sans Arabic\", Tahoma, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n#tb-free-final *,\n#tb-free-final *::before,\n#tb-free-final *::after {\n  box-sizing: border-box;\n}\n\n#tb-free-final .tff-container {\n  max-width: 1380px;\n  margin: 0 auto;\n}\n\n\/* ===== FAQ heading ===== *\/\n\n#tb-free-final .tff-head {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);\n  gap: clamp(35px,6vw,90px);\n  align-items: end;\n  margin-bottom: 50px;\n}\n\n#tb-free-final .tff-eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  color: var(--tff-red);\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 23px;\n}\n\n#tb-free-final .tff-eyebrow::before {\n  content: \"\";\n  flex: 0 0 30px;\n  height: 2px;\n  background: var(--tff-red);\n}\n\n#tb-free-final h2.tff-title {\n  margin: 0;\n  color: var(--tff-ink);\n  font-family: inherit;\n  font-size: clamp(37px,4.3vw,62px);\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n#tb-free-final .tff-head-copy {\n  margin: 0;\n  color: var(--tff-muted);\n  font-size: 18px;\n  line-height: 2.05;\n}\n\n\/* ===== FAQ list ===== *\/\n\n#tb-free-final .tff-faq {\n  border-top: 1px solid var(--tff-line);\n}\n\n#tb-free-final .tff-faq-item {\n  border-bottom: 1px solid var(--tff-line);\n  background: #fff;\n}\n\n#tb-free-final .tff-faq-item summary {\n  display: grid;\n  grid-template-columns: 48px minmax(0,1fr) 32px;\n  align-items: center;\n  gap: 21px;\n  padding: 25px 14px;\n  list-style: none;\n  cursor: pointer;\n  color: var(--tff-ink);\n}\n\n#tb-free-final .tff-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n#tb-free-final .tff-faq-item summary::marker {\n  content: \"\";\n}\n\n#tb-free-final .tff-faq-item summary:focus-visible {\n  outline: 3px solid var(--tff-red);\n  outline-offset: -3px;\n}\n\n#tb-free-final .tff-faq-no {\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--tff-red);\n  direction: ltr;\n}\n\n#tb-free-final .tff-question {\n  font-size: clamp(16px,1.45vw,21px);\n  font-weight: 800;\n  line-height: 1.7;\n}\n\n#tb-free-final .tff-toggle {\n  width: 31px;\n  height: 31px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid #dedee1;\n  border-radius: 50%;\n  color: var(--tff-red);\n  font-size: 23px;\n  font-weight: 400;\n  line-height: 1;\n}\n\n#tb-free-final .tff-toggle::before {\n  content: \"+\";\n}\n\n#tb-free-final .tff-faq-item[open] .tff-toggle::before {\n  content: \"\u2212\";\n}\n\n#tb-free-final .tff-faq-item[open] summary {\n  color: var(--tff-red);\n}\n\n#tb-free-final .tff-answer {\n  max-width: 1050px;\n  padding: 0 83px 27px 54px;\n}\n\n#tb-free-final .tff-answer p {\n  margin: 0;\n  color: #62646b;\n  font-size: 16px;\n  line-height: 2.1;\n}\n\n#tb-free-final .tff-answer a {\n  color: var(--tff-red);\n  font-weight: 700;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n\/* ===== Final CTA ===== *\/\n\n#tb-free-final .tff-cta {\n  position: relative;\n  margin-top: 100px;\n  padding: clamp(40px,6vw,78px);\n  background: var(--tff-dark);\n  border-radius: 25px;\n  color: #fff;\n  overflow: hidden;\n}\n\n#tb-free-final .tff-cta::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 90px;\n  height: 4px;\n  background: var(--tff-red);\n}\n\n#tb-free-final .tff-cta-inner {\n  position: relative;\n  display: grid;\n  grid-template-columns: minmax(0,1.1fr) minmax(0,.8fr);\n  align-items: center;\n  gap: 65px;\n}\n\n#tb-free-final .tff-cta-eyebrow {\n  color: #ff91aa;\n  font-size: 14px;\n  font-weight: 800;\n  margin-bottom: 20px;\n}\n\n#tb-free-final h2.tff-cta-title {\n  margin: 0 0 24px;\n  color: #fff;\n  font-family: inherit;\n  font-size: clamp(38px,4vw,61px);\n  font-weight: 800;\n  line-height: 1.38;\n}\n\n#tb-free-final .tff-cta-title span {\n  color: #ff91aa;\n}\n\n#tb-free-final .tff-cta-copy {\n  margin: 0;\n  color: #cbccd0;\n  font-size: 17px;\n  line-height: 2.1;\n  max-width: 700px;\n}\n\n\/* CTA action card *\/\n\n#tb-free-final .tff-action {\n  background: #2b2c30;\n  border: 1px solid #45464c;\n  border-top: 3px solid var(--tff-red);\n  border-radius: 17px;\n  padding: 35px 30px;\n}\n\n#tb-free-final .tff-action-label {\n  color: #ff99b0;\n  font-size: 13px;\n  font-weight: 800;\n  margin-bottom: 15px;\n}\n\n#tb-free-final .tff-action h3 {\n  margin: 0 0 12px;\n  color: #fff;\n  font-family: inherit;\n  font-size: 25px;\n  font-weight: 800;\n  line-height: 1.5;\n}\n\n#tb-free-final .tff-action-text {\n  color: #bfc0c5;\n  font-size: 14px;\n  line-height: 2;\n  margin: 0 0 25px;\n}\n\n#tb-free-final .tff-action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 13px;\n  width: 100%;\n  min-height: 59px;\n  padding: 14px 19px;\n  border-radius: 9px;\n  background: var(--tff-red);\n  border: 1px solid var(--tff-red);\n  color: #fff !important;\n  font-size: 17px;\n  font-weight: 800;\n  text-decoration: none !important;\n  text-align: center;\n  transition: background .2s ease;\n}\n\n#tb-free-final .tff-action-btn:hover {\n  background: var(--tff-red-hover);\n}\n\n#tb-free-final .tff-action-btn:focus-visible,\n#tb-free-final .tff-login a:focus-visible {\n  outline: 3px solid #ff91aa;\n  outline-offset: 4px;\n}\n\n#tb-free-final .tff-login {\n  margin: 20px 0 0;\n  font-size: 12px;\n  text-align: center;\n  color: #aeb0b5;\n  line-height: 1.9;\n}\n\n#tb-free-final .tff-login a {\n  color: #fff !important;\n  text-decoration: underline;\n  text-underline-offset: 4px;\n  font-weight: 700;\n}\n\n\/* Bottom footer *\/\n\n#tb-free-final .tff-cta-footer {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  padding-top: 29px;\n  margin-top: 46px;\n  border-top: 1px solid #424348;\n}\n\n#tb-free-final .tff-cta-footer p {\n  margin: 0;\n  color: #a8aaaf;\n  font-size: 13px;\n  line-height: 1.9;\n}\n\n#tb-free-final .tff-cta-brand {\n  color: #fff;\n  font-size: 15px;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n\/* ===== Responsive ===== *\/\n\n@media (max-width: 1000px) {\n  #tb-free-final {\n    padding: 80px 22px;\n  }\n\n  #tb-free-final .tff-head,\n  #tb-free-final .tff-cta-inner {\n    grid-template-columns: 1fr;\n    gap: 28px;\n  }\n\n  #tb-free-final .tff-action {\n    max-width: 650px;\n    width: 100%;\n  }\n}\n\n@media (max-width: 760px) {\n  #tb-free-final {\n    padding: 60px 18px;\n  }\n\n  #tb-free-final h2.tff-title {\n    font-size: 37px;\n  }\n\n  #tb-free-final .tff-head-copy {\n    font-size: 16px;\n  }\n\n  #tb-free-final .tff-faq-item summary {\n    grid-template-columns: 29px minmax(0,1fr) 29px;\n    gap: 11px;\n    padding: 22px 0;\n  }\n\n  #tb-free-final .tff-question {\n    font-size: 16px;\n  }\n\n  #tb-free-final .tff-answer {\n    padding: 0 40px 23px 10px;\n  }\n\n  #tb-free-final .tff-answer p {\n    font-size: 14px;\n  }\n\n  #tb-free-final .tff-cta {\n    margin-top: 65px;\n    padding: 36px 24px;\n    border-radius: 18px;\n  }\n\n  #tb-free-final h2.tff-cta-title {\n    font-size: 37px;\n  }\n\n  #tb-free-final .tff-cta-copy {\n    font-size: 16px;\n  }\n\n  #tb-free-final .tff-action {\n    padding: 27px 21px;\n  }\n\n  #tb-free-final .tff-cta-footer {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 390px) {\n  #tb-free-final h2.tff-title,\n  #tb-free-final h2.tff-cta-title {\n    font-size: 32px;\n  }\n\n  #tb-free-final .tff-cta {\n    padding: 32px 18px;\n  }\n\n  #tb-free-final .tff-action-btn {\n    font-size: 15px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  #tb-free-final .tff-action-btn {\n    transition: none;\n  }\n}\n<\/style>\n\n<section\n  id=\"tb-free-final\"\n  lang=\"ar\"\n  dir=\"rtl\"\n  aria-labelledby=\"tb-free-faq-title\">\n\n  <div class=\"tff-container\">\n\n    <!-- FAQ HEADING -->\n    <div class=\"tff-head\">\n\n      <div>\n        <div class=\"tff-eyebrow\">\n          \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n        <\/div>\n\n        <h2\n          class=\"tff-title\"\n          id=\"tb-free-faq-title\">\n          \u0623\u0633\u0626\u0644\u0629 \u0639\u0646 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629\n          \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646\n        <\/h2>\n      <\/div>\n\n      <p class=\"tff-head-copy\">\n        \u0647\u0644 \u064a\u0646\u0627\u0633\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u0646 \u064a\u0639\u0645\u0644 \u0628\u0645\u0641\u0631\u062f\u0647\u061f\n        \u0648\u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n        \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u061f \u0625\u0644\u064a\u0643 \u0625\u062c\u0627\u0628\u0627\u062a \u0639\u0646 \u0628\u0639\u0636\n        \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0637\u0631\u062d\u0647\u0627 \u0642\u0628\u0644 \u0627\u0644\u0628\u062f\u0621.\n      <\/p>\n\n    <\/div>\n\n    <!-- FAQ ITEMS -->\n    <div class=\"tff-faq\">\n\n      <!-- FAQ 01 -->\n      <details class=\"tff-faq-item\" open>\n        <summary>\n          <span class=\"tff-faq-no\">01<\/span>\n          <span class=\"tff-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0625\u0630\u0627 \u0643\u0646\u062a \u0623\u0639\u0645\u0644 \u0628\u0645\u0641\u0631\u062f\u064a\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0644\u062a\u0646\u0638\u064a\u0645\n            \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c\n            \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n            \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u062d\u062a\u0649 \u0625\u0630\u0627 \u0643\u0646\u062a\n            \u062a\u062f\u064a\u0631 \u0623\u0639\u0645\u0627\u0644\u0643 \u062f\u0648\u0646 \u0641\u0631\u064a\u0642.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <!-- FAQ 02 -->\n      <details class=\"tff-faq-item\">\n        <summary>\n          <span class=\"tff-faq-no\">02<\/span>\n          <span class=\"tff-question\">\n            \u0647\u0644 \u0623\u0633\u062a\u0637\u064a\u0639 \u0625\u062f\u0627\u0631\u0629 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062e\u062a\u0644\u0641\u064a\u0646\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u0645\u0633\u062a\u0642\u0644\n            \u0644\u0643\u0644 \u0639\u0645\u064a\u0644\u060c \u0648\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\n            \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u060c \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629\n            \u062a\u0642\u062f\u0645 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u062f\u0648\u0646 \u0627\u0644\u062e\u0644\u0637 \u0628\u064a\u0646\n            \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u064a\u0646.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <!-- FAQ 03 -->\n      <details class=\"tff-faq-item\">\n        <summary>\n          <span class=\"tff-faq-no\">03<\/span>\n          <span class=\"tff-question\">\n            \u0647\u0644 \u064a\u0633\u0627\u0639\u062f\u0646\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u0643\u0644 \u0639\u0645\u064a\u0644\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u062a\u0642\u0636\u064a\u0647\n            \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0624\u0642\u062a\n            \u0623\u0648 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u064a\u062f\u0648\u064a\u060c \u062b\u0645 \u0645\u0631\u0627\u062c\u0639\u0629\n            \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639.\n            \u0648\u0647\u0630\u0627 \u0645\u0641\u064a\u062f \u062e\u0635\u0648\u0635\u064b\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646\n            \u0627\u062a\u0641\u0627\u0642\u0643 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0642\u0627\u0626\u0645\u064b\u0627 \u0639\u0644\u0649\n            \u0623\u062c\u0631 \u0628\u0627\u0644\u0633\u0627\u0639\u0629.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <!-- FAQ 04 -->\n      <details class=\"tff-faq-item\">\n        <summary>\n          <span class=\"tff-faq-no\">04<\/span>\n          <span class=\"tff-question\">\n            \u0647\u0644 \u064a\u0645\u0643\u0646\u0646\u064a \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0622\u062e\u0631\u064a\u0646 \u0641\u064a \u0645\u0634\u0631\u0648\u0639 \u0645\u0633\u062a\u0642\u0644\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u0646\u0639\u0645. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0645\u0635\u0645\u0645\n            \u0623\u0648 \u0645\u0637\u0648\u0631 \u0623\u0648 \u0645\u062a\u062e\u0635\u0635 \u0622\u062e\u0631\u060c \u064a\u0645\u0643\u0646\u0643\n            \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u064a\u0642\n            \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c\n            \u0648\u0641\u0642 \u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0648\u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643\n            \u0627\u0644\u0630\u064a \u062a\u062e\u062a\u0627\u0631\u0647.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <!-- FAQ 05 -->\n      <details class=\"tff-faq-item\">\n        <summary>\n          <span class=\"tff-faq-no\">05<\/span>\n          <span class=\"tff-question\">\n            \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f\u0646\u064a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0631\u0627\u064a\u0644\u0627 \u0641\u064a \u0639\u0645\u0644\u064a\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0642\u062a\u0631\u0627\u062d\u0627\u062a\n            \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u0642\u062f\u064a\u0631 \u0639\u0628\u0621 \u0639\u0645\u0644\n            \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0631\u0627\u064a\u0644\u0627 \u0644\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\n            \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627.\n            \u062a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0647 \u0627\u0644\u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629\n            \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u060c \u0628\u064a\u0646\u0645\u0627\n            \u064a\u0628\u0642\u0649 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0634\u0623\u0646\n            \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0628\u064a\u062f\u0643.\n          <\/p>\n        <\/div>\n      <\/details>\n\n      <!-- FAQ 06 -->\n      <details class=\"tff-faq-item\">\n        <summary>\n          <span class=\"tff-faq-no\">06<\/span>\n          <span class=\"tff-question\">\n            \u0643\u064a\u0641 \u0623\u0628\u062f\u0623 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n          <\/span>\n          <span class=\"tff-toggle\" aria-hidden=\"true\"><\/span>\n        <\/summary>\n\n        <div class=\"tff-answer\">\n          <p>\n            \u064a\u0645\u0643\u0646\u0643\n            <a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n              \u0625\u0646\u0634\u0627\u0621 \u062d\u0633\u0627\u0628\u0643\n            <\/a>\n            \u0648\u0627\u0644\u0628\u062f\u0621 \u0628\u0625\u0636\u0627\u0641\u0629 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0623\u0648\u0644\n            \u0648\u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645\u0647. \u0648\u0644\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649\n            \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062e\u0637\u0637 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\u060c\n            \u0631\u0627\u062c\u0639\n            <a href=\"https:\/\/taskbrowse.com\/ar\/pricing\/\">\n              \u0635\u0641\u062d\u0629 \u0627\u0644\u062e\u0637\u0637 \u0648\u0627\u0644\u0623\u0633\u0639\u0627\u0631\n            <\/a>.\n          <\/p>\n        <\/div>\n      <\/details>\n\n    <\/div>\n\n    <!-- FINAL CTA -->\n    <div class=\"tff-cta\">\n\n      <div class=\"tff-cta-inner\">\n\n        <!-- CTA MESSAGE -->\n        <div>\n\n          <div class=\"tff-cta-eyebrow\">\n            \u062d\u0627\u0646 \u0627\u0644\u0648\u0642\u062a \u0644\u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u0643\n          <\/div>\n\n          <h2 class=\"tff-cta-title\">\n            \u0631\u0643\u0651\u0632 \u0639\u0644\u0649 \u0625\u0646\u062c\u0627\u0632 \u0639\u0645\u0644\u0643\u060c\n            <span>\u0648\u062f\u0639 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span>\n          <\/h2>\n\n          <p class=\"tff-cta-copy\">\n            \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0648\u0627\u062d\u062f\u064b\u0627\n            \u0623\u0648 \u062a\u0639\u0645\u0644 \u0645\u0639 \u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0621\u060c\n            \u064a\u0633\u0627\u0639\u062f\u0643 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n            \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u0645\u0646 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n            \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\u060c\n            \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c\n            \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0642\u062f\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n            \u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0639\u0645\u0644\u0643 \u0627\u0644\u064a\u0648\u0645.\n          <\/p>\n\n        <\/div>\n\n        <!-- REGISTRATION CARD -->\n        <div class=\"tff-action\">\n\n          <div class=\"tff-action-label\">\n            \u0627\u0628\u062f\u0623 \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n          <\/div>\n\n          <h3>\n            \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645 \u064a\u0628\u062f\u0623 \u0628\u062e\u0637\u0629 \u0623\u0648\u0636\u062d\n          <\/h3>\n\n          <p class=\"tff-action-text\">\n            \u0623\u0646\u0634\u0626 \u062d\u0633\u0627\u0628\u0643\u060c \u0648\u0623\u0636\u0641 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0623\u0648\u0644\u060c\n            \u0648\u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\n            \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n          <\/p>\n\n          <a\n            class=\"tff-action-btn\"\n            href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n            \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n            <span aria-hidden=\"true\">\u2190<\/span>\n          <\/a>\n\n          <p class=\"tff-login\">\n            \u0644\u062f\u064a\u0643 \u062d\u0633\u0627\u0628 \u0628\u0627\u0644\u0641\u0639\u0644\u061f\n            <a href=\"https:\/\/app.taskbrowse.com\/Account\/Login?lang=ar\">\n              \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n            <\/a>\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- BOTTOM LINE -->\n      <div class=\"tff-cta-footer\">\n\n        <p>\n          \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u00b7 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0647\u0627\u0645 \u00b7\n          \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n        <\/p>\n\n        <span class=\"tff-cta-brand\">\n          \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0631 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646: \u0646\u0638\u0651\u0645 \u0639\u0645\u0644\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0645\u0639 \u0639\u062f\u0629 \u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c \u064a\u0635\u0628\u062d \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u062a\u062d\u062f\u064a\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627. \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0644\u0627\u0626\u0643\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0645\u0647\u0627\u0645\u0643\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0627 \u0623\u0646\u062c\u0632\u062a\u0647 \u062f\u0648\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0645\u0635\u0645\u0645\u064b\u0627 \u0623\u0648 \u0645\u0637\u0648\u0631\u064b\u0627 \u0623\u0648 \u0643\u0627\u062a\u0628&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/taskbrowse-laamelin-mustaqillin\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0644\u0644\u0645\u0633\u062a\u0642\u0644\u064a\u0646: \u0646\u0638\u0651\u0645 \u0639\u0645\u0644\u0643 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":639,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"off","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-638","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/638","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=638"}],"version-history":[{"count":74,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/638\/revisions"}],"predecessor-version":[{"id":10542,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/638\/revisions\/10542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/639"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}