{"id":565,"date":"2024-02-17T10:05:41","date_gmt":"2024-02-17T10:05:41","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=565"},"modified":"2026-09-29T11:45:20","modified_gmt":"2026-09-29T11:45:20","slug":"idara-kafiya-mashroo","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/idara-kafiya-mashroo\/","title":{"rendered":"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629: \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645"},"content":{"rendered":"\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-1 wp-block-paragraph\" style=\"color:#6a6a6a;font-size:17px\"><\/p>\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<section class=\"tb-efficient-pm-hero\" dir=\"rtl\">\n    <div class=\"tb-efficient-pm-container\">\n\n        <!-- Right: Main message -->\n        <div class=\"tb-efficient-pm-heading\">\n\n            <div class=\"tb-efficient-pm-kicker\">\n                <span class=\"tb-efficient-pm-line\"><\/span>\n                <span>\u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/span>\n            <\/div>\n\n            <h1>\n                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629\n                <span>\u062a\u0628\u062f\u0623 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629.<\/span>\n            <\/h1>\n\n        <\/div>\n\n        <!-- Left: Description -->\n        <div class=\"tb-efficient-pm-content\">\n\n            <p class=\"tb-efficient-pm-lead\">\n                \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u0627 \u062a\u0639\u0646\u064a \u0641\u0642\u0637 \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                \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c\n                \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c\n                \u0644\u062a\u0639\u0631\u0641 \u062f\u0627\u0626\u0645\u064b\u0627 \u0623\u064a\u0646 \u064a\u0642\u0641 \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643.\n            <\/p>\n\n            <p class=\"tb-efficient-pm-subtext\">\n                \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649\n                <strong>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629<\/strong>\n                \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u0637\u0648\u0627\u0644 \u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n            <\/p>\n\n            <div class=\"tb-efficient-pm-actions\">\n\n                <a\n                    href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\"\n                    class=\"tb-efficient-pm-btn tb-efficient-pm-btn-primary\">\n                    \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n                <\/a>\n\n                <a\n                    href=\"#project-management-tools\"\n                    class=\"tb-efficient-pm-btn tb-efficient-pm-btn-secondary\">\n                    \u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u062f\u0648\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <span aria-hidden=\"true\">\u2190<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- Bottom feature strip -->\n    <div class=\"tb-efficient-pm-features\">\n\n        <div class=\"tb-efficient-pm-feature\">\n            <span class=\"tb-efficient-pm-number\">01<\/span>\n            <div>\n                <strong>\u062e\u0637\u0637<\/strong>\n                <span>\u062d\u0648\u0651\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u062e\u0637\u0629 \u0648\u0627\u0636\u062d\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630.<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"tb-efficient-pm-feature\">\n            <span class=\"tb-efficient-pm-number\">02<\/span>\n            <div>\n                <strong>\u0646\u0641\u0651\u0630<\/strong>\n                <span>\u0648\u0632\u0651\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0646\u0638\u0651\u0645 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642.<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"tb-efficient-pm-feature\">\n            <span class=\"tb-efficient-pm-number\">03<\/span>\n            <div>\n                <strong>\u062a\u0627\u0628\u0639<\/strong>\n                <span>\u0631\u0627\u0642\u0628 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631.<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"tb-efficient-pm-feature\">\n            <span class=\"tb-efficient-pm-number\">04<\/span>\n            <div>\n                <strong>\u062a\u062d\u0643\u0651\u0645<\/strong>\n                <span>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u0648\u0627\u062a\u062e\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.<\/span>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   TaskBrowse - Efficient Project Management\n   Hero Section\n   ========================================= *\/\n\n.tb-efficient-pm-hero {\n    --tb-red: #d20b2f;\n    --tb-dark: #181c22;\n    --tb-text: #4c4a48;\n    --tb-muted: #77736f;\n    --tb-border: #dedbd6;\n    --tb-soft: #f8f7f5;\n\n    direction: rtl;\n    background: #ffffff;\n    color: var(--tb-dark);\n\n    padding: 105px 24px 0;\n\n    font-family: inherit;\n}\n\n\n\/* Main container *\/\n\n.tb-efficient-pm-container {\n    width: 100%;\n    max-width: 1240px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 95px;\n    align-items: center;\n}\n\n\n\/* =========================================\n   Heading\n   ========================================= *\/\n\n.tb-efficient-pm-heading {\n    order: 1;\n}\n\n.tb-efficient-pm-kicker {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n\n    margin-bottom: 27px;\n\n    color: var(--tb-red);\n\n    font-size: 14px;\n    font-weight: 600;\n}\n\n.tb-efficient-pm-line {\n    display: block;\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-efficient-pm-heading h1 {\n    margin: 0;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(48px, 5vw, 72px);\n    font-weight: 800;\n\n    line-height: 1.25;\n    letter-spacing: -1.5px;\n}\n\n\n.tb-efficient-pm-heading h1 span {\n    display: block;\n}\n\n\n\/* =========================================\n   Text content\n   ========================================= *\/\n\n.tb-efficient-pm-content {\n    order: 2;\n}\n\n\n.tb-efficient-pm-lead {\n    margin: 0 0 20px;\n\n    color: var(--tb-text);\n\n    font-size: 20px;\n    font-weight: 400;\n\n    line-height: 2.15;\n}\n\n\n.tb-efficient-pm-subtext {\n    margin: 0 0 32px;\n\n    color: var(--tb-muted);\n\n    font-size: 15px;\n    line-height: 2;\n}\n\n\n.tb-efficient-pm-subtext strong {\n    color: var(--tb-dark);\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   CTA\n   ========================================= *\/\n\n.tb-efficient-pm-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n\n.tb-efficient-pm-btn {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    min-height: 55px;\n\n    padding: 0 24px;\n\n    border-radius: 9px;\n\n    font-size: 15px;\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    transition:\n        background-color .2s ease,\n        color .2s ease,\n        border-color .2s ease,\n        transform .2s ease;\n}\n\n\n\/* Primary *\/\n\n.tb-efficient-pm-btn-primary {\n    background: var(--tb-red);\n\n    border: 1px solid var(--tb-red);\n\n    color: #ffffff !important;\n}\n\n\n.tb-efficient-pm-btn-primary:hover {\n    background: #b90829;\n\n    border-color: #b90829;\n\n    color: #ffffff !important;\n\n    transform: translateY(-2px);\n}\n\n\n\/* Secondary *\/\n\n.tb-efficient-pm-btn-secondary {\n    background: #ffffff;\n\n    border: 1px solid var(--tb-border);\n\n    color: var(--tb-dark) !important;\n}\n\n\n.tb-efficient-pm-btn-secondary:hover {\n    border-color: var(--tb-red);\n\n    color: var(--tb-red) !important;\n}\n\n\n\/* =========================================\n   Bottom Feature Strip\n   ========================================= *\/\n\n.tb-efficient-pm-features {\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 90px auto 0;\n\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n\n    border-top: 1px solid var(--tb-border);\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-efficient-pm-feature {\n    position: relative;\n\n    display: flex;\n\n    gap: 17px;\n\n    min-height: 150px;\n\n    padding: 29px 27px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-efficient-pm-feature:last-child {\n    border-left: 0;\n}\n\n\n.tb-efficient-pm-number {\n    flex: 0 0 auto;\n\n    color: var(--tb-red);\n\n    font-size: 12px;\n    font-weight: 800;\n\n    padding-top: 4px;\n}\n\n\n.tb-efficient-pm-feature strong {\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--tb-dark);\n\n    font-size: 19px;\n    font-weight: 800;\n}\n\n\n.tb-efficient-pm-feature div > span {\n    display: block;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n\n    line-height: 1.9;\n}\n\n\n\/* Red top marker - same visual language\n   as TaskBrowse cards *\/\n\n.tb-efficient-pm-feature::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 27px;\n\n    width: 34px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n\/* =========================================\n   Tablet\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-efficient-pm-hero {\n        padding-top: 75px;\n    }\n\n    .tb-efficient-pm-container {\n        grid-template-columns: 1fr;\n\n        gap: 42px;\n    }\n\n    .tb-efficient-pm-heading,\n    .tb-efficient-pm-content {\n        order: initial;\n    }\n\n    .tb-efficient-pm-heading h1 {\n        max-width: 700px;\n    }\n\n    .tb-efficient-pm-lead {\n        max-width: 720px;\n    }\n\n    .tb-efficient-pm-features {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .tb-efficient-pm-feature:nth-child(2) {\n        border-left: 0;\n    }\n\n}\n\n\n\/* =========================================\n   Mobile\n   ========================================= *\/\n\n@media (max-width: 600px) {\n\n    .tb-efficient-pm-hero {\n        padding: 55px 18px 0;\n    }\n\n    .tb-efficient-pm-kicker {\n        margin-bottom: 20px;\n\n        font-size: 13px;\n    }\n\n    .tb-efficient-pm-heading h1 {\n        font-size: 43px;\n\n        line-height: 1.3;\n\n        letter-spacing: -.5px;\n    }\n\n    .tb-efficient-pm-lead {\n        font-size: 17px;\n\n        line-height: 2;\n    }\n\n    .tb-efficient-pm-actions {\n        flex-direction: column;\n    }\n\n    .tb-efficient-pm-btn {\n        width: 100%;\n    }\n\n    .tb-efficient-pm-features {\n        margin-top: 60px;\n\n        grid-template-columns: 1fr;\n    }\n\n    .tb-efficient-pm-feature {\n        min-height: auto;\n\n        padding: 25px 5px;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n    .tb-efficient-pm-feature:last-child {\n        border-bottom: 0;\n    }\n\n}\n\n<\/style>\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<section id=\"project-management-tools\" class=\"tb-pm-organize\" dir=\"rtl\">\n    <div class=\"tb-pm-organize__container\">\n\n        <!-- Section heading -->\n        <div class=\"tb-pm-organize__intro\">\n\n            <div class=\"tb-pm-organize__heading\">\n\n                <div class=\"tb-pm-organize__kicker\">\n                    <span class=\"tb-pm-organize__line\"><\/span>\n                    <span>\u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                <\/div>\n\n                <h2>\n                    \u0646\u0638\u0651\u0645 \u0645\u0634\u0631\u0648\u0639\u0643\n                    <span>\u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-organize__intro-text\">\n\n                <p>\n                    \u062a\u0628\u062f\u0623 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0628\u062e\u0637\u0629 \u0648\u0627\u0636\u062d\u0629:\n                    \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u0625\u0646\u062c\u0627\u0632\u0647\u060c \u0648\u0645\u0646 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646\u0647\u060c \u0648\u0645\u062a\u0649 \u064a\u062c\u0628 \u0623\u0646 \u064a\u062a\u0645\u061f\n                    \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u062a\u062d\u062f\u064a\u062f \u0641\u0631\u064a\u0642\u0647\n                    \u0648\u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0648\u0645\u0647\u0627\u0645 \u0641\u0631\u0639\u064a\u0629 \u0636\u0645\u0646 \u0647\u064a\u0643\u0644 \u0645\u0646\u0638\u0645\n                    \u064a\u0633\u0647\u0644 \u0641\u0647\u0645\u0647 \u0648\u0645\u062a\u0627\u0628\u0639\u062a\u0647.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Main feature card -->\n        <div class=\"tb-pm-organize__card\">\n\n            <!-- Text -->\n            <div class=\"tb-pm-organize__card-content\">\n\n                <div class=\"tb-pm-organize__card-top\">\n\n                    <span class=\"tb-pm-organize__number\">01<\/span>\n\n                    <span class=\"tb-pm-organize__category\">\n                        \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0647\u064a\u0643\u0644 \u0627\u0644\u0639\u0645\u0644\n                    <\/span>\n\n                <\/div>\n\n\n                <h3>\n                    \u062d\u0648\u0651\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <span>\u0625\u0644\u0649 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u062f\u0627\u0631\u0629.<\/span>\n                <\/h3>\n\n\n                <p class=\"tb-pm-organize__description\">\n                    \u0642\u0633\u0651\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0641\u0631\u0639\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n                    \u0647\u064a\u0643\u0644 \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 (WBS)\u060c \u062b\u0645 \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n                    \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629.\n                    \u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u064a\u0639\u0631\u0641 \u0643\u0644 \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0645\u0646\u0647\u060c\n                    \u0628\u064a\u0646\u0645\u0627 \u062a\u062d\u062a\u0641\u0638 \u0623\u0646\u062a \u0628\u0635\u0648\u0631\u0629 \u0648\u0627\u0636\u062d\u0629 \u0639\u0646 \u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\n                <\/p>\n\n\n                <div class=\"tb-pm-organize__items\">\n\n                    <div class=\"tb-pm-organize__item\">\n                        <span class=\"tb-pm-organize__item-number\">01<\/span>\n\n                        <div>\n                            <strong>\u0642\u0633\u0651\u0645 \u0627\u0644\u0639\u0645\u0644<\/strong>\n                            <p>\n                                \u062d\u0648\u0651\u0644 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645 \u0648\u0645\u0647\u0627\u0645 \u0641\u0631\u0639\u064a\u0629\n                                \u0648\u0627\u0636\u062d\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n\n                    <div class=\"tb-pm-organize__item\">\n                        <span class=\"tb-pm-organize__item-number\">02<\/span>\n\n                        <div>\n                            <strong>\u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a<\/strong>\n                            <p>\n                                \u0639\u064a\u0651\u0646 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0644\u0644\u0645\u0647\u0627\u0645 \u0644\u064a\u0639\u0631\u0641 \u0627\u0644\u062c\u0645\u064a\u0639\n                                \u0645\u0646 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0643\u0644 \u062c\u0632\u0621 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n\n                    <div class=\"tb-pm-organize__item\">\n                        <span class=\"tb-pm-organize__item-number\">03<\/span>\n\n                        <div>\n                            <strong>\u0636\u0639 \u0623\u0633\u0627\u0633 \u0627\u0644\u062e\u0637\u0629<\/strong>\n                            <p>\n                                \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u062a\u0635\u0628\u062d\n                                \u0627\u0644\u0645\u0647\u0627\u0645 \u0623\u0633\u0627\u0633\u064b\u0627 \u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u062a\u0627\u0628\u0639\u062a\u0647.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Internal SEO link -->\n                <a href=\"https:\/\/taskbrowse.com\/ar\/hekl-taqseem-al-amal\/\" class=\"tb-pm-organize__link\">\n                    <span>\u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u0647\u064a\u0643\u0644 \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 (WBS)<\/span>\n                    <span class=\"tb-pm-organize__arrow\" aria-hidden=\"true\">\u2190<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- Visual \/ WBS illustration -->\n            <div class=\"tb-pm-organize__visual\">\n\n                <div class=\"tb-pm-organize__visual-label\">\n                    <span class=\"tb-pm-organize__dot\"><\/span>\n                    \u0647\u064a\u0643\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/div>\n\n\n                <div class=\"tb-pm-wbs\">\n\n                    <!-- Project -->\n                    <div class=\"tb-pm-wbs__project\">\n                        <span class=\"tb-pm-wbs__small\">\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n\n\n                    <div class=\"tb-pm-wbs__connector-main\"><\/div>\n\n\n                    <!-- Level 1 -->\n                    <div class=\"tb-pm-wbs__level\">\n\n                        <div class=\"tb-pm-wbs__branch\">\n\n                            <div class=\"tb-pm-wbs__task\">\n                                <span class=\"tb-pm-wbs__task-number\">01<\/span>\n                                <strong>\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/strong>\n                            <\/div>\n\n                            <div class=\"tb-pm-wbs__subtasks\">\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0646\u0637\u0627\u0642\n                                <\/div>\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-wbs__branch\">\n\n                            <div class=\"tb-pm-wbs__task\">\n                                <span class=\"tb-pm-wbs__task-number\">02<\/span>\n                                <strong>\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/strong>\n                            <\/div>\n\n                            <div class=\"tb-pm-wbs__subtasks\">\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645\n                                <\/div>\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0641\u0631\u064a\u0642\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-wbs__branch\">\n\n                            <div class=\"tb-pm-wbs__task\">\n                                <span class=\"tb-pm-wbs__task-number\">03<\/span>\n                                <strong>\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/strong>\n                            <\/div>\n\n                            <div class=\"tb-pm-wbs__subtasks\">\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u0642\u064a\u0627\u0633 \u0627\u0644\u062a\u0642\u062f\u0645\n                                <\/div>\n\n                                <div class=\"tb-pm-wbs__subtask\">\n                                    <span><\/span>\n                                    \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-organize__visual-footer\">\n                    <span>\n                        \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/span>\n\n                    <i>\u2190<\/i>\n\n                    <span>\n                        \u0627\u0644\u0645\u0647\u0627\u0645\n                    <\/span>\n\n                    <i>\u2190<\/i>\n\n                    <span>\n                        \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\n                    <\/span>\n\n                    <i>\u2190<\/i>\n\n                    <span>\n                        \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 02 - Organize Project\n   ========================================= *\/\n\n.tb-pm-organize {\n    --tb-red: #d20b2f;\n    --tb-dark: #181c22;\n    --tb-text: #4c4a48;\n    --tb-muted: #77736f;\n    --tb-border: #dedbd6;\n    --tb-soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: #ffffff;\n\n    color: var(--tb-dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-organize__container {\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-organize__intro {\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 65px;\n}\n\n\n.tb-pm-organize__kicker {\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--tb-red);\n\n    font-size: 14px;\n    font-weight: 600;\n}\n\n\n.tb-pm-organize__line {\n    display: block;\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-organize__heading h2 {\n    margin: 0;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(42px, 4.4vw, 64px);\n\n    line-height: 1.25;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-organize__heading h2 span {\n    display: block;\n}\n\n\n.tb-pm-organize__intro-text p {\n    margin: 0;\n\n    max-width: 570px;\n\n    color: var(--tb-text);\n\n    font-size: 18px;\n\n    line-height: 2.15;\n}\n\n\n\/* =========================================\n   Main Card\n   ========================================= *\/\n\n.tb-pm-organize__card {\n    overflow: hidden;\n\n    display: grid;\n\n    grid-template-columns: 0.9fr 1.1fr;\n\n    border: 1px solid var(--tb-border);\n\n    border-top: 3px solid var(--tb-red);\n\n    border-radius: 23px;\n\n    background: #ffffff;\n}\n\n\n\/* =========================================\n   Card content\n   ========================================= *\/\n\n.tb-pm-organize__card-content {\n    padding: 50px 48px;\n}\n\n\n.tb-pm-organize__card-top {\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 35px;\n}\n\n\n.tb-pm-organize__number {\n    color: var(--tb-red);\n\n    font-size: 13px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-organize__category {\n    color: var(--tb-muted);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-organize__card-content h3 {\n    margin: 0 0 24px;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(29px, 3vw, 42px);\n\n    line-height: 1.45;\n\n    font-weight: 800;\n\n    letter-spacing: -.5px;\n}\n\n\n.tb-pm-organize__card-content h3 span {\n    display: block;\n}\n\n\n.tb-pm-organize__description {\n    margin: 0 0 38px;\n\n    color: var(--tb-text);\n\n    font-size: 16px;\n\n    line-height: 2.1;\n}\n\n\n\/* =========================================\n   Items\n   ========================================= *\/\n\n.tb-pm-organize__items {\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-organize__item {\n    display: grid;\n\n    grid-template-columns: 34px 1fr;\n\n    gap: 13px;\n\n    padding: 20px 0;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-organize__item-number {\n    color: var(--tb-red);\n\n    font-size: 11px;\n\n    font-weight: 800;\n\n    padding-top: 4px;\n}\n\n\n.tb-pm-organize__item strong {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--tb-dark);\n\n    font-size: 15px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-organize__item p {\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================\n   SEO \/ Internal Link\n   ========================================= *\/\n\n.tb-pm-organize__link {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-top: 28px;\n\n    color: var(--tb-red) !important;\n\n    font-size: 14px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n}\n\n\n.tb-pm-organize__arrow {\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-organize__link:hover .tb-pm-organize__arrow {\n    transform: translateX(-5px);\n}\n\n\n\/* =========================================\n   Visual\n   ========================================= *\/\n\n.tb-pm-organize__visual {\n    position: relative;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: center;\n\n    min-height: 650px;\n\n    padding: 45px 38px 30px;\n\n    background: var(--tb-soft);\n\n    border-right: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-organize__visual-label {\n    position: absolute;\n\n    top: 27px;\n    right: 30px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--tb-muted);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-organize__dot {\n    display: block;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n\/* =========================================\n   WBS visual\n   ========================================= *\/\n\n.tb-pm-wbs {\n    width: 100%;\n\n    max-width: 610px;\n\n    margin: 30px auto;\n}\n\n\n.tb-pm-wbs__project {\n    position: relative;\n\n    width: 240px;\n\n    margin: 0 auto;\n\n    padding: 19px 22px;\n\n    background: var(--tb-dark);\n\n    border-radius: 10px;\n\n    color: #ffffff;\n\n    text-align: right;\n}\n\n\n.tb-pm-wbs__small {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #aaaeb3;\n\n    font-size: 10px;\n}\n\n\n.tb-pm-wbs__project strong {\n    font-size: 14px;\n}\n\n\n.tb-pm-wbs__connector-main {\n    width: 1px;\n    height: 48px;\n\n    margin: 0 auto;\n\n    background: #c9c6c2;\n}\n\n\n.tb-pm-wbs__level {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 13px;\n}\n\n\n.tb-pm-wbs__level::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n\n    right: 16.66%;\n    left: 16.66%;\n\n    height: 1px;\n\n    background: #c9c6c2;\n}\n\n\n.tb-pm-wbs__branch {\n    position: relative;\n\n    padding-top: 30px;\n}\n\n\n.tb-pm-wbs__branch::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 50%;\n\n    width: 1px;\n    height: 30px;\n\n    background: #c9c6c2;\n}\n\n\n.tb-pm-wbs__task {\n    position: relative;\n\n    min-height: 77px;\n\n    padding: 17px;\n\n    background: #ffffff;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 9px;\n}\n\n\n.tb-pm-wbs__task::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 16px;\n\n    width: 28px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-wbs__task-number {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-wbs__task strong {\n    color: var(--tb-dark);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-wbs__subtasks {\n    padding: 13px 9px 0;\n}\n\n\n.tb-pm-wbs__subtask {\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    padding: 8px 0;\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n\n    border-bottom: 1px solid #e8e5e1;\n}\n\n\n.tb-pm-wbs__subtask:last-child {\n    border-bottom: 0;\n}\n\n\n.tb-pm-wbs__subtask > span {\n    width: 5px;\n    height: 5px;\n\n    flex: 0 0 5px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n\/* =========================================\n   Visual footer\n   ========================================= *\/\n\n.tb-pm-organize__visual-footer {\n    display: flex;\n\n    justify-content: center;\n\n    align-items: center;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin-top: 18px;\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n}\n\n\n.tb-pm-organize__visual-footer i {\n    color: var(--tb-red);\n\n    font-style: normal;\n}\n\n\n\/* =========================================\n   Responsive\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-organize {\n        padding: 90px 20px;\n    }\n\n    .tb-pm-organize__intro {\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n    .tb-pm-organize__card {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-pm-organize__visual {\n        border-right: 0;\n\n        border-top: 1px solid var(--tb-border);\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-organize {\n        padding: 70px 17px;\n    }\n\n    .tb-pm-organize__heading h2 {\n        font-size: 40px;\n    }\n\n    .tb-pm-organize__intro-text p {\n        font-size: 16px;\n\n        line-height: 2;\n    }\n\n    .tb-pm-organize__card {\n        border-radius: 15px;\n    }\n\n    .tb-pm-organize__card-content {\n        padding: 35px 23px;\n    }\n\n    .tb-pm-organize__visual {\n        min-height: auto;\n\n        padding: 70px 18px 30px;\n    }\n\n    .tb-pm-wbs__level {\n        grid-template-columns: 1fr;\n\n        gap: 20px;\n    }\n\n    .tb-pm-wbs__level::before {\n        display: none;\n    }\n\n    .tb-pm-wbs__branch {\n        padding-top: 0;\n    }\n\n    .tb-pm-wbs__branch::before {\n        display: none;\n    }\n\n    .tb-pm-wbs__connector-main {\n        height: 25px;\n    }\n\n    .tb-pm-wbs__project {\n        width: 100%;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-plan\" dir=\"rtl\">\n\n    <div class=\"tb-pm-plan__container\">\n\n        <!-- =========================\n             Section Intro\n        ========================== -->\n\n        <div class=\"tb-pm-plan__intro\">\n\n            <div class=\"tb-pm-plan__heading\">\n\n                <div class=\"tb-pm-plan__kicker\">\n                    <span class=\"tb-pm-plan__line\"><\/span>\n                    <span>\u0645\u0646 \u0647\u064a\u0643\u0644 \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u062c\u062f\u0648\u0644 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n                <\/div>\n\n                <h2>\n                    \u062e\u0637\u0651\u0637 \u0644\u0644\u0645\u0647\u0627\u0645\n                    <span>\u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0628\u0648\u0636\u0648\u062d.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-plan__intro-text\">\n\n                <p>\n                    \u0628\u0639\u062f \u062a\u0642\u0633\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0645\u0647\u0627\u0645\u060c \u062d\u0627\u0646 \u0648\u0642\u062a \u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0625\u0644\u0649 \u062e\u0637\u0629 \u0632\u0645\u0646\u064a\u0629.\n                    \u062d\u062f\u0651\u062f \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\u060c \u0648\u0642\u062f\u0651\u0631 \u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0627\u0644\u062a\u064a \u064a\u0639\u062a\u0645\u062f \u062a\u0646\u0641\u064a\u0630\u0647\u0627 \u0628\u0639\u0636\u0647\u0627 \u0639\u0644\u0649 \u0628\u0639\u0636. \u064a\u0645\u0646\u062d\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0631\u0624\u064a\u0629\n                    \u0648\u0627\u0636\u062d\u0629 \u0644\u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u062a\u0623\u062b\u064a\u0631 \u0623\u064a \u062a\u063a\u064a\u064a\u0631 \u0639\u0644\u0649 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Gantt Visual\n        ========================== -->\n\n        <div class=\"tb-pm-plan__workspace\">\n\n            <div class=\"tb-pm-plan__workspace-header\">\n\n                <div class=\"tb-pm-plan__project\">\n                    <span class=\"tb-pm-plan__status-dot\"><\/span>\n\n                    <div>\n                        <small>\u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n                <\/div>\n\n                <span class=\"tb-pm-plan__workspace-label\">\n                    \u0645\u062b\u0627\u0644 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\n                <\/span>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-plan__gantt\">\n\n                <!-- Dates -->\n\n                <div class=\"tb-pm-plan__dates\">\n                    <span><\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 1<\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 2<\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 3<\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0628\u0648\u0639 4<\/span>\n                <\/div>\n\n\n                <!-- Row 1 -->\n\n                <div class=\"tb-pm-plan__row\">\n\n                    <div class=\"tb-pm-plan__task\">\n                        <span class=\"tb-pm-plan__task-number\">01<\/span>\n\n                        <div>\n                            <strong>\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a<\/strong>\n                            <small>\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-pm-plan__timeline\">\n                        <div class=\"tb-pm-plan__bar tb-pm-plan__bar--1\">\n                            \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Row 2 -->\n\n                <div class=\"tb-pm-plan__row\">\n\n                    <div class=\"tb-pm-plan__task\">\n                        <span class=\"tb-pm-plan__task-number\">02<\/span>\n\n                        <div>\n                            <strong>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/strong>\n                            <small>\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/small>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-pm-plan__timeline\">\n                        <div class=\"tb-pm-plan__bar tb-pm-plan__bar--2\">\n                            \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Row 3 -->\n\n                <div class=\"tb-pm-plan__row\">\n\n                    <div class=\"tb-pm-plan__task\">\n                        <span class=\"tb-pm-plan__task-number\">03<\/span>\n\n                        <div>\n                            <strong>\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629<\/strong>\n                            <small>\u0641\u0631\u064a\u0642 \u0627\u0644\u062c\u0648\u062f\u0629<\/small>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-pm-plan__timeline\">\n                        <div class=\"tb-pm-plan__bar tb-pm-plan__bar--3\">\n                            \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Row 4 -->\n\n                <div class=\"tb-pm-plan__row\">\n\n                    <div class=\"tb-pm-plan__task\">\n                        <span class=\"tb-pm-plan__task-number\">04<\/span>\n\n                        <div>\n                            <strong>\u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/strong>\n                            <small>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-pm-plan__timeline\">\n                        <div class=\"tb-pm-plan__milestone\">\n                            \u25c6\n                            <span>\u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/span>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Features\n        ========================== -->\n\n        <div class=\"tb-pm-plan__features\">\n\n\n            <!-- Gantt -->\n\n            <div class=\"tb-pm-plan__feature\">\n\n                <span class=\"tb-pm-plan__feature-number\">01<\/span>\n\n                <h3>\u0634\u0627\u0647\u062f \u0627\u0644\u062e\u0637\u0629 \u0639\u0644\u0649 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a<\/h3>\n\n                <p>\n                    \u064a\u0639\u0631\u0636 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u062e\u0637 \u0632\u0645\u0646\u064a \u0648\u0627\u0636\u062d\u060c\n                    \u0644\u062a\u062a\u0645\u0643\u0646 \u0645\u0646 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u0645\u062f\u062f \u0648\u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0639\u0645\u0644\u060c\n                    \u0648\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062c\u062f\u0648\u0644 \u0628\u0633\u0647\u0648\u0644\u0629 \u0639\u0646\u062f \u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u062e\u0637\u0629.\n                <\/p>\n\n                <a href=\"https:\/\/taskbrowse.com\/ar\/what-is-gantt-chart\/\">\n                    \u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\n                    <span>\u2190<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- Dependencies -->\n\n            <div class=\"tb-pm-plan__feature\">\n\n                <span class=\"tb-pm-plan__feature-number\">02<\/span>\n\n                <h3>\u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0628\u0639\u0636\u0647\u0627<\/h3>\n\n                <p>\n                    \u062d\u062f\u0651\u062f \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0623\u0636\u0641 \u0627\u0644\u0645\u0647\u0644\u0629 \u0623\u0648 \u0627\u0644\u062a\u062f\u0627\u062e\u0644\n                    \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\u060c \u062d\u062a\u0649 \u064a\u0639\u0643\u0633 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n                    \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0623\u0646 \u064a\u064f\u0646\u0641\u0651\u0630 \u0628\u0647\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n                <a href=\"https:\/\/taskbrowse.com\/ar\/knowledge-base\/gantt-chart\/#h160\">\n                    \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n                    <span>\u2190<\/span>\n                <\/a>\n\n            <\/div>\n\n\n            <!-- CPM -->\n\n            <div class=\"tb-pm-plan__feature\">\n\n                <span class=\"tb-pm-plan__feature-number\">03<\/span>\n\n                <h3>\u0627\u0639\u0631\u0641 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0624\u062b\u0631 \u0641\u064a \u0645\u0648\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h3>\n\n                <p>\n                    \u062a\u0633\u0627\u0639\u062f\u0643 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c (CPM) \u0639\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0624\u062f\u064a \u062a\u0623\u062e\u0631\u0647\u0627 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n                    \u0644\u062a\u0648\u062c\u0651\u0647 \u0627\u0646\u062a\u0628\u0627\u0647\u0643 \u0625\u0644\u0649 \u0645\u0627 \u064a\u0624\u062b\u0631 \u0641\u0639\u0644\u064a\u064b\u0627 \u0641\u064a \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a.\n                <\/p>\n\n                <a href=\"https:\/\/taskbrowse.com\/ar\/what-is-cpm\/\">\n                    \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u062d\u0631\u062c\n                    <span>\u2190<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Rayla AI\n        ========================== -->\n\n        <div class=\"tb-pm-plan__ai\">\n\n            <div class=\"tb-pm-plan__ai-mark\">\n                <span>\u2726<\/span>\n            <\/div>\n\n\n            <div class=\"tb-pm-plan__ai-content\">\n\n                <div class=\"tb-pm-plan__ai-label\">\n                    \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                <\/div>\n\n                <h3>\n                    \u0648\u062f\u0639 \u0631\u0627\u064a\u0644\u0627 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629\n                    <span>\u0645\u0627 \u0642\u062f \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643.<\/span>\n                <\/h3>\n\n                <p>\n                    \u0644\u0627 \u062a\u062a\u0648\u0642\u0641 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0646\u062f \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062e\u0637\u0629.\n                    \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627\u060c \u0645\u0633\u0627\u0639\u062f\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c\n                    \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\n                    \u0648\u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643\u060c \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646\n                    \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0645\u0627 \u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u0648\u0644\u064b\u0627.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-plan__ai-capabilities\">\n\n                <div class=\"tb-pm-plan__ai-item\">\n                    <span>01<\/span>\n\n                    <div>\n                        <strong>\u0627\u0644\u062a\u0646\u0628\u0624 \u0628\u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/strong>\n                        <small>\n                            \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0628\u0643\u0631\u064b\u0627.\n                        <\/small>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"tb-pm-plan__ai-item\">\n                    <span>02<\/span>\n\n                    <div>\n                        <strong>\u062a\u062d\u062f\u064a\u062f \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647<\/strong>\n                        <small>\n                            \u062a\u0644\u062e\u064a\u0635 \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u0644\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629.\n                        <\/small>\n                    <\/div>\n                <\/div>\n\n\n                <div class=\"tb-pm-plan__ai-item\">\n                    <span>03<\/span>\n\n                    <div>\n                        <strong>\u062a\u062d\u0644\u064a\u0644 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n                        <small>\n                            \u0641\u0647\u0645 \u0648\u0636\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\n                        <\/small>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 03\n   Planning + Gantt + Rayla AI\n   ========================================= *\/\n\n.tb-pm-plan {\n\n    --tb-red: #d20b2f;\n    --tb-dark: #1d1f22;\n    --tb-panel: #27292d;\n    --tb-panel-2: #2d2f33;\n\n    --tb-white: #ffffff;\n    --tb-text: #e5e2de;\n    --tb-muted: #aaa7a3;\n\n    --tb-border: #44464a;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: var(--tb-dark);\n\n    color: var(--tb-white);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-plan__container {\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-plan__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 70px;\n}\n\n\n.tb-pm-plan__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 23px;\n\n    color: #f1536d;\n\n    font-size: 14px;\n    font-weight: 600;\n}\n\n\n.tb-pm-plan__line {\n\n    display: block;\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-plan__heading h2 {\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(43px, 4.5vw, 65px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-plan__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-plan__intro-text p {\n\n    max-width: 570px;\n\n    margin: 0;\n\n    color: var(--tb-text);\n\n    font-size: 18px;\n\n    line-height: 2.2;\n}\n\n\n\/* =========================================\n   Gantt Workspace\n   ========================================= *\/\n\n.tb-pm-plan__workspace {\n\n    overflow: hidden;\n\n    margin-bottom: 30px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n\n    background: var(--tb-panel);\n}\n\n\n.tb-pm-plan__workspace-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 20px 25px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__project {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-plan__status-dot {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-plan__project small,\n.tb-pm-plan__project strong {\n\n    display: block;\n}\n\n\n.tb-pm-plan__project small {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-plan__project strong {\n\n    color: #ffffff;\n\n    font-size: 13px;\n}\n\n\n.tb-pm-plan__workspace-label {\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n}\n\n\n\/* =========================================\n   Gantt\n   ========================================= *\/\n\n.tb-pm-plan__gantt {\n\n    padding: 0 25px 25px;\n}\n\n\n.tb-pm-plan__dates {\n\n    display: grid;\n\n    grid-template-columns: 270px repeat(4, 1fr);\n\n    min-height: 55px;\n\n    align-items: center;\n\n    border-bottom: 1px solid var(--tb-border);\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-plan__dates span {\n\n    padding: 0 13px;\n}\n\n\n.tb-pm-plan__row {\n\n    display: grid;\n\n    grid-template-columns: 270px 1fr;\n\n    min-height: 91px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__row:last-child {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-plan__task {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 14px;\n\n    padding: 15px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__task-number {\n\n    color: #f1536d;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-plan__task strong,\n.tb-pm-plan__task small {\n\n    display: block;\n}\n\n\n.tb-pm-plan__task strong {\n\n    margin-bottom: 5px;\n\n    color: #ffffff;\n\n    font-size: 13px;\n}\n\n\n.tb-pm-plan__task small {\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-plan__timeline {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    align-items: center;\n\n    background-image:\n        linear-gradient(\n            to left,\n            var(--tb-border) 1px,\n            transparent 1px\n        );\n\n    background-size: 25% 100%;\n}\n\n\n.tb-pm-plan__bar {\n\n    display: flex;\n\n    align-items: center;\n\n    height: 34px;\n\n    padding: 0 14px;\n\n    border-radius: 6px;\n\n    color: #ffffff;\n\n    font-size: 10px;\n\n    font-weight: 700;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-plan__bar--1 {\n\n    grid-column: 1 \/ 2;\n\n    margin: 0 8px;\n}\n\n\n.tb-pm-plan__bar--2 {\n\n    grid-column: 2 \/ 4;\n\n    margin: 0 8px;\n\n    background: #a30b27;\n}\n\n\n.tb-pm-plan__bar--3 {\n\n    grid-column: 3 \/ 5;\n\n    margin: 0 8px;\n\n    background: #6f1c2c;\n}\n\n\n.tb-pm-plan__milestone {\n\n    grid-column: 4;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 7px;\n\n    color: #f1536d;\n\n    font-size: 18px;\n}\n\n\n.tb-pm-plan__milestone span {\n\n    color: var(--tb-text);\n\n    font-size: 10px;\n}\n\n\n\/* =========================================\n   Feature Cards\n   ========================================= *\/\n\n.tb-pm-plan__features {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-bottom: 30px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n\n    overflow: hidden;\n}\n\n\n.tb-pm-plan__feature {\n\n    position: relative;\n\n    min-height: 330px;\n\n    padding: 38px 34px;\n\n    background: var(--tb-panel);\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__feature:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-plan__feature::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 34px;\n\n    width: 37px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-plan__feature-number {\n\n    display: block;\n\n    margin-bottom: 42px;\n\n    color: #f1536d;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-plan__feature h3 {\n\n    margin: 0 0 18px;\n\n    color: #ffffff;\n\n    font-size: 23px;\n\n    line-height: 1.6;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-plan__feature p {\n\n    margin: 0 0 25px;\n\n    color: var(--tb-muted);\n\n    font-size: 14px;\n\n    line-height: 2;\n}\n\n\n.tb-pm-plan__feature a {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #f1536d !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n}\n\n\n.tb-pm-plan__feature a span {\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-plan__feature a:hover span {\n\n    transform: translateX(-4px);\n}\n\n\n\/* =========================================\n   Rayla AI\n   ========================================= *\/\n\n.tb-pm-plan__ai {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: 75px 1fr 1fr;\n\n    gap: 35px;\n\n    align-items: center;\n\n    padding: 44px 40px;\n\n    overflow: hidden;\n\n    border: 1px solid #56333b;\n\n    border-radius: 23px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #29272a 0%,\n            #26272a 60%,\n            #302329 100%\n        );\n}\n\n\n.tb-pm-plan__ai::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 0;\n\n    width: 130px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-plan__ai-mark {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 65px;\n    height: 65px;\n\n    border: 1px solid #643642;\n\n    border-radius: 50%;\n\n    color: #f1536d;\n\n    font-size: 27px;\n}\n\n\n.tb-pm-plan__ai-label {\n\n    margin-bottom: 12px;\n\n    color: #f1536d;\n\n    font-size: 11px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-plan__ai-content h3 {\n\n    margin: 0 0 17px;\n\n    color: #ffffff;\n\n    font-size: clamp(25px, 2.4vw, 34px);\n\n    line-height: 1.5;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-plan__ai-content h3 span {\n\n    display: block;\n}\n\n\n.tb-pm-plan__ai-content p {\n\n    max-width: 560px;\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n\n    line-height: 2;\n}\n\n\n\/* AI capabilities *\/\n\n.tb-pm-plan__ai-capabilities {\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__ai-item {\n\n    display: grid;\n\n    grid-template-columns: 30px 1fr;\n\n    gap: 11px;\n\n    padding: 15px 0;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-plan__ai-item > span {\n\n    color: #f1536d;\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    padding-top: 3px;\n}\n\n\n.tb-pm-plan__ai-item strong,\n.tb-pm-plan__ai-item small {\n\n    display: block;\n}\n\n\n.tb-pm-plan__ai-item strong {\n\n    margin-bottom: 4px;\n\n    color: #ffffff;\n\n    font-size: 13px;\n}\n\n\n.tb-pm-plan__ai-item small {\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================\n   Responsive\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-plan {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-plan__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-plan__features {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-plan__feature {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-plan__feature:last-child {\n\n        border-bottom: 0;\n    }\n\n\n    .tb-pm-plan__ai {\n\n        grid-template-columns: 65px 1fr;\n    }\n\n\n    .tb-pm-plan__ai-capabilities {\n\n        grid-column: 1 \/ -1;\n    }\n\n}\n\n\n@media (max-width: 700px) {\n\n    .tb-pm-plan__workspace {\n\n        overflow-x: auto;\n    }\n\n\n    .tb-pm-plan__gantt {\n\n        min-width: 760px;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-plan {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-plan__heading h2 {\n\n        font-size: 40px;\n    }\n\n\n    .tb-pm-plan__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-plan__workspace {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-plan__workspace-header {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n    }\n\n\n    .tb-pm-plan__features {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-plan__feature {\n\n        padding: 32px 24px;\n    }\n\n\n    .tb-pm-plan__feature-number {\n\n        margin-bottom: 25px;\n    }\n\n\n    .tb-pm-plan__ai {\n\n        grid-template-columns: 1fr;\n\n        padding: 32px 24px;\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-plan__ai-mark {\n\n        width: 52px;\n        height: 52px;\n    }\n\n\n    .tb-pm-plan__ai-capabilities {\n\n        grid-column: auto;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-execution\" dir=\"rtl\">\n\n    <div class=\"tb-pm-execution__container\">\n\n        <!-- =========================\n             Intro\n        ========================== -->\n\n        <div class=\"tb-pm-execution__intro\">\n\n            <div class=\"tb-pm-execution__heading\">\n\n                <div class=\"tb-pm-execution__kicker\">\n                    <span class=\"tb-pm-execution__line\"><\/span>\n                    <span>\u0645\u0646 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n                <\/div>\n\n                <h2>\n                    \u0648\u0632\u0651\u0639 \u0627\u0644\u0639\u0645\u0644 \u0628\u0648\u0636\u0648\u062d\u060c\n                    <span>\u0648\u062f\u0639 \u0627\u0644\u0641\u0631\u064a\u0642 \u064a\u0639\u0631\u0641 \u0645\u0627 \u0639\u0644\u064a\u0647 \u0625\u0646\u062c\u0627\u0632\u0647.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-execution__intro-text\">\n\n                <p>\n                    \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u062c\u064a\u062f\u0629 \u0644\u0627 \u062a\u0643\u0641\u064a \u0625\u0630\u0627 \u0644\u0645 \u064a\u0639\u0631\u0641 \u0643\u0644 \u0634\u062e\u0635 \u0645\u0627 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0645\u0646\u0647.\n                    \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u062a\u062a\u062d\u0648\u0644 \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0625\u0644\u0649 \u0639\u0645\u0644 \u0648\u0627\u0636\u062d\n                    \u0644\u0644\u0641\u0631\u064a\u0642\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\n                    \u0644\u0643\u0644 \u0645\u0647\u0645\u0629.\n                <\/p>\n\n                <p>\n                    \u0648\u0647\u0643\u0630\u0627 \u062a\u0628\u0642\u0649 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627 \u0623\u062b\u0646\u0627\u0621\n                    \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0628\u062f\u0644 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0645\u062c\u0631\u062f \u062c\u062f\u0648\u0644 \u0645\u0646\u0641\u0635\u0644 \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Main execution board\n        ========================== -->\n\n        <div class=\"tb-pm-execution__board\">\n\n            <!-- Board Header -->\n\n            <div class=\"tb-pm-execution__board-header\">\n\n                <div class=\"tb-pm-execution__project\">\n\n                    <span class=\"tb-pm-execution__dot\"><\/span>\n\n                    <div>\n                        <small>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-execution__board-meta\">\n\n                    <span>\n                        <small>\u0627\u0644\u0641\u0631\u064a\u0642<\/small>\n                        6 \u0623\u0639\u0636\u0627\u0621\n                    <\/span>\n\n                    <span>\n                        <small>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0646\u0634\u0637\u0629<\/small>\n                        12 \u0645\u0647\u0645\u0629\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Board Body -->\n\n            <div class=\"tb-pm-execution__board-body\">\n\n\n                <!-- =================================\n                     RIGHT: Task list\n                ================================== -->\n\n                <div class=\"tb-pm-execution__tasks\">\n\n                    <div class=\"tb-pm-execution__column-title\">\n                        <span>\u0645\u0647\u0627\u0645 \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n                        <small>\u0627\u0644\u064a\u0648\u0645<\/small>\n                    <\/div>\n\n\n                    <!-- Task 1 -->\n\n                    <div class=\"tb-pm-task\">\n\n                        <div class=\"tb-pm-task__status\">\n                            <span class=\"tb-pm-task__check\">\u2713<\/span>\n                        <\/div>\n\n                        <div class=\"tb-pm-task__content\">\n\n                            <div class=\"tb-pm-task__top\">\n                                <strong>\u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n                                <span class=\"tb-pm-task__tag\">\u0645\u0643\u062a\u0645\u0644\u0629<\/span>\n                            <\/div>\n\n                            <div class=\"tb-pm-task__meta\">\n                                <span>\u0633\u0627\u0631\u0629<\/span>\n                                <i><\/i>\n                                <span>4 \u0633\u0627\u0639\u0627\u062a<\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Task 2 -->\n\n                    <div class=\"tb-pm-task tb-pm-task--active\">\n\n                        <div class=\"tb-pm-task__status\">\n                            <span class=\"tb-pm-task__circle\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-pm-task__content\">\n\n                            <div class=\"tb-pm-task__top\">\n                                <strong>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/strong>\n                                <span class=\"tb-pm-task__tag tb-pm-task__tag--active\">\n                                    \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                                <\/span>\n                            <\/div>\n\n                            <div class=\"tb-pm-task__meta\">\n                                <span>\u0623\u062d\u0645\u062f<\/span>\n                                <i><\/i>\n                                <span>8 \u0633\u0627\u0639\u0627\u062a<\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Task 3 -->\n\n                    <div class=\"tb-pm-task\">\n\n                        <div class=\"tb-pm-task__status\">\n                            <span class=\"tb-pm-task__circle\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-pm-task__content\">\n\n                            <div class=\"tb-pm-task__top\">\n                                <strong>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/strong>\n                                <span class=\"tb-pm-task__tag tb-pm-task__tag--waiting\">\n                                    \u0627\u0644\u062a\u0627\u0644\u064a\u0629\n                                <\/span>\n                            <\/div>\n\n                            <div class=\"tb-pm-task__meta\">\n                                <span>\u0645\u062d\u0645\u062f<\/span>\n                                <i><\/i>\n                                <span>16 \u0633\u0627\u0639\u0629<\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Task 4 -->\n\n                    <div class=\"tb-pm-task\">\n\n                        <div class=\"tb-pm-task__status\">\n                            <span class=\"tb-pm-task__circle\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-pm-task__content\">\n\n                            <div class=\"tb-pm-task__top\">\n                                <strong>\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c<\/strong>\n                                <span class=\"tb-pm-task__tag tb-pm-task__tag--waiting\">\n                                    \u0645\u062e\u0637\u0637\u0629\n                                <\/span>\n                            <\/div>\n\n                            <div class=\"tb-pm-task__meta\">\n                                <span>\u0644\u064a\u0627\u0646<\/span>\n                                <i><\/i>\n                                <span>6 \u0633\u0627\u0639\u0627\u062a<\/span>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =================================\n                     LEFT: Team workload\n                ================================== -->\n\n                <div class=\"tb-pm-execution__workload\">\n\n                    <div class=\"tb-pm-execution__column-title\">\n                        <span>\u0639\u0628\u0621 \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642<\/span>\n                        <small>\u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/small>\n                    <\/div>\n\n\n                    <!-- Member -->\n\n                    <div class=\"tb-pm-member\">\n\n                        <div class=\"tb-pm-member__head\">\n\n                            <div class=\"tb-pm-member__person\">\n                                <span class=\"tb-pm-avatar\">\u0623<\/span>\n\n                                <div>\n                                    <strong>\u0623\u062d\u0645\u062f<\/strong>\n                                    <small>\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/small>\n                                <\/div>\n                            <\/div>\n\n                            <span class=\"tb-pm-member__hours\">\n                                28 \/ 40\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"tb-pm-progress\">\n                            <span style=\"width:70%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Member -->\n\n                    <div class=\"tb-pm-member\">\n\n                        <div class=\"tb-pm-member__head\">\n\n                            <div class=\"tb-pm-member__person\">\n                                <span class=\"tb-pm-avatar\">\u0645<\/span>\n\n                                <div>\n                                    <strong>\u0645\u062d\u0645\u062f<\/strong>\n                                    <small>\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/small>\n                                <\/div>\n                            <\/div>\n\n                            <span class=\"tb-pm-member__hours\">\n                                36 \/ 40\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"tb-pm-progress\">\n                            <span style=\"width:90%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Member -->\n\n                    <div class=\"tb-pm-member\">\n\n                        <div class=\"tb-pm-member__head\">\n\n                            <div class=\"tb-pm-member__person\">\n                                <span class=\"tb-pm-avatar\">\u0633<\/span>\n\n                                <div>\n                                    <strong>\u0633\u0627\u0631\u0629<\/strong>\n                                    <small>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/small>\n                                <\/div>\n                            <\/div>\n\n                            <span class=\"tb-pm-member__hours\">\n                                20 \/ 40\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"tb-pm-progress\">\n                            <span style=\"width:50%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Workload insight -->\n\n                    <div class=\"tb-pm-execution__insight\">\n\n                        <span class=\"tb-pm-execution__insight-icon\">!<\/span>\n\n                        <div>\n                            <strong>\u0634\u0627\u0647\u062f \u0636\u063a\u0637 \u0627\u0644\u0639\u0645\u0644 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0635\u0628\u062d \u0645\u0634\u0643\u0644\u0629<\/strong>\n\n                            <p>\n                                \u0645\u0642\u0627\u0631\u0646\u0629 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u0639\u0627\u062f\u0629 \u062a\u0648\u0632\u064a\u0639\n                                \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0646\u062f\u0645\u0627 \u064a\u0643\u0648\u0646 \u0623\u062d\u062f \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u062b\u0642\u0644\u064b\u0627\n                                \u0628\u064a\u0646\u0645\u0627 \u062a\u062a\u0648\u0641\u0631 \u0633\u0639\u0629 \u0644\u062f\u0649 \u0627\u0644\u0622\u062e\u0631\u064a\u0646.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Benefits\n        ========================== -->\n\n        <div class=\"tb-pm-execution__benefits\">\n\n\n            <article class=\"tb-pm-execution__benefit\">\n\n                <span class=\"tb-pm-execution__benefit-number\">01<\/span>\n\n                <h3>\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0643\u0644 \u0645\u0647\u0645\u0629<\/h3>\n\n                <p>\n                    \u0639\u064a\u0651\u0646 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u062d\u062c\u0645 \u0627\u0644\u0639\u0645\u0644\u060c\n                    \u0644\u064a\u0639\u0631\u0641 \u0643\u0644 \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062c\u0628 \u0639\u0644\u064a\u0647 \u0625\u0646\u062c\u0627\u0632\u0647.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-execution__benefit\">\n\n                <span class=\"tb-pm-execution__benefit-number\">02<\/span>\n\n                <h3>\u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0623\u0645\u0627\u0645 \u0627\u0644\u0641\u0631\u064a\u0642<\/h3>\n\n                <p>\n                    \u0631\u062a\u0651\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u062d\u062f\u0651\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u062d\u062a\u0649 \u064a\u0631\u0643\u0651\u0632 \u0627\u0644\u0641\u0631\u064a\u0642 \u0639\u0644\u0649\n                    \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0647\u0645\u064a\u0629 \u0628\u062f\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u064a\u0646 \u0623\u0639\u0645\u0627\u0644 \u063a\u064a\u0631 \u0645\u062a\u0631\u0627\u0628\u0637\u0629.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-execution__benefit\">\n\n                <span class=\"tb-pm-execution__benefit-number\">03<\/span>\n\n                <h3>\u0631\u0624\u064a\u0629 \u0623\u0641\u0636\u0644 \u0644\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644<\/h3>\n\n                <p>\n                    \u0631\u0627\u0642\u0628 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0636\u063a\u0637\n                    \u0623\u0648 \u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0624\u062b\u0631 \u0630\u0644\u0643 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- =========================\n             Internal link\n        ========================== -->\n\n        <div class=\"tb-pm-execution__footer\">\n\n            <p>\n                \u0647\u0644 \u062a\u0631\u064a\u062f \u0627\u0644\u062a\u0639\u0645\u0642 \u0623\u0643\u062b\u0631 \u0641\u064a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a \u0644\u0644\u0641\u0631\u064a\u0642\u061f\n            <\/p>\n\n            <a href=\"https:\/\/taskbrowse.com\/ar\/idarat-maham-sahla\/\">\n                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0628\u0631\u0646\u0627\u0645\u062c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                <span aria-hidden=\"true\">\u2190<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 04\n   Project Execution & Team\n   ========================================= *\/\n\n.tb-pm-execution {\n\n    --tb-red: #d20b2f;\n    --tb-red-soft: #fff3f5;\n\n    --tb-dark: #181c22;\n    --tb-text: #4c4a48;\n    --tb-muted: #77736f;\n\n    --tb-border: #dedbd6;\n    --tb-border-soft: #ebe8e4;\n\n    --tb-soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: #ffffff;\n\n    color: var(--tb-dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-execution__container {\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-execution__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 65px;\n}\n\n\n.tb-pm-execution__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--tb-red);\n\n    font-size: 14px;\n    font-weight: 600;\n}\n\n\n.tb-pm-execution__line {\n\n    width: 26px;\n    height: 2px;\n\n    flex: 0 0 26px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-execution__heading h2 {\n\n    margin: 0;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(42px, 4.4vw, 64px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-execution__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-execution__intro-text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--tb-text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-execution__intro-text p:last-child {\n\n    margin-bottom: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   Board\n   ========================================= *\/\n\n.tb-pm-execution__board {\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-top: 3px solid var(--tb-red);\n\n    border-radius: 23px;\n\n    background: #ffffff;\n}\n\n\n.tb-pm-execution__board-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 25px;\n\n    min-height: 83px;\n\n    padding: 18px 27px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n\/* Project *\/\n\n.tb-pm-execution__project {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-execution__dot {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-execution__project small,\n.tb-pm-execution__project strong {\n\n    display: block;\n}\n\n\n.tb-pm-execution__project small {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-execution__project strong {\n\n    color: var(--tb-dark);\n\n    font-size: 14px;\n}\n\n\n\/* Board meta *\/\n\n.tb-pm-execution__board-meta {\n\n    display: flex;\n\n    gap: 35px;\n}\n\n\n.tb-pm-execution__board-meta span {\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-execution__board-meta small {\n\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n\n    font-weight: 400;\n}\n\n\n\/* =========================================\n   Board body\n   ========================================= *\/\n\n.tb-pm-execution__board-body {\n\n    display: grid;\n\n    grid-template-columns: 1.15fr .85fr;\n}\n\n\n\/* Columns *\/\n\n.tb-pm-execution__tasks,\n.tb-pm-execution__workload {\n\n    padding: 32px;\n}\n\n\n.tb-pm-execution__workload {\n\n    background: var(--tb-soft);\n\n    border-right: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-execution__column-title {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    margin-bottom: 24px;\n}\n\n\n.tb-pm-execution__column-title > span {\n\n    color: var(--tb-dark);\n\n    font-size: 14px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-execution__column-title small {\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n\/* =========================================\n   Task\n   ========================================= *\/\n\n.tb-pm-task {\n\n    display: grid;\n\n    grid-template-columns: 34px 1fr;\n\n    gap: 12px;\n\n    padding: 20px 0;\n\n    border-bottom: 1px solid var(--tb-border-soft);\n}\n\n\n.tb-pm-task:first-of-type {\n\n    border-top: 1px solid var(--tb-border-soft);\n}\n\n\n.tb-pm-task--active {\n\n    margin: 0 -16px;\n\n    padding-right: 16px;\n    padding-left: 16px;\n\n    background: #fffafb;\n}\n\n\n.tb-pm-task__status {\n\n    padding-top: 2px;\n}\n\n\n.tb-pm-task__check,\n.tb-pm-task__circle {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 21px;\n    height: 21px;\n\n    border-radius: 50%;\n}\n\n\n.tb-pm-task__check {\n\n    background: var(--tb-red);\n\n    color: #ffffff;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-task__circle {\n\n    border: 1px solid #c8c4bf;\n}\n\n\n.tb-pm-task__top {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 15px;\n\n    margin-bottom: 8px;\n}\n\n\n.tb-pm-task__top strong {\n\n    color: var(--tb-dark);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-task__tag {\n\n    flex: 0 0 auto;\n\n    padding: 4px 8px;\n\n    border-radius: 20px;\n\n    background: #f0efed;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-task__tag--active {\n\n    background: var(--tb-red-soft);\n\n    color: var(--tb-red);\n}\n\n\n.tb-pm-task__tag--waiting {\n\n    background: #f5f4f2;\n\n    color: #8a8681;\n}\n\n\n.tb-pm-task__meta {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-task__meta i {\n\n    width: 3px;\n    height: 3px;\n\n    border-radius: 50%;\n\n    background: #bbb7b2;\n}\n\n\n\/* =========================================\n   Team workload\n   ========================================= *\/\n\n.tb-pm-member {\n\n    padding: 20px 0;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-member__head {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 15px;\n\n    margin-bottom: 12px;\n}\n\n\n.tb-pm-member__person {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-avatar {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 36px;\n    height: 36px;\n\n    flex: 0 0 36px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-member__person strong,\n.tb-pm-member__person small {\n\n    display: block;\n}\n\n\n.tb-pm-member__person strong {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-member__person small {\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-member__hours {\n\n    color: var(--tb-muted);\n\n    direction: ltr;\n\n    font-size: 10px;\n}\n\n\n\/* Progress *\/\n\n.tb-pm-progress {\n\n    overflow: hidden;\n\n    height: 4px;\n\n    border-radius: 10px;\n\n    background: #e4e1dd;\n}\n\n\n.tb-pm-progress span {\n\n    display: block;\n\n    height: 100%;\n\n    border-radius: 10px;\n\n    background: var(--tb-red);\n}\n\n\n\/* =========================================\n   Insight\n   ========================================= *\/\n\n.tb-pm-execution__insight {\n\n    display: grid;\n\n    grid-template-columns: 35px 1fr;\n\n    gap: 13px;\n\n    margin-top: 28px;\n\n    padding: 20px;\n\n    border: 1px solid #ead5d9;\n\n    border-radius: 12px;\n\n    background: #fffafb;\n}\n\n\n.tb-pm-execution__insight-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 31px;\n    height: 31px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n\n    color: #ffffff;\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-execution__insight strong {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-execution__insight p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n\n    line-height: 1.8;\n}\n\n\n\/* =========================================\n   Benefits\n   ========================================= *\/\n\n.tb-pm-execution__benefits {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-top: 30px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n\n    overflow: hidden;\n}\n\n\n.tb-pm-execution__benefit {\n\n    position: relative;\n\n    min-height: 260px;\n\n    padding: 37px 33px;\n\n    border-left: 1px solid var(--tb-border);\n\n    background: #ffffff;\n}\n\n\n.tb-pm-execution__benefit:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-execution__benefit::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 33px;\n\n    width: 35px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-execution__benefit-number {\n\n    display: block;\n\n    margin-bottom: 35px;\n\n    color: var(--tb-red);\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-execution__benefit h3 {\n\n    margin: 0 0 15px;\n\n    color: var(--tb-dark);\n\n    font-size: 20px;\n\n    line-height: 1.55;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-execution__benefit p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n\n    line-height: 2;\n}\n\n\n\/* =========================================\n   Footer internal link\n   ========================================= *\/\n\n.tb-pm-execution__footer {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 30px;\n\n    margin-top: 42px;\n\n    padding-top: 30px;\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-execution__footer p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-execution__footer a {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    color: var(--tb-red) !important;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n}\n\n\n.tb-pm-execution__footer a span {\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-execution__footer a:hover span {\n\n    transform: translateX(-5px);\n}\n\n\n\/* =========================================\n   Responsive\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-execution {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-execution__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-execution__board-body {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-execution__workload {\n\n        border-right: 0;\n\n        border-top: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-execution__benefits {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-execution__benefit {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-execution__benefit:last-child {\n\n        border-bottom: 0;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-execution {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-execution__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-execution__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-execution__board {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-execution__board-header {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n    }\n\n\n    .tb-pm-execution__board-meta {\n\n        width: 100%;\n\n        justify-content: space-between;\n    }\n\n\n    .tb-pm-execution__tasks,\n    .tb-pm-execution__workload {\n\n        padding: 25px 20px;\n    }\n\n\n    .tb-pm-task__top {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 7px;\n    }\n\n\n    .tb-pm-execution__benefits {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-execution__footer {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        gap: 15px;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-monitor\" dir=\"rtl\">\n\n    <div class=\"tb-pm-monitor__container\">\n\n        <!-- =========================\n             INTRO\n        ========================== -->\n\n        <div class=\"tb-pm-monitor__intro\">\n\n            <div class=\"tb-pm-monitor__heading\">\n\n                <div class=\"tb-pm-monitor__kicker\">\n                    <span class=\"tb-pm-monitor__line\"><\/span>\n                    <span>\u0627\u0639\u0631\u0641 \u0645\u0627 \u064a\u062d\u062f\u062b \u0642\u0628\u0644 \u0623\u0646 \u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0645\u0634\u0643\u0644\u0629<\/span>\n                <\/div>\n\n                <h2>\n                    \u062a\u0627\u0628\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n                    <span>\u0648\u0627\u0646\u062a\u0628\u0647 \u0644\u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062f\u062e\u0644\u0643.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-monitor__intro-text\">\n\n                <p>\n                    \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0644\u0627 \u062a\u0639\u0646\u064a \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u062a\u0645 \u0625\u0646\u062c\u0627\u0632\u0647 \u0641\u0642\u0637\u060c\n                    \u0628\u0644 \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u064a\u0633\u064a\u0631 \u0648\u0641\u0642 \u0627\u0644\u062e\u0637\u0629\u060c \u0648\u0623\u064a\u0646 \u064a\u0638\u0647\u0631\n                    \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u060c \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u0642\u062f \u064a\u0624\u062b\u0631 \u0641\u064a \u0645\u0648\u0639\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0648 \u062a\u0643\u0644\u0641\u062a\u0647.\n                <\/p>\n\n                <p>\n                    \u064a\u062c\u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c\n                    \u0628\u064a\u0646\u0645\u0627 \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0646\u062a\u0628\u0627\u0647\u0643\n                    \u0625\u0644\u0649 \u0645\u0627 \u064a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u0648\u0644\u064b\u0627.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             PROJECT CONTROL CENTER\n        ========================== -->\n\n        <div class=\"tb-pm-monitor__dashboard\">\n\n\n            <!-- Dashboard header -->\n\n            <div class=\"tb-pm-monitor__dashboard-header\">\n\n                <div class=\"tb-pm-monitor__project\">\n\n                    <span class=\"tb-pm-monitor__status\"><\/span>\n\n                    <div>\n                        <small>\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-monitor__updated\">\n                    \u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b: \u0627\u0644\u064a\u0648\u0645\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Metrics -->\n\n            <div class=\"tb-pm-monitor__metrics\">\n\n\n                <div class=\"tb-pm-monitor__metric\">\n\n                    <div class=\"tb-pm-monitor__metric-top\">\n                        <span>\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                        <small>01<\/small>\n                    <\/div>\n\n                    <strong class=\"tb-pm-monitor__value\">68%<\/strong>\n\n                    <div class=\"tb-pm-monitor__progress\">\n                        <span style=\"width:68%\"><\/span>\n                    <\/div>\n\n                    <p>\n                        \u0646\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0646\u062c\u0632 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-monitor__metric\">\n\n                    <div class=\"tb-pm-monitor__metric-top\">\n                        <span>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629<\/span>\n                        <small>02<\/small>\n                    <\/div>\n\n                    <strong class=\"tb-pm-monitor__value\">3<\/strong>\n\n                    <div class=\"tb-pm-monitor__metric-note tb-pm-monitor__metric-note--alert\">\n                        \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n                    <\/div>\n\n                    <p>\n                        \u0645\u0647\u0627\u0645 \u062a\u062c\u0627\u0648\u0632\u062a \u0645\u0648\u0639\u062f\u0647\u0627 \u0627\u0644\u0645\u062e\u0637\u0637.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-monitor__metric\">\n\n                    <div class=\"tb-pm-monitor__metric-top\">\n                        <span>\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629<\/span>\n                        <small>03<\/small>\n                    <\/div>\n\n                    <strong class=\"tb-pm-monitor__value\">61%<\/strong>\n\n                    <div class=\"tb-pm-monitor__progress\">\n                        <span style=\"width:61%\"><\/span>\n                    <\/div>\n\n                    <p>\n                        \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-monitor__metric\">\n\n                    <div class=\"tb-pm-monitor__metric-top\">\n                        <span>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                        <small>04<\/small>\n                    <\/div>\n\n                    <strong class=\"tb-pm-monitor__value tb-pm-monitor__value--text\">\n                        \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\n                    <\/strong>\n\n                    <div class=\"tb-pm-monitor__metric-note tb-pm-monitor__metric-note--alert\">\n                        \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0637\u0644\u0648\u0628\u0629\n                    <\/div>\n\n                    <p>\n                        \u062a\u0648\u062c\u062f \u0645\u0624\u0634\u0631\u0627\u062a \u062a\u0633\u062a\u062d\u0642 \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =========================\n                 MAIN ANALYSIS AREA\n            ========================== -->\n\n            <div class=\"tb-pm-monitor__analysis\">\n\n\n                <!-- Progress comparison -->\n\n                <div class=\"tb-pm-monitor__chart\">\n\n                    <div class=\"tb-pm-monitor__panel-title\">\n\n                        <div>\n                            <small>\u0627\u0644\u062e\u0637\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/small>\n                            <strong>\u0647\u0644 \u064a\u0633\u064a\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0643\u0645\u0627 \u062e\u064f\u0637\u0637 \u0644\u0647\u061f<\/strong>\n                        <\/div>\n\n                        <span>\u0622\u062e\u0631 6 \u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-monitor__chart-area\">\n\n                        <div class=\"tb-pm-monitor__chart-grid\">\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                            <span><\/span>\n                        <\/div>\n\n\n                        <!-- planned -->\n\n                        <svg\n                            class=\"tb-pm-monitor__svg\"\n                            viewBox=\"0 0 600 220\"\n                            preserveAspectRatio=\"none\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <polyline\n                                class=\"tb-pm-monitor__planned\"\n                                points=\"\n                                    0,195\n                                    100,168\n                                    200,135\n                                    300,100\n                                    400,67\n                                    500,35\n                                    600,15\n                                \"\n                            \/>\n\n                            <polyline\n                                class=\"tb-pm-monitor__actual\"\n                                points=\"\n                                    0,195\n                                    100,175\n                                    200,150\n                                    300,128\n                                    400,105\n                                    500,82\n                                    600,65\n                                \"\n                            \/>\n\n                        <\/svg>\n\n\n                        <div class=\"tb-pm-monitor__chart-legend\">\n\n                            <span>\n                                <i class=\"tb-pm-monitor__legend-plan\"><\/i>\n                                \u0627\u0644\u0645\u062e\u0637\u0637\n                            <\/span>\n\n                            <span>\n                                <i class=\"tb-pm-monitor__legend-actual\"><\/i>\n                                \u0627\u0644\u0641\u0639\u0644\u064a\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Attention panel -->\n\n                <div class=\"tb-pm-monitor__attention\">\n\n                    <div class=\"tb-pm-monitor__panel-title\">\n\n                        <div>\n                            <small>\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629<\/small>\n                            <strong>\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u061f<\/strong>\n                        <\/div>\n\n                        <span class=\"tb-pm-monitor__attention-count\">\n                            3\n                        <\/span>\n\n                    <\/div>\n\n\n                    <!-- item -->\n\n                    <div class=\"tb-pm-monitor__attention-item\">\n\n                        <span class=\"tb-pm-monitor__attention-icon\">\n                            !\n                        <\/span>\n\n                        <div>\n                            <strong>\u062a\u0623\u062e\u0631 \u0645\u0647\u0645\u0629 \u0631\u0626\u064a\u0633\u064a\u0629<\/strong>\n\n                            <p>\n                                \u062a\u062c\u0627\u0648\u0632\u062a \u0645\u0647\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0645\u0648\u0639\u062f\u0647\u0627\n                                \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u064a\u0648\u0645\u064a\u0646.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- item -->\n\n                    <div class=\"tb-pm-monitor__attention-item\">\n\n                        <span class=\"tb-pm-monitor__attention-icon\">\n                            !\n                        <\/span>\n\n                        <div>\n                            <strong>\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u062d\u062f \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642<\/strong>\n\n                            <p>\n                                \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062e\u0637\u0637 \u0623\u0639\u0644\u0649 \u0645\u0646 \u0627\u0644\u0633\u0639\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629\n                                \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u064a\u0627\u0645 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- item -->\n\n                    <div class=\"tb-pm-monitor__attention-item\">\n\n                        <span class=\"tb-pm-monitor__attention-icon\">\n                            !\n                        <\/span>\n\n                        <div>\n                            <strong>\u0641\u062c\u0648\u0629 \u0628\u064a\u0646 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/strong>\n\n                            <p>\n                                \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a \u0623\u0635\u0628\u062d \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u062e\u0637\u0637\n                                \u0648\u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             RAYLA\n        ========================== -->\n\n        <div class=\"tb-pm-rayla\">\n\n\n            <div class=\"tb-pm-rayla__intro\">\n\n                <div class=\"tb-pm-rayla__icon\">\n                    \u2726\n                <\/div>\n\n\n                <div>\n\n                    <span class=\"tb-pm-rayla__label\">\n                        \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0645\u0633\u0627\u0639\u062f\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n                    <\/span>\n\n                    <h3>\n                        \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u062e\u0628\u0631\u0643 \u0628\u0645\u0627 \u062d\u062f\u062b.\n                        <span>\u0631\u0627\u064a\u0644\u0627 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0645\u0627 \u064a\u0633\u062a\u062d\u0642 \u0627\u0646\u062a\u0628\u0627\u0647\u0643.<\/span>\n                    <\/h3>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-rayla__body\">\n\n\n                <!-- AI summary -->\n\n                <div class=\"tb-pm-rayla__summary\">\n\n                    <div class=\"tb-pm-rayla__summary-head\">\n\n                        <span>\u2726<\/span>\n\n                        <strong>\n                            \u0645\u0644\u062e\u0635 \u0631\u0627\u064a\u0644\u0627\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <p>\n                        \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u062e\u0637\u0629\u060c \u0648\u064a\u0631\u062a\u0628\u0637 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0623\u0643\u0628\u0631\n                        \u0645\u0646 \u0627\u0644\u0641\u062c\u0648\u0629 \u0628\u062a\u0623\u062e\u0631 \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0632\u064a\u0627\u062f\u0629 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n                        \u0639\u0644\u0649 \u0628\u0639\u0636 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642. \u0642\u062f \u064a\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0641\u064a\u062f \u0645\u0631\u0627\u062c\u0639\u0629\n                        \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631.\n                    <\/p>\n\n\n                    <div class=\"tb-pm-rayla__question\">\n\n                        <span>\u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627<\/span>\n\n                        <strong>\n                            \u0645\u0627 \u0623\u0643\u062b\u0631 \u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u064a \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n                        <\/strong>\n\n                        <i>\u2190<\/i>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- AI capabilities -->\n\n                <div class=\"tb-pm-rayla__capabilities\">\n\n\n                    <div class=\"tb-pm-rayla__capability\">\n\n                        <span>01<\/span>\n\n                        <div>\n                            <strong>\u0627\u0644\u062a\u0646\u0628\u0624 \u0628\u0627\u0644\u0645\u062e\u0627\u0637\u0631<\/strong>\n\n                            <p>\n                                \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\n                                \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0645\u0634\u0643\u0644\u0627\u062a \u0623\u0643\u0628\u0631.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-rayla__capability\">\n\n                        <span>02<\/span>\n\n                        <div>\n                            <strong>\u062a\u0631\u062a\u064a\u0628 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647<\/strong>\n\n                            <p>\n                                \u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0645\u0644\u062e\u0635 \u0630\u0643\u064a \u0644\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u0645\u0647\u0645\u0629 \u0628\u062f\u0644\n                                \u0627\u0644\u0628\u062d\u062b \u0628\u064a\u0646\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0645\u0647\u0627\u0645.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-rayla__capability\">\n\n                        <span>03<\/span>\n\n                        <div>\n                            <strong>\u062a\u062d\u0644\u064a\u0644 \u0635\u062d\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n\n                            <p>\n                                \u0627\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u0641\u0647\u0645 \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                                \u0648\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0624\u062b\u0631 \u0641\u064a \u062a\u0646\u0641\u064a\u0630\u0647.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-rayla__capability\">\n\n                        <span>04<\/span>\n\n                        <div>\n                            <strong>\u0627\u0633\u0623\u0644 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643<\/strong>\n\n                            <p>\n                                \u0627\u0637\u0631\u062d \u0623\u0633\u0626\u0644\u062a\u0643 \u0639\u0644\u0649 \u0631\u0627\u064a\u0644\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a\n                                \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             Bottom statement\n        ========================== -->\n\n        <div class=\"tb-pm-monitor__bottom\">\n\n            <span class=\"tb-pm-monitor__bottom-number\">\n                05\n            <\/span>\n\n            <p>\n                \u0644\u0627 \u062a\u0646\u062a\u0638\u0631 \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u062a\u0643\u062a\u0634\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641.\n                <strong>\n                    \u062a\u0627\u0628\u0639 \u0627\u0644\u062e\u0637\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0639\u064b\u0627\u060c \u0648\u062a\u062f\u062e\u0651\u0644 \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u064a\u0632\u0627\u0644\n                    \u0628\u0625\u0645\u0643\u0627\u0646\u0643 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.\n                <\/strong>\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 05\n   Monitoring + Project Health + Rayla\n   ========================================= *\/\n\n.tb-pm-monitor {\n\n    --tb-red: #d20b2f;\n    --tb-red-light: #f15a72;\n\n    --tb-bg: #1d1f22;\n    --tb-panel: #27292d;\n    --tb-panel-light: #2d2f33;\n\n    --tb-white: #ffffff;\n    --tb-text: #e3e0dc;\n    --tb-muted: #aaa7a3;\n\n    --tb-border: #44464a;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: var(--tb-bg);\n\n    color: var(--tb-white);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-monitor__container {\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-monitor__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 70px;\n}\n\n\n.tb-pm-monitor__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 23px;\n\n    color: var(--tb-red-light);\n\n    font-size: 14px;\n    font-weight: 600;\n}\n\n\n.tb-pm-monitor__line {\n\n    display: block;\n\n    width: 27px;\n    height: 2px;\n\n    flex: 0 0 27px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-monitor__heading h2 {\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(43px, 4.5vw, 65px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-monitor__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-monitor__intro-text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--tb-text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-monitor__intro-text p:last-child {\n\n    margin-bottom: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   Dashboard\n   ========================================= *\/\n\n.tb-pm-monitor__dashboard {\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n\n    background: var(--tb-panel);\n}\n\n\n.tb-pm-monitor__dashboard-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    min-height: 76px;\n\n    padding: 17px 25px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__project {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-monitor__status {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-monitor__project small,\n.tb-pm-monitor__project strong {\n\n    display: block;\n}\n\n\n.tb-pm-monitor__project small {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-monitor__project strong {\n\n    color: #ffffff;\n\n    font-size: 13px;\n}\n\n\n.tb-pm-monitor__updated {\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n\/* =========================================\n   Metrics\n   ========================================= *\/\n\n.tb-pm-monitor__metrics {\n\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__metric {\n\n    min-height: 205px;\n\n    padding: 27px 25px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__metric:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-monitor__metric-top {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    margin-bottom: 24px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-monitor__metric-top small {\n\n    color: var(--tb-red-light);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-monitor__value {\n\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: #ffffff;\n\n    font-size: 39px;\n\n    line-height: 1;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-monitor__value--text {\n\n    max-width: 170px;\n\n    font-size: 21px;\n\n    line-height: 1.5;\n}\n\n\n.tb-pm-monitor__metric p {\n\n    margin: 14px 0 0;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n\n    line-height: 1.8;\n}\n\n\n\/* progress *\/\n\n.tb-pm-monitor__progress {\n\n    overflow: hidden;\n\n    height: 4px;\n\n    border-radius: 10px;\n\n    background: #414348;\n}\n\n\n.tb-pm-monitor__progress span {\n\n    display: block;\n\n    height: 100%;\n\n    background: var(--tb-red);\n}\n\n\n\/* note *\/\n\n.tb-pm-monitor__metric-note {\n\n    display: inline-flex;\n\n    padding: 5px 9px;\n\n    border-radius: 30px;\n\n    font-size: 9px;\n}\n\n\n.tb-pm-monitor__metric-note--alert {\n\n    border: 1px solid #653441;\n\n    background: #35252a;\n\n    color: var(--tb-red-light);\n}\n\n\n\/* =========================================\n   Analysis\n   ========================================= *\/\n\n.tb-pm-monitor__analysis {\n\n    display: grid;\n\n    grid-template-columns: 1.45fr .55fr;\n}\n\n\n.tb-pm-monitor__chart {\n\n    padding: 30px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__attention {\n\n    padding: 30px;\n}\n\n\n.tb-pm-monitor__panel-title {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 25px;\n}\n\n\n.tb-pm-monitor__panel-title small,\n.tb-pm-monitor__panel-title strong {\n\n    display: block;\n}\n\n\n.tb-pm-monitor__panel-title small {\n\n    margin-bottom: 5px;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-monitor__panel-title strong {\n\n    color: #ffffff;\n\n    font-size: 14px;\n}\n\n\n.tb-pm-monitor__panel-title > span {\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n\/* chart *\/\n\n.tb-pm-monitor__chart-area {\n\n    position: relative;\n\n    height: 260px;\n}\n\n\n.tb-pm-monitor__chart-grid {\n\n    position: absolute;\n\n    inset: 0 0 35px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: space-between;\n}\n\n\n.tb-pm-monitor__chart-grid span {\n\n    display: block;\n\n    width: 100%;\n    height: 1px;\n\n    background: #393b3f;\n}\n\n\n.tb-pm-monitor__svg {\n\n    position: absolute;\n\n    top: 10px;\n    right: 0;\n\n    width: 100%;\n    height: 190px;\n\n    overflow: visible;\n}\n\n\n.tb-pm-monitor__svg polyline {\n\n    fill: none;\n\n    vector-effect: non-scaling-stroke;\n}\n\n\n.tb-pm-monitor__planned {\n\n    stroke: #777a7e;\n\n    stroke-width: 2;\n\n    stroke-dasharray: 6 6;\n}\n\n\n.tb-pm-monitor__actual {\n\n    stroke: var(--tb-red);\n\n    stroke-width: 3;\n}\n\n\n.tb-pm-monitor__chart-legend {\n\n    position: absolute;\n\n    bottom: 0;\n    right: 0;\n\n    display: flex;\n\n    gap: 20px;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-monitor__chart-legend span {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n}\n\n\n.tb-pm-monitor__chart-legend i {\n\n    width: 20px;\n    height: 2px;\n}\n\n\n.tb-pm-monitor__legend-plan {\n\n    background: #777a7e;\n}\n\n\n.tb-pm-monitor__legend-actual {\n\n    background: var(--tb-red);\n}\n\n\n\/* =========================================\n   Attention\n   ========================================= *\/\n\n.tb-pm-monitor__attention-count {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 25px;\n    height: 25px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n\n    color: #ffffff !important;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-monitor__attention-item {\n\n    display: grid;\n\n    grid-template-columns: 31px 1fr;\n\n    gap: 12px;\n\n    padding: 18px 0;\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__attention-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 26px;\n    height: 26px;\n\n    border: 1px solid #643542;\n\n    border-radius: 50%;\n\n    color: var(--tb-red-light);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-monitor__attention-item strong {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: #ffffff;\n\n    font-size: 11px;\n}\n\n\n.tb-pm-monitor__attention-item p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n\n    line-height: 1.8;\n}\n\n\n\/* =========================================\n   RAYLA\n   ========================================= *\/\n\n.tb-pm-rayla {\n\n    position: relative;\n\n    margin-top: 30px;\n\n    overflow: hidden;\n\n    border: 1px solid #59333c;\n\n    border-radius: 23px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #29272a 0%,\n            #25272a 55%,\n            #302329 100%\n        );\n}\n\n\n.tb-pm-rayla::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 0;\n\n    width: 170px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n\/* AI Intro *\/\n\n.tb-pm-rayla__intro {\n\n    display: grid;\n\n    grid-template-columns: 65px 1fr;\n\n    gap: 25px;\n\n    align-items: center;\n\n    padding: 39px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-rayla__icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 61px;\n    height: 61px;\n\n    border: 1px solid #643642;\n\n    border-radius: 50%;\n\n    color: var(--tb-red-light);\n\n    font-size: 26px;\n}\n\n\n.tb-pm-rayla__label {\n\n    display: block;\n\n    margin-bottom: 9px;\n\n    color: var(--tb-red-light);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-rayla__intro h3 {\n\n    max-width: 850px;\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(27px, 3vw, 40px);\n\n    line-height: 1.5;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-rayla__intro h3 span {\n\n    display: block;\n}\n\n\n\/* AI body *\/\n\n.tb-pm-rayla__body {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n}\n\n\n\/* Summary *\/\n\n.tb-pm-rayla__summary {\n\n    padding: 38px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-rayla__summary-head {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    margin-bottom: 20px;\n\n    color: var(--tb-red-light);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-rayla__summary p {\n\n    margin: 0 0 28px;\n\n    color: var(--tb-text);\n\n    font-size: 14px;\n\n    line-height: 2.1;\n}\n\n\n.tb-pm-rayla__question {\n\n    position: relative;\n\n    padding: 18px 20px;\n\n    border: 1px solid #4d4f53;\n\n    border-radius: 10px;\n\n    background: #222427;\n}\n\n\n.tb-pm-rayla__question span {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: var(--tb-red-light);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-rayla__question strong {\n\n    display: block;\n\n    padding-left: 25px;\n\n    color: #ffffff;\n\n    font-size: 11px;\n\n    line-height: 1.8;\n}\n\n\n.tb-pm-rayla__question i {\n\n    position: absolute;\n\n    left: 17px;\n    top: 50%;\n\n    color: var(--tb-red-light);\n\n    font-style: normal;\n\n    transform: translateY(-50%);\n}\n\n\n\/* capabilities *\/\n\n.tb-pm-rayla__capabilities {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n}\n\n\n.tb-pm-rayla__capability {\n\n    display: grid;\n\n    grid-template-columns: 28px 1fr;\n\n    gap: 10px;\n\n    padding: 28px 25px;\n\n    border-bottom: 1px solid var(--tb-border);\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-rayla__capability:nth-child(2n) {\n\n    border-left: 0;\n}\n\n\n.tb-pm-rayla__capability:nth-last-child(-n+2) {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-rayla__capability > span {\n\n    color: var(--tb-red-light);\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-rayla__capability strong {\n\n    display: block;\n\n    margin-bottom: 7px;\n\n    color: #ffffff;\n\n    font-size: 11px;\n}\n\n\n.tb-pm-rayla__capability p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n\n    line-height: 1.8;\n}\n\n\n\/* =========================================\n   Bottom\n   ========================================= *\/\n\n.tb-pm-monitor__bottom {\n\n    display: grid;\n\n    grid-template-columns: 45px 1fr;\n\n    gap: 20px;\n\n    align-items: start;\n\n    max-width: 900px;\n\n    margin-top: 55px;\n\n    padding-top: 32px;\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-monitor__bottom-number {\n\n    color: var(--tb-red-light);\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-monitor__bottom p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 17px;\n\n    line-height: 2;\n}\n\n\n.tb-pm-monitor__bottom strong {\n\n    color: #ffffff;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-monitor {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-monitor__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-monitor__metrics {\n\n        grid-template-columns: 1fr 1fr;\n    }\n\n\n    .tb-pm-monitor__metric:nth-child(2) {\n\n        border-left: 0;\n    }\n\n\n    .tb-pm-monitor__metric:nth-child(-n+2) {\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-monitor__analysis {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-monitor__chart {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-rayla__body {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-rayla__summary {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-monitor {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-monitor__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-monitor__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-monitor__dashboard,\n    .tb-pm-rayla {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-monitor__metrics {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-monitor__metric {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-monitor__metric:last-child {\n\n        border-bottom: 0;\n    }\n\n\n    .tb-pm-monitor__analysis {\n\n        display: block;\n    }\n\n\n    .tb-pm-monitor__chart,\n    .tb-pm-monitor__attention {\n\n        padding: 25px 20px;\n    }\n\n\n    .tb-pm-rayla__intro {\n\n        grid-template-columns: 1fr;\n\n        padding: 30px 23px;\n    }\n\n\n    .tb-pm-rayla__icon {\n\n        width: 52px;\n        height: 52px;\n    }\n\n\n    .tb-pm-rayla__summary {\n\n        padding: 27px 22px;\n    }\n\n\n    .tb-pm-rayla__capabilities {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-rayla__capability {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border) !important;\n    }\n\n\n    .tb-pm-rayla__capability:last-child {\n\n        border-bottom: 0 !important;\n    }\n\n\n    .tb-pm-monitor__bottom {\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-cost\" dir=\"rtl\">\n\n    <div class=\"tb-pm-cost__container\">\n\n        <!-- =========================\n             INTRO\n        ========================== -->\n\n        <div class=\"tb-pm-cost__intro\">\n\n            <div class=\"tb-pm-cost__heading\">\n\n                <div class=\"tb-pm-cost__kicker\">\n                    <span class=\"tb-pm-cost__line\"><\/span>\n                    <span>\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0639\u0645\u0644 \u0644\u0647\u0645\u0627 \u062a\u0643\u0644\u0641\u0629<\/span>\n                <\/div>\n\n                <h2>\n                    \u0631\u0627\u0642\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n                    <span>\u0648\u0644\u0627 \u062a\u062f\u0639 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u062a\u0641\u0627\u062c\u0626\u0643.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-cost__intro-text\">\n\n                <p>\n                    \u0644\u0627 \u062a\u0643\u062a\u0645\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0641\u0642\u0637. \u062a\u062d\u062a\u0627\u062c \u0623\u064a\u0636\u064b\u0627 \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0645\u0627 \u064a\u0646\u0641\u0642\u0647 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n                    \u0648\u0643\u064a\u0641 \u062a\u062a\u063a\u064a\u0631 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                    \u0644\u0627 \u064a\u0632\u0627\u0644 \u0636\u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629.\n                <\/p>\n\n                <p>\n                    \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0631\u0628\u0637 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0647\u0627\u0645\u0647\u060c\n                    \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\u060c \u062b\u0645 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n                    \u0628\u0645\u0627 \u062e\u0637\u0637\u062a \u0644\u0647.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             COST DASHBOARD\n        ========================== -->\n\n        <div class=\"tb-pm-cost__dashboard\">\n\n\n            <!-- Header -->\n\n            <div class=\"tb-pm-cost__dashboard-header\">\n\n                <div class=\"tb-pm-cost__project\">\n\n                    <span class=\"tb-pm-cost__dot\"><\/span>\n\n                    <div>\n                        <small>\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n\n                <\/div>\n\n\n                <span class=\"tb-pm-cost__period\">\n                    \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\n                <\/span>\n\n            <\/div>\n\n\n            <!-- Main body -->\n\n            <div class=\"tb-pm-cost__body\">\n\n\n                <!-- =========================\n                     Numbers\n                ========================== -->\n\n                <div class=\"tb-pm-cost__numbers\">\n\n\n                    <div class=\"tb-pm-cost__number\">\n\n                        <span class=\"tb-pm-cost__number-index\">\n                            01\n                        <\/span>\n\n                        <small>\n                            \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629\n                        <\/small>\n\n                        <strong>\n                            100,000\n                        <\/strong>\n\n                        <span class=\"tb-pm-cost__currency\">\n                            \u0631\u064a\u0627\u0644\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-cost__number\">\n\n                        <span class=\"tb-pm-cost__number-index\">\n                            02\n                        <\/span>\n\n                        <small>\n                            \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629\n                        <\/small>\n\n                        <strong>\n                            61,000\n                        <\/strong>\n\n                        <span class=\"tb-pm-cost__currency\">\n                            \u0631\u064a\u0627\u0644\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-cost__number\">\n\n                        <span class=\"tb-pm-cost__number-index\">\n                            03\n                        <\/span>\n\n                        <small>\n                            \u0627\u0644\u0645\u062a\u0628\u0642\u064a \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n                        <\/small>\n\n                        <strong>\n                            39,000\n                        <\/strong>\n\n                        <span class=\"tb-pm-cost__currency\">\n                            \u0631\u064a\u0627\u0644\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================\n                     Budget visualization\n                ========================== -->\n\n                <div class=\"tb-pm-cost__visual\">\n\n                    <div class=\"tb-pm-cost__visual-head\">\n\n                        <div>\n                            <small>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/small>\n\n                            <strong>\n                                \u0623\u064a\u0646 \u0648\u0635\u0644\u062a \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n                            <\/strong>\n                        <\/div>\n\n                        <span>\n                            61%\n                        <\/span>\n\n                    <\/div>\n\n\n                    <!-- Main progress -->\n\n                    <div class=\"tb-pm-cost__budget-bar\">\n\n                        <span style=\"width:61%\"><\/span>\n\n                        <i style=\"right:75%\">\n                            <b>75%<\/b>\n                        <\/i>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-cost__budget-labels\">\n\n                        <span>0<\/span>\n\n                        <span>\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629<\/span>\n\n                    <\/div>\n\n\n                    <!-- Cost breakdown -->\n\n                    <div class=\"tb-pm-cost__breakdown\">\n\n\n                        <div class=\"tb-pm-cost__breakdown-row\">\n\n                            <div class=\"tb-pm-cost__breakdown-name\">\n\n                                <span class=\"tb-pm-cost__marker\"><\/span>\n\n                                <div>\n                                    <strong>\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644<\/strong>\n                                    <small>\u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642<\/small>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"tb-pm-cost__breakdown-value\">\n                                <strong>46,000<\/strong>\n                                <small>\u0631\u064a\u0627\u0644<\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-cost__breakdown-row\">\n\n                            <div class=\"tb-pm-cost__breakdown-name\">\n\n                                <span class=\"tb-pm-cost__marker\"><\/span>\n\n                                <div>\n                                    <strong>\u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649<\/strong>\n                                    <small>\u062a\u0643\u0627\u0644\u064a\u0641 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"tb-pm-cost__breakdown-value\">\n                                <strong>15,000<\/strong>\n                                <small>\u0631\u064a\u0627\u0644<\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-cost__breakdown-row\n                                    tb-pm-cost__breakdown-row--total\">\n\n                            <div class=\"tb-pm-cost__breakdown-name\">\n\n                                <div>\n                                    <strong>\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/strong>\n                                    <small>\u062d\u062a\u0649 \u0627\u0644\u0622\u0646<\/small>\n                                <\/div>\n\n                            <\/div>\n\n                            <div class=\"tb-pm-cost__breakdown-value\">\n                                <strong>61,000<\/strong>\n                                <small>\u0631\u064a\u0627\u0644<\/small>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             THREE CAPABILITIES\n        ========================== -->\n\n        <div class=\"tb-pm-cost__features\">\n\n\n            <article class=\"tb-pm-cost__feature\">\n\n                <span class=\"tb-pm-cost__feature-number\">\n                    01\n                <\/span>\n\n                <h3>\n                    \u062d\u0648\u0651\u0644 \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u062a\u0643\u0644\u0641\u0629\n                <\/h3>\n\n                <p>\n                    \u062d\u062f\u0651\u062f \u062a\u0643\u0644\u0641\u0629 \u0633\u0627\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c\n                    \u0648\u062f\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u064a\u062d\u0633\u0628 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n                    \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-cost__feature\">\n\n                <span class=\"tb-pm-cost__feature-number\">\n                    02\n                <\/span>\n\n                <h3>\n                    \u0633\u062c\u0651\u0644 \u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649\n                <\/h3>\n\n                <p>\n                    \u0623\u0636\u0641 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u0631\u062a\u0628\u0637 \u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u0633\u0627\u0639\u0627\u062a\n                    \u0639\u0645\u0644 \u0627\u0644\u0641\u0631\u064a\u0642 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0627\u0643\u062a\u0645\u0627\u0644\u064b\u0627\n                    \u0639\u0646 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-cost__feature\">\n\n                <span class=\"tb-pm-cost__feature-number\">\n                    03\n                <\/span>\n\n                <h3>\n                    \u0642\u0627\u0631\u0646 \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0627\u0644\u0641\u0639\u0644\u064a\n                <\/h3>\n\n                <p>\n                    \u062a\u0627\u0628\u0639 \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0642\u0627\u0631\u0646\n                    \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0628\u0645\u0627 \u062e\u064f\u0637\u0637 \u0644\u0647\u060c \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646\n                    \u0645\u0646 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641 \u0627\u0644\u0645\u0627\u0644\u064a \u0645\u0628\u0643\u0631\u064b\u0627.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- =========================\n             CALLOUT\n        ========================== -->\n\n        <div class=\"tb-pm-cost__callout\">\n\n            <div class=\"tb-pm-cost__callout-number\">\n                61%\n            <\/div>\n\n\n            <div class=\"tb-pm-cost__callout-content\">\n\n                <span>\n                    \u0631\u0624\u064a\u0629 \u0645\u0627\u0644\u064a\u0629 \u0623\u0648\u0636\u062d\n                <\/span>\n\n                <h3>\n                    \u0644\u0627 \u062a\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <strong>\n                        \u0631\u0627\u0642\u0628\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n                    <\/strong>\n                <\/h3>\n\n                <p>\n                    \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0646\u0641\u0642\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629\n                    \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647\u060c \u064a\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0623\u0633\u0647\u0644 \u0641\u0647\u0645 \u0623\u064a\u0646 \u062a\u064f\u0633\u062a\u0647\u0644\u0643\n                    \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0648\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\n                <\/p>\n\n            <\/div>\n\n\n            <a href=\"https:\/\/taskbrowse.com\/ar\/project-budget-management\/\" class=\"tb-pm-cost__link\">\n                \u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <span aria-hidden=\"true\">\u2190<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 06\n   Project Cost & Budget\n   ========================================= *\/\n\n.tb-pm-cost {\n\n    --tb-red: #d20b2f;\n    --tb-red-soft: #fff3f5;\n\n    --tb-dark: #181c22;\n    --tb-text: #4c4a48;\n    --tb-muted: #77736f;\n\n    --tb-border: #dedbd6;\n    --tb-border-soft: #ebe8e4;\n\n    --tb-soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: #ffffff;\n\n    color: var(--tb-dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-cost__container {\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-cost__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 65px;\n}\n\n\n.tb-pm-cost__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--tb-red);\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n.tb-pm-cost__line {\n\n    width: 26px;\n    height: 2px;\n\n    flex: 0 0 26px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-cost__heading h2 {\n\n    margin: 0;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(42px, 4.4vw, 64px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-cost__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-cost__intro-text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--tb-text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-cost__intro-text p:last-child {\n\n    margin-bottom: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   Dashboard\n   ========================================= *\/\n\n.tb-pm-cost__dashboard {\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-top: 3px solid var(--tb-red);\n\n    border-radius: 23px;\n\n    background: #ffffff;\n}\n\n\n.tb-pm-cost__dashboard-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    min-height: 76px;\n\n    padding: 17px 27px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-cost__project {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-cost__dot {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-cost__project small,\n.tb-pm-cost__project strong {\n\n    display: block;\n}\n\n\n.tb-pm-cost__project small {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-cost__project strong {\n\n    color: var(--tb-dark);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-cost__period {\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n\/* =========================================\n   Body\n   ========================================= *\/\n\n.tb-pm-cost__body {\n\n    display: grid;\n\n    grid-template-columns: .8fr 1.2fr;\n}\n\n\n\/* =========================================\n   Numbers\n   ========================================= *\/\n\n.tb-pm-cost__numbers {\n\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n    background: var(--tb-soft);\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-cost__number {\n\n    position: relative;\n\n    padding: 31px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-cost__number:last-child {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-cost__number-index {\n\n    position: absolute;\n\n    top: 30px;\n    left: 27px;\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__number > small {\n\n    display: block;\n\n    margin-bottom: 17px;\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n}\n\n\n.tb-pm-cost__number > strong {\n\n    display: inline-block;\n\n    direction: ltr;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(30px, 3vw, 43px);\n\n    line-height: 1;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__currency {\n\n    margin-right: 7px;\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n}\n\n\n\/* =========================================\n   Visual\n   ========================================= *\/\n\n.tb-pm-cost__visual {\n\n    padding: 40px;\n}\n\n\n.tb-pm-cost__visual-head {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 38px;\n}\n\n\n.tb-pm-cost__visual-head small,\n.tb-pm-cost__visual-head strong {\n\n    display: block;\n}\n\n\n.tb-pm-cost__visual-head small {\n\n    margin-bottom: 5px;\n\n    color: var(--tb-muted);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-cost__visual-head strong {\n\n    color: var(--tb-dark);\n\n    font-size: 17px;\n}\n\n\n.tb-pm-cost__visual-head > span {\n\n    color: var(--tb-red);\n\n    font-size: 31px;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================\n   Budget bar\n   ========================================= *\/\n\n.tb-pm-cost__budget-bar {\n\n    position: relative;\n\n    height: 13px;\n\n    margin-bottom: 13px;\n\n    border-radius: 30px;\n\n    background: #ebe8e4;\n}\n\n\n.tb-pm-cost__budget-bar > span {\n\n    display: block;\n\n    height: 100%;\n\n    border-radius: 30px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-cost__budget-bar > i {\n\n    position: absolute;\n\n    top: -9px;\n\n    width: 1px;\n    height: 31px;\n\n    background: #a9a49e;\n\n    font-style: normal;\n}\n\n\n.tb-pm-cost__budget-bar > i b {\n\n    position: absolute;\n\n    top: -24px;\n\n    right: 50%;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n\n    font-weight: 500;\n\n    transform: translateX(50%);\n}\n\n\n.tb-pm-cost__budget-labels {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    margin-bottom: 45px;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   Breakdown\n   ========================================= *\/\n\n.tb-pm-cost__breakdown {\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-cost__breakdown-row {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 25px;\n\n    padding: 21px 0;\n\n    border-bottom: 1px solid var(--tb-border-soft);\n}\n\n\n.tb-pm-cost__breakdown-name {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n}\n\n\n.tb-pm-cost__marker {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-cost__breakdown-row:nth-child(2)\n.tb-pm-cost__marker {\n\n    background: #8d8984;\n}\n\n\n.tb-pm-cost__breakdown-name strong,\n.tb-pm-cost__breakdown-name small {\n\n    display: block;\n}\n\n\n.tb-pm-cost__breakdown-name strong {\n\n    margin-bottom: 4px;\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-cost__breakdown-name small {\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-cost__breakdown-value {\n\n    text-align: left;\n}\n\n\n.tb-pm-cost__breakdown-value strong,\n.tb-pm-cost__breakdown-value small {\n\n    display: block;\n}\n\n\n.tb-pm-cost__breakdown-value strong {\n\n    direction: ltr;\n\n    color: var(--tb-dark);\n\n    font-size: 15px;\n}\n\n\n.tb-pm-cost__breakdown-value small {\n\n    margin-top: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-cost__breakdown-row--total {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-cost__breakdown-row--total\n.tb-pm-cost__breakdown-name strong,\n\n.tb-pm-cost__breakdown-row--total\n.tb-pm-cost__breakdown-value strong {\n\n    color: var(--tb-red);\n}\n\n\n\/* =========================================\n   Features\n   ========================================= *\/\n\n.tb-pm-cost__features {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-top: 30px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n}\n\n\n.tb-pm-cost__feature {\n\n    position: relative;\n\n    min-height: 275px;\n\n    padding: 37px 33px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-cost__feature:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-cost__feature::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 33px;\n\n    width: 35px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-cost__feature-number {\n\n    display: block;\n\n    margin-bottom: 37px;\n\n    color: var(--tb-red);\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__feature h3 {\n\n    margin: 0 0 15px;\n\n    color: var(--tb-dark);\n\n    font-size: 20px;\n\n    line-height: 1.6;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__feature p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 13px;\n\n    line-height: 2;\n}\n\n\n\/* =========================================\n   Callout\n   ========================================= *\/\n\n.tb-pm-cost__callout {\n\n    display: grid;\n\n    grid-template-columns: 120px 1fr auto;\n\n    gap: 35px;\n\n    align-items: center;\n\n    margin-top: 30px;\n\n    padding: 40px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n\n    background: var(--tb-soft);\n}\n\n\n.tb-pm-cost__callout-number {\n\n    color: var(--tb-red);\n\n    font-size: 47px;\n\n    line-height: 1;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__callout-content > span {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-cost__callout-content h3 {\n\n    margin: 0 0 10px;\n\n    color: var(--tb-dark);\n\n    font-size: 21px;\n\n    line-height: 1.6;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-cost__callout-content h3 strong {\n\n    font-weight: 800;\n}\n\n\n.tb-pm-cost__callout-content p {\n\n    max-width: 650px;\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 12px;\n\n    line-height: 1.9;\n}\n\n\n.tb-pm-cost__link {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    color: var(--tb-red) !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n}\n\n\n.tb-pm-cost__link span {\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-cost__link:hover span {\n\n    transform: translateX(-5px);\n}\n\n\n\/* =========================================\n   Responsive\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-cost {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-cost__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-cost__body {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-cost__numbers {\n\n        grid-template-columns: repeat(3, 1fr);\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-cost__number {\n\n        border-bottom: 0;\n\n        border-left: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-cost__number:last-child {\n\n        border-left: 0;\n    }\n\n\n    .tb-pm-cost__features {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-cost__feature {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-cost__feature:last-child {\n\n        border-bottom: 0;\n    }\n\n\n    .tb-pm-cost__callout {\n\n        grid-template-columns: 100px 1fr;\n    }\n\n\n    .tb-pm-cost__link {\n\n        grid-column: 2;\n\n        justify-self: start;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-cost {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-cost__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-cost__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-cost__dashboard,\n    .tb-pm-cost__features,\n    .tb-pm-cost__callout {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-cost__numbers {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-cost__number {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-cost__visual {\n\n        padding: 30px 22px;\n    }\n\n\n    .tb-pm-cost__callout {\n\n        grid-template-columns: 1fr;\n\n        gap: 20px;\n\n        padding: 30px 23px;\n    }\n\n\n    .tb-pm-cost__link {\n\n        grid-column: auto;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-knowledge\" dir=\"rtl\">\n\n    <div class=\"tb-pm-knowledge__container\">\n\n        <!-- =========================\n             INTRO\n        ========================== -->\n\n        <div class=\"tb-pm-knowledge__intro\">\n\n            <div class=\"tb-pm-knowledge__heading\">\n\n                <div class=\"tb-pm-knowledge__kicker\">\n                    <span class=\"tb-pm-knowledge__line\"><\/span>\n                    <span>\u0643\u0644 \u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064a \u0633\u064a\u0627\u0642\u0647<\/span>\n                <\/div>\n\n                <h2>\n                    \u0644\u0627 \u062a\u062f\u0639 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <span>\u062a\u062a\u0648\u0632\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-knowledge__intro-text\">\n\n                <p>\n                    \u0623\u062b\u0646\u0627\u0621 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062a\u062a\u0631\u0627\u0643\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\n                    \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a. \u0648\u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0648\u0632\u0639 \u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n                    \u0628\u064a\u0646 \u0623\u062f\u0648\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u064a\u0635\u0628\u062d \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647\n                    \u0623\u0635\u0639\u0628 \u0645\u0639 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a.\n                <\/p>\n\n                <p>\n                    \u064a\u062c\u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0641\u0631\u064a\u0642\n                    \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u0644\u062a\u0628\u0642\u0649\n                    \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0641\u0633\u0647.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             MAIN CONTENT\n        ========================== -->\n\n        <div class=\"tb-pm-knowledge__grid\">\n\n\n            <!-- =====================\n                 Project Context\n            ====================== -->\n\n            <div class=\"tb-pm-knowledge__project\">\n\n                <div class=\"tb-pm-knowledge__project-header\">\n\n                    <div>\n\n                        <small>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n\n                        <strong>\n                            \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f\n                        <\/strong>\n\n                    <\/div>\n\n                    <span class=\"tb-pm-knowledge__project-status\">\n                        \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- Project description -->\n\n                <div class=\"tb-pm-knowledge__block\">\n\n                    <div class=\"tb-pm-knowledge__block-head\">\n\n                        <span class=\"tb-pm-knowledge__icon\">\n                            \u2261\n                        <\/span>\n\n                        <div>\n                            <small>01<\/small>\n                            <strong>\u0648\u0635\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n                        <\/div>\n\n                    <\/div>\n\n                    <p>\n                        \u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\n                        \u0641\u064a \u0648\u0635\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062d\u062a\u0649 \u064a\u062a\u0645\u0643\u0646 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u0646\n                        \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u064a\u0647\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0645\u0644.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- Files -->\n\n                <div class=\"tb-pm-knowledge__block\">\n\n                    <div class=\"tb-pm-knowledge__block-head\">\n\n                        <span class=\"tb-pm-knowledge__icon\">\n                            \u21a5\n                        <\/span>\n\n                        <div>\n                            <small>02<\/small>\n                            <strong>\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-knowledge__files\">\n\n                        <div class=\"tb-pm-knowledge__file\">\n\n                            <span>PDF<\/span>\n\n                            <div>\n                                <strong>\n                                    \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                                <\/strong>\n\n                                <small>\n                                    \u0648\u062b\u064a\u0642\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                                <\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-knowledge__file\">\n\n                            <span>DOC<\/span>\n\n                            <div>\n                                <strong>\n                                    \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\n                                <\/strong>\n\n                                <small>\n                                    \u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u064a\u0648\u0645\n                                <\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-knowledge__file\">\n\n                            <span>XLS<\/span>\n\n                            <div>\n                                <strong>\n                                    \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                                <\/strong>\n\n                                <small>\n                                    \u0645\u0644\u0641 \u0645\u0631\u0641\u0642\n                                <\/small>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =====================\n                 Team Conversation\n            ====================== -->\n\n            <div class=\"tb-pm-knowledge__conversation\">\n\n\n                <div class=\"tb-pm-knowledge__conversation-header\">\n\n                    <div>\n\n                        <span class=\"tb-pm-knowledge__live\"><\/span>\n\n                        <div>\n                            <small>\u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                            <strong>\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/strong>\n                        <\/div>\n\n                    <\/div>\n\n                    <span>\n                        6 \u0623\u0639\u0636\u0627\u0621\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-knowledge__messages\">\n\n\n                    <!-- Message -->\n\n                    <div class=\"tb-pm-message\">\n\n                        <span class=\"tb-pm-message__avatar\">\n                            \u0633\n                        <\/span>\n\n                        <div class=\"tb-pm-message__content\">\n\n                            <div class=\"tb-pm-message__name\">\n                                <strong>\u0633\u0627\u0631\u0629<\/strong>\n                                <span>09:30<\/span>\n                            <\/div>\n\n                            <p>\n                                \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629.\n                                \u0623\u0631\u0641\u0642\u062a \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0647\u0646\u0627 \u0644\u064a\u062a\u0645\u0643\u0646\n                                \u0627\u0644\u062c\u0645\u064a\u0639 \u0645\u0646 \u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Attachment -->\n\n                    <div class=\"tb-pm-message__attachment\">\n\n                        <span>PDF<\/span>\n\n                        <div>\n                            <strong>\n                                \u0645\u062a\u0637\u0644\u0628\u0627\u062a-\u0627\u0644\u0645\u0631\u062d\u0644\u0629-\u0627\u0644\u062b\u0627\u0646\u064a\u0629.pdf\n                            <\/strong>\n\n                            <small>\n                                \u0645\u0644\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                            <\/small>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Message -->\n\n                    <div class=\"tb-pm-message\">\n\n                        <span class=\"tb-pm-message__avatar\">\n                            \u0645\n                        <\/span>\n\n                        <div class=\"tb-pm-message__content\">\n\n                            <div class=\"tb-pm-message__name\">\n                                <strong>\u0645\u062d\u0645\u062f<\/strong>\n                                <span>10:05<\/span>\n                            <\/div>\n\n                            <p>\n                                \u062a\u0645\u062a \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629. \u0633\u0623\u062d\u062f\u0651\u062b \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629\n                                \u0628\u0647\u0630\u0647 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Fake composer -->\n\n                <div class=\"tb-pm-knowledge__composer\">\n\n                    <span>\n                        \u0627\u0643\u062a\u0628 \u0631\u0633\u0627\u0644\u0629 \u0625\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639&#8230;\n                    <\/span>\n\n                    <div>\n                        <i>+<\/i>\n                        <b>\u2190<\/b>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             BENEFIT STRIP\n        ========================== -->\n\n        <div class=\"tb-pm-knowledge__benefits\">\n\n\n            <div class=\"tb-pm-knowledge__benefit\">\n\n                <span>01<\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u064a \u0633\u064a\u0627\u0642\u0647\u0627\n                    <\/strong>\n\n                    <p>\n                        \u0627\u062d\u062a\u0641\u0638 \u0628\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u062f\u0644 \u0627\u0644\u0628\u062d\u062b \u0639\u0646\u0647\u0627 \u0641\u064a \u0623\u0645\u0627\u0643\u0646 \u0645\u062e\u062a\u0644\u0641\u0629.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-knowledge__benefit\">\n\n                <span>02<\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0642\u0631\u064a\u0628\u0629 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\n                    <\/strong>\n\n                    <p>\n                        \u0634\u0627\u0631\u0643 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u064a\u0647\u0627 \u0627\u0644\u0641\u0631\u064a\u0642\n                        \u0648\u0627\u062c\u0639\u0644\u0647\u0627 \u0645\u062a\u0627\u062d\u0629 \u0623\u062b\u0646\u0627\u0621 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-knowledge__benefit\">\n\n                <span>03<\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/strong>\n\n                    <p>\n                        \u0646\u0627\u0642\u0634 \u0627\u0644\u0639\u0645\u0644 \u0648\u0634\u0627\u0631\u0643 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a\n                        \u0645\u0639 \u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u064a \u0645\u0633\u0627\u062d\u0629 \u0645\u0634\u062a\u0631\u0643\u0629.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             BOTTOM STATEMENT\n        ========================== -->\n\n        <div class=\"tb-pm-knowledge__statement\">\n\n            <span class=\"tb-pm-knowledge__statement-index\">\n                07\n            <\/span>\n\n            <div>\n\n                <small>\n                    \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0628\u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                <\/small>\n\n                <p>\n                    \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u064a\u0633 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0647\u0627\u0645 \u0641\u0642\u0637.\n                    <strong>\n                        \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0643\u0648\u0651\u0646\n                        \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062c\u0632\u0621 \u0645\u0646 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u064a\u0636\u064b\u0627.\n                    <\/strong>\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   Section 07\n   Project Knowledge & Collaboration\n   ========================================= *\/\n\n.tb-pm-knowledge {\n\n    --tb-red: #d20b2f;\n    --tb-red-soft: #fff4f6;\n\n    --tb-dark: #181c22;\n    --tb-text: #4c4a48;\n    --tb-muted: #77736f;\n\n    --tb-border: #dedbd6;\n    --tb-border-soft: #ebe8e4;\n\n    --tb-soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: #ffffff;\n\n    color: var(--tb-dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-knowledge__container {\n\n    width: 100%;\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   Intro\n   ========================================= *\/\n\n.tb-pm-knowledge__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 65px;\n}\n\n\n.tb-pm-knowledge__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--tb-red);\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n.tb-pm-knowledge__line {\n\n    width: 26px;\n    height: 2px;\n\n    flex: 0 0 26px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-knowledge__heading h2 {\n\n    margin: 0;\n\n    color: var(--tb-dark);\n\n    font-size: clamp(42px, 4.4vw, 62px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-knowledge__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-knowledge__intro-text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--tb-text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-knowledge__intro-text p:last-child {\n\n    margin-bottom: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   Main Grid\n   ========================================= *\/\n\n.tb-pm-knowledge__grid {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-top: 3px solid var(--tb-red);\n\n    border-radius: 23px;\n\n    background: #ffffff;\n}\n\n\n\/* =========================================\n   Project side\n   ========================================= *\/\n\n.tb-pm-knowledge__project {\n\n    padding: 34px;\n\n    border-left: 1px solid var(--tb-border);\n\n    background: var(--tb-soft);\n}\n\n\n.tb-pm-knowledge__project-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding-bottom: 25px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-knowledge__project-header small,\n.tb-pm-knowledge__project-header strong {\n\n    display: block;\n}\n\n\n.tb-pm-knowledge__project-header small {\n\n    margin-bottom: 4px;\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-knowledge__project-header strong {\n\n    color: var(--tb-dark);\n\n    font-size: 14px;\n}\n\n\n.tb-pm-knowledge__project-status {\n\n    padding: 5px 10px;\n\n    border: 1px solid #e6c8ce;\n\n    border-radius: 30px;\n\n    background: var(--tb-red-soft);\n\n    color: var(--tb-red);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   Blocks\n   ========================================= *\/\n\n.tb-pm-knowledge__block {\n\n    padding: 27px 0;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-knowledge__block:last-child {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-knowledge__block-head {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 16px;\n}\n\n\n.tb-pm-knowledge__icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 34px;\n    height: 34px;\n\n    flex: 0 0 34px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 8px;\n\n    background: #ffffff;\n\n    color: var(--tb-red);\n\n    font-size: 15px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-knowledge__block-head small,\n.tb-pm-knowledge__block-head strong {\n\n    display: block;\n}\n\n\n.tb-pm-knowledge__block-head small {\n\n    margin-bottom: 2px;\n\n    color: var(--tb-red);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-knowledge__block-head strong {\n\n    color: var(--tb-dark);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-knowledge__block > p {\n\n    margin: 0;\n\n    padding-right: 47px;\n\n    color: var(--tb-muted);\n\n    font-size: 12px;\n\n    line-height: 1.95;\n}\n\n\n\/* =========================================\n   Files\n   ========================================= *\/\n\n.tb-pm-knowledge__files {\n\n    padding-right: 47px;\n}\n\n\n.tb-pm-knowledge__file {\n\n    display: grid;\n\n    grid-template-columns: 39px 1fr;\n\n    gap: 11px;\n\n    align-items: center;\n\n    padding: 11px 0;\n\n    border-bottom: 1px solid var(--tb-border-soft);\n}\n\n\n.tb-pm-knowledge__file:last-child {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-knowledge__file > span {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 36px;\n    height: 36px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 6px;\n\n    background: #ffffff;\n\n    color: var(--tb-red);\n\n    font-size: 8px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-knowledge__file strong,\n.tb-pm-knowledge__file small {\n\n    display: block;\n}\n\n\n.tb-pm-knowledge__file strong {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-dark);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-knowledge__file small {\n\n    color: var(--tb-muted);\n\n    font-size: 8px;\n}\n\n\n\/* =========================================\n   Conversation\n   ========================================= *\/\n\n.tb-pm-knowledge__conversation {\n\n    display: flex;\n\n    flex-direction: column;\n\n    min-height: 590px;\n\n    padding: 34px;\n\n    background: #ffffff;\n}\n\n\n.tb-pm-knowledge__conversation-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding-bottom: 25px;\n\n    border-bottom: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-knowledge__conversation-header > div {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n}\n\n\n.tb-pm-knowledge__live {\n\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-knowledge__conversation-header small,\n.tb-pm-knowledge__conversation-header strong {\n\n    display: block;\n}\n\n\n.tb-pm-knowledge__conversation-header small {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-knowledge__conversation-header strong {\n\n    color: var(--tb-dark);\n\n    font-size: 12px;\n}\n\n\n.tb-pm-knowledge__conversation-header > span {\n\n    color: var(--tb-muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   Messages\n   ========================================= *\/\n\n.tb-pm-knowledge__messages {\n\n    flex: 1;\n\n    padding: 25px 0;\n}\n\n\n.tb-pm-message {\n\n    display: grid;\n\n    grid-template-columns: 37px 1fr;\n\n    gap: 12px;\n\n    margin-bottom: 23px;\n}\n\n\n.tb-pm-message__avatar {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 34px;\n    height: 34px;\n\n    border-radius: 50%;\n\n    background: var(--tb-soft);\n\n    border: 1px solid var(--tb-border);\n\n    color: var(--tb-dark);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-message__name {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    margin-bottom: 7px;\n}\n\n\n.tb-pm-message__name strong {\n\n    color: var(--tb-dark);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-message__name span {\n\n    direction: ltr;\n\n    color: var(--tb-muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-message__content p {\n\n    max-width: 390px;\n\n    margin: 0;\n\n    padding: 12px 14px;\n\n    border-radius: 9px 0 9px 9px;\n\n    background: var(--tb-soft);\n\n    color: var(--tb-text);\n\n    font-size: 10px;\n\n    line-height: 1.9;\n}\n\n\n\/* Attachment *\/\n\n.tb-pm-message__attachment {\n\n    display: grid;\n\n    grid-template-columns: 38px 1fr;\n\n    gap: 10px;\n\n    align-items: center;\n\n    max-width: 340px;\n\n    margin: -10px 49px 25px 0;\n\n    padding: 10px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 8px;\n}\n\n\n.tb-pm-message__attachment > span {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 34px;\n    height: 34px;\n\n    border-radius: 5px;\n\n    background: var(--tb-red-soft);\n\n    color: var(--tb-red);\n\n    font-size: 8px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-message__attachment strong,\n.tb-pm-message__attachment small {\n\n    display: block;\n}\n\n\n.tb-pm-message__attachment strong {\n\n    margin-bottom: 3px;\n\n    color: var(--tb-dark);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-message__attachment small {\n\n    color: var(--tb-muted);\n\n    font-size: 8px;\n}\n\n\n\/* =========================================\n   Composer\n   ========================================= *\/\n\n.tb-pm-knowledge__composer {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 15px;\n\n    min-height: 52px;\n\n    padding: 10px 14px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 9px;\n\n    color: #aaa6a1;\n\n    font-size: 9px;\n}\n\n\n.tb-pm-knowledge__composer > div {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n}\n\n\n.tb-pm-knowledge__composer i {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 26px;\n    height: 26px;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 6px;\n\n    color: var(--tb-muted);\n\n    font-style: normal;\n}\n\n\n.tb-pm-knowledge__composer b {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 27px;\n    height: 27px;\n\n    border-radius: 6px;\n\n    background: var(--tb-red);\n\n    color: #ffffff;\n\n    font-size: 11px;\n}\n\n\n\/* =========================================\n   Benefits\n   ========================================= *\/\n\n.tb-pm-knowledge__benefits {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-top: 30px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--tb-border);\n\n    border-radius: 23px;\n}\n\n\n.tb-pm-knowledge__benefit {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: 30px 1fr;\n\n    gap: 13px;\n\n    min-height: 190px;\n\n    padding: 32px 28px;\n\n    border-left: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-knowledge__benefit:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-knowledge__benefit::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 28px;\n\n    width: 34px;\n    height: 2px;\n\n    background: var(--tb-red);\n}\n\n\n.tb-pm-knowledge__benefit > span {\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-knowledge__benefit strong {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--tb-dark);\n\n    font-size: 15px;\n}\n\n\n.tb-pm-knowledge__benefit p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 11px;\n\n    line-height: 1.9;\n}\n\n\n\/* =========================================\n   Statement\n   ========================================= *\/\n\n.tb-pm-knowledge__statement {\n\n    display: grid;\n\n    grid-template-columns: 45px 1fr;\n\n    gap: 20px;\n\n    max-width: 900px;\n\n    margin-top: 50px;\n\n    padding-top: 30px;\n\n    border-top: 1px solid var(--tb-border);\n}\n\n\n.tb-pm-knowledge__statement-index {\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-knowledge__statement small {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--tb-red);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-knowledge__statement p {\n\n    margin: 0;\n\n    color: var(--tb-muted);\n\n    font-size: 17px;\n\n    line-height: 2;\n}\n\n\n.tb-pm-knowledge__statement strong {\n\n    color: var(--tb-dark);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   Responsive\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-knowledge {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-knowledge__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-knowledge__grid {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-knowledge__project {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-knowledge__benefits {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-knowledge__benefit {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n\n    .tb-pm-knowledge__benefit:last-child {\n\n        border-bottom: 0;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-knowledge {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-knowledge__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-knowledge__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-knowledge__grid,\n    .tb-pm-knowledge__benefits {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-knowledge__project,\n    .tb-pm-knowledge__conversation {\n\n        padding: 25px 20px;\n    }\n\n\n    .tb-pm-knowledge__conversation {\n\n        min-height: auto;\n    }\n\n\n    .tb-pm-knowledge__block > p,\n    .tb-pm-knowledge__files {\n\n        padding-right: 0;\n    }\n\n\n    .tb-pm-message__attachment {\n\n        margin-right: 0;\n    }\n\n\n    .tb-pm-knowledge__statement {\n\n        grid-template-columns: 1fr;\n\n        gap: 8px;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-insights\" dir=\"rtl\">\n\n    <div class=\"tb-pm-insights__container\">\n\n        <!-- =========================\n             INTRO\n        ========================== -->\n\n        <div class=\"tb-pm-insights__intro\">\n\n            <div class=\"tb-pm-insights__heading\">\n\n                <div class=\"tb-pm-insights__kicker\">\n                    <span class=\"tb-pm-insights__line\"><\/span>\n                    <span>\u062d\u0648\u0651\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d<\/span>\n                <\/div>\n\n                <h2>\n                    \u0644\u0627 \u062a\u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u0642\u0637.\n                    <span>\u0627\u0641\u0647\u0645 \u0645\u0627 \u062a\u0642\u0648\u0644\u0647 \u0639\u0646 \u0645\u0634\u0631\u0648\u0639\u0643.<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-insights__intro-text\">\n\n                <p>\n                    \u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062a\u062a\u0631\u0627\u0643\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0648\u0642\u062a\n                    \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u062a\u0642\u062f\u0645. \u064a\u062c\u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n                    \u0641\u064a \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0644\u0648\u062d\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u062d\u0627\u0644\u0629\n                    \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u0632\u0648\u0627\u064a\u0627 \u0645\u062e\u062a\u0644\u0641\u0629.\n                <\/p>\n\n                <p>\n                    \u0648\u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u0625\u0644\u0649 \u0627\u0644\u0641\u0647\u0645 \u0628\u0634\u0643\u0644 \u0623\u0633\u0631\u0639\n                    \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u0631\u0627\u064a\u0644\u0627\u060c \u0645\u0633\u0627\u0639\u062f\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                    \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             DASHBOARD MOCKUP\n        ========================== -->\n\n        <div class=\"tb-pm-insights__dashboard\">\n\n            <!-- Header -->\n\n            <div class=\"tb-pm-insights__dashboard-header\">\n\n                <div class=\"tb-pm-insights__project\">\n\n                    <span class=\"tb-pm-insights__dot\"><\/span>\n\n                    <div>\n                        <small>\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                        <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f<\/strong>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-insights__tabs\">\n\n                    <span class=\"active\">\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629<\/span>\n                    <span>\u0627\u0644\u062a\u0642\u062f\u0645<\/span>\n                    <span>\u0627\u0644\u0648\u0642\u062a<\/span>\n                    <span>\u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- KPI -->\n\n            <div class=\"tb-pm-insights__kpis\">\n\n                <div class=\"tb-pm-insights__kpi\">\n\n                    <small>\u0627\u0644\u062a\u0642\u062f\u0645<\/small>\n\n                    <div>\n                        <strong>68%<\/strong>\n                        <span>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-insights__kpi\">\n\n                    <small>\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0643\u062a\u0645\u0644\u0629<\/small>\n\n                    <div>\n                        <strong>42<\/strong>\n                        <span>\u0645\u0646 61<\/span>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-insights__kpi\">\n\n                    <small>\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644<\/small>\n\n                    <div>\n                        <strong>286<\/strong>\n                        <span>\u0633\u0627\u0639\u0629<\/span>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-insights__kpi\">\n\n                    <small>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/small>\n\n                    <div>\n                        <strong>61%<\/strong>\n                        <span>\u062d\u062a\u0649 \u0627\u0644\u0622\u0646<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =========================\n                 Charts\n            ========================== -->\n\n            <div class=\"tb-pm-insights__charts\">\n\n\n                <!-- Progress chart -->\n\n                <div class=\"tb-pm-insights__chart-panel\">\n\n                    <div class=\"tb-pm-insights__panel-head\">\n\n                        <div>\n                            <small>\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                            <strong>\u0627\u0644\u0645\u062e\u0637\u0637 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0641\u0639\u0644\u064a<\/strong>\n                        <\/div>\n\n                        <span>6 \u0623\u0633\u0627\u0628\u064a\u0639<\/span>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-insights__line-chart\">\n\n                        <div class=\"tb-pm-insights__grid\">\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                            <i><\/i>\n                        <\/div>\n\n\n                        <svg\n                            viewBox=\"0 0 600 210\"\n                            preserveAspectRatio=\"none\"\n                            aria-hidden=\"true\"\n                        >\n\n                            <polyline\n                                class=\"tb-pm-insights__plan\"\n                                points=\"\n                                    0,185\n                                    100,160\n                                    200,130\n                                    300,95\n                                    400,65\n                                    500,38\n                                    600,15\n                                \"\n                            \/>\n\n                            <polyline\n                                class=\"tb-pm-insights__actual\"\n                                points=\"\n                                    0,185\n                                    100,168\n                                    200,145\n                                    300,120\n                                    400,95\n                                    500,73\n                                    600,55\n                                \"\n                            \/>\n\n                        <\/svg>\n\n\n                        <div class=\"tb-pm-insights__legend\">\n\n                            <span>\n                                <i class=\"plan\"><\/i>\n                                \u0627\u0644\u0645\u062e\u0637\u0637\n                            <\/span>\n\n                            <span>\n                                <i class=\"actual\"><\/i>\n                                \u0627\u0644\u0641\u0639\u0644\u064a\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Distribution -->\n\n                <div class=\"tb-pm-insights__distribution\">\n\n                    <div class=\"tb-pm-insights__panel-head\">\n\n                        <div>\n                            <small>\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645<\/small>\n                            <strong>\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644<\/strong>\n                        <\/div>\n\n                        <span>61 \u0645\u0647\u0645\u0629<\/span>\n\n                    <\/div>\n\n\n                    <div class=\"tb-pm-insights__donut-wrap\">\n\n                        <div class=\"tb-pm-insights__donut\">\n\n                            <div>\n                                <strong>61<\/strong>\n                                <small>\u0645\u0647\u0645\u0629<\/small>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-insights__donut-legend\">\n\n\n                            <div>\n                                <span class=\"done\"><\/span>\n\n                                <p>\n                                    <strong>42<\/strong>\n                                    <small>\u0645\u0643\u062a\u0645\u0644\u0629<\/small>\n                                <\/p>\n                            <\/div>\n\n\n                            <div>\n                                <span class=\"working\"><\/span>\n\n                                <p>\n                                    <strong>12<\/strong>\n                                    <small>\u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/small>\n                                <\/p>\n                            <\/div>\n\n\n                            <div>\n                                <span class=\"waiting\"><\/span>\n\n                                <p>\n                                    <strong>7<\/strong>\n                                    <small>\u0644\u0645 \u062a\u0628\u062f\u0623<\/small>\n                                <\/p>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             REPORTING CAPABILITIES\n        ========================== -->\n\n        <div class=\"tb-pm-insights__features\">\n\n\n            <article class=\"tb-pm-insights__feature\">\n\n                <span>01<\/span>\n\n                <h3>\n                    \u062a\u0642\u0627\u0631\u064a\u0631 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629\n                <\/h3>\n\n                <p>\n                    \u062a\u0627\u0628\u0639 \u062c\u0648\u0627\u0646\u0628 \u0645\u062e\u062a\u0644\u0641\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n                    \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u0628\u062f\u0644 \u062c\u0645\u0639 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u064a\u062f\u0648\u064a\u064b\u0627\n                    \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-insights__feature\">\n\n                <span>02<\/span>\n\n                <h3>\n                    \u0644\u0648\u062d\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\n                <\/h3>\n\n                <p>\n                    \u0627\u062c\u0645\u0639 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0647\u0645\u0643 \u0641\u064a \u0644\u0648\u062d\u0627\u062a\n                    \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062d\u0635\u0648\u0644\n                    \u0639\u0644\u0649 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"tb-pm-insights__feature\">\n\n                <span>03<\/span>\n\n                <h3>\n                    \u0623\u0646\u0634\u0626 \u062a\u062d\u0644\u064a\u0644\u0627\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629\n                <\/h3>\n\n                <p>\n                    \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0644\u0625\u0646\u0634\u0627\u0621\n                    \u0645\u062e\u0637\u0637\u0627\u062a \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f\n                    \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646\u0647\u0627 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639\u0643.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- =========================\n             RAYLA AI ANALYTICS\n        ========================== -->\n\n        <div class=\"tb-pm-insights__rayla\">\n\n\n            <!-- Rayla intro -->\n\n            <div class=\"tb-pm-insights__rayla-intro\">\n\n                <div class=\"tb-pm-insights__rayla-icon\">\n                    \u2726\n                <\/div>\n\n                <div>\n\n                    <span>\n                        \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n                    <\/span>\n\n                    <h3>\n                        \u0628\u062f\u0644 \u0623\u0646 \u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062a\u0642\u0631\u064a\u0631\u060c\n                        <strong>\u0627\u0633\u0623\u0644 \u0639\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f\u0647\u0627.<\/strong>\n                    <\/h3>\n\n                    <p>\n                        \u062a\u062d\u062f\u062b \u0645\u0639 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643\u060c \u0648\u0627\u0637\u0644\u0628 \u0645\u0646\u0647\u0627\n                        \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0623\u0648 \u0639\u0631\u0636\u0647\u0627 \u0628\u0637\u0631\u064a\u0642\u0629\n                        \u062a\u0633\u0647\u0651\u0644 \u0639\u0644\u064a\u0643 \u0641\u0647\u0645 \u0645\u0627 \u064a\u062d\u062f\u062b.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Fake AI conversation -->\n\n            <div class=\"tb-pm-insights__ai-window\">\n\n\n                <div class=\"tb-pm-insights__ai-question\">\n\n                    <small>\u0623\u0646\u062a<\/small>\n\n                    <p>\n                        \u0643\u064a\u0641 \u064a\u0633\u064a\u0631 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f \u0648\u0645\u0627 \u0623\u0647\u0645 \u0634\u064a\u0621\n                        \u064a\u062c\u0628 \u0623\u0646 \u0623\u0646\u062a\u0628\u0647 \u0625\u0644\u064a\u0647\u061f\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"tb-pm-insights__ai-answer\">\n\n                    <div class=\"tb-pm-insights__ai-answer-head\">\n\n                        <span>\u2726<\/span>\n\n                        <strong>\u0631\u0627\u064a\u0644\u0627<\/strong>\n\n                    <\/div>\n\n\n                    <p>\n                        \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0623\u0642\u0644 \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u062e\u0637\u0637 \u062d\u0627\u0644\u064a\u064b\u0627.\n                        \u064a\u0638\u0647\u0631 \u0623\u0643\u0628\u0631 \u0641\u0631\u0642 \u0641\u064a \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0643\u0645\u0627 \u0623\u0646 \u0628\u0639\u0636\n                        \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u062a\u0623\u062e\u0631\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0631\u0627\u062d\u0644 \u0644\u0627\u062d\u0642\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n\n\n                    <!-- Mini AI chart -->\n\n                    <div class=\"tb-pm-insights__ai-chart\">\n\n                        <div class=\"tb-pm-insights__ai-chart-head\">\n\n                            <span>\n                                \u0627\u0644\u062a\u0642\u062f\u0645 \u062d\u0633\u0628 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\n                            <\/span>\n\n                            <small>\n                                \u062a\u062d\u0644\u064a\u0644 \u062a\u0648\u0636\u064a\u062d\u064a\n                            <\/small>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-insights__ai-bar\">\n\n                            <label>\n                                <span>\u0627\u0644\u062a\u062e\u0637\u064a\u0637<\/span>\n                                <b>100%<\/b>\n                            <\/label>\n\n                            <div>\n                                <i style=\"width:100%\"><\/i>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-insights__ai-bar\">\n\n                            <label>\n                                <span>\u0627\u0644\u062a\u0635\u0645\u064a\u0645<\/span>\n                                <b>82%<\/b>\n                            <\/label>\n\n                            <div>\n                                <i style=\"width:82%\"><\/i>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-insights__ai-bar\">\n\n                            <label>\n                                <span>\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n                                <b>54%<\/b>\n                            <\/label>\n\n                            <div>\n                                <i style=\"width:54%\"><\/i>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"tb-pm-insights__ai-bar\">\n\n                            <label>\n                                <span>\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631<\/span>\n                                <b>20%<\/b>\n                            <\/label>\n\n                            <div>\n                                <i style=\"width:20%\"><\/i>\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =========================\n             CLOSING\n        ========================== -->\n\n        <div class=\"tb-pm-insights__closing\">\n\n            <span>08<\/span>\n\n            <p>\n                \u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0635\u0628\u062d \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0623\u0633\u0647\u0644.\n                <strong>\n                    \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0639\u0631\u0636 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643\n                    \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0631\u0627\u0621\u0647\u0627.\n                <\/strong>\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   SECTION 08\n   Dashboards \/ Reports \/ AI Analytics\n   ========================================= *\/\n\n.tb-pm-insights {\n\n    --red: #d20b2f;\n    --red-light: #f15a72;\n\n    --bg: #1d1f22;\n    --panel: #27292d;\n    --panel-2: #2d2f33;\n\n    --white: #fff;\n    --text: #e3e0dc;\n    --muted: #aaa7a3;\n    --border: #44464a;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: var(--bg);\n\n    color: var(--white);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-insights__container {\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   INTRO\n   ========================================= *\/\n\n.tb-pm-insights__intro {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 65px;\n}\n\n\n.tb-pm-insights__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--red-light);\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n.tb-pm-insights__line {\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--red);\n}\n\n\n.tb-pm-insights__heading h2 {\n\n    margin: 0;\n\n    color: #fff;\n\n    font-size: clamp(42px, 4.4vw, 64px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-insights__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-insights__intro-text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-insights__intro-text p:last-child {\n\n    color: var(--muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   DASHBOARD\n   ========================================= *\/\n\n.tb-pm-insights__dashboard {\n\n    overflow: hidden;\n\n    border: 1px solid var(--border);\n\n    border-radius: 23px;\n\n    background: var(--panel);\n}\n\n\n.tb-pm-insights__dashboard-header {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 25px;\n\n    padding: 20px 26px;\n\n    border-bottom: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__project {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.tb-pm-insights__dot {\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--red);\n}\n\n\n.tb-pm-insights__project small,\n.tb-pm-insights__project strong {\n\n    display: block;\n}\n\n\n.tb-pm-insights__project small {\n\n    margin-bottom: 3px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-insights__project strong {\n\n    font-size: 13px;\n}\n\n\n.tb-pm-insights__tabs {\n\n    display: flex;\n\n    gap: 7px;\n}\n\n\n.tb-pm-insights__tabs span {\n\n    padding: 7px 11px;\n\n    border-radius: 20px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-insights__tabs .active {\n\n    background: #35373b;\n\n    color: #fff;\n}\n\n\n\/* =========================================\n   KPI\n   ========================================= *\/\n\n.tb-pm-insights__kpis {\n\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    border-bottom: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__kpi {\n\n    padding: 26px;\n\n    border-left: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__kpi:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-insights__kpi > small {\n\n    display: block;\n\n    margin-bottom: 18px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-insights__kpi div {\n\n    display: flex;\n\n    align-items: baseline;\n\n    gap: 7px;\n}\n\n\n.tb-pm-insights__kpi strong {\n\n    direction: ltr;\n\n    font-size: 30px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-insights__kpi span {\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   CHARTS\n   ========================================= *\/\n\n.tb-pm-insights__charts {\n\n    display: grid;\n\n    grid-template-columns: 1.4fr .6fr;\n}\n\n\n.tb-pm-insights__chart-panel,\n.tb-pm-insights__distribution {\n\n    padding: 30px;\n}\n\n\n.tb-pm-insights__chart-panel {\n\n    border-left: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__panel-head {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    gap: 20px;\n\n    margin-bottom: 28px;\n}\n\n\n.tb-pm-insights__panel-head small,\n.tb-pm-insights__panel-head strong {\n\n    display: block;\n}\n\n\n.tb-pm-insights__panel-head small {\n\n    margin-bottom: 4px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-insights__panel-head strong {\n\n    font-size: 13px;\n}\n\n\n.tb-pm-insights__panel-head > span {\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n\/* line chart *\/\n\n.tb-pm-insights__line-chart {\n\n    position: relative;\n\n    height: 245px;\n}\n\n\n.tb-pm-insights__grid {\n\n    position: absolute;\n\n    inset: 0 0 35px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    justify-content: space-between;\n}\n\n\n.tb-pm-insights__grid i {\n\n    height: 1px;\n\n    background: #393b3f;\n}\n\n\n.tb-pm-insights__line-chart svg {\n\n    position: absolute;\n\n    top: 5px;\n    right: 0;\n\n    width: 100%;\n    height: 185px;\n}\n\n\n.tb-pm-insights__line-chart polyline {\n\n    fill: none;\n\n    vector-effect: non-scaling-stroke;\n}\n\n\n.tb-pm-insights__plan {\n\n    stroke: #777a7e;\n\n    stroke-width: 2;\n\n    stroke-dasharray: 6 6;\n}\n\n\n.tb-pm-insights__actual {\n\n    stroke: var(--red);\n\n    stroke-width: 3;\n}\n\n\n.tb-pm-insights__legend {\n\n    position: absolute;\n\n    right: 0;\n    bottom: 0;\n\n    display: flex;\n\n    gap: 18px;\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n.tb-pm-insights__legend span {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n}\n\n\n.tb-pm-insights__legend i {\n\n    width: 18px;\n    height: 2px;\n}\n\n\n.tb-pm-insights__legend .plan {\n\n    background: #777a7e;\n}\n\n\n.tb-pm-insights__legend .actual {\n\n    background: var(--red);\n}\n\n\n\/* =========================================\n   DONUT\n   ========================================= *\/\n\n.tb-pm-insights__donut-wrap {\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n\n    gap: 28px;\n}\n\n\n.tb-pm-insights__donut {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 155px;\n    height: 155px;\n\n    border-radius: 50%;\n\n    background:\n        conic-gradient(\n            var(--red) 0 69%,\n            #777a7e 69% 89%,\n            #414348 89% 100%\n        );\n\n    position: relative;\n}\n\n\n.tb-pm-insights__donut::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 105px;\n    height: 105px;\n\n    border-radius: 50%;\n\n    background: var(--panel);\n}\n\n\n.tb-pm-insights__donut > div {\n\n    position: relative;\n\n    z-index: 2;\n\n    text-align: center;\n}\n\n\n.tb-pm-insights__donut strong,\n.tb-pm-insights__donut small {\n\n    display: block;\n}\n\n\n.tb-pm-insights__donut strong {\n\n    font-size: 27px;\n}\n\n\n.tb-pm-insights__donut small {\n\n    color: var(--muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-insights__donut-legend {\n\n    width: 100%;\n}\n\n\n.tb-pm-insights__donut-legend > div {\n\n    display: grid;\n\n    grid-template-columns: 8px 1fr;\n\n    gap: 9px;\n\n    align-items: center;\n\n    padding: 8px 0;\n\n    border-bottom: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__donut-legend > div:last-child {\n\n    border-bottom: 0;\n}\n\n\n.tb-pm-insights__donut-legend > div > span {\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n}\n\n\n.tb-pm-insights__donut-legend .done {\n\n    background: var(--red);\n}\n\n\n.tb-pm-insights__donut-legend .working {\n\n    background: #777a7e;\n}\n\n\n.tb-pm-insights__donut-legend .waiting {\n\n    background: #414348;\n}\n\n\n.tb-pm-insights__donut-legend p {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    margin: 0;\n}\n\n\n.tb-pm-insights__donut-legend strong {\n\n    font-size: 10px;\n}\n\n\n.tb-pm-insights__donut-legend small {\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   FEATURES\n   ========================================= *\/\n\n.tb-pm-insights__features {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    margin-top: 30px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--border);\n\n    border-radius: 23px;\n}\n\n\n.tb-pm-insights__feature {\n\n    position: relative;\n\n    min-height: 260px;\n\n    padding: 35px 32px;\n\n    border-left: 1px solid var(--border);\n\n    background: var(--panel);\n}\n\n\n.tb-pm-insights__feature:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-insights__feature::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: -1px;\n    right: 32px;\n\n    width: 35px;\n    height: 2px;\n\n    background: var(--red);\n}\n\n\n.tb-pm-insights__feature > span {\n\n    display: block;\n\n    margin-bottom: 34px;\n\n    color: var(--red-light);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-insights__feature h3 {\n\n    margin: 0 0 14px;\n\n    font-size: 19px;\n\n    line-height: 1.6;\n}\n\n\n.tb-pm-insights__feature p {\n\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 12px;\n\n    line-height: 2;\n}\n\n\n\/* =========================================\n   RAYLA\n   ========================================= *\/\n\n.tb-pm-insights__rayla {\n\n    display: grid;\n\n    grid-template-columns: .85fr 1.15fr;\n\n    margin-top: 30px;\n\n    overflow: hidden;\n\n    border: 1px solid #5a343d;\n\n    border-radius: 23px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #302329,\n            #27282b 45%,\n            #242629\n        );\n}\n\n\n.tb-pm-insights__rayla-intro {\n\n    display: grid;\n\n    grid-template-columns: 55px 1fr;\n\n    gap: 20px;\n\n    align-content: center;\n\n    padding: 40px;\n\n    border-left: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__rayla-icon {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 53px;\n    height: 53px;\n\n    border: 1px solid #683846;\n\n    border-radius: 50%;\n\n    color: var(--red-light);\n\n    font-size: 23px;\n}\n\n\n.tb-pm-insights__rayla-intro span {\n\n    display: block;\n\n    margin-bottom: 10px;\n\n    color: var(--red-light);\n\n    font-size: 9px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-insights__rayla-intro h3 {\n\n    margin: 0 0 15px;\n\n    font-size: 26px;\n\n    line-height: 1.6;\n}\n\n\n.tb-pm-insights__rayla-intro h3 strong {\n\n    display: block;\n}\n\n\n.tb-pm-insights__rayla-intro p {\n\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 11px;\n\n    line-height: 2;\n}\n\n\n\/* AI window *\/\n\n.tb-pm-insights__ai-window {\n\n    padding: 35px;\n\n    background: #242629;\n}\n\n\n.tb-pm-insights__ai-question {\n\n    max-width: 80%;\n\n    margin-right: auto;\n\n    margin-bottom: 22px;\n\n    padding: 15px 17px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 12px;\n\n    background: #2d2f33;\n}\n\n\n.tb-pm-insights__ai-question small {\n\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-insights__ai-question p {\n\n    margin: 0;\n\n    font-size: 10px;\n\n    line-height: 1.8;\n}\n\n\n.tb-pm-insights__ai-answer {\n\n    padding: 20px;\n\n    border: 1px solid #59333d;\n\n    border-radius: 12px;\n\n    background: #29272a;\n}\n\n\n.tb-pm-insights__ai-answer-head {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-bottom: 12px;\n\n    color: var(--red-light);\n\n    font-size: 10px;\n}\n\n\n.tb-pm-insights__ai-answer > p {\n\n    margin: 0 0 20px;\n\n    color: var(--text);\n\n    font-size: 10px;\n\n    line-height: 1.9;\n}\n\n\n\/* AI chart *\/\n\n.tb-pm-insights__ai-chart {\n\n    padding: 16px;\n\n    border-radius: 8px;\n\n    background: #222427;\n}\n\n\n.tb-pm-insights__ai-chart-head {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    margin-bottom: 16px;\n}\n\n\n.tb-pm-insights__ai-chart-head span {\n\n    font-size: 9px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-insights__ai-chart-head small {\n\n    color: var(--muted);\n\n    font-size: 7px;\n}\n\n\n.tb-pm-insights__ai-bar {\n\n    margin-bottom: 12px;\n}\n\n\n.tb-pm-insights__ai-bar:last-child {\n\n    margin-bottom: 0;\n}\n\n\n.tb-pm-insights__ai-bar label {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    margin-bottom: 5px;\n\n    color: var(--muted);\n\n    font-size: 8px;\n}\n\n\n.tb-pm-insights__ai-bar label b {\n\n    direction: ltr;\n\n    color: #fff;\n\n    font-weight: 500;\n}\n\n\n.tb-pm-insights__ai-bar > div {\n\n    overflow: hidden;\n\n    height: 4px;\n\n    border-radius: 5px;\n\n    background: #414348;\n}\n\n\n.tb-pm-insights__ai-bar i {\n\n    display: block;\n\n    height: 100%;\n\n    background: var(--red);\n}\n\n\n\/* =========================================\n   CLOSING\n   ========================================= *\/\n\n.tb-pm-insights__closing {\n\n    display: grid;\n\n    grid-template-columns: 45px 1fr;\n\n    gap: 20px;\n\n    max-width: 900px;\n\n    margin-top: 50px;\n\n    padding-top: 30px;\n\n    border-top: 1px solid var(--border);\n}\n\n\n.tb-pm-insights__closing > span {\n\n    color: var(--red-light);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-insights__closing p {\n\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 17px;\n\n    line-height: 2;\n}\n\n\n.tb-pm-insights__closing strong {\n\n    color: #fff;\n}\n\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-insights {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-insights__intro {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-insights__kpis {\n\n        grid-template-columns: 1fr 1fr;\n    }\n\n\n    .tb-pm-insights__charts {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-insights__chart-panel {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--border);\n    }\n\n\n    .tb-pm-insights__features {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-insights__feature {\n\n        min-height: auto;\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--border);\n    }\n\n\n    .tb-pm-insights__feature:last-child {\n\n        border-bottom: 0;\n    }\n\n\n    .tb-pm-insights__rayla {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-insights__rayla-intro {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--border);\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-insights {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-insights__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-insights__intro-text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-insights__dashboard,\n    .tb-pm-insights__features,\n    .tb-pm-insights__rayla {\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-insights__dashboard-header {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n    }\n\n\n    .tb-pm-insights__tabs {\n\n        width: 100%;\n\n        overflow-x: auto;\n    }\n\n\n    .tb-pm-insights__kpis {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-insights__kpi {\n\n        border-left: 0;\n\n        border-bottom: 1px solid var(--border);\n    }\n\n\n    .tb-pm-insights__kpi:last-child {\n\n        border-bottom: 0;\n    }\n\n\n    .tb-pm-insights__chart-panel,\n    .tb-pm-insights__distribution {\n\n        padding: 25px 20px;\n    }\n\n\n    .tb-pm-insights__rayla-intro {\n\n        grid-template-columns: 1fr;\n\n        padding: 28px 22px;\n    }\n\n\n    .tb-pm-insights__ai-window {\n\n        padding: 22px;\n    }\n\n\n    .tb-pm-insights__ai-question {\n\n        max-width: 100%;\n    }\n\n\n    .tb-pm-insights__closing {\n\n        grid-template-columns: 1fr;\n\n        gap: 8px;\n    }\n\n}\n\n<\/style>\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<section class=\"tb-pm-result\" dir=\"rtl\">\n\n    <div class=\"tb-pm-result__container\">\n\n\n        <!-- =================================\n             TOP \/ CONCLUSION\n        ================================== -->\n\n        <div class=\"tb-pm-result__top\">\n\n\n            <div class=\"tb-pm-result__heading\">\n\n                <div class=\"tb-pm-result__kicker\">\n\n                    <span class=\"tb-pm-result__line\"><\/span>\n\n                    <span>\n                        \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\n                    <\/span>\n\n                <\/div>\n\n\n                <h2>\n                    \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629\n                    <span>\n                        \u062a\u0628\u062f\u0623 \u0639\u0646\u062f\u0645\u0627 \u062a\u0639\u0645\u0644 \u0643\u0644 \u0627\u0644\u0623\u062c\u0632\u0627\u0621 \u0645\u0639\u064b\u0627.\n                    <\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-pm-result__text\">\n\n                <p>\n                    \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u064a\u0633 \u062c\u062f\u0648\u0644\u064b\u0627 \u0632\u0645\u0646\u064a\u064b\u0627 \u0641\u0642\u0637\u060c \u0648\u0644\u0627 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629. \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062e\u0637\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0641\u0631\u064a\u0642 \u064a\u0639\u0631\u0641 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0647\u060c\n                    \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629.\n                <\/p>\n\n                <p>\n                    \u064a\u062c\u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0647\u0630\u0647 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0641\u064a \u0628\u064a\u0626\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u062d\u062a\u0649 \u062a\u062a\u0645\u0643\u0646\n                    \u0645\u0646 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\n                    \u062f\u0648\u0646 \u0623\u0646 \u062a\u0641\u0642\u062f \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================\n             CONNECTED PROJECT MAP\n        ================================== -->\n\n        <div class=\"tb-pm-result__map\">\n\n\n            <!-- center -->\n\n            <div class=\"tb-pm-result__center\">\n\n                <div class=\"tb-pm-result__center-ring\">\n\n                    <div>\n\n                        <span>\n                            \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                        <\/span>\n\n                        <strong>\n                            \u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u062d\u062f\n                        <\/strong>\n\n                        <small>\n                            \u0631\u0624\u064a\u0629 \u0648\u0627\u062d\u062f\u0629\n                        <\/small>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 1 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--1\">\n\n                <span class=\"tb-pm-result__number\">\n                    01\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 2 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--2\">\n\n                <span class=\"tb-pm-result__number\">\n                    02\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u0641\u0631\u064a\u0642\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0648\u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 3 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--3\">\n\n                <span class=\"tb-pm-result__number\">\n                    03\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 4 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--4\">\n\n                <span class=\"tb-pm-result__number\">\n                    04\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 5 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--5\">\n\n                <span class=\"tb-pm-result__number\">\n                    05\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u0645\u0639\u0631\u0641\u0629\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Item 6 -->\n\n            <div class=\"tb-pm-result__item tb-pm-result__item--6\">\n\n                <span class=\"tb-pm-result__number\">\n                    06\n                <\/span>\n\n                <div>\n                    <strong>\n                        \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n                    <\/strong>\n\n                    <small>\n                        \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0631\u0627\u064a\u0644\u0627\n                    <\/small>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================\n             RESULT STATEMENT\n        ================================== -->\n\n        <div class=\"tb-pm-result__statement\">\n\n\n            <span class=\"tb-pm-result__statement-index\">\n                09\n            <\/span>\n\n\n            <div>\n\n                <small>\n                    \u0625\u062f\u0627\u0631\u0629 \u0623\u0643\u062b\u0631 \u062a\u0631\u0627\u0628\u0637\u064b\u0627\n                <\/small>\n\n                <p>\n                    \u0639\u0646\u062f\u0645\u0627 \u062a\u0631\u062a\u0628\u0637 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062a\u0643\u0644\u0641\u0629\u060c\n                    \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0628\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\u060c\n                    <strong>\n                        \u064a\u0635\u0628\u062d \u0645\u0646 \u0627\u0644\u0623\u0633\u0647\u0644 \u0645\u0639\u0631\u0641\u0629 \u0623\u064a\u0646 \u064a\u0642\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0642\u0631\u0627\u0631\u0643.\n                    <\/strong>\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================\n             CTA\n        ================================== -->\n\n        <div class=\"tb-pm-result__cta\">\n\n\n            <div class=\"tb-pm-result__cta-content\">\n\n                <span class=\"tb-pm-result__cta-label\">\n                    \u062c\u0627\u0647\u0632 \u0644\u062a\u062c\u0631\u0628\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n                <\/span>\n\n\n                <h2>\n                    \u0627\u0628\u062f\u0623 \u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639\u0643\n                    <span>\n                        \u0628\u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d.\n                    <\/span>\n                <\/h2>\n\n\n                <p>\n                    \u062c\u0631\u0651\u0628 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0644\u0645\u062f\u0629 3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u062c\u0627\u0646\u064b\u0627\u060c\n                    \u0648\u0627\u0628\u062f\u0623 \u0628\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n                    \u0627\u0644\u0639\u0645\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642\u0643 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n                <\/p>\n\n\n                <div class=\"tb-pm-result__actions\">\n\n                    <a\n                        href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\"\n                        class=\"tb-pm-result__primary\"\n                    >\n                        <span>\n                            \u0627\u0628\u062f\u0623 \u062a\u062c\u0631\u0628\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\n                        <\/span>\n\n                        <b aria-hidden=\"true\">\n                            \u2190\n                        <\/b>\n                    <\/a>\n\n\n                    <span class=\"tb-pm-result__trial\">\n                        3 \u0623\u0633\u0627\u0628\u064a\u0639 \u0645\u062c\u0627\u0646\u064b\u0627\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================\n                 CTA VISUAL\n            ================================== -->\n\n            <div class=\"tb-pm-result__cta-visual\">\n\n\n                <div class=\"tb-pm-result__mini-window\">\n\n\n                    <div class=\"tb-pm-result__mini-head\">\n\n                        <div>\n\n                            <span><\/span>\n\n                            <div>\n                                <small>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                                <strong>\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c<\/strong>\n                            <\/div>\n\n                        <\/div>\n\n\n                        <b>\n                            68%\n                        <\/b>\n\n                    <\/div>\n\n\n                    <!-- Project health -->\n\n                    <div class=\"tb-pm-result__mini-progress\">\n\n                        <div>\n                            <span>\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\n                            <strong>68%<\/strong>\n                        <\/div>\n\n                        <i>\n                            <b style=\"width:68%\"><\/b>\n                        <\/i>\n\n                    <\/div>\n\n\n                    <!-- mini cards -->\n\n                    <div class=\"tb-pm-result__mini-cards\">\n\n\n                        <div>\n\n                            <small>\n                                \u0627\u0644\u0645\u0647\u0627\u0645\n                            <\/small>\n\n                            <strong>\n                                42 \/ 61\n                            <\/strong>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <small>\n                                \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\n                            <\/small>\n\n                            <strong>\n                                61%\n                            <\/strong>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <small>\n                                \u0627\u0644\u0641\u0631\u064a\u0642\n                            <\/small>\n\n                            <strong>\n                                6\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Rayla -->\n\n                    <div class=\"tb-pm-result__mini-rayla\">\n\n                        <span>\n                            \u2726\n                        <\/span>\n\n                        <div>\n\n                            <small>\n                                \u0631\u0627\u064a\u0644\u0627\n                            <\/small>\n\n                            <strong>\n                                \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643 \u0627\u0644\u064a\u0648\u0645\u061f\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   SECTION 09\n   Conclusion + Main CTA\n   ========================================= *\/\n\n.tb-pm-result {\n\n    --red: #d20b2f;\n    --red-dark: #ad0927;\n    --red-soft: #fff3f5;\n\n    --dark: #181c22;\n    --text: #4c4a48;\n    --muted: #77736f;\n\n    --border: #dedbd6;\n    --border-soft: #ebe8e4;\n\n    --soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 120px 24px;\n\n    background: #ffffff;\n\n    color: var(--dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-result__container {\n\n    width: 100%;\n\n    max-width: 1240px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   TOP\n   ========================================= *\/\n\n.tb-pm-result__top {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 95px;\n\n    align-items: center;\n\n    margin-bottom: 75px;\n}\n\n\n.tb-pm-result__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 22px;\n\n    color: var(--red);\n\n    font-size: 14px;\n\n    font-weight: 600;\n}\n\n\n.tb-pm-result__line {\n\n    display: block;\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--red);\n}\n\n\n.tb-pm-result__heading h2 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: clamp(42px, 4.4vw, 64px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n\n    letter-spacing: -1px;\n}\n\n\n.tb-pm-result__heading h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-result__text p {\n\n    max-width: 580px;\n\n    margin: 0 0 15px;\n\n    color: var(--text);\n\n    font-size: 17px;\n\n    line-height: 2.15;\n}\n\n\n.tb-pm-result__text p:last-child {\n\n    margin-bottom: 0;\n\n    color: var(--muted);\n\n    font-size: 15px;\n}\n\n\n\/* =========================================\n   CONNECTED MAP\n   ========================================= *\/\n\n.tb-pm-result__map {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    grid-template-rows: auto auto auto;\n\n    gap: 18px;\n\n    padding: 40px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--border);\n\n    border-radius: 23px;\n\n    background: var(--soft);\n}\n\n\n\/* subtle background lines *\/\n\n.tb-pm-result__map::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    right: 10%;\n    left: 10%;\n\n    height: 1px;\n\n    background: var(--border);\n\n    z-index: 0;\n}\n\n\n.tb-pm-result__map::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 12%;\n    bottom: 12%;\n    right: 50%;\n\n    width: 1px;\n\n    background: var(--border);\n\n    z-index: 0;\n}\n\n\n\/* =========================================\n   CENTER\n   ========================================= *\/\n\n.tb-pm-result__center {\n\n    position: relative;\n\n    z-index: 2;\n\n    grid-column: 2;\n\n    grid-row: 2;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    min-height: 210px;\n}\n\n\n.tb-pm-result__center-ring {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 175px;\n    height: 175px;\n\n    border: 1px solid #e3b8c0;\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    box-shadow:\n        0 0 0 18px rgba(210, 11, 47, .035),\n        0 0 0 36px rgba(210, 11, 47, .018);\n}\n\n\n.tb-pm-result__center-ring div {\n\n    text-align: center;\n}\n\n\n.tb-pm-result__center-ring span,\n.tb-pm-result__center-ring strong,\n.tb-pm-result__center-ring small {\n\n    display: block;\n}\n\n\n.tb-pm-result__center-ring span {\n\n    margin-bottom: 8px;\n\n    color: var(--red);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-result__center-ring strong {\n\n    margin-bottom: 5px;\n\n    color: var(--dark);\n\n    font-size: 18px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-result__center-ring small {\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   MAP ITEMS\n   ========================================= *\/\n\n.tb-pm-result__item {\n\n    position: relative;\n\n    z-index: 2;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    min-height: 100px;\n\n    padding: 20px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 12px;\n\n    background: #ffffff;\n}\n\n\n.tb-pm-result__item--1 {\n\n    grid-column: 1;\n    grid-row: 1;\n}\n\n\n.tb-pm-result__item--2 {\n\n    grid-column: 2;\n    grid-row: 1;\n}\n\n\n.tb-pm-result__item--3 {\n\n    grid-column: 3;\n    grid-row: 1;\n}\n\n\n.tb-pm-result__item--4 {\n\n    grid-column: 1;\n    grid-row: 3;\n}\n\n\n.tb-pm-result__item--5 {\n\n    grid-column: 2;\n    grid-row: 3;\n}\n\n\n.tb-pm-result__item--6 {\n\n    grid-column: 3;\n    grid-row: 3;\n}\n\n\n.tb-pm-result__number {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 35px;\n    height: 35px;\n\n    flex: 0 0 35px;\n\n    border-radius: 50%;\n\n    background: var(--red-soft);\n\n    color: var(--red);\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-result__item strong,\n.tb-pm-result__item small {\n\n    display: block;\n}\n\n\n.tb-pm-result__item strong {\n\n    margin-bottom: 4px;\n\n    color: var(--dark);\n\n    font-size: 13px;\n}\n\n\n.tb-pm-result__item small {\n\n    color: var(--muted);\n\n    font-size: 9px;\n}\n\n\n\/* =========================================\n   STATEMENT\n   ========================================= *\/\n\n.tb-pm-result__statement {\n\n    display: grid;\n\n    grid-template-columns: 45px 1fr;\n\n    gap: 20px;\n\n    max-width: 900px;\n\n    margin: 50px 0 85px;\n\n    padding-top: 30px;\n\n    border-top: 1px solid var(--border);\n}\n\n\n.tb-pm-result__statement-index {\n\n    color: var(--red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-result__statement small {\n\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--red);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-result__statement p {\n\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 17px;\n\n    line-height: 2;\n}\n\n\n.tb-pm-result__statement strong {\n\n    color: var(--dark);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   CTA\n   ========================================= *\/\n\n.tb-pm-result__cta {\n\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns: 1.05fr .95fr;\n\n    gap: 70px;\n\n    align-items: center;\n\n    overflow: hidden;\n\n    padding: 65px;\n\n    border-radius: 24px;\n\n    background: var(--dark);\n\n    color: #ffffff;\n}\n\n\n.tb-pm-result__cta::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 0;\n\n    width: 180px;\n    height: 3px;\n\n    background: var(--red);\n}\n\n\n.tb-pm-result__cta::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    width: 400px;\n    height: 400px;\n\n    left: -180px;\n    bottom: -250px;\n\n    border-radius: 50%;\n\n    background: rgba(210, 11, 47, .09);\n\n    pointer-events: none;\n}\n\n\n\/* CTA content *\/\n\n.tb-pm-result__cta-content {\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n.tb-pm-result__cta-label {\n\n    display: block;\n\n    margin-bottom: 15px;\n\n    color: #f15a72;\n\n    font-size: 12px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-result__cta-content h2 {\n\n    margin: 0 0 20px;\n\n    color: #ffffff;\n\n    font-size: clamp(36px, 4vw, 55px);\n\n    line-height: 1.3;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-result__cta-content h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-result__cta-content p {\n\n    max-width: 530px;\n\n    margin: 0;\n\n    color: #b8b4b0;\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n\/* =========================================\n   CTA ACTIONS\n   ========================================= *\/\n\n.tb-pm-result__actions {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 18px;\n\n    margin-top: 30px;\n}\n\n\n.tb-pm-result__primary {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 22px;\n\n    min-height: 54px;\n\n    padding: 0 24px;\n\n    border-radius: 8px;\n\n    background: var(--red);\n\n    color: #ffffff !important;\n\n    font-size: 13px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    transition:\n        background .2s ease,\n        transform .2s ease;\n}\n\n\n.tb-pm-result__primary:hover {\n\n    background: var(--red-dark);\n\n    transform: translateY(-2px);\n}\n\n\n.tb-pm-result__primary b {\n\n    font-size: 16px;\n\n    font-weight: 400;\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-result__primary:hover b {\n\n    transform: translateX(-4px);\n}\n\n\n.tb-pm-result__trial {\n\n    color: #aaa7a3;\n\n    font-size: 11px;\n}\n\n\n\/* =========================================\n   CTA VISUAL\n   ========================================= *\/\n\n.tb-pm-result__cta-visual {\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n.tb-pm-result__mini-window {\n\n    overflow: hidden;\n\n    border: 1px solid #46484c;\n\n    border-radius: 16px;\n\n    background: #27292d;\n\n    box-shadow:\n        0 30px 70px rgba(0,0,0,.25);\n}\n\n\n\/* head *\/\n\n.tb-pm-result__mini-head {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    padding: 18px 20px;\n\n    border-bottom: 1px solid #44464a;\n}\n\n\n.tb-pm-result__mini-head > div {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n}\n\n\n.tb-pm-result__mini-head > div > span {\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--red);\n}\n\n\n.tb-pm-result__mini-head small,\n.tb-pm-result__mini-head strong {\n\n    display: block;\n}\n\n\n.tb-pm-result__mini-head small {\n\n    margin-bottom: 2px;\n\n    color: #8f8c88;\n\n    font-size: 7px;\n}\n\n\n.tb-pm-result__mini-head strong {\n\n    color: #ffffff;\n\n    font-size: 10px;\n}\n\n\n.tb-pm-result__mini-head > b {\n\n    direction: ltr;\n\n    color: #f15a72;\n\n    font-size: 17px;\n}\n\n\n\/* progress *\/\n\n.tb-pm-result__mini-progress {\n\n    padding: 23px 20px;\n}\n\n\n.tb-pm-result__mini-progress > div {\n\n    display: flex;\n\n    justify-content: space-between;\n\n    margin-bottom: 10px;\n\n    font-size: 9px;\n}\n\n\n.tb-pm-result__mini-progress span {\n\n    color: #aaa7a3;\n}\n\n\n.tb-pm-result__mini-progress strong {\n\n    direction: ltr;\n\n    color: #ffffff;\n}\n\n\n.tb-pm-result__mini-progress > i {\n\n    display: block;\n\n    overflow: hidden;\n\n    height: 5px;\n\n    border-radius: 10px;\n\n    background: #414348;\n}\n\n\n.tb-pm-result__mini-progress > i > b {\n\n    display: block;\n\n    height: 100%;\n\n    background: var(--red);\n}\n\n\n\/* mini cards *\/\n\n.tb-pm-result__mini-cards {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    border-top: 1px solid #44464a;\n\n    border-bottom: 1px solid #44464a;\n}\n\n\n.tb-pm-result__mini-cards > div {\n\n    padding: 18px;\n\n    border-left: 1px solid #44464a;\n}\n\n\n.tb-pm-result__mini-cards > div:last-child {\n\n    border-left: 0;\n}\n\n\n.tb-pm-result__mini-cards small,\n.tb-pm-result__mini-cards strong {\n\n    display: block;\n}\n\n\n.tb-pm-result__mini-cards small {\n\n    margin-bottom: 8px;\n\n    color: #8f8c88;\n\n    font-size: 7px;\n}\n\n\n.tb-pm-result__mini-cards strong {\n\n    direction: ltr;\n\n    color: #ffffff;\n\n    font-size: 15px;\n}\n\n\n\/* Rayla *\/\n\n.tb-pm-result__mini-rayla {\n\n    display: grid;\n\n    grid-template-columns: 35px 1fr;\n\n    gap: 11px;\n\n    align-items: center;\n\n    margin: 18px;\n\n    padding: 15px;\n\n    border: 1px solid #603743;\n\n    border-radius: 9px;\n\n    background: #30272b;\n}\n\n\n.tb-pm-result__mini-rayla > span {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n\n    border-radius: 50%;\n\n    background: #39272d;\n\n    color: #f15a72;\n\n    font-size: 15px;\n}\n\n\n.tb-pm-result__mini-rayla small,\n.tb-pm-result__mini-rayla strong {\n\n    display: block;\n}\n\n\n.tb-pm-result__mini-rayla small {\n\n    margin-bottom: 3px;\n\n    color: #f15a72;\n\n    font-size: 7px;\n}\n\n\n.tb-pm-result__mini-rayla strong {\n\n    color: #ffffff;\n\n    font-size: 9px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n\n@media (max-width: 950px) {\n\n    .tb-pm-result {\n\n        padding: 90px 20px;\n    }\n\n\n    .tb-pm-result__top {\n\n        grid-template-columns: 1fr;\n\n        gap: 30px;\n    }\n\n\n    .tb-pm-result__map {\n\n        grid-template-columns: 1fr 1fr;\n    }\n\n\n    .tb-pm-result__map::before,\n    .tb-pm-result__map::after {\n\n        display: none;\n    }\n\n\n    .tb-pm-result__center {\n\n        grid-column: 1 \/ -1;\n        grid-row: auto;\n    }\n\n\n    .tb-pm-result__item--1,\n    .tb-pm-result__item--2,\n    .tb-pm-result__item--3,\n    .tb-pm-result__item--4,\n    .tb-pm-result__item--5,\n    .tb-pm-result__item--6 {\n\n        grid-column: auto;\n        grid-row: auto;\n    }\n\n\n    .tb-pm-result__cta {\n\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n\n        padding: 50px;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-result {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-result__heading h2 {\n\n        font-size: 39px;\n    }\n\n\n    .tb-pm-result__text p {\n\n        font-size: 16px;\n    }\n\n\n    .tb-pm-result__map {\n\n        grid-template-columns: 1fr;\n\n        padding: 22px;\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-result__center {\n\n        grid-column: auto;\n    }\n\n\n    .tb-pm-result__center-ring {\n\n        width: 150px;\n        height: 150px;\n    }\n\n\n    .tb-pm-result__statement {\n\n        grid-template-columns: 1fr;\n\n        gap: 8px;\n\n        margin-bottom: 65px;\n    }\n\n\n    .tb-pm-result__cta {\n\n        padding: 35px 23px;\n\n        border-radius: 15px;\n    }\n\n\n    .tb-pm-result__cta-content h2 {\n\n        font-size: 37px;\n    }\n\n\n    .tb-pm-result__actions {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n    }\n\n\n    .tb-pm-result__primary {\n\n        width: 100%;\n    }\n\n\n    .tb-pm-result__mini-cards {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .tb-pm-result__mini-cards > div {\n\n        border-left: 0;\n\n        border-bottom: 1px solid #44464a;\n    }\n\n\n    .tb-pm-result__mini-cards > div:last-child {\n\n        border-bottom: 0;\n    }\n\n}\n\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<section class=\"tb-pm-faq\" dir=\"rtl\" id=\"project-management-faq\">\n\n    <div class=\"tb-pm-faq__container\">\n\n        <!-- =========================\n             HEADER\n        ========================== -->\n\n        <div class=\"tb-pm-faq__header\">\n\n            <div>\n\n                <div class=\"tb-pm-faq__kicker\">\n                    <span class=\"tb-pm-faq__line\"><\/span>\n                    <span>\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/span>\n                <\/div>\n\n                <h2>\n                    \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644\n                    <span>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <p>\n                \u0625\u062c\u0627\u0628\u0627\u062a \u0645\u062e\u062a\u0635\u0631\u0629 \u0639\u0646 \u0628\u0639\u0636 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0633\u0627\u0639\u062f\u0643\n                \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0648\u0645\u062a\u0627\u0628\u0639\u062a\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n                \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =========================\n             FAQ LIST\n        ========================== -->\n\n        <div class=\"tb-pm-faq__list\">\n\n\n            <!-- FAQ 01 -->\n\n            <details class=\"tb-pm-faq__item\" open=\"\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        01\n                    <\/span>\n\n                    <h3>\n                        \u0645\u0627 \u0627\u0644\u0645\u0642\u0635\u0648\u062f \u0628\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u062a\u0639\u0646\u064a \u062a\u0646\u0638\u064a\u0645 \u0646\u0637\u0627\u0642 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        \u0648\u0645\u0647\u0627\u0645\u0647 \u0648\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u0647 \u0648\u062c\u062f\u0648\u0644\u0647 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0645\u0648\u0627\u0631\u062f\u0647 \u0648\u062a\u0643\u0627\u0644\u064a\u0641\u0647\u060c\n                        \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0645\u0642\u0627\u0631\u0646\u062a\u0647 \u0628\u0627\u0644\u062e\u0637\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a\n                        \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0648\u0627\u0644\u0647\u062f\u0641 \u0644\u064a\u0633 \u0625\u0646\u0634\u0627\u0621 \u062e\u0637\u0629 \u0641\u0642\u0637\u060c\n                        \u0628\u0644 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0634\u0631\u0648\u0639 \u0637\u0648\u0627\u0644 \u0641\u062a\u0631\u0629 \u062a\u0646\u0641\u064a\u0630\u0647.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 02 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        02\n                    <\/span>\n\n                    <h3>\n                        \u0645\u0627 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u062a\u0631\u0643\u0632 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\n                        \u062a\u0646\u0641\u064a\u0630\u0647\u0627\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646\u0647\u0627 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647\u0627 \u0648\u062d\u0627\u0644\u062a\u0647\u0627.\n                        \u0623\u0645\u0627 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0641\u062a\u0634\u0645\u0644 \u0646\u0637\u0627\u0642\u064b\u0627 \u0623\u0648\u0633\u0639\u060c \u0645\u062b\u0644 \u0647\u064a\u0643\u0644\n                        \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645\n                        \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n                    <\/p>\n\n                    <p>\n                        \u0644\u0630\u0644\u0643 \u062a\u0645\u062b\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u062c\u0632\u0621\u064b\u0627 \u0645\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c\n                        \u0648\u0644\u064a\u0633\u062a \u0628\u062f\u064a\u0644\u064b\u0627 \u0639\u0646\u0647\u0627 \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        \u0628\u0635\u0648\u0631\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 03 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        03\n                    <\/span>\n\n                    <h3>\n                        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u064a\u0639\u0631\u0636 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a \u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u062e\u0637 \u0632\u0645\u0646\u064a\u060c\n                        \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\n                        \u0648\u062a\u0633\u0644\u0633\u0644 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0628\u064a\u0646 \u0627\u0644\u0645\u0647\u0627\u0645. \u0648\u0647\u0630\u0627 \u064a\u062c\u0639\u0644\n                        \u0645\u0646 \u0627\u0644\u0623\u0633\u0647\u0644 \u0641\u0647\u0645 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0623\u0648 \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f\n                        \u0639\u0644\u0649 \u0628\u0642\u064a\u0629 \u062e\u0637\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n\n                    <a href=\"https:\/\/taskbrowse.com\/ar\/what-is-gantt-chart\/\">\n                        \u062a\u0639\u0631\u0651\u0641 \u0623\u0643\u062b\u0631 \u0639\u0644\u0649 \u0645\u062e\u0637\u0637 \u062c\u0627\u0646\u062a\n                        <span>\u2190<\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 04 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        04\n                    <\/span>\n\n                    <h3>\n                        \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u062a\u0623\u062e\u064a\u0631\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u062a\u0628\u062f\u0623 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0628\u062a\u062d\u062f\u064a\u062b \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u062a\u0642\u062f\u0645\u0647\u0627\n                        \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u060c \u062b\u0645 \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u0627 \u064a\u062d\u062f\u062b \u0641\u0639\u0644\u064a\u064b\u0627 \u0628\u0645\u0627 \u062a\u0645\n                        \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0644\u0647. \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u062a\u0633\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0647\u0627\u0645\n                        \u0648\u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a\n                        \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062c\u0632\u0627\u0621 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645 \u0642\u0628\u0644 \u0623\u0646\n                        \u064a\u0624\u062b\u0631 \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0628\u0642\u064a\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 05 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        05\n                    <\/span>\n\n                    <h3>\n                        \u0647\u0644 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0647 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0648\u0642\u062a\n                        \u0627\u0644\u0645\u0633\u062c\u0644 \u0648\u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u062b\u0645 \u0645\u0642\u0627\u0631\u0646\u0629\n                        \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0628\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629. \u064a\u0633\u0627\u0639\u062f \u0630\u0644\u0643\n                        \u0639\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0648\u0645\u0644\u0627\u062d\u0638\u0629\n                        \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 06 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        06\n                    <\/span>\n\n                    <h3>\n                        \u0643\u064a\u0641 \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u062f\u0627\u062e\u0644 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u062a\u0633\u0627\u0639\u062f\u0643 \u0631\u0627\u064a\u0644\u0627\u060c \u0645\u0633\u0627\u0639\u062f\u0629 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c\n                        \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0641\u0647\u0645 \u062d\u0627\u0644\u062a\u0647 \u0628\u0635\u0648\u0631\u0629 \u0623\u0633\u0631\u0639.\n                        \u0648\u064a\u0645\u0643\u0646\u0647\u0627 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629\u060c\n                        \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u060c \u0648\u062a\u062d\u0644\u064a\u0644\n                        \u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629\n                        \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n\n            <!-- FAQ 07 -->\n\n            <details class=\"tb-pm-faq__item\">\n\n                <summary>\n\n                    <span class=\"tb-pm-faq__number\">\n                        07\n                    <\/span>\n\n                    <h3>\n                        \u0647\u0644 \u064a\u0645\u0643\u0646 \u0625\u062f\u0627\u0631\u0629 \u0639\u062f\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n                    <\/h3>\n\n                    <span class=\"tb-pm-faq__toggle\"><\/span>\n\n                <\/summary>\n\n                <div class=\"tb-pm-faq__answer\">\n\n                    <p>\n                        \u0646\u0639\u0645. \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c\n                        \u0648\u062a\u062d\u062f\u064a\u062f \u0641\u0631\u064a\u0642 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0648\u062a\u0646\u0638\u064a\u0645 \u0645\u0647\u0627\u0645\u0647 \u0648\u0645\u0648\u0627\u0639\u064a\u062f\u0647 \u0648\u0645\u062a\u0627\u0628\u0639\u0629\n                        \u0628\u064a\u0627\u0646\u0627\u062a\u0647 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0642\u0644\u060c \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\n                        \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0623\u0648\u0633\u0639 \u0644\u0644\u0639\u0645\u0644.\n                    <\/p>\n\n                <\/div>\n\n            <\/details>\n\n        <\/div>\n\n\n        <!-- =========================\n             SMALL FINAL CTA\n        ========================== -->\n\n        <div class=\"tb-pm-faq__footer\">\n\n            <div>\n\n                <span>\n                    \u0647\u0644 \u062a\u0631\u064a\u062f \u0623\u0646 \u062a\u0631\u0649 \u0630\u0644\u0643 \u0641\u064a \u0645\u0634\u0631\u0648\u0639 \u062d\u0642\u064a\u0642\u064a\u061f\n                <\/span>\n\n                <strong>\n                    \u0623\u0646\u0634\u0626 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0648\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0645\u062c\u0627\u0646\u064b\u0627.\n                <\/strong>\n\n            <\/div>\n\n\n            <a href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\" class=\"tb-pm-faq__cta\">\n                \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n                <span aria-hidden=\"true\">\u2190<\/span>\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================\n   SECTION 10\n   FAQ\n   ========================================= *\/\n\n.tb-pm-faq {\n\n    --red: #d20b2f;\n    --red-dark: #ad0927;\n    --red-soft: #fff3f5;\n\n    --dark: #181c22;\n    --text: #4c4a48;\n    --muted: #77736f;\n\n    --border: #dedbd6;\n    --border-soft: #ebe8e4;\n\n    --soft: #f8f7f5;\n\n    direction: rtl;\n\n    padding: 110px 24px;\n\n    background: var(--soft);\n\n    color: var(--dark);\n\n    font-family: inherit;\n}\n\n\n.tb-pm-faq__container {\n\n    width: 100%;\n\n    max-width: 1100px;\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================\n   HEADER\n   ========================================= *\/\n\n.tb-pm-faq__header {\n\n    display: grid;\n\n    grid-template-columns: 1.1fr .9fr;\n\n    gap: 80px;\n\n    align-items: end;\n\n    margin-bottom: 55px;\n}\n\n\n.tb-pm-faq__kicker {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-bottom: 20px;\n\n    color: var(--red);\n\n    font-size: 13px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-faq__line {\n\n    width: 26px;\n    height: 2px;\n\n    background: var(--red);\n}\n\n\n.tb-pm-faq__header h2 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: clamp(38px, 4vw, 56px);\n\n    line-height: 1.35;\n\n    font-weight: 800;\n\n    letter-spacing: -.7px;\n}\n\n\n.tb-pm-faq__header h2 span {\n\n    display: block;\n}\n\n\n.tb-pm-faq__header > p {\n\n    margin: 0;\n\n    color: var(--muted);\n\n    font-size: 15px;\n\n    line-height: 2;\n}\n\n\n\/* =========================================\n   FAQ LIST\n   ========================================= *\/\n\n.tb-pm-faq__list {\n\n    overflow: hidden;\n\n    border-top: 1px solid var(--border);\n}\n\n\n\/* =========================================\n   FAQ ITEM\n   ========================================= *\/\n\n.tb-pm-faq__item {\n\n    margin: 0;\n\n    border-bottom: 1px solid var(--border);\n\n    background: transparent;\n}\n\n\n.tb-pm-faq__item summary {\n\n    display: grid;\n\n    grid-template-columns: 45px 1fr 35px;\n\n    gap: 18px;\n\n    align-items: center;\n\n    min-height: 96px;\n\n    padding: 20px 5px;\n\n    cursor: pointer;\n\n    list-style: none;\n}\n\n\n.tb-pm-faq__item summary::-webkit-details-marker {\n\n    display: none;\n}\n\n\n.tb-pm-faq__number {\n\n    color: var(--red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.tb-pm-faq__item h3 {\n\n    margin: 0;\n\n    color: var(--dark);\n\n    font-size: 18px;\n\n    line-height: 1.7;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================\n   PLUS \/ MINUS\n   ========================================= *\/\n\n.tb-pm-faq__toggle {\n\n    position: relative;\n\n    display: block;\n\n    width: 32px;\n    height: 32px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 50%;\n\n    background: #ffffff;\n\n    transition:\n        border-color .2s ease,\n        background .2s ease;\n}\n\n\n.tb-pm-faq__toggle::before,\n.tb-pm-faq__toggle::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    width: 11px;\n    height: 1px;\n\n    background: var(--dark);\n\n    transform:\n        translate(-50%, -50%);\n\n    transition:\n        transform .2s ease,\n        opacity .2s ease;\n}\n\n\n.tb-pm-faq__toggle::after {\n\n    transform:\n        translate(-50%, -50%)\n        rotate(90deg);\n}\n\n\n.tb-pm-faq__item[open]\n.tb-pm-faq__toggle {\n\n    border-color: var(--red);\n\n    background: var(--red);\n}\n\n\n.tb-pm-faq__item[open]\n.tb-pm-faq__toggle::before {\n\n    background: #ffffff;\n}\n\n\n.tb-pm-faq__item[open]\n.tb-pm-faq__toggle::after {\n\n    opacity: 0;\n\n    background: #ffffff;\n}\n\n\n\/* =========================================\n   OPEN QUESTION\n   ========================================= *\/\n\n.tb-pm-faq__item[open] summary {\n\n    padding-bottom: 13px;\n}\n\n\n.tb-pm-faq__item[open] h3 {\n\n    color: var(--red);\n}\n\n\n\/* =========================================\n   ANSWER\n   ========================================= *\/\n\n.tb-pm-faq__answer {\n\n    max-width: 830px;\n\n    padding:\n        0\n        68px\n        30px\n        5px;\n}\n\n\n.tb-pm-faq__answer p {\n\n    margin: 0 0 12px;\n\n    color: var(--text);\n\n    font-size: 14px;\n\n    line-height: 2.1;\n}\n\n\n.tb-pm-faq__answer p:last-child {\n\n    margin-bottom: 0;\n}\n\n\n.tb-pm-faq__answer a {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    margin-top: 5px;\n\n    color: var(--red) !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n}\n\n\n.tb-pm-faq__answer a span {\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-faq__answer a:hover span {\n\n    transform: translateX(-4px);\n}\n\n\n\/* =========================================\n   FOOTER CTA\n   ========================================= *\/\n\n.tb-pm-faq__footer {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    gap: 35px;\n\n    margin-top: 60px;\n\n    padding: 32px 35px;\n\n    border: 1px solid var(--border);\n\n    border-radius: 15px;\n\n    background: #ffffff;\n}\n\n\n.tb-pm-faq__footer span,\n.tb-pm-faq__footer strong {\n\n    display: block;\n}\n\n\n.tb-pm-faq__footer > div > span {\n\n    margin-bottom: 6px;\n\n    color: var(--red);\n\n    font-size: 10px;\n\n    font-weight: 700;\n}\n\n\n.tb-pm-faq__footer strong {\n\n    color: var(--dark);\n\n    font-size: 15px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================\n   CTA BUTTON\n   ========================================= *\/\n\n.tb-pm-faq__cta {\n\n    display: inline-flex !important;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 15px;\n\n    min-width: 145px;\n\n    min-height: 48px;\n\n    padding: 0 20px;\n\n    border-radius: 7px;\n\n    background: var(--red);\n\n    color: #ffffff !important;\n\n    font-size: 12px;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n\n    white-space: nowrap;\n\n    transition:\n        background .2s ease,\n        transform .2s ease;\n}\n\n\n.tb-pm-faq__cta:hover {\n\n    background: var(--red-dark);\n\n    transform: translateY(-2px);\n}\n\n\n.tb-pm-faq__cta > span {\n\n    color: #ffffff;\n\n    transition: transform .2s ease;\n}\n\n\n.tb-pm-faq__cta:hover > span {\n\n    transform: translateX(-4px);\n}\n\n\n\/* =========================================\n   HOVER\n   ========================================= *\/\n\n@media (hover:hover) {\n\n    .tb-pm-faq__item summary:hover h3 {\n\n        color: var(--red);\n    }\n\n\n    .tb-pm-faq__item summary:hover\n    .tb-pm-faq__toggle {\n\n        border-color: var(--red);\n    }\n\n}\n\n\n\/* =========================================\n   RESPONSIVE\n   ========================================= *\/\n\n@media (max-width: 800px) {\n\n    .tb-pm-faq {\n\n        padding: 85px 20px;\n    }\n\n\n    .tb-pm-faq__header {\n\n        grid-template-columns: 1fr;\n\n        gap: 25px;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .tb-pm-faq {\n\n        padding: 70px 17px;\n    }\n\n\n    .tb-pm-faq__header {\n\n        margin-bottom: 40px;\n    }\n\n\n    .tb-pm-faq__header h2 {\n\n        font-size: 37px;\n    }\n\n\n    .tb-pm-faq__item summary {\n\n        grid-template-columns: 30px 1fr 31px;\n\n        gap: 10px;\n\n        min-height: 88px;\n\n        padding: 18px 0;\n    }\n\n\n    .tb-pm-faq__item h3 {\n\n        font-size: 15px;\n    }\n\n\n    .tb-pm-faq__toggle {\n\n        width: 29px;\n        height: 29px;\n    }\n\n\n    .tb-pm-faq__answer {\n\n        padding:\n            0\n            40px\n            26px\n            0;\n    }\n\n\n    .tb-pm-faq__answer p {\n\n        font-size: 13px;\n    }\n\n\n    .tb-pm-faq__footer {\n\n        align-items: flex-start;\n\n        flex-direction: column;\n\n        margin-top: 45px;\n\n        padding: 27px 23px;\n    }\n\n\n    .tb-pm-faq__cta {\n\n        width: 100%;\n    }\n\n}\n\n<\/style>\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\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u062a\u0628\u062f\u0623 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629. \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u0627 \u062a\u0639\u0646\u064a \u0641\u0642\u0637 \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. \u0645\u0639 \u062a\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u060c \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u0644\u062a\u0639\u0631\u0641 \u062f\u0627\u0626\u0645\u064b\u0627 \u0623\u064a\u0646 \u064a\u0642\u0641 \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0647\u062a\u0645\u0627\u0645\u0643. \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062a\u062e\u0627\u0630&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/idara-kafiya-mashroo\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629: \u0623\u062f\u0648\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":7346,"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-565","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/565","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=565"}],"version-history":[{"count":63,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/565\/revisions"}],"predecessor-version":[{"id":10355,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/565\/revisions\/10355"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/7346"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}