{"id":607,"date":"2024-02-17T12:48:12","date_gmt":"2024-02-17T12:48:12","guid":{"rendered":"https:\/\/taskbrowse.com\/ar\/?page_id=607"},"modified":"2026-10-06T12:55:09","modified_gmt":"2026-10-06T12:55:09","slug":"tatabbu-al-waqt-bisuhoola","status":"publish","type":"page","link":"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/","title":{"rendered":"\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0644\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\"><\/ul>\n\n\n\n<style>\n.tb-time-hero {\n    --tb-red: #d50032;\n    --tb-red-dark: #b8002b;\n    --tb-text: #17191d;\n    --tb-muted: #6f7178;\n    --tb-border: #e8e8e8;\n    --tb-soft: #fafafa;\n\n    direction: rtl;\n    width: 100%;\n    background: #fff;\n    color: var(--tb-text);\n    padding: 90px 24px 60px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n.tb-time-hero * {\n    box-sizing: border-box;\n}\n\n.tb-time-hero-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n.tb-time-hero-top {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n    gap: 90px;\n    align-items: center;\n}\n\n\/* Right side *\/\n.tb-time-hero-heading {\n    max-width: 620px;\n    margin-right: auto;\n}\n\n.tb-time-hero-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 28px;\n    color: var(--tb-red);\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n.tb-time-hero-eyebrow::before {\n    content: \"\";\n    width: 32px;\n    height: 2px;\n    flex: 0 0 32px;\n    background: var(--tb-red);\n}\n\n.tb-time-hero h1 {\n    margin: 0;\n    font-size: clamp(48px, 5vw, 78px);\n    line-height: 1.18;\n    font-weight: 800;\n    letter-spacing: -1.5px;\n    color: var(--tb-text);\n}\n\n\/* Left side *\/\n.tb-time-hero-content {\n    max-width: 720px;\n    margin-left: auto;\n}\n\n.tb-time-hero-text {\n    margin: 0 0 32px;\n    font-size: 21px;\n    line-height: 2.15;\n    color: #3c3d42;\n    font-weight: 400;\n}\n\n.tb-time-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    align-items: center;\n}\n\n.tb-time-hero-btn {\n    min-height: 58px;\n    padding: 14px 28px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n    text-decoration: none !important;\n    font-size: 17px;\n    font-weight: 700;\n    transition: all .2s ease;\n}\n\n.tb-time-hero-btn-primary {\n    background: var(--tb-red);\n    color: #fff !important;\n    border: 1px solid var(--tb-red);\n    box-shadow: 0 14px 28px rgba(213, 0, 50, .12);\n}\n\n.tb-time-hero-btn-primary:hover {\n    background: var(--tb-red-dark);\n    border-color: var(--tb-red-dark);\n    transform: translateY(-1px);\n}\n\n.tb-time-hero-btn-secondary {\n    background: #fff;\n    color: var(--tb-text) !important;\n    border: 1px solid #dedede;\n}\n\n.tb-time-hero-btn-secondary:hover {\n    border-color: #c8c8c8;\n    background: #fafafa;\n}\n\n\/* Product mockup *\/\n.tb-time-hero-dashboard {\n    margin-top: 72px;\n    border: 1px solid #dedede;\n    border-top: 3px solid var(--tb-red);\n    border-radius: 28px 28px 18px 18px;\n    overflow: hidden;\n    background: #fff;\n    box-shadow: 0 25px 70px rgba(0, 0, 0, .06);\n}\n\n.tb-time-hero-dashboard-head {\n    display: flex;\n    align-items: stretch;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 29px 38px;\n    border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-time-hero-project {\n    display: flex;\n    align-items: center;\n    gap: 13px;\n}\n\n.tb-time-hero-project-dot {\n    width: 12px;\n    height: 12px;\n    background: var(--tb-red);\n    border-radius: 50%;\n    flex: 0 0 12px;\n}\n\n.tb-time-hero-label {\n    color: #8a8b90;\n    font-size: 13px;\n    margin-bottom: 5px;\n}\n\n.tb-time-hero-project-name {\n    font-size: 21px;\n    font-weight: 800;\n}\n\n.tb-time-hero-stats {\n    display: flex;\n    gap: 55px;\n}\n\n.tb-time-hero-stat {\n    min-width: 115px;\n}\n\n.tb-time-hero-stat-title {\n    font-size: 13px;\n    color: #8a8b90;\n    margin-bottom: 8px;\n}\n\n.tb-time-hero-stat-value {\n    font-size: 20px;\n    line-height: 1.2;\n    font-weight: 800;\n    color: var(--tb-text);\n}\n\n.tb-time-hero-dashboard-body {\n    display: grid;\n    grid-template-columns: 1.35fr .65fr;\n    min-height: 330px;\n}\n\n\/* Tasks *\/\n.tb-time-hero-tasks {\n    padding: 32px 38px 22px;\n    border-left: 1px solid var(--tb-border);\n}\n\n.tb-time-hero-panel-title {\n    margin: 0 0 22px;\n    font-size: 20px;\n    font-weight: 800;\n}\n\n.tb-time-hero-task {\n    display: grid;\n    grid-template-columns: 44px 1fr auto;\n    gap: 16px;\n    align-items: center;\n    min-height: 77px;\n    border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-time-hero-task:last-child {\n    border-bottom: 0;\n}\n\n.tb-time-hero-check {\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    border: 1px solid #d7d7d7;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n}\n\n.tb-time-hero-check.done {\n    color: #fff;\n    background: var(--tb-red);\n    border-color: var(--tb-red);\n}\n\n.tb-time-hero-task-name {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 5px;\n}\n\n.tb-time-hero-task-meta {\n    color: #929399;\n    font-size: 13px;\n}\n\n.tb-time-hero-task-time {\n    font-size: 14px;\n    font-weight: 700;\n    color: #45464c;\n    white-space: nowrap;\n}\n\n\/* Summary *\/\n.tb-time-hero-summary {\n    padding: 32px 38px;\n    background: #fcfcfc;\n}\n\n.tb-time-hero-progress-item {\n    margin-bottom: 27px;\n}\n\n.tb-time-hero-progress-top {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    font-size: 14px;\n    margin-bottom: 9px;\n}\n\n.tb-time-hero-progress-title {\n    font-weight: 700;\n}\n\n.tb-time-hero-progress-value {\n    color: #777980;\n}\n\n.tb-time-hero-progress {\n    height: 5px;\n    background: #e6e6e6;\n    border-radius: 50px;\n    overflow: hidden;\n}\n\n.tb-time-hero-progress span {\n    display: block;\n    height: 100%;\n    background: var(--tb-red);\n    border-radius: inherit;\n}\n\n.tb-time-hero-insight {\n    margin-top: 33px;\n    padding: 20px 20px 18px;\n    border: 1px solid #f0d7dc;\n    background: #fffafb;\n    border-radius: 16px;\n}\n\n.tb-time-hero-insight-title {\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    font-weight: 800;\n    margin-bottom: 9px;\n}\n\n.tb-time-hero-insight-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: var(--tb-red);\n    color: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    flex: 0 0 28px;\n}\n\n.tb-time-hero-insight-text {\n    color: #73747a;\n    font-size: 13px;\n    line-height: 1.8;\n    margin: 0;\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px) {\n    .tb-time-hero {\n        padding-top: 65px;\n    }\n\n    .tb-time-hero-top {\n        grid-template-columns: 1fr;\n        gap: 36px;\n    }\n\n    .tb-time-hero-heading,\n    .tb-time-hero-content {\n        max-width: 850px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .tb-time-hero-dashboard-body {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-hero-tasks {\n        border-left: 0;\n        border-bottom: 1px solid var(--tb-border);\n    }\n}\n\n@media (max-width: 760px) {\n    .tb-time-hero {\n        padding: 48px 18px 36px;\n    }\n\n    .tb-time-hero h1 {\n        font-size: 43px;\n        line-height: 1.25;\n        letter-spacing: -.8px;\n    }\n\n    .tb-time-hero-text {\n        font-size: 17px;\n        line-height: 2;\n    }\n\n    .tb-time-hero-actions {\n        align-items: stretch;\n    }\n\n    .tb-time-hero-btn {\n        width: 100%;\n    }\n\n    .tb-time-hero-dashboard {\n        margin-top: 45px;\n        border-radius: 20px 20px 14px 14px;\n    }\n\n    .tb-time-hero-dashboard-head {\n        flex-direction: column;\n        padding: 25px 22px;\n    }\n\n    .tb-time-hero-stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 15px;\n    }\n\n    .tb-time-hero-stat {\n        min-width: 0;\n    }\n\n    .tb-time-hero-stat-value {\n        font-size: 17px;\n    }\n\n    .tb-time-hero-tasks,\n    .tb-time-hero-summary {\n        padding: 26px 22px;\n    }\n\n    .tb-time-hero-task {\n        grid-template-columns: 35px 1fr;\n    }\n\n    .tb-time-hero-task-time {\n        grid-column: 2;\n        margin-top: -8px;\n    }\n}\n\n@media (max-width: 480px) {\n    .tb-time-hero h1 {\n        font-size: 36px;\n    }\n\n    .tb-time-hero-eyebrow {\n        font-size: 14px;\n    }\n\n    .tb-time-hero-stats {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-hero\">\n\n    <div class=\"tb-time-hero-inner\">\n\n        <div class=\"tb-time-hero-top\">\n\n            <!-- Heading -->\n            <div class=\"tb-time-hero-heading\">\n\n                <div class=\"tb-time-hero-eyebrow\">\n                    \u062a\u062a\u0628\u0651\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u00b7 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0631\u064a\u0642\n                <\/div>\n\n                <h1>\n                    \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a<br>\n                    \u0644\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n                <\/h1>\n\n            <\/div>\n\n\n            <!-- Description -->\n            <div class=\"tb-time-hero-content\">\n\n                <p class=\"tb-time-hero-text\">\n                    \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0642\u0636\u064a\u0647 \u0641\u0631\u064a\u0642\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c\n                    \u0648\u0642\u0627\u0631\u0646 \u0628\u064a\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u0631\u0627\u062c\u0639 \u0633\u062c\u0644\u0627\u062a\n                    \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645\n                    \u0623\u064a\u0646 \u064a\u0630\u0647\u0628 \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u062f\u0642 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637\n                    \u0648\u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644.\n                <\/p>\n\n                <div class=\"tb-time-hero-actions\">\n\n                    <a\n                        class=\"tb-time-hero-btn tb-time-hero-btn-primary\"\n                        href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n                        \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627\n                    <\/a>\n\n                    <a\n                        class=\"tb-time-hero-btn tb-time-hero-btn-secondary\"\n                        href=\"#how-time-tracking-works\">\n                        \u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u064a\u0639\u0645\u0644\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Product-style mockup -->\n        <div class=\"tb-time-hero-dashboard\">\n\n            <div class=\"tb-time-hero-dashboard-head\">\n\n                <div class=\"tb-time-hero-project\">\n\n                    <span class=\"tb-time-hero-project-dot\"><\/span>\n\n                    <div>\n                        <div class=\"tb-time-hero-label\">\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/div>\n                        <div class=\"tb-time-hero-project-name\">\n                            \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-hero-stats\">\n\n                    <div class=\"tb-time-hero-stat\">\n                        <div class=\"tb-time-hero-stat-title\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n                        <\/div>\n                        <div class=\"tb-time-hero-stat-value\">\n                            120 \u0633\u0627\u0639\u0629\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-time-hero-stat\">\n                        <div class=\"tb-time-hero-stat-title\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\n                        <\/div>\n                        <div class=\"tb-time-hero-stat-value\">\n                            96 \u0633\u0627\u0639\u0629\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-time-hero-stat\">\n                        <div class=\"tb-time-hero-stat-title\">\n                            \u0627\u0644\u0641\u0631\u064a\u0642\n                        <\/div>\n                        <div class=\"tb-time-hero-stat-value\">\n                            6 \u0623\u0639\u0636\u0627\u0621\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-time-hero-dashboard-body\">\n\n                <!-- Tasks -->\n                <div class=\"tb-time-hero-tasks\">\n\n                    <h2 class=\"tb-time-hero-panel-title\">\n                        \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                    <\/h2>\n\n\n                    <div class=\"tb-time-hero-task\">\n\n                        <div class=\"tb-time-hero-check done\">\u2713<\/div>\n\n                        <div>\n                            <div class=\"tb-time-hero-task-name\">\n                                \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                            <\/div>\n                            <div class=\"tb-time-hero-task-meta\">\n                                \u0633\u0627\u0631\u0629 \u00b7 \u0645\u0643\u062a\u0645\u0644\u0629\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-task-time\">\n                            4 \u0633\u0627\u0639\u0627\u062a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-task\">\n\n                        <div class=\"tb-time-hero-check\"><\/div>\n\n                        <div>\n                            <div class=\"tb-time-hero-task-name\">\n                                \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\n                            <\/div>\n                            <div class=\"tb-time-hero-task-meta\">\n                                \u0623\u062d\u0645\u062f \u00b7 \u0642\u064a\u062f \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-task-time\">\n                            8 \u0633\u0627\u0639\u0627\u062a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-task\">\n\n                        <div class=\"tb-time-hero-check\"><\/div>\n\n                        <div>\n                            <div class=\"tb-time-hero-task-name\">\n                                \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\n                            <\/div>\n                            <div class=\"tb-time-hero-task-meta\">\n                                \u0645\u062d\u0645\u062f \u00b7 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-task-time\">\n                            16 \u0633\u0627\u0639\u0629\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-task\">\n\n                        <div class=\"tb-time-hero-check\"><\/div>\n\n                        <div>\n                            <div class=\"tb-time-hero-task-name\">\n                                \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\n                            <\/div>\n                            <div class=\"tb-time-hero-task-meta\">\n                                \u0644\u064a\u0627\u0646 \u00b7 \u0645\u062e\u0637\u0637\u0629\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-task-time\">\n                            6 \u0633\u0627\u0639\u0627\u062a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Summary -->\n                <div class=\"tb-time-hero-summary\">\n\n                    <h2 class=\"tb-time-hero-panel-title\">\n                        \u0645\u0644\u062e\u0635 \u0627\u0644\u0648\u0642\u062a\n                    <\/h2>\n\n\n                    <div class=\"tb-time-hero-progress-item\">\n\n                        <div class=\"tb-time-hero-progress-top\">\n                            <span class=\"tb-time-hero-progress-title\">\n                                \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                            <\/span>\n\n                            <span class=\"tb-time-hero-progress-value\">\n                                96 \/ 120 \u0633\u0627\u0639\u0629\n                            <\/span>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-progress\">\n                            <span style=\"width:80%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-progress-item\">\n\n                        <div class=\"tb-time-hero-progress-top\">\n                            <span class=\"tb-time-hero-progress-title\">\n                                \u0627\u0644\u062a\u0642\u062f\u0645 \u0627\u0644\u0641\u0639\u0644\u064a\n                            <\/span>\n\n                            <span class=\"tb-time-hero-progress-value\">\n                                72%\n                            <\/span>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-progress\">\n                            <span style=\"width:72%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-progress-item\">\n\n                        <div class=\"tb-time-hero-progress-top\">\n                            <span class=\"tb-time-hero-progress-title\">\n                                \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0628\u0642\u064a\n                            <\/span>\n\n                            <span class=\"tb-time-hero-progress-value\">\n                                24 \u0633\u0627\u0639\u0629\n                            <\/span>\n                        <\/div>\n\n                        <div class=\"tb-time-hero-progress\">\n                            <span style=\"width:20%\"><\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-hero-insight\">\n\n                        <div class=\"tb-time-hero-insight-title\">\n\n                            <span class=\"tb-time-hero-insight-icon\">\n                                !\n                            <\/span>\n\n                            \u0627\u0639\u0631\u0641 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0642\u0628\u0644 \u0623\u0646 \u064a\u0635\u0628\u062d \u0627\u0644\u062a\u0623\u062e\u064a\u0631 \u0645\u0634\u0643\u0644\u0629\n\n                        <\/div>\n\n                        <p class=\"tb-time-hero-insight-text\">\n                            \u0642\u0627\u0631\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644 \u0644\u062a\u0639\u0631\u0641 \u0645\u0628\u0643\u0631\u064b\u0627\n                            \u0623\u064a\u0646 \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0625\u0644\u0649 \u0627\u0646\u062a\u0628\u0627\u0647\u0643.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-flow {\n    --tb-red: #d50032;\n    --tb-bg: #202124;\n    --tb-card: #292a2e;\n    --tb-card-active: #35282d;\n    --tb-border: #414247;\n    --tb-text: #ffffff;\n    --tb-muted: #c6c7ca;\n    --tb-muted-2: #98999e;\n\n    direction: rtl;\n    width: 100%;\n    background: var(--tb-bg);\n    color: var(--tb-text);\n    padding: 100px 24px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n.tb-time-flow * {\n    box-sizing: border-box;\n}\n\n.tb-time-flow-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n\/* Heading area *\/\n.tb-time-flow-head {\n    display: grid;\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n    gap: 90px;\n    align-items: start;\n    margin-bottom: 65px;\n}\n\n.tb-time-flow-heading {\n    max-width: 620px;\n    margin-right: auto;\n}\n\n.tb-time-flow-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    color: #ff718f;\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 25px;\n}\n\n.tb-time-flow-eyebrow::before {\n    content: \"\";\n    width: 32px;\n    height: 2px;\n    flex: 0 0 32px;\n    background: var(--tb-red);\n}\n\n.tb-time-flow h2 {\n    margin: 0;\n    color: #fff;\n    font-size: clamp(44px, 4.4vw, 68px);\n    line-height: 1.28;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-flow-copy {\n    max-width: 720px;\n    margin-left: auto;\n    padding-top: 75px;\n}\n\n.tb-time-flow-copy p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 20px;\n    line-height: 2.1;\n}\n\n\/* Visual block *\/\n.tb-time-flow-board {\n    border: 1px solid var(--tb-border);\n    border-radius: 28px;\n    overflow: hidden;\n    background: var(--tb-card);\n}\n\n.tb-time-flow-board-head {\n    min-height: 72px;\n    padding: 20px 30px;\n    border-bottom: 1px solid var(--tb-border);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 25px;\n}\n\n.tb-time-flow-example {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 16px;\n    font-weight: 700;\n}\n\n.tb-time-flow-dot {\n    width: 10px;\n    height: 10px;\n    background: var(--tb-red);\n    border-radius: 50%;\n    flex: 0 0 10px;\n}\n\n.tb-time-flow-caption {\n    color: var(--tb-muted-2);\n    font-size: 14px;\n}\n\n\/* Steps *\/\n.tb-time-flow-steps {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n}\n\n.tb-time-flow-step {\n    position: relative;\n    min-height: 345px;\n    padding: 38px 30px 32px;\n    border-left: 1px solid var(--tb-border);\n}\n\n.tb-time-flow-step:last-child {\n    border-left: 0;\n}\n\n.tb-time-flow-step.active {\n    background: var(--tb-card-active);\n}\n\n.tb-time-flow-number {\n    color: var(--tb-red);\n    font-size: 14px;\n    font-weight: 800;\n    margin-bottom: 26px;\n}\n\n.tb-time-flow-icon {\n    width: 52px;\n    height: 52px;\n    margin-bottom: 26px;\n    border: 1px solid #515258;\n    border-radius: 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n}\n\n.tb-time-flow-step.active .tb-time-flow-icon {\n    border-color: rgba(213, 0, 50, .6);\n    background: rgba(213, 0, 50, .14);\n}\n\n\/* CSS icons *\/\n.tb-time-flow-icon.calendar::before {\n    content: \"\";\n    width: 23px;\n    height: 21px;\n    border: 2px solid currentColor;\n    border-radius: 4px;\n    background:\n        linear-gradient(currentColor,currentColor) 0 6px\/100% 2px no-repeat;\n}\n\n.tb-time-flow-icon.task::before {\n    content: \"\u2713\";\n    width: 25px;\n    height: 25px;\n    border: 2px solid currentColor;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    font-weight: 800;\n}\n\n.tb-time-flow-icon.timer::before {\n    content: \"\u25f7\";\n    font-size: 34px;\n    line-height: 1;\n}\n\n.tb-time-flow-icon.chart::before {\n    content: \"\";\n    width: 28px;\n    height: 25px;\n    background:\n        linear-gradient(to top, currentColor 0 100%) 1px 13px\/5px 12px no-repeat,\n        linear-gradient(to top, currentColor 0 100%) 11px 7px\/5px 18px no-repeat,\n        linear-gradient(to top, currentColor 0 100%) 21px 1px\/5px 24px no-repeat;\n}\n\n.tb-time-flow-step h3 {\n    margin: 0 0 17px;\n    color: #fff;\n    font-size: 23px;\n    line-height: 1.55;\n    font-weight: 800;\n}\n\n.tb-time-flow-step p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 15px;\n    line-height: 2;\n}\n\n.tb-time-flow-mini {\n    margin-top: 28px;\n    padding-top: 23px;\n    border-top: 1px solid #3d3e43;\n}\n\n.tb-time-flow-mini-label {\n    color: var(--tb-muted-2);\n    font-size: 12px;\n    margin-bottom: 8px;\n}\n\n.tb-time-flow-mini-value {\n    font-size: 16px;\n    font-weight: 700;\n    color: #fff;\n}\n\n.tb-time-flow-mini-value strong {\n    color: #ff718f;\n}\n\n\/* Summary bar *\/\n.tb-time-flow-result {\n    padding: 25px 30px;\n    border-top: 1px solid var(--tb-border);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 30px;\n    background: #25262a;\n}\n\n.tb-time-flow-result-text {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n\n.tb-time-flow-result-icon {\n    width: 37px;\n    height: 37px;\n    border-radius: 50%;\n    background: var(--tb-red);\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800;\n    flex: 0 0 37px;\n}\n\n.tb-time-flow-result-title {\n    font-size: 16px;\n    font-weight: 800;\n    margin-bottom: 3px;\n}\n\n.tb-time-flow-result-sub {\n    color: var(--tb-muted-2);\n    font-size: 13px;\n}\n\n.tb-time-flow-result-stats {\n    display: flex;\n    align-items: center;\n    gap: 36px;\n}\n\n.tb-time-flow-result-stat {\n    text-align: center;\n}\n\n.tb-time-flow-result-stat span {\n    display: block;\n    color: var(--tb-muted-2);\n    font-size: 11px;\n    margin-bottom: 4px;\n}\n\n.tb-time-flow-result-stat strong {\n    font-size: 16px;\n    color: #fff;\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px) {\n    .tb-time-flow {\n        padding: 75px 22px;\n    }\n\n    .tb-time-flow-head {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .tb-time-flow-heading,\n    .tb-time-flow-copy {\n        max-width: 850px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .tb-time-flow-copy {\n        padding-top: 0;\n    }\n\n    .tb-time-flow-steps {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .tb-time-flow-step:nth-child(2) {\n        border-left: 0;\n    }\n\n    .tb-time-flow-step:nth-child(1),\n    .tb-time-flow-step:nth-child(2) {\n        border-bottom: 1px solid var(--tb-border);\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-time-flow {\n        padding: 58px 18px;\n    }\n\n    .tb-time-flow h2 {\n        font-size: 39px;\n    }\n\n    .tb-time-flow-copy p {\n        font-size: 17px;\n    }\n\n    .tb-time-flow-board {\n        border-radius: 20px;\n    }\n\n    .tb-time-flow-board-head {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 22px;\n    }\n\n    .tb-time-flow-steps {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-flow-step {\n        min-height: auto;\n        border-left: 0;\n        border-bottom: 1px solid var(--tb-border);\n        padding: 30px 24px;\n    }\n\n    .tb-time-flow-step:last-child {\n        border-bottom: 0;\n    }\n\n    .tb-time-flow-result {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 23px;\n    }\n\n    .tb-time-flow-result-stats {\n        width: 100%;\n        justify-content: space-between;\n        gap: 15px;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-flow\" id=\"how-time-tracking-works\">\n\n    <div class=\"tb-time-flow-inner\">\n\n        <!-- Heading -->\n        <div class=\"tb-time-flow-head\">\n\n            <div class=\"tb-time-flow-heading\">\n\n                <div class=\"tb-time-flow-eyebrow\">\n                    \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0625\u0644\u0649 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n                <\/div>\n\n                <h2>\n                    \u0627\u0639\u0631\u0641 \u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0639\u0645\u0644<br>\n                    \u0641\u0639\u0644\u064a\u064b\u0627\u060c \u0644\u0627 \u062a\u0642\u062f\u064a\u0631\u064a\u064b\u0627.\n                <\/h2>\n\n            <\/div>\n\n\n            <div class=\"tb-time-flow-copy\">\n\n                <p>\n                    \u064a\u0628\u062f\u0623 \u062a\u062a\u0628\u0651\u0639 \u0627\u0644\u0648\u0642\u062a \u0645\u0646 \u0627\u0644\u0645\u0647\u0645\u0629 \u0646\u0641\u0633\u0647\u0627. \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0648\u0627\u0644\u0645\u0648\u0639\u062f\n                    \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u060c \u062b\u0645 \u064a\u0633\u062c\u0651\u0644 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0642\u0636\u0648\u0646\u0647\n                    \u0641\u0639\u0644\u064a\u064b\u0627 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630. \u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u064a\u062a\u062d\u0648\u0644 \u0627\u0644\u0648\u0642\u062a \u0645\u0646 \u0645\u062c\u0631\u062f\n                    \u062a\u0642\u062f\u064a\u0631 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0642\u0639\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0641\u064a\n                    \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Visual Flow -->\n        <div class=\"tb-time-flow-board\">\n\n            <div class=\"tb-time-flow-board-head\">\n\n                <div class=\"tb-time-flow-example\">\n                    <span class=\"tb-time-flow-dot\"><\/span>\n                    \u0645\u062b\u0627\u0644: \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u062c\u062f\u064a\u062f\n                <\/div>\n\n                <div class=\"tb-time-flow-caption\">\n                    \u0643\u064a\u0641 \u064a\u062a\u062d\u0648\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0625\u0644\u0649 \u0648\u0642\u062a \u0641\u0639\u0644\u064a \u062f\u0627\u062e\u0644 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-time-flow-steps\">\n\n                <!-- Step 1 -->\n                <div class=\"tb-time-flow-step\">\n\n                    <div class=\"tb-time-flow-number\">01<\/div>\n\n                    <div class=\"tb-time-flow-icon calendar\"><\/div>\n\n                    <h3>\n                        \u062e\u0637\u0651\u0637 \u0644\u0644\u0645\u0647\u0645\u0629\n                    <\/h3>\n\n                    <p>\n                        \u062d\u062f\u0651\u062f \u0627\u0644\u0645\u0647\u0645\u0629\u060c \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0639\u0646\u0647\u0627\u060c \u0648\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0628\u062f\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u062d\u0642\u0627\u0642\u060c\n                        \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0644\u0625\u0646\u062c\u0627\u0632\u0647\u0627.\n                    <\/p>\n\n                    <div class=\"tb-time-flow-mini\">\n\n                        <div class=\"tb-time-flow-mini-label\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n                        <\/div>\n\n                        <div class=\"tb-time-flow-mini-value\">\n                            8 \u0633\u0627\u0639\u0627\u062a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Step 2 -->\n                <div class=\"tb-time-flow-step\">\n\n                    <div class=\"tb-time-flow-number\">02<\/div>\n\n                    <div class=\"tb-time-flow-icon task\"><\/div>\n\n                    <h3>\n                        \u064a\u0628\u062f\u0623 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                    <\/h3>\n\n                    <p>\n                        \u064a\u0631\u0649 \u0643\u0644 \u0639\u0636\u0648 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u064a\u0647 \u0648\u064a\u0628\u062f\u0623 \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u064a\u0647\u0627 \u0636\u0645\u0646\n                        \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u060c \u0628\u062f\u0644 \u0641\u0635\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0642\u062a \u0639\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u064a\u0648\u0645\u064a.\n                    <\/p>\n\n                    <div class=\"tb-time-flow-mini\">\n\n                        <div class=\"tb-time-flow-mini-label\">\n                            \u0627\u0644\u0645\u0647\u0645\u0629\n                        <\/div>\n\n                        <div class=\"tb-time-flow-mini-value\">\n                            \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Step 3 -->\n                <div class=\"tb-time-flow-step\">\n\n                    <div class=\"tb-time-flow-number\">03<\/div>\n\n                    <div class=\"tb-time-flow-icon timer\"><\/div>\n\n                    <h3>\n                        \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n                    <\/h3>\n\n                    <p>\n                        \u0633\u062c\u0651\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u064a\u062f\u0648\u064a\u064b\u0627 \u0623\u0648 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0624\u0642\u062a\u060c \u0648\u0623\u0636\u0641\n                        \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0623\u0648 \u0645\u0644\u0641\u0627\u062a \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a.\n                    <\/p>\n\n                    <div class=\"tb-time-flow-mini\">\n\n                        <div class=\"tb-time-flow-mini-label\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\n                        <\/div>\n\n                        <div class=\"tb-time-flow-mini-value\">\n                            <strong>9 \u0633\u0627\u0639\u0627\u062a \u064815 \u062f\u0642\u064a\u0642\u0629<\/strong>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Step 4 -->\n                <div class=\"tb-time-flow-step active\">\n\n                    <div class=\"tb-time-flow-number\">04<\/div>\n\n                    <div class=\"tb-time-flow-icon chart\"><\/div>\n\n                    <h3>\n                        \u0642\u0627\u0631\u0646 \u0627\u0644\u062e\u0637\u0629 \u0628\u0627\u0644\u0648\u0627\u0642\u0639\n                    <\/h3>\n\n                    <p>\n                        \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\n                        \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a\u0643 \u0648\u0642\u0631\u0627\u0631\u0627\u062a\u0643 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\n                    <\/p>\n\n                    <div class=\"tb-time-flow-mini\">\n\n                        <div class=\"tb-time-flow-mini-label\">\n                            \u0627\u0644\u0641\u0631\u0642 \u0639\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\n                        <\/div>\n\n                        <div class=\"tb-time-flow-mini-value\">\n                            <strong>+1:15 \u0633\u0627\u0639\u0629<\/strong>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Result -->\n            <div class=\"tb-time-flow-result\">\n\n                <div class=\"tb-time-flow-result-text\">\n\n                    <div class=\"tb-time-flow-result-icon\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n                        <div class=\"tb-time-flow-result-title\">\n                            \u0645\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u064a\u0647\u0627\n                        <\/div>\n\n                        <div class=\"tb-time-flow-result-sub\">\n                            \u0643\u0644 \u0633\u0627\u0639\u0629 \u0645\u0633\u062c\u0644\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0628\u062f\u0642\u0629 \u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0645\u0631\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-flow-result-stats\">\n\n                    <div class=\"tb-time-flow-result-stat\">\n                        <span>\u0627\u0644\u0645\u062e\u0637\u0637<\/span>\n                        <strong>8 \u0633<\/strong>\n                    <\/div>\n\n                    <div class=\"tb-time-flow-result-stat\">\n                        <span>\u0627\u0644\u0641\u0639\u0644\u064a<\/span>\n                        <strong>9:15 \u0633<\/strong>\n                    <\/div>\n\n                    <div class=\"tb-time-flow-result-stat\">\n                        <span>\u0627\u0644\u0641\u0631\u0642<\/span>\n                        <strong>+1:15<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-entry {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff4f6;\n    --tb-text: #17191d;\n    --tb-muted: #66686f;\n    --tb-border: #e7e7e9;\n    --tb-soft: #fafafa;\n\n    direction: rtl;\n    width: 100%;\n    background: #fff;\n    color: var(--tb-text);\n    padding: 105px 24px;\n    box-sizing: border-box;\n}\n\n.tb-time-entry * {\n    box-sizing: border-box;\n}\n\n.tb-time-entry-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n\/* Heading *\/\n.tb-time-entry-head {\n    max-width: 850px;\n    margin: 0 auto 65px;\n    text-align: center;\n}\n\n.tb-time-entry-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 22px;\n}\n\n.tb-time-entry-eyebrow::before,\n.tb-time-entry-eyebrow::after {\n    content: \"\";\n    width: 24px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-entry h2 {\n    margin: 0 0 24px;\n    font-size: clamp(42px, 4.3vw, 66px);\n    line-height: 1.25;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-entry-intro {\n    margin: 0 auto;\n    max-width: 780px;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2;\n}\n\n\/* Main layout *\/\n.tb-time-entry-main {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n    gap: 70px;\n    align-items: center;\n}\n\n\/* Image *\/\n.tb-time-entry-visual {\n    position: relative;\n}\n\n.tb-time-entry-image-wrap {\n    position: relative;\n    padding: 16px;\n    background: #f7f7f8;\n    border: 1px solid var(--tb-border);\n    border-radius: 26px;\n    box-shadow: 0 25px 65px rgba(0,0,0,.07);\n}\n\n.tb-time-entry-image {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 16px;\n}\n\n.tb-time-entry-badge {\n    position: absolute;\n    left: 32px;\n    bottom: -22px;\n    min-width: 210px;\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 16px;\n    padding: 15px 18px;\n    box-shadow: 0 12px 30px rgba(0,0,0,.08);\n}\n\n.tb-time-entry-badge-label {\n    font-size: 12px;\n    color: #8b8d92;\n    margin-bottom: 4px;\n}\n\n.tb-time-entry-badge-value {\n    font-size: 16px;\n    font-weight: 800;\n}\n\n.tb-time-entry-badge-value span {\n    color: var(--tb-red);\n}\n\n\/* Features *\/\n.tb-time-entry-features {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n.tb-time-entry-feature {\n    display: grid;\n    grid-template-columns: 52px 1fr;\n    gap: 18px;\n    align-items: start;\n    padding: 23px 24px;\n    border: 1px solid var(--tb-border);\n    border-radius: 18px;\n    background: #fff;\n    transition: .2s ease;\n}\n\n.tb-time-entry-feature:hover {\n    border-color: #d8d8da;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 25px rgba(0,0,0,.04);\n}\n\n.tb-time-entry-feature:first-child {\n    border-color: #f1cbd4;\n    background: var(--tb-red-soft);\n}\n\n.tb-time-entry-icon {\n    width: 50px;\n    height: 50px;\n    border-radius: 14px;\n    border: 1px solid #e2e2e4;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 23px;\n    font-weight: 800;\n    color: var(--tb-red);\n    background: #fff;\n}\n\n.tb-time-entry-feature h3 {\n    margin: 0 0 7px;\n    font-size: 20px;\n    font-weight: 800;\n}\n\n.tb-time-entry-feature p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 15px;\n    line-height: 1.9;\n}\n\n\/* Bottom note *\/\n.tb-time-entry-note {\n    margin-top: 72px;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 30px;\n    align-items: center;\n    padding: 30px 34px;\n    border-radius: 20px;\n    background: #202124;\n    color: #fff;\n}\n\n.tb-time-entry-note h3 {\n    margin: 0 0 7px;\n    font-size: 22px;\n    font-weight: 800;\n}\n\n.tb-time-entry-note p {\n    margin: 0;\n    color: #c6c7ca;\n    font-size: 15px;\n    line-height: 1.9;\n}\n\n.tb-time-entry-note-tag {\n    white-space: nowrap;\n    padding: 11px 16px;\n    border-radius: 999px;\n    border: 1px solid #44464b;\n    font-size: 13px;\n    color: #fff;\n}\n\n\/* Responsive *\/\n@media (max-width: 1050px) {\n    .tb-time-entry {\n        padding: 80px 22px;\n    }\n\n    .tb-time-entry-main {\n        grid-template-columns: 1fr;\n        gap: 55px;\n    }\n\n    .tb-time-entry-visual {\n        max-width: 850px;\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-time-entry {\n        padding: 60px 18px;\n    }\n\n    .tb-time-entry h2 {\n        font-size: 38px;\n    }\n\n    .tb-time-entry-intro {\n        font-size: 17px;\n    }\n\n    .tb-time-entry-feature {\n        grid-template-columns: 44px 1fr;\n        padding: 20px;\n    }\n\n    .tb-time-entry-icon {\n        width: 44px;\n        height: 44px;\n        font-size: 20px;\n    }\n\n    .tb-time-entry-badge {\n        position: static;\n        margin-top: 14px;\n    }\n\n    .tb-time-entry-note {\n        grid-template-columns: 1fr;\n        padding: 25px;\n    }\n\n    .tb-time-entry-note-tag {\n        width: fit-content;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-entry\">\n\n    <div class=\"tb-time-entry-inner\">\n\n        <!-- Heading -->\n        <div class=\"tb-time-entry-head\">\n\n            <div class=\"tb-time-entry-eyebrow\">\n                \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\n            <\/div>\n\n            <h2>\n                \u0633\u062c\u0651\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u0646\u0627\u0633\u0628\u0643\n            <\/h2>\n\n            <p class=\"tb-time-entry-intro\">\n                \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0641\u0636\u0651\u0644 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\n                \u0627\u0644\u0645\u0624\u0642\u062a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u064a\u0645\u0646\u062d\u0643 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0637\u0631\u064a\u0642\u0629 \u0628\u0633\u064a\u0637\u0629 \u0648\u0645\u0631\u0646\u0629\n                \u0644\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0647\u0645\u0629 \u0628\u062f\u0642\u0629.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- Main content -->\n        <div class=\"tb-time-entry-main\">\n\n            <!-- Product screenshot -->\n            <div class=\"tb-time-entry-visual\">\n\n                <div class=\"tb-time-entry-image-wrap\">\n\n                    <img decoding=\"async\" class=\"tb-time-entry-image\" src=\"https:\/\/taskbrowse.com\/ar\/wp-content\/uploads\/sites\/8\/2026\/10\/TBarnewTS.jpg\" alt=\"\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0648\u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\" loading=\"lazy\">\n\n                <\/div>\n\n                <div class=\"tb-time-entry-badge\">\n\n                    <div class=\"tb-time-entry-badge-label\">\n                        \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644 \u0627\u0644\u064a\u0648\u0645\n                    <\/div>\n\n                    <div class=\"tb-time-entry-badge-value\">\n                        <span>6 \u0633\u0627\u0639\u0627\u062a \u064835 \u062f\u0642\u064a\u0642\u0629<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Feature cards -->\n            <div class=\"tb-time-entry-features\">\n\n                <div class=\"tb-time-entry-feature\">\n\n                    <div class=\"tb-time-entry-icon\">\n                        \u25f7\n                    <\/div>\n\n                    <div>\n                        <h3>\n                            \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u0624\u0642\u062a \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\n                        <\/h3>\n\n                        <p>\n                            \u0627\u0628\u062f\u0623 \u0627\u0644\u0645\u0624\u0642\u062a \u0639\u0646\u062f \u0628\u062f\u0621 \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0623\u0648\u0642\u0641\u0647 \u0639\u0646\u062f \u0627\u0644\u0627\u0646\u062a\u0647\u0627\u0621\u060c\n                            \u0644\u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649\n                            \u062d\u0633\u0627\u0628 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u064a\u062f\u0648\u064a\u064b\u0627.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-entry-feature\">\n\n                    <div class=\"tb-time-entry-icon\">\n                        +\n                    <\/div>\n\n                    <div>\n                        <h3>\n                            \u0623\u0636\u0641 \u0627\u0644\u0648\u0642\u062a \u064a\u062f\u0648\u064a\u064b\u0627\n                        <\/h3>\n\n                        <p>\n                            \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0639\u0631\u0641 \u0645\u062f\u0629 \u0627\u0644\u0639\u0645\u0644 \u0645\u0633\u0628\u0642\u064b\u0627 \u0623\u0648 \u0646\u0633\u064a\u062a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0624\u0642\u062a\u060c\n                            \u064a\u0645\u0643\u0646\u0643 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0648\u0642\u062a \u064a\u062f\u0648\u064a\u064b\u0627 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0641\u062a\u0631\u0629 \u0627\u0644\u062a\u064a \u0639\u0645\u0644\u062a\n                            \u062e\u0644\u0627\u0644\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0645\u0629.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-entry-feature\">\n\n                    <div class=\"tb-time-entry-icon\">\n                        \u2261\n                    <\/div>\n\n                    <div>\n                        <h3>\n                            \u0623\u0636\u0641 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0644\u0649 \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a\n                        <\/h3>\n\n                        <p>\n                            \u0633\u062c\u0651\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0627 \u062a\u0645 \u0625\u0646\u062c\u0627\u0632\u0647 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u060c \u0628\u062d\u064a\u062b\n                            \u064a\u0639\u0631\u0641 \u0627\u0644\u0645\u062f\u064a\u0631 \u0648\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0645\u0627 \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u064f\u0647\u0644\u0643 \u0641\u064a\u0647 \u0627\u0644\u0648\u0642\u062a.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-entry-feature\">\n\n                    <div class=\"tb-time-entry-icon\">\n                        \u2197\n                    <\/div>\n\n                    <div>\n                        <h3>\n                            \u0644\u0627 \u062a\u0646\u0633\u064e \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0633\u062c\u064a\u0644 \u0648\u0642\u062a\n                        <\/h3>\n\n                        <p>\n                            \u064a\u0639\u0631\u0636 \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u062c\u0627\u0648\u0632\u062a \u062a\u0627\u0631\u064a\u062e \u0628\u062f\u0626\u0647\u0627\u060c\n                            \u0644\u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u0630\u0643\u0651\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a\u0647\u0627.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Supporting statement -->\n        <div class=\"tb-time-entry-note\">\n\n            <div>\n\n                <h3>\n                    \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u062c\u0632\u0621 \u0645\u0646 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0644\u064a\u0633 \u0623\u062f\u0627\u0629 \u0645\u0646\u0641\u0635\u0644\u0629\n                <\/h3>\n\n                <p>\n                    \u064a\u0631\u062a\u0628\u0637 \u0643\u0644 \u0633\u062c\u0644 \u0648\u0642\u062a \u0628\u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0644\u0630\u0644\u0643 \u064a\u0645\u0643\u0646\u0643\n                    \u0644\u0627\u062d\u0642\u064b\u0627 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0648\u0645\u0639\u0631\u0641\u0629 \u0623\u064a\u0646 \u064a\u064f\u0633\u062a\u0647\u0644\u0643 \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642\n                    \u0641\u0639\u0644\u064a\u064b\u0627.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"tb-time-entry-note-tag\">\n                \u0627\u0644\u0645\u0647\u0645\u0629 \u2190 \u0627\u0644\u0648\u0642\u062a \u2190 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-approval {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff3f6;\n    --tb-text: #17191d;\n    --tb-muted: #696b72;\n    --tb-border: #e6e6e8;\n    --tb-green: #17884a;\n    --tb-green-soft: #eef9f3;\n    --tb-orange: #c97800;\n    --tb-orange-soft: #fff8ec;\n    --tb-gray-soft: #f7f7f8;\n\n    direction: rtl;\n    width: 100%;\n    background: #f8f8f9;\n    color: var(--tb-text);\n    padding: 105px 24px;\n    box-sizing: border-box;\n}\n\n.tb-time-approval * {\n    box-sizing: border-box;\n}\n\n.tb-time-approval-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n\/* Header *\/\n.tb-time-approval-head {\n    display: grid;\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n    gap: 85px;\n    align-items: start;\n    margin-bottom: 65px;\n}\n\n.tb-time-approval-heading {\n    max-width: 650px;\n    margin-right: auto;\n}\n\n.tb-time-approval-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 23px;\n}\n\n.tb-time-approval-eyebrow::before {\n    content: \"\";\n    width: 30px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-approval h2 {\n    margin: 0;\n    font-size: clamp(42px, 4.3vw, 66px);\n    line-height: 1.28;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-approval-copy {\n    max-width: 720px;\n    margin-left: auto;\n    padding-top: 70px;\n}\n\n.tb-time-approval-copy p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2.05;\n}\n\n\/* Workflow *\/\n.tb-time-approval-workflow {\n    display: grid;\n    grid-template-columns: 1fr 60px 1fr 60px 1fr;\n    align-items: stretch;\n}\n\n\/* cards *\/\n.tb-time-approval-card {\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 24px;\n    padding: 30px;\n    min-height: 380px;\n    position: relative;\n}\n\n.tb-time-approval-card-number {\n    position: absolute;\n    top: 18px;\n    left: 20px;\n    color: #b7b8bc;\n    font-size: 13px;\n    font-weight: 800;\n}\n\n.tb-time-approval-card-icon {\n    width: 54px;\n    height: 54px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    font-size: 24px;\n    font-weight: 800;\n    margin-bottom: 26px;\n}\n\n.tb-time-approval-card h3 {\n    margin: 0 0 12px;\n    font-size: 22px;\n    font-weight: 800;\n}\n\n.tb-time-approval-card p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 15px;\n    line-height: 1.95;\n}\n\n\/* user data *\/\n.tb-time-approval-user {\n    margin-top: 28px;\n    padding: 18px;\n    border: 1px solid var(--tb-border);\n    border-radius: 15px;\n    background: var(--tb-gray-soft);\n}\n\n.tb-time-approval-user-row {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    font-size: 13px;\n    margin-bottom: 11px;\n}\n\n.tb-time-approval-user-row:last-child {\n    margin-bottom: 0;\n}\n\n.tb-time-approval-user-label {\n    color: #888a90;\n}\n\n.tb-time-approval-user-value {\n    font-weight: 700;\n}\n\n\/* arrows *\/\n.tb-time-approval-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #a2a3a8;\n    font-size: 29px;\n    font-weight: 300;\n}\n\n\/* Review card *\/\n.tb-time-approval-review-box {\n    margin-top: 25px;\n    border: 1px solid var(--tb-border);\n    border-radius: 15px;\n    overflow: hidden;\n}\n\n.tb-time-approval-review-row {\n    display: grid;\n    grid-template-columns: 1fr auto;\n    gap: 15px;\n    padding: 14px 16px;\n    border-bottom: 1px solid var(--tb-border);\n    font-size: 13px;\n}\n\n.tb-time-approval-review-row:last-child {\n    border-bottom: 0;\n}\n\n.tb-time-approval-review-label {\n    color: #777980;\n}\n\n.tb-time-approval-review-value {\n    font-weight: 700;\n}\n\n\/* decisions *\/\n.tb-time-approval-decisions {\n    margin-top: 25px;\n    display: flex;\n    flex-direction: column;\n    gap: 11px;\n}\n\n.tb-time-approval-decision {\n    min-height: 50px;\n    border-radius: 12px;\n    padding: 11px 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 14px;\n    font-weight: 800;\n}\n\n.tb-time-approval-decision.approve {\n    background: var(--tb-green-soft);\n    color: var(--tb-green);\n    border: 1px solid #cdebd9;\n}\n\n.tb-time-approval-decision.return {\n    background: var(--tb-orange-soft);\n    color: var(--tb-orange);\n    border: 1px solid #f2dfbb;\n}\n\n.tb-time-approval-decision.reject {\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    border: 1px solid #f0ccd5;\n}\n\n.tb-time-approval-decision span {\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: #fff;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* result *\/\n.tb-time-approval-result {\n    margin-top: 27px;\n    padding: 18px;\n    background: #202124;\n    color: #fff;\n    border-radius: 15px;\n}\n\n.tb-time-approval-result-label {\n    color: #b8b9bd;\n    font-size: 12px;\n    margin-bottom: 7px;\n}\n\n.tb-time-approval-result-value {\n    font-size: 16px;\n    font-weight: 800;\n}\n\n\/* Benefits *\/\n.tb-time-approval-benefits {\n    margin-top: 62px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n}\n\n.tb-time-approval-benefit {\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 18px;\n    padding: 24px;\n}\n\n.tb-time-approval-benefit-mark {\n    color: var(--tb-red);\n    font-size: 22px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.tb-time-approval-benefit h3 {\n    margin: 0 0 8px;\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.tb-time-approval-benefit p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px) {\n    .tb-time-approval {\n        padding: 80px 22px;\n    }\n\n    .tb-time-approval-head {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .tb-time-approval-heading,\n    .tb-time-approval-copy {\n        max-width: 850px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .tb-time-approval-copy {\n        padding-top: 0;\n    }\n\n    .tb-time-approval-workflow {\n        grid-template-columns: 1fr;\n        gap: 18px;\n    }\n\n    .tb-time-approval-arrow {\n        transform: rotate(90deg);\n        min-height: 32px;\n    }\n\n    .tb-time-approval-benefits {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-time-approval {\n        padding: 60px 18px;\n    }\n\n    .tb-time-approval h2 {\n        font-size: 38px;\n    }\n\n    .tb-time-approval-copy p {\n        font-size: 17px;\n    }\n\n    .tb-time-approval-card {\n        padding: 25px 22px;\n        min-height: auto;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-approval\">\n\n    <div class=\"tb-time-approval-inner\">\n\n        <!-- Header -->\n        <div class=\"tb-time-approval-head\">\n\n            <div class=\"tb-time-approval-heading\">\n\n                <div class=\"tb-time-approval-eyebrow\">\n                    \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0648\u0642\u062a\n                <\/div>\n\n                <h2>\n                    \u062d\u0648\u0651\u0644 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0625\u0644\u0649 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"tb-time-approval-copy\">\n\n                <p>\n                    \u0628\u0639\u062f \u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u060c \u064a\u0645\u0643\u0646 \u0625\u0631\u0633\u0627\u0644 \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a \u0625\u0644\u0649 \u0627\u0644\u0645\u062f\u064a\u0631\n                    \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629. \u064a\u0631\u0649 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u062b\u0645 \u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0633\u062c\u0644 \u0623\u0648 \u064a\u0639\u064a\u062f\u0647 \u0644\u0644\u062a\u0635\u062d\u064a\u062d \u0623\u0648 \u064a\u0631\u0641\u0636\u0647 \u0639\u0646\u062f\n                    \u0627\u0644\u062d\u0627\u062c\u0629. \u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u062a\u0635\u0628\u062d \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0648\u0648\u0636\u0648\u062d\u064b\u0627\n                    \u0642\u0628\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Workflow -->\n        <div class=\"tb-time-approval-workflow\">\n\n            <!-- Step 1 -->\n            <div class=\"tb-time-approval-card\">\n\n                <div class=\"tb-time-approval-card-number\">01<\/div>\n\n                <div class=\"tb-time-approval-card-icon\">\n                    \u25f7\n                <\/div>\n\n                <h3>\n                    \u064a\u0633\u062c\u0651\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n                <\/h3>\n\n                <p>\n                    \u064a\u0633\u062c\u0651\u0644 \u0639\u0636\u0648 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u0642\u0636\u0627\u0647 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u062e\u0644\u0627\u0644 \u0641\u062a\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u060c\n                    \u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629.\n                <\/p>\n\n                <div class=\"tb-time-approval-user\">\n\n                    <div class=\"tb-time-approval-user-row\">\n                        <span class=\"tb-time-approval-user-label\">\n                            \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n                        <\/span>\n                        <span class=\"tb-time-approval-user-value\">\n                            \u0623\u062d\u0645\u062f \u062e\u0627\u0644\u062f\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"tb-time-approval-user-row\">\n                        <span class=\"tb-time-approval-user-label\">\n                            \u0627\u0644\u0641\u062a\u0631\u0629\n                        <\/span>\n                        <span class=\"tb-time-approval-user-value\">\n                            7 \u0623\u064a\u0627\u0645\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"tb-time-approval-user-row\">\n                        <span class=\"tb-time-approval-user-label\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\n                        <\/span>\n                        <span class=\"tb-time-approval-user-value\">\n                            38:20 \u0633\u0627\u0639\u0629\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-time-approval-arrow\">\n                \u2190\n            <\/div>\n\n\n            <!-- Step 2 -->\n            <div class=\"tb-time-approval-card\">\n\n                <div class=\"tb-time-approval-card-number\">02<\/div>\n\n                <div class=\"tb-time-approval-card-icon\">\n                    \u2261\n                <\/div>\n\n                <h3>\n                    \u064a\u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0633\u062c\u0644\n                <\/h3>\n\n                <p>\n                    \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u062f\u064a\u0631 \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u060c \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0647\u060c\n                    \u0648\u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a\u060c \u0642\u0628\u0644 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\n                <\/p>\n\n                <div class=\"tb-time-approval-review-box\">\n\n                    <div class=\"tb-time-approval-review-row\">\n                        <span class=\"tb-time-approval-review-label\">\n                            \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        <\/span>\n                        <span class=\"tb-time-approval-review-value\">\n                            \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0629\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"tb-time-approval-review-row\">\n                        <span class=\"tb-time-approval-review-label\">\n                            \u0639\u062f\u062f \u0627\u0644\u0645\u0647\u0627\u0645\n                        <\/span>\n                        <span class=\"tb-time-approval-review-value\">\n                            12\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"tb-time-approval-review-row\">\n                        <span class=\"tb-time-approval-review-label\">\n                            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n                        <\/span>\n                        <span class=\"tb-time-approval-review-value\">\n                            38:20\n                        <\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-time-approval-arrow\">\n                \u2190\n            <\/div>\n\n\n            <!-- Step 3 -->\n            <div class=\"tb-time-approval-card\">\n\n                <div class=\"tb-time-approval-card-number\">03<\/div>\n\n                <div class=\"tb-time-approval-card-icon\">\n                    \u2713\n                <\/div>\n\n                <h3>\n                    \u064a\u062a\u062e\u0630 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0642\u0631\u0627\u0631\n                <\/h3>\n\n                <p>\n                    \u0628\u0639\u062f \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\u060c \u064a\u062e\u062a\u0627\u0631 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u062d\u0633\u0628 \u062f\u0642\u0629 \u0627\u0644\u0633\u062c\u0644\n                    \u0648\u0627\u0643\u062a\u0645\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\n                <\/p>\n\n                <div class=\"tb-time-approval-decisions\">\n\n                    <div class=\"tb-time-approval-decision approve\">\n                        <span>\u2713<\/span>\n                        \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0639\u0644\u0649 \u0627\u0644\u0633\u062c\u0644\n                    <\/div>\n\n                    <div class=\"tb-time-approval-decision return\">\n                        <span>\u21ba<\/span>\n                        \u0625\u0631\u062c\u0627\u0639\u0647 \u0644\u0644\u062a\u0635\u062d\u064a\u062d\n                    <\/div>\n\n                    <div class=\"tb-time-approval-decision reject\">\n                        <span>\u00d7<\/span>\n                        \u0631\u0641\u0636 \u0627\u0644\u0633\u062c\u0644\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"tb-time-approval-result\">\n\n                    <div class=\"tb-time-approval-result-label\">\n                        \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n                    <\/div>\n\n                    <div class=\"tb-time-approval-result-value\">\n                        \u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0642\u062a \u0623\u0643\u062b\u0631 \u062f\u0642\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u064a\u0629\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Benefits -->\n        <div class=\"tb-time-approval-benefits\">\n\n            <div class=\"tb-time-approval-benefit\">\n\n                <div class=\"tb-time-approval-benefit-mark\">\n                    01\n                <\/div>\n\n                <h3>\n                    \u062f\u0642\u0629 \u0623\u0639\u0644\u0649\n                <\/h3>\n\n                <p>\n                    \u062a\u0642\u0644 \u0627\u062d\u062a\u0645\u0627\u0644\u064a\u0629 \u0627\u0639\u062a\u0645\u0627\u062f \u0633\u0627\u0639\u0627\u062a \u0646\u0627\u0642\u0635\u0629 \u0623\u0648 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d\u0629 \u0642\u0628\u0644 \u0648\u0635\u0648\u0644\u0647\u0627\n                    \u0625\u0644\u0649 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-time-approval-benefit\">\n\n                <div class=\"tb-time-approval-benefit-mark\">\n                    02\n                <\/div>\n\n                <h3>\n                    \u0645\u0633\u0627\u0621\u0644\u0629 \u0623\u0648\u0636\u062d\n                <\/h3>\n\n                <p>\n                    \u064a\u0639\u0631\u0641 \u0643\u0644 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0646 \u064a\u0631\u0627\u062c\u0639 \u0633\u062c\u0644\u0647\u060c \u0648\u064a\u0639\u0631\u0641 \u0627\u0644\u0645\u062f\u064a\u0631 \u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0645\u062a\n                    \u0645\u0631\u0627\u062c\u0639\u062a\u0647 \u0648\u0627\u0639\u062a\u0645\u0627\u062f\u0647.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-time-approval-benefit\">\n\n                <div class=\"tb-time-approval-benefit-mark\">\n                    03\n                <\/div>\n\n                <h3>\n                    \u062a\u0642\u0627\u0631\u064a\u0631 \u0623\u0643\u062b\u0631 \u0645\u0648\u062b\u0648\u0642\u064a\u0629\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 \u0645\u0639\u062a\u0645\u062f\u0629\u060c \u062a\u0635\u0628\u062d \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621\n                    \u0648\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0623\u0643\u062b\u0631 \u0642\u0627\u0628\u0644\u064a\u0629 \u0644\u0644\u0627\u0639\u062a\u0645\u0627\u062f.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-analytics {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff3f6;\n    --tb-text: #17191d;\n    --tb-muted: #6b6d73;\n    --tb-border: #e7e7e9;\n    --tb-soft: #f8f8f9;\n    --tb-dark: #202124;\n\n    direction: rtl;\n    width: 100%;\n    background: #fff;\n    color: var(--tb-text);\n    padding: 110px 24px;\n    box-sizing: border-box;\n}\n\n.tb-time-analytics * {\n    box-sizing: border-box;\n}\n\n.tb-time-analytics-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n.tb-time-analytics-grid {\n    display: grid;\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n    gap: 80px;\n    align-items: center;\n}\n\n\/* Content *\/\n.tb-time-analytics-content {\n    max-width: 650px;\n    margin-right: auto;\n}\n\n.tb-time-analytics-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 24px;\n}\n\n.tb-time-analytics-eyebrow::before {\n    content: \"\";\n    width: 30px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-analytics h2 {\n    margin: 0 0 25px;\n    font-size: clamp(42px, 4.4vw, 66px);\n    line-height: 1.28;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-analytics-lead {\n    margin: 0 0 34px;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2.05;\n}\n\n.tb-time-analytics-list {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n.tb-time-analytics-item {\n    display: grid;\n    grid-template-columns: 34px 1fr;\n    gap: 14px;\n    align-items: start;\n}\n\n.tb-time-analytics-check {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 14px;\n    font-weight: 800;\n    margin-top: 2px;\n}\n\n.tb-time-analytics-item h3 {\n    margin: 0 0 5px;\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-item p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n\/* Dashboard *\/\n.tb-time-analytics-dashboard {\n    background: var(--tb-dark);\n    color: #fff;\n    border-radius: 28px;\n    padding: 28px;\n    box-shadow: 0 28px 75px rgba(0,0,0,.12);\n}\n\n.tb-time-analytics-dashboard-head {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    align-items: center;\n    margin-bottom: 24px;\n}\n\n.tb-time-analytics-dashboard-title {\n    font-size: 20px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-period {\n    padding: 8px 12px;\n    border: 1px solid #424348;\n    border-radius: 10px;\n    color: #c7c8cb;\n    font-size: 12px;\n}\n\n.tb-time-analytics-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 13px;\n    margin-bottom: 18px;\n}\n\n.tb-time-analytics-stat {\n    background: #292a2e;\n    border: 1px solid #3d3e43;\n    border-radius: 16px;\n    padding: 17px;\n}\n\n.tb-time-analytics-stat-label {\n    color: #9fa0a5;\n    font-size: 11px;\n    margin-bottom: 7px;\n}\n\n.tb-time-analytics-stat-value {\n    font-size: 21px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-stat-sub {\n    color: #a9aaae;\n    font-size: 11px;\n    margin-top: 5px;\n}\n\n\/* Main chart *\/\n.tb-time-analytics-chart {\n    background: #292a2e;\n    border: 1px solid #3d3e43;\n    border-radius: 18px;\n    padding: 21px;\n    margin-bottom: 18px;\n}\n\n.tb-time-analytics-chart-head {\n    display: flex;\n    justify-content: space-between;\n    gap: 15px;\n    align-items: center;\n    margin-bottom: 22px;\n}\n\n.tb-time-analytics-chart-title {\n    font-size: 15px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-chart-legend {\n    color: #9fa0a5;\n    font-size: 11px;\n}\n\n.tb-time-analytics-bar-row {\n    display: grid;\n    grid-template-columns: 120px 1fr 65px;\n    gap: 12px;\n    align-items: center;\n    margin-bottom: 15px;\n}\n\n.tb-time-analytics-bar-row:last-child {\n    margin-bottom: 0;\n}\n\n.tb-time-analytics-bar-label {\n    font-size: 12px;\n    color: #d8d9db;\n}\n\n.tb-time-analytics-bar-track {\n    height: 8px;\n    background: #3a3b40;\n    border-radius: 999px;\n    overflow: hidden;\n}\n\n.tb-time-analytics-bar-fill {\n    height: 100%;\n    background: var(--tb-red);\n    border-radius: inherit;\n}\n\n.tb-time-analytics-bar-value {\n    text-align: left;\n    font-size: 12px;\n    color: #bfc0c4;\n}\n\n\/* bottom cards *\/\n.tb-time-analytics-bottom {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 15px;\n}\n\n.tb-time-analytics-box {\n    background: #292a2e;\n    border: 1px solid #3d3e43;\n    border-radius: 18px;\n    padding: 20px;\n}\n\n.tb-time-analytics-box-title {\n    font-size: 14px;\n    font-weight: 800;\n    margin-bottom: 16px;\n}\n\n.tb-time-analytics-member {\n    display: grid;\n    grid-template-columns: 30px 1fr auto;\n    gap: 10px;\n    align-items: center;\n    margin-bottom: 13px;\n}\n\n.tb-time-analytics-member:last-child {\n    margin-bottom: 0;\n}\n\n.tb-time-analytics-avatar {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: #3b3c41;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-member-name {\n    font-size: 12px;\n    color: #d8d9dc;\n}\n\n.tb-time-analytics-member-time {\n    font-size: 12px;\n    font-weight: 700;\n}\n\n\/* AI *\/\n.tb-time-analytics-ai {\n    background: linear-gradient(145deg, #321e25, #292a2e);\n    border-color: #60303d;\n}\n\n.tb-time-analytics-ai-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    color: #ff9eb1;\n    font-size: 11px;\n    font-weight: 800;\n    margin-bottom: 12px;\n}\n\n.tb-time-analytics-ai-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--tb-red);\n}\n\n.tb-time-analytics-ai-question {\n    font-size: 13px;\n    line-height: 1.8;\n    margin-bottom: 12px;\n    color: #fff;\n}\n\n.tb-time-analytics-ai-answer {\n    color: #c9cacf;\n    font-size: 12px;\n    line-height: 1.85;\n    padding-top: 12px;\n    border-top: 1px solid #51303a;\n}\n\n\/* Note *\/\n.tb-time-analytics-note {\n    margin-top: 60px;\n    padding: 28px 32px;\n    background: var(--tb-soft);\n    border: 1px solid var(--tb-border);\n    border-radius: 20px;\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 20px;\n    align-items: center;\n}\n\n.tb-time-analytics-note-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 15px;\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-note h3 {\n    margin: 0 0 6px;\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.tb-time-analytics-note p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n\/* Responsive *\/\n@media (max-width: 1100px) {\n    .tb-time-analytics {\n        padding: 80px 22px;\n    }\n\n    .tb-time-analytics-grid {\n        grid-template-columns: 1fr;\n        gap: 55px;\n    }\n\n    .tb-time-analytics-content {\n        max-width: 850px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-time-analytics {\n        padding: 60px 18px;\n    }\n\n    .tb-time-analytics h2 {\n        font-size: 38px;\n    }\n\n    .tb-time-analytics-lead {\n        font-size: 17px;\n    }\n\n    .tb-time-analytics-dashboard {\n        padding: 18px;\n        border-radius: 20px;\n    }\n\n    .tb-time-analytics-cards {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-analytics-bottom {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-analytics-bar-row {\n        grid-template-columns: 95px 1fr;\n    }\n\n    .tb-time-analytics-bar-value {\n        grid-column: 2;\n        text-align: right;\n        margin-top: -7px;\n    }\n\n    .tb-time-analytics-note {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-analytics\">\n\n    <div class=\"tb-time-analytics-inner\">\n\n        <div class=\"tb-time-analytics-grid\">\n\n            <!-- Content -->\n            <div class=\"tb-time-analytics-content\">\n\n                <div class=\"tb-time-analytics-eyebrow\">\n                    \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\n                <\/div>\n\n                <h2>\n                    \u0644\u0627 \u062a\u0643\u062a\u0641\u0650 \u0628\u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a.<br>\n                    \u0627\u0641\u0647\u0645 \u0623\u064a\u0646 \u064a\u0630\u0647\u0628.\n                <\/h2>\n\n                <p class=\"tb-time-analytics-lead\">\n                    \u064a\u062d\u0648\u0651\u0644 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643\n                    \u0639\u0644\u0649 \u0641\u0647\u0645 \u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c\n                    \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u0647\u0644\u0643 \u0623\u0643\u0628\u0631 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a.\n                <\/p>\n\n                <div class=\"tb-time-analytics-list\">\n\n                    <div class=\"tb-time-analytics-item\">\n\n                        <div class=\"tb-time-analytics-check\">\u2713<\/div>\n\n                        <div>\n                            <h3>\n                                \u062d\u0644\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0645\u0629\n                            <\/h3>\n\n                            <p>\n                                \u0627\u0639\u0631\u0641 \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u0647\u0644\u0643\u0647 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0648\u0645\u0647\u0645\u0629\n                                \u0628\u062f\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u0637\u0628\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-item\">\n\n                        <div class=\"tb-time-analytics-check\">\u2713<\/div>\n\n                        <div>\n                            <h3>\n                                \u0631\u0627\u0642\u0628 \u0648\u0642\u062a \u0643\u0644 \u0639\u0636\u0648 \u0641\u064a \u0627\u0644\u0641\u0631\u064a\u0642\n                            <\/h3>\n\n                            <p>\n                                \u0627\u0637\u0651\u0644\u0639 \u0639\u0644\u0649 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629 \u0648\u0633\u0627\u0639\u062f \u0641\u0631\u064a\u0642\u0643\n                                \u0639\u0644\u0649 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u0647\u062f \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0632\u0646\u064b\u0627.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-item\">\n\n                        <div class=\"tb-time-analytics-check\">\u2713<\/div>\n\n                        <div>\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                                \u0627\u0643\u062a\u0634\u0641 \u0623\u064a\u0646 \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0648\u062d\u0633\u0651\u0646 \u062a\u062e\u0637\u064a\u0637\n                                \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u064b\u0627 \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0641\u0639\u0644\u064a\u0629.\n                            <\/p>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Dashboard -->\n            <div class=\"tb-time-analytics-dashboard\">\n\n                <div class=\"tb-time-analytics-dashboard-head\">\n\n                    <div class=\"tb-time-analytics-dashboard-title\">\n                        \u0646\u0638\u0631\u0629 \u0639\u0644\u0649 \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642\n                    <\/div>\n\n                    <div class=\"tb-time-analytics-period\">\n                        \u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-analytics-cards\">\n\n                    <div class=\"tb-time-analytics-stat\">\n                        <div class=\"tb-time-analytics-stat-label\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-value\">\n                            684 \u0633\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-sub\">\n                            \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-time-analytics-stat\">\n                        <div class=\"tb-time-analytics-stat-label\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-value\">\n                            720 \u0633\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-sub\">\n                            95% \u0645\u0646 \u0627\u0644\u062e\u0637\u0629\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tb-time-analytics-stat\">\n                        <div class=\"tb-time-analytics-stat-label\">\n                            \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-value\">\n                            12\n                        <\/div>\n                        <div class=\"tb-time-analytics-stat-sub\">\n                            \u0645\u0633\u062a\u062e\u062f\u0645\u064b\u0627 \u0646\u0634\u0637\u064b\u0627\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-analytics-chart\">\n\n                    <div class=\"tb-time-analytics-chart-head\">\n\n                        <div class=\"tb-time-analytics-chart-title\">\n                            \u0627\u0644\u0648\u0642\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-chart-legend\">\n                            \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-bar-row\">\n\n                        <div class=\"tb-time-analytics-bar-label\">\n                            \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0629\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-track\">\n                            <div class=\"tb-time-analytics-bar-fill\" style=\"width:88%\"><\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-value\">\n                            212 \u0633\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-bar-row\">\n\n                        <div class=\"tb-time-analytics-bar-label\">\n                            \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-track\">\n                            <div class=\"tb-time-analytics-bar-fill\" style=\"width:70%\"><\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-value\">\n                            168 \u0633\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-bar-row\">\n\n                        <div class=\"tb-time-analytics-bar-label\">\n                            \u0627\u0644\u062a\u0633\u0648\u064a\u0642\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-track\">\n                            <div class=\"tb-time-analytics-bar-fill\" style=\"width:51%\"><\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-value\">\n                            124 \u0633\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"tb-time-analytics-bar-row\">\n\n                        <div class=\"tb-time-analytics-bar-label\">\n                            \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-track\">\n                            <div class=\"tb-time-analytics-bar-fill\" style=\"width:38%\"><\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-bar-value\">\n                            91 \u0633\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-time-analytics-bottom\">\n\n                    <!-- Team -->\n                    <div class=\"tb-time-analytics-box\">\n\n                        <div class=\"tb-time-analytics-box-title\">\n                            \u0623\u0639\u0644\u0649 \u0648\u0642\u062a \u0645\u0633\u062c\u0644\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-member\">\n                            <div class=\"tb-time-analytics-avatar\">\u0623<\/div>\n                            <div class=\"tb-time-analytics-member-name\">\u0623\u062d\u0645\u062f<\/div>\n                            <div class=\"tb-time-analytics-member-time\">74 \u0633<\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-member\">\n                            <div class=\"tb-time-analytics-avatar\">\u0633<\/div>\n                            <div class=\"tb-time-analytics-member-name\">\u0633\u0627\u0631\u0629<\/div>\n                            <div class=\"tb-time-analytics-member-time\">69 \u0633<\/div>\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-member\">\n                            <div class=\"tb-time-analytics-avatar\">\u0645<\/div>\n                            <div class=\"tb-time-analytics-member-name\">\u0645\u062d\u0645\u062f<\/div>\n                            <div class=\"tb-time-analytics-member-time\">63 \u0633<\/div>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Rayla -->\n                    <div class=\"tb-time-analytics-box tb-time-analytics-ai\">\n\n                        <div class=\"tb-time-analytics-ai-badge\">\n                            <span class=\"tb-time-analytics-ai-dot\"><\/span>\n                            \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-ai-question\">\n                            \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u064a\u0633\u062a\u0647\u0644\u0643 \u0648\u0642\u062a\u064b\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u061f\n                        <\/div>\n\n                        <div class=\"tb-time-analytics-ai-answer\">\n                            \u0645\u0634\u0631\u0648\u0639 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0629 \u0647\u0648 \u0627\u0644\u0623\u0639\u0644\u0649 \u0627\u0633\u062a\u0647\u0644\u0627\u0643\u064b\u0627 \u0644\u0644\u0648\u0642\u062a\u060c\n                            \u0648\u0642\u062f \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0641\u064a \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0645. \u0631\u0627\u062c\u0639 \u0627\u0644\u0645\u0647\u0627\u0645\n                            \u0630\u0627\u062a \u0627\u0644\u0641\u0627\u0631\u0642 \u0627\u0644\u0623\u0643\u0628\u0631 \u0628\u064a\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0641\u0639\u0644\u064a.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Bottom note -->\n        <div class=\"tb-time-analytics-note\">\n\n            <div class=\"tb-time-analytics-note-icon\">\n                AI\n            <\/div>\n\n            <div>\n\n                <h3>\n                    \u0627\u0633\u0623\u0644 \u0631\u0627\u064a\u0644\u0627 \u0628\u062f\u0644 \u0627\u0644\u0628\u062d\u062b \u0628\u064a\u0646 \u0627\u0644\u062c\u062f\u0627\u0648\u0644\n                <\/h3>\n\n                <p>\n                    \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0641\u0647\u0645 \u0633\u0631\u064a\u0639 \u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0648\u0642\u062a\u060c \u062a\u0633\u0627\u0639\u062f\u0643\n                    \u0631\u0627\u064a\u0644\u0627 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0637\u0631\u062d \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644\n                    \u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0644\u063a\u0629 \u0637\u0628\u064a\u0639\u064a\u0629.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-attendance {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff3f6;\n    --tb-text: #17191d;\n    --tb-muted: #6a6c72;\n    --tb-border: #e5e6e8;\n    --tb-soft: #f8f8f9;\n    --tb-dark: #202124;\n\n    direction: rtl;\n    width: 100%;\n    background: var(--tb-soft);\n    color: var(--tb-text);\n    padding: 110px 24px;\n    box-sizing: border-box;\n}\n\n.tb-attendance * {\n    box-sizing: border-box;\n}\n\n.tb-attendance-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n\/* header *\/\n.tb-attendance-head {\n    display: grid;\n    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n    gap: 85px;\n    align-items: start;\n    margin-bottom: 65px;\n}\n\n.tb-attendance-heading {\n    max-width: 650px;\n    margin-right: auto;\n}\n\n.tb-attendance-eyebrow {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 23px;\n}\n\n.tb-attendance-eyebrow::before {\n    content: \"\";\n    width: 30px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-attendance h2 {\n    margin: 0;\n    font-size: clamp(42px, 4.3vw, 66px);\n    line-height: 1.28;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-attendance-copy {\n    max-width: 720px;\n    margin-left: auto;\n    padding-top: 70px;\n}\n\n.tb-attendance-copy p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2.05;\n}\n\n\/* main compare *\/\n.tb-attendance-panel {\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 28px;\n    overflow: hidden;\n    box-shadow: 0 20px 55px rgba(0,0,0,.05);\n}\n\n.tb-attendance-panel-head {\n    padding: 24px 30px;\n    border-bottom: 1px solid var(--tb-border);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 20px;\n}\n\n.tb-attendance-panel-title {\n    font-size: 19px;\n    font-weight: 800;\n}\n\n.tb-attendance-panel-period {\n    padding: 8px 12px;\n    border-radius: 9px;\n    background: var(--tb-soft);\n    color: var(--tb-muted);\n    font-size: 12px;\n}\n\n\/* rows *\/\n.tb-attendance-table {\n    padding: 10px 30px 30px;\n}\n\n.tb-attendance-row {\n    display: grid;\n    grid-template-columns: 1.1fr .8fr .8fr .8fr 1.3fr;\n    gap: 20px;\n    align-items: center;\n    padding: 20px 0;\n    border-bottom: 1px solid var(--tb-border);\n}\n\n.tb-attendance-row:last-child {\n    border-bottom: 0;\n}\n\n.tb-attendance-row.header {\n    color: #8b8d92;\n    font-size: 12px;\n    padding-top: 18px;\n    padding-bottom: 12px;\n}\n\n.tb-attendance-user {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.tb-attendance-avatar {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: #ececef;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 800;\n}\n\n.tb-attendance-name {\n    font-size: 14px;\n    font-weight: 800;\n}\n\n.tb-attendance-value {\n    font-size: 14px;\n    font-weight: 700;\n}\n\n.tb-attendance-value.muted {\n    color: #777980;\n}\n\n.tb-attendance-compare {\n    display: flex;\n    flex-direction: column;\n    gap: 7px;\n}\n\n.tb-attendance-bar {\n    width: 100%;\n    height: 7px;\n    background: #ececef;\n    border-radius: 999px;\n    overflow: hidden;\n}\n\n.tb-attendance-bar span {\n    display: block;\n    height: 100%;\n    background: var(--tb-red);\n    border-radius: inherit;\n}\n\n.tb-attendance-percent {\n    font-size: 12px;\n    color: #76787e;\n}\n\n\/* insight *\/\n.tb-attendance-insight {\n    margin-top: 22px;\n    background: var(--tb-dark);\n    color: #fff;\n    border-radius: 20px;\n    padding: 28px 30px;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    gap: 20px;\n    align-items: center;\n}\n\n.tb-attendance-insight-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 15px;\n    background: var(--tb-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 800;\n}\n\n.tb-attendance-insight h3 {\n    margin: 0 0 6px;\n    font-size: 19px;\n    font-weight: 800;\n}\n\n.tb-attendance-insight p {\n    margin: 0;\n    color: #c8c9cd;\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n.tb-attendance-insight-badge {\n    white-space: nowrap;\n    padding: 10px 14px;\n    border: 1px solid #44464b;\n    border-radius: 999px;\n    font-size: 12px;\n}\n\n\/* benefits *\/\n.tb-attendance-benefits {\n    margin-top: 55px;\n    display: grid;\n    grid-template-columns: repeat(3,1fr);\n    gap: 18px;\n}\n\n.tb-attendance-benefit {\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 18px;\n    padding: 24px;\n}\n\n.tb-attendance-benefit-number {\n    color: var(--tb-red);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 10px;\n}\n\n.tb-attendance-benefit h3 {\n    margin: 0 0 8px;\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.tb-attendance-benefit p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n\/* responsive *\/\n@media (max-width: 1100px) {\n    .tb-attendance {\n        padding: 80px 22px;\n    }\n\n    .tb-attendance-head {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .tb-attendance-heading,\n    .tb-attendance-copy {\n        max-width: 850px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .tb-attendance-copy {\n        padding-top: 0;\n    }\n\n    .tb-attendance-row {\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n    }\n\n    .tb-attendance-row.header {\n        display: none;\n    }\n\n    .tb-attendance-compare {\n        grid-column: 1 \/ -1;\n    }\n\n    .tb-attendance-benefits {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-attendance {\n        padding: 60px 18px;\n    }\n\n    .tb-attendance h2 {\n        font-size: 38px;\n    }\n\n    .tb-attendance-copy p {\n        font-size: 17px;\n    }\n\n    .tb-attendance-panel {\n        border-radius: 20px;\n    }\n\n    .tb-attendance-panel-head {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .tb-attendance-table {\n        padding: 10px 20px 22px;\n    }\n\n    .tb-attendance-insight {\n        grid-template-columns: 1fr;\n        padding: 24px;\n    }\n\n    .tb-attendance-insight-badge {\n        width: fit-content;\n    }\n}\n<\/style>\n\n<section class=\"tb-attendance\">\n\n    <div class=\"tb-attendance-inner\">\n\n        <!-- Header -->\n        <div class=\"tb-attendance-head\">\n\n            <div class=\"tb-attendance-heading\">\n\n                <div class=\"tb-attendance-eyebrow\">\n                    \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\n                <\/div>\n\n                <h2>\n                    \u0627\u0639\u0631\u0641 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\n                <\/h2>\n\n            <\/div>\n\n            <div class=\"tb-attendance-copy\">\n\n                <p>\n                    \u0644\u0627 \u064a\u0642\u062a\u0635\u0631 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0648\u0642\u062a \u062d\u0636\u0648\u0631 \u0627\u0644\u0645\u0648\u0638\u0641 \u0648\u0627\u0646\u0635\u0631\u0627\u0641\u0647.\n                    \u064a\u0645\u0643\u0646\u0643 \u0645\u0642\u0627\u0631\u0646\u0629 \u0645\u062f\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n                    \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0644\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642\n                    \u0623\u062b\u0646\u0627\u0621 \u064a\u0648\u0645 \u0627\u0644\u0639\u0645\u0644.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Comparison panel -->\n        <div class=\"tb-attendance-panel\">\n\n            <div class=\"tb-attendance-panel-head\">\n\n                <div class=\"tb-attendance-panel-title\">\n                    \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0639 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\n                <\/div>\n\n                <div class=\"tb-attendance-panel-period\">\n                    \u0647\u0630\u0627 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"tb-attendance-table\">\n\n                <div class=\"tb-attendance-row header\">\n\n                    <div>\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/div>\n                    <div>\u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631<\/div>\n                    <div>\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a<\/div>\n                    <div>\u0627\u0644\u0641\u0631\u0642<\/div>\n                    <div>\u0646\u0633\u0628\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a<\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-attendance-row\">\n\n                    <div class=\"tb-attendance-user\">\n                        <div class=\"tb-attendance-avatar\">\u0623<\/div>\n                        <div class=\"tb-attendance-name\">\u0623\u062d\u0645\u062f \u062e\u0627\u0644\u062f<\/div>\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        40:00 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        35:20 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value muted\">\n                        4:40 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-compare\">\n\n                        <div class=\"tb-attendance-bar\">\n                            <span style=\"width:88%\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-attendance-percent\">\n                            88% \u0645\u0646 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0633\u062c\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-attendance-row\">\n\n                    <div class=\"tb-attendance-user\">\n                        <div class=\"tb-attendance-avatar\">\u0633<\/div>\n                        <div class=\"tb-attendance-name\">\u0633\u0627\u0631\u0629 \u0645\u062d\u0645\u062f<\/div>\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        38:30 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        31:45 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value muted\">\n                        6:45 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-compare\">\n\n                        <div class=\"tb-attendance-bar\">\n                            <span style=\"width:82%\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-attendance-percent\">\n                            82% \u0645\u0646 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0633\u062c\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"tb-attendance-row\">\n\n                    <div class=\"tb-attendance-user\">\n                        <div class=\"tb-attendance-avatar\">\u0645<\/div>\n                        <div class=\"tb-attendance-name\">\u0645\u062d\u0645\u062f \u0639\u0644\u064a<\/div>\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        41:10 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value\">\n                        28:10 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-value muted\">\n                        13:00 \u0633\n                    <\/div>\n\n                    <div class=\"tb-attendance-compare\">\n\n                        <div class=\"tb-attendance-bar\">\n                            <span style=\"width:68%\"><\/span>\n                        <\/div>\n\n                        <div class=\"tb-attendance-percent\">\n                            68% \u0645\u0646 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0645\u0633\u062c\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Insight -->\n        <div class=\"tb-attendance-insight\">\n\n            <div class=\"tb-attendance-insight-icon\">\n                \u2260\n            <\/div>\n\n            <div>\n\n                <h3>\n                    \u0627\u0644\u062d\u0636\u0648\u0631 \u0644\u0627 \u064a\u0639\u0646\u064a \u062f\u0627\u0626\u0645\u064b\u0627 \u0648\u0642\u062a \u0639\u0645\u0644 \u0641\u0639\u0644\u064a\n                <\/h3>\n\n                <p>\n                    \u062a\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629\n                    \u0639\u0644\u0649 \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0641\u062c\u0648\u0627\u062a\u060c \u0648\u0641\u0647\u0645 \u0646\u0645\u0637 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0648\u0642\u062a\n                    \u062f\u0648\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0633\u062c\u0644 \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u062d\u062f\u0647.\n                <\/p>\n\n            <\/div>\n\n            <div class=\"tb-attendance-insight-badge\">\n                \u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627 \u0644\u0644\u0625\u062f\u0627\u0631\u0629\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Benefits -->\n        <div class=\"tb-attendance-benefits\">\n\n            <div class=\"tb-attendance-benefit\">\n\n                <div class=\"tb-attendance-benefit-number\">01<\/div>\n\n                <h3>\n                    \u0631\u0624\u064a\u0629 \u0623\u062f\u0642 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0648\u0642\u062a\n                <\/h3>\n\n                <p>\n                    \u0627\u0639\u0631\u0641 \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u062a\u0645 \u062a\u0633\u062c\u064a\u0644\u0647 \u0641\u0639\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n                    \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0645\u062f\u0629 \u0627\u0644\u062a\u0648\u0627\u062c\u062f \u0641\u064a \u0627\u0644\u0639\u0645\u0644.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-attendance-benefit\">\n\n                <div class=\"tb-attendance-benefit-number\">02<\/div>\n\n                <h3>\n                    \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0641\u062c\u0648\u0627\u062a\n                <\/h3>\n\n                <p>\n                    \u0644\u0627\u062d\u0638 \u0627\u0644\u0641\u062a\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u0638\u0647\u0631 \u0641\u064a \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a\u060c \u0648\u0631\u0627\u062c\u0639 \u0623\u0633\u0628\u0627\u0628\u0647\u0627\n                    \u0642\u0628\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-attendance-benefit\">\n\n                <div class=\"tb-attendance-benefit-number\">03<\/div>\n\n                <h3>\n                    \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644 \u062d\u0648\u0644 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\n                <\/h3>\n\n                <p>\n                    \u0627\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a \u0644\u0641\u0647\u0645 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u064a\u0642\n                    \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0632\u0646\u064b\u0627.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-outcomes {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff3f6;\n    --tb-text: #17191d;\n    --tb-muted: #696b72;\n    --tb-border: #e6e6e8;\n    --tb-soft: #f8f8f9;\n    --tb-dark: #202124;\n\n    direction: rtl;\n    width: 100%;\n    background: #fff;\n    color: var(--tb-text);\n    padding: 110px 24px;\n    box-sizing: border-box;\n}\n\n.tb-time-outcomes * {\n    box-sizing: border-box;\n}\n\n.tb-time-outcomes-inner {\n    max-width: 1500px;\n    margin: 0 auto;\n}\n\n.tb-time-outcomes-head {\n    max-width: 900px;\n    margin: 0 auto 70px;\n    text-align: center;\n}\n\n.tb-time-outcomes-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 22px;\n}\n\n.tb-time-outcomes-eyebrow::before,\n.tb-time-outcomes-eyebrow::after {\n    content: \"\";\n    width: 24px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-outcomes h2 {\n    margin: 0 0 24px;\n    font-size: clamp(42px, 4.3vw, 66px);\n    line-height: 1.28;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-outcomes-lead {\n    margin: 0 auto;\n    max-width: 800px;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2.05;\n}\n\n\/* cards *\/\n.tb-time-outcomes-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n}\n\n.tb-time-outcome-card {\n    position: relative;\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 24px;\n    padding: 30px;\n    min-height: 330px;\n    overflow: hidden;\n}\n\n.tb-time-outcome-card.featured {\n    background: var(--tb-dark);\n    color: #fff;\n    border-color: var(--tb-dark);\n}\n\n.tb-time-outcome-number {\n    color: var(--tb-red);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 24px;\n}\n\n.tb-time-outcome-icon {\n    width: 54px;\n    height: 54px;\n    border-radius: 16px;\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n    font-weight: 800;\n    margin-bottom: 24px;\n}\n\n.tb-time-outcome-card.featured .tb-time-outcome-icon {\n    background: rgba(213,0,50,.16);\n    color: #ff8da5;\n}\n\n.tb-time-outcome-card h3 {\n    margin: 0 0 12px;\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1.5;\n}\n\n.tb-time-outcome-card p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 15px;\n    line-height: 1.95;\n}\n\n.tb-time-outcome-card.featured p {\n    color: #c6c7ca;\n}\n\n\/* mini metric *\/\n.tb-time-outcome-metric {\n    margin-top: 28px;\n    padding-top: 22px;\n    border-top: 1px solid var(--tb-border);\n}\n\n.tb-time-outcome-card.featured .tb-time-outcome-metric {\n    border-top-color: #3d3e43;\n}\n\n.tb-time-outcome-metric-label {\n    color: #919298;\n    font-size: 12px;\n    margin-bottom: 6px;\n}\n\n.tb-time-outcome-metric-value {\n    font-size: 18px;\n    font-weight: 800;\n}\n\n.tb-time-outcome-metric-value strong {\n    color: var(--tb-red);\n}\n\n.tb-time-outcome-card.featured .tb-time-outcome-metric-value strong {\n    color: #ff8da5;\n}\n\n\/* rayla *\/\n.tb-time-outcomes-rayla {\n    margin-top: 65px;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);\n    gap: 35px;\n    align-items: stretch;\n}\n\n.tb-time-outcomes-rayla-copy {\n    background: var(--tb-soft);\n    border: 1px solid var(--tb-border);\n    border-radius: 24px;\n    padding: 34px;\n}\n\n.tb-time-outcomes-rayla-label {\n    color: var(--tb-red);\n    font-size: 13px;\n    font-weight: 800;\n    margin-bottom: 14px;\n}\n\n.tb-time-outcomes-rayla-copy h3 {\n    margin: 0 0 15px;\n    font-size: 28px;\n    line-height: 1.5;\n    font-weight: 800;\n}\n\n.tb-time-outcomes-rayla-copy p {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 16px;\n    line-height: 2;\n}\n\n.tb-time-outcomes-rayla-chat {\n    background: var(--tb-dark);\n    color: #fff;\n    border-radius: 24px;\n    padding: 28px;\n}\n\n.tb-time-outcomes-rayla-chat-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 24px;\n    font-size: 14px;\n    font-weight: 800;\n    color: #ff9eb1;\n}\n\n.tb-time-outcomes-rayla-dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--tb-red);\n}\n\n.tb-time-outcomes-question,\n.tb-time-outcomes-answer {\n    padding: 16px 18px;\n    border-radius: 16px;\n    font-size: 14px;\n    line-height: 1.9;\n}\n\n.tb-time-outcomes-question {\n    background: #303136;\n    margin-bottom: 12px;\n}\n\n.tb-time-outcomes-answer {\n    background: #35262b;\n    border: 1px solid #5c3440;\n    color: #d7d8db;\n}\n\n.tb-time-outcomes-answer strong {\n    color: #fff;\n}\n\n\/* Responsive *\/\n@media (max-width: 1050px) {\n    .tb-time-outcomes {\n        padding: 80px 22px;\n    }\n\n    .tb-time-outcomes-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-outcomes-rayla {\n        grid-template-columns: 1fr;\n    }\n}\n\n@media (max-width: 700px) {\n    .tb-time-outcomes {\n        padding: 60px 18px;\n    }\n\n    .tb-time-outcomes h2 {\n        font-size: 38px;\n    }\n\n    .tb-time-outcomes-lead {\n        font-size: 17px;\n    }\n\n    .tb-time-outcome-card,\n    .tb-time-outcomes-rayla-copy,\n    .tb-time-outcomes-rayla-chat {\n        padding: 24px;\n    }\n}\n<\/style>\n\n<section class=\"tb-time-outcomes\">\n\n    <div class=\"tb-time-outcomes-inner\">\n\n        <!-- Header -->\n        <div class=\"tb-time-outcomes-head\">\n\n            <div class=\"tb-time-outcomes-eyebrow\">\n                \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0641\u0636\u0644\n            <\/div>\n\n            <h2>\n                \u0627\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0631\u064a\u0642\n            <\/h2>\n\n            <p class=\"tb-time-outcomes-lead\">\n                \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0642\u064a\u0645\u0629 \u062a\u062a\u0628\u0651\u0639 \u0627\u0644\u0648\u0642\u062a \u0639\u0646\u062f \u0645\u0639\u0631\u0641\u0629 \u0639\u062f\u062f \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644\u0629.\n                \u0639\u0646\u062f\u0645\u0627 \u062a\u0631\u0628\u0637 \u0627\u0644\u0648\u0642\u062a \u0628\u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u064a\u0645\u0643\u0646\u0643\n                \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a\u060c \u0648\u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644\u060c\n                \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- Outcomes -->\n        <div class=\"tb-time-outcomes-grid\">\n\n            <!-- Card 1 -->\n            <div class=\"tb-time-outcome-card\">\n\n                <div class=\"tb-time-outcome-number\">\n                    01\n                <\/div>\n\n                <div class=\"tb-time-outcome-icon\">\n                    \u2301\n                <\/div>\n\n                <h3>\n                    \u062e\u0637\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u062f\u0642\u0629 \u0623\u0643\u0628\u0631\n                <\/h3>\n\n                <p>\n                    \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u0627\u0628\u0642\u0629 \u0644\u062a\u0642\u062f\u064a\u0631\n                    \u0627\u0644\u0645\u062f\u0629 \u0648\u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u064a\u0646 \u0641\u064a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.\n                <\/p>\n\n                <div class=\"tb-time-outcome-metric\">\n\n                    <div class=\"tb-time-outcome-metric-label\">\n                        \u0645\u062b\u0627\u0644\n                    <\/div>\n\n                    <div class=\"tb-time-outcome-metric-value\">\n                        \u0645\u062e\u0637\u0637 40 \u0633\u0627\u0639\u0629 \u2190 \u0641\u0639\u0644\u064a <strong>52 \u0633\u0627\u0639\u0629<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Card 2 -->\n            <div class=\"tb-time-outcome-card featured\">\n\n                <div class=\"tb-time-outcome-number\">\n                    02\n                <\/div>\n\n                <div class=\"tb-time-outcome-icon\">\n                    \u21c4\n                <\/div>\n\n                <h3>\n                    \u0648\u0627\u0632\u0646 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\n                <\/h3>\n\n                <p>\n                    \u0631\u0627\u0642\u0628 \u062d\u062c\u0645 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0651\u0644 \u0648\u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u0645\u0633\u0646\u062f\u0629 \u0625\u0644\u0649 \u0643\u0644 \u0639\u0636\u0648\u060c\n                    \u0648\u0627\u0643\u062a\u0634\u0641 \u0645\u0646 \u064a\u062a\u062d\u0645\u0644 \u0636\u063a\u0637\u064b\u0627 \u0623\u0643\u0628\u0631 \u0648\u0645\u0646 \u064a\u0645\u0644\u0643 \u0642\u062f\u0631\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0642\u0628\u0644\n                    \u0625\u0639\u0627\u062f\u0629 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644.\n                <\/p>\n\n                <div class=\"tb-time-outcome-metric\">\n\n                    <div class=\"tb-time-outcome-metric-label\">\n                        \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0623\u0641\u0636\u0644\n                    <\/div>\n\n                    <div class=\"tb-time-outcome-metric-value\">\n                        \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u062c\u0647\u062f <strong>\u0628\u0634\u0643\u0644 \u0623\u0643\u062b\u0631 \u062a\u0648\u0627\u0632\u0646\u064b\u0627<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Card 3 -->\n            <div class=\"tb-time-outcome-card\">\n\n                <div class=\"tb-time-outcome-number\">\n                    03\n                <\/div>\n\n                <div class=\"tb-time-outcome-icon\">\n                    \u2197\n                <\/div>\n\n                <h3>\n                    \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0627\u0646\u062d\u0631\u0627\u0641\u0627\u062a \u0645\u0628\u0643\u0631\u064b\u0627\n                <\/h3>\n\n                <p>\n                    \u0639\u0646\u062f\u0645\u0627 \u064a\u0628\u062f\u0623 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0641\u064a \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u060c \u064a\u0645\u0643\u0646\u0643 \u0645\u0644\u0627\u062d\u0638\u0629\n                    \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u062a\u0623\u062e\u064a\u0631 \u0643\u0628\u064a\u0631 \u0641\u064a \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\n                <\/p>\n\n                <div class=\"tb-time-outcome-metric\">\n\n                    <div class=\"tb-time-outcome-metric-label\">\n                        \u0627\u0644\u0646\u062a\u064a\u062c\u0629\n                    <\/div>\n\n                    <div class=\"tb-time-outcome-metric-value\">\n                        \u062a\u062f\u062e\u0644 <strong>\u0623\u0628\u0643\u0631<\/strong> \u0648\u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0633\u0631\u0639\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- Rayla -->\n        <div class=\"tb-time-outcomes-rayla\">\n\n            <div class=\"tb-time-outcomes-rayla-copy\">\n\n                <div class=\"tb-time-outcomes-rayla-label\">\n                    \u0631\u0627\u064a\u0644\u0627 \u00b7 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\n                <\/div>\n\n                <h3>\n                    \u062d\u0648\u0651\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0625\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629\n                <\/h3>\n\n                <p>\n                    \u0628\u062f\u0644 \u0645\u0631\u0627\u062c\u0639\u0629 \u0639\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u064a\u062f\u0648\u064a\u064b\u0627\u060c \u064a\u0645\u0643\u0646\u0643 \u0633\u0624\u0627\u0644 \u0631\u0627\u064a\u0644\u0627 \u0639\u0646\n                    \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u062c\u0627\u0648\u0632\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\u060c \u0623\u0648 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0630\u064a\u0646\n                    \u064a\u0648\u0627\u062c\u0647\u0648\u0646 \u0636\u063a\u0637\u064b\u0627 \u0623\u0643\u0628\u0631\u060c \u0623\u0648 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u064b\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n                    \u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u062a\u0635\u0628\u062d \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0623\u062f\u0627\u0629 \u0639\u0645\u0644\u064a\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u060c\n                    \u0644\u0627 \u0645\u062c\u0631\u062f \u0623\u0631\u0642\u0627\u0645 \u0645\u062d\u0641\u0648\u0638\u0629 \u0641\u064a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"tb-time-outcomes-rayla-chat\">\n\n                <div class=\"tb-time-outcomes-rayla-chat-head\">\n                    <span class=\"tb-time-outcomes-rayla-dot\"><\/span>\n                    \u0645\u062d\u0627\u062f\u062b\u0629 \u0645\u0639 \u0631\u0627\u064a\u0644\u0627\n                <\/div>\n\n                <div class=\"tb-time-outcomes-question\">\n                    \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0647\u0630\u0627 \u0627\u0644\u0634\u0647\u0631\u061f\n                <\/div>\n\n                <div class=\"tb-time-outcomes-answer\">\n                    \u0645\u0634\u0631\u0648\u0639 <strong>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0646\u0635\u0629<\/strong> \u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637\n                    \u0628\u0646\u0633\u0628\u0629 \u0645\u0644\u062d\u0648\u0638\u0629. \u0623\u0643\u0628\u0631 \u0641\u0627\u0631\u0642 \u064a\u0638\u0647\u0631 \u0641\u064a \u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631.\n                    \u064a\u0645\u0643\u0646\u0643 \u0645\u0631\u0627\u062c\u0639\u0629 \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0625\u0639\u0627\u062f\u0629 \u062a\u0642\u062f\u064a\u0631 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0645\u062a\u0628\u0642\u064a.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-faq {\n    --tb-red: #d50032;\n    --tb-red-soft: #fff3f6;\n    --tb-text: #17191d;\n    --tb-muted: #696b72;\n    --tb-border: #e6e6e8;\n    --tb-soft: #f8f8f9;\n\n    direction: rtl;\n    width: 100%;\n    background: var(--tb-soft);\n    color: var(--tb-text);\n    padding: 110px 24px;\n    box-sizing: border-box;\n}\n\n.tb-time-faq * {\n    box-sizing: border-box;\n}\n\n.tb-time-faq-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.tb-time-faq-head {\n    max-width: 820px;\n    margin: 0 auto 60px;\n    text-align: center;\n}\n\n.tb-time-faq-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--tb-red);\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 22px;\n}\n\n.tb-time-faq-eyebrow::before,\n.tb-time-faq-eyebrow::after {\n    content: \"\";\n    width: 24px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-faq h2 {\n    margin: 0 0 22px;\n    font-size: clamp(42px, 4.2vw, 62px);\n    line-height: 1.3;\n    font-weight: 800;\n    letter-spacing: -1px;\n}\n\n.tb-time-faq-intro {\n    margin: 0;\n    color: var(--tb-muted);\n    font-size: 18px;\n    line-height: 2;\n}\n\n\/* Accordion *\/\n.tb-time-faq-list {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\n.tb-time-faq-item {\n    background: #fff;\n    border: 1px solid var(--tb-border);\n    border-radius: 18px;\n    overflow: hidden;\n    transition: .2s ease;\n}\n\n.tb-time-faq-item[open] {\n    border-color: #efc8d2;\n    box-shadow: 0 10px 28px rgba(0,0,0,.04);\n}\n\n.tb-time-faq-question {\n    list-style: none;\n    cursor: pointer;\n    padding: 24px 26px;\n    display: grid;\n    grid-template-columns: 1fr 34px;\n    gap: 20px;\n    align-items: center;\n    font-size: 18px;\n    line-height: 1.7;\n    font-weight: 800;\n}\n\n.tb-time-faq-question::-webkit-details-marker {\n    display: none;\n}\n\n.tb-time-faq-question::after {\n    content: \"+\";\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--tb-red-soft);\n    color: var(--tb-red);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 21px;\n    font-weight: 500;\n    transition: .2s ease;\n}\n\n.tb-time-faq-item[open] .tb-time-faq-question::after {\n    content: \"\u2212\";\n    background: var(--tb-red);\n    color: #fff;\n}\n\n.tb-time-faq-answer {\n    padding: 0 26px 26px;\n    color: var(--tb-muted);\n    font-size: 15px;\n    line-height: 2;\n    max-width: 1000px;\n}\n\n.tb-time-faq-answer p {\n    margin: 0;\n}\n\n@media (max-width: 700px) {\n    .tb-time-faq {\n        padding: 60px 18px;\n    }\n\n    .tb-time-faq h2 {\n        font-size: 38px;\n    }\n\n    .tb-time-faq-intro {\n        font-size: 17px;\n    }\n\n    .tb-time-faq-question {\n        padding: 20px;\n        font-size: 16px;\n    }\n\n    .tb-time-faq-answer {\n        padding: 0 20px 22px;\n        font-size: 14px;\n    }\n}\n<\/style>\n\n\n<section class=\"tb-time-faq\">\n\n    <div class=\"tb-time-faq-inner\">\n\n        <div class=\"tb-time-faq-head\">\n\n            <div class=\"tb-time-faq-eyebrow\">\n                \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\n            <\/div>\n\n            <h2>\n                \u0623\u0633\u0626\u0644\u0629 \u0634\u0627\u0626\u0639\u0629 \u062d\u0648\u0644 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\n            <\/h2>\n\n            <p class=\"tb-time-faq-intro\">\n                \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\n                \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"tb-time-faq-list\">\n\n            <details class=\"tb-time-faq-item\" open>\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0645\u0627 \u0647\u0648 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0647\u0648 \u0623\u062f\u0627\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0641\u0631\u0642 \u0639\u0644\u0649 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a\n                        \u0627\u0644\u0630\u064a \u064a\u064f\u0642\u0636\u0649 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u062b\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647\n                        \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0641\u0647\u0645 \u0627\u0644\u062c\u0647\u062f \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637\u060c \u0648\u0645\u0631\u0627\u062c\u0639\u0629\n                        \u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u064a\u0646 \u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u062a\u0633\u062c\u064a\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u064a\u062f\u0648\u064a\u064b\u0627 \u0623\u0648 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645\n                        \u0627\u0644\u0645\u0624\u0642\u062a \u0623\u062b\u0646\u0627\u0621 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0647\u0645\u0629. \u0643\u0645\u0627 \u064a\u0645\u0643\u0646 \u0625\u0636\u0627\u0641\u0629 \u062a\u0641\u0627\u0635\u064a\u0644\n                        \u0648\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0644\u0649 \u0633\u062c\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0631\u0628\u0637 \u0627\u0644\u0648\u0642\u062a \u0645\u0628\u0627\u0634\u0631\u0629 \u0628\u0627\u0644\u0645\u0647\u0645\u0629\n                        \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u064a\u0646 \u0628\u0647.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u062f\u064a\u0631 \u0645\u0631\u0627\u062c\u0639\u0629 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0642\u0628\u0644 \u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u0646\u0639\u0645. \u064a\u0645\u0643\u0646 \u0625\u0631\u0633\u0627\u0644 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0625\u0644\u0649 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0633\u0624\u0648\u0644 \u0644\u0644\u0645\u0631\u0627\u062c\u0639\u0629.\n                        \u064a\u0633\u062a\u0637\u064a\u0639 \u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0633\u062c\u0644\u060c \u0623\u0648 \u0625\u0639\u0627\u062f\u062a\u0647 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0644\u062a\u0635\u062d\u064a\u062d\u060c\n                        \u0623\u0648 \u0631\u0641\u0636\u0647 \u0639\u0646\u062f \u0627\u0644\u062d\u0627\u062c\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u062f\u0642\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a\n                        \u0642\u0628\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0641\u064a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0647\u0644 \u064a\u0645\u0643\u0646 \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0647\u0645\u0629\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u0646\u0639\u0645. \u064a\u0631\u062a\u0628\u0637 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644 \u0628\u0627\u0644\u0645\u0647\u0645\u0629 \u0648\u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c\n                        \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0645\u0639\u0631\u0641\u0629 \u0645\u0642\u062f\u0627\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062a\u063a\u0631\u0642 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0647\u0645\u0629 \u0623\u0648 \u0645\u0634\u0631\u0648\u0639\n                        \u0648\u062a\u062d\u0644\u064a\u0644 \u0643\u064a\u0641\u064a\u0629 \u062a\u0648\u0632\u064a\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0647\u0644 \u064a\u0645\u0643\u0646 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0628\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u0646\u0639\u0645. \u062a\u0633\u0627\u0639\u062f \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0639\u0644\u0649 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\n                        \u0627\u0644\u0645\u062e\u0637\u0637 \u0644\u0644\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0630\u064a \u0627\u0633\u062a\u063a\u0631\u0642\u0647 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\n                        \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n                        \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u063a\u0631\u0642 \u0648\u0642\u062a\u064b\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0647\u0644 \u064a\u0645\u0643\u0646 \u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0642\u062a \u0627\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0641\u0631\u064a\u0642\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u064a\u0648\u0641\u0651\u0631 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u062a\u0642\u0627\u0631\u064a\u0631 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u062f\u064a\u0631\u064a\u0646 \u0639\u0644\u0649 \u0645\u0631\u0627\u062c\u0639\u0629\n                        \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062c\u0644\u0629 \u0644\u0623\u0639\u0636\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0648\u0642\u062a\n                        \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0641\u0647\u0645 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u064b\u0627.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0645\u0627 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u0648\u0642\u062a \u0627\u0644\u062d\u0636\u0648\u0631 \u064a\u0639\u0628\u0651\u0631 \u0639\u0646 \u0645\u062f\u0629 \u0648\u062c\u0648\u062f \u0627\u0644\u0645\u0648\u0638\u0641 \u0641\u064a \u0627\u0644\u0639\u0645\u0644\u060c \u0628\u064a\u0646\u0645\u0627\n                        \u064a\u0639\u0643\u0633 \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0641\u0639\u0644\u064a \u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u062a\u0633\u062c\u064a\u0644\u0647\u0627 \u0639\u0644\u0649\n                        \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639. \u064a\u062a\u064a\u062d \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0646\u0648\u0639\u064a\u0646 \u0644\u0644\u062d\u0635\u0648\u0644\n                        \u0639\u0644\u0649 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0642\u062a \u0627\u0644\u0639\u0645\u0644.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n\n            <details class=\"tb-time-faq-item\">\n\n                <summary class=\"tb-time-faq-question\">\n                    \u0643\u064a\u0641 \u062a\u0633\u0627\u0639\u062f \u0631\u0627\u064a\u0644\u0627 \u0641\u064a \u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0648\u0642\u062a\u061f\n                <\/summary>\n\n                <div class=\"tb-time-faq-answer\">\n                    <p>\n                        \u062a\u0633\u0627\u0639\u062f \u0631\u0627\u064a\u0644\u0627\u060c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u0639\u0644\u0649\n                        \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n                        \u0648\u0627\u0644\u0648\u0642\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627\n                        \u0644\u0641\u0647\u0645 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u062c\u0627\u0648\u0632\u062a \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u0627\u062a \u0623\u0648 \u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u0646\u0645\u0627\u0637\n                        \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644 \u0648\u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0631\u064a\u0642 \u0628\u0635\u0648\u0631\u0629 \u0623\u0633\u0631\u0639.\n                    <\/p>\n                <\/div>\n\n            <\/details>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n.tb-time-final-cta {\n    --tb-red: #d50032;\n    --tb-red-dark: #b8002b;\n    --tb-text: #ffffff;\n    --tb-muted: #d5d6d9;\n    --tb-border: rgba(255,255,255,.14);\n\n    direction: rtl;\n    width: 100%;\n    background:\n        radial-gradient(circle at 15% 20%, rgba(213,0,50,.18), transparent 32%),\n        radial-gradient(circle at 85% 80%, rgba(213,0,50,.12), transparent 28%),\n        #202124;\n    color: var(--tb-text);\n    padding: 110px 24px;\n    box-sizing: border-box;\n    overflow: hidden;\n}\n\n.tb-time-final-cta * {\n    box-sizing: border-box;\n}\n\n.tb-time-final-cta-inner {\n    max-width: 1250px;\n    margin: 0 auto;\n    position: relative;\n    text-align: center;\n}\n\n.tb-time-final-cta-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: #ff9eb1;\n    font-size: 15px;\n    font-weight: 800;\n    margin-bottom: 22px;\n}\n\n.tb-time-final-cta-eyebrow::before,\n.tb-time-final-cta-eyebrow::after {\n    content: \"\";\n    width: 22px;\n    height: 2px;\n    background: var(--tb-red);\n}\n\n.tb-time-final-cta h2 {\n    max-width: 900px;\n    margin: 0 auto 24px;\n    font-size: clamp(44px, 5vw, 72px);\n    line-height: 1.25;\n    font-weight: 800;\n    letter-spacing: -1px;\n    color: #fff;\n}\n\n.tb-time-final-cta-lead {\n    max-width: 790px;\n    margin: 0 auto 36px;\n    color: var(--tb-muted);\n    font-size: 19px;\n    line-height: 2;\n}\n\n.tb-time-final-cta-actions {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 14px;\n    flex-wrap: wrap;\n    margin-bottom: 34px;\n}\n\n.tb-time-final-cta-btn {\n    min-height: 58px;\n    padding: 14px 30px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-decoration: none !important;\n    font-size: 17px;\n    font-weight: 800;\n    transition: .2s ease;\n}\n\n.tb-time-final-cta-btn-primary {\n    background: var(--tb-red);\n    color: #fff !important;\n    border: 1px solid var(--tb-red);\n    box-shadow: 0 16px 35px rgba(213,0,50,.2);\n}\n\n.tb-time-final-cta-btn-primary:hover {\n    background: var(--tb-red-dark);\n    border-color: var(--tb-red-dark);\n    transform: translateY(-2px);\n}\n\n.tb-time-final-cta-btn-secondary {\n    background: transparent;\n    color: #fff !important;\n    border: 1px solid rgba(255,255,255,.25);\n}\n\n.tb-time-final-cta-btn-secondary:hover {\n    background: rgba(255,255,255,.06);\n    border-color: rgba(255,255,255,.38);\n}\n\n.tb-time-final-cta-points {\n    display: flex;\n    justify-content: center;\n    gap: 26px;\n    flex-wrap: wrap;\n    margin-top: 10px;\n}\n\n.tb-time-final-cta-point {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #bfc0c4;\n    font-size: 13px;\n}\n\n.tb-time-final-cta-point::before {\n    content: \"\u2713\";\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: rgba(213,0,50,.17);\n    color: #ff90a8;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    font-weight: 800;\n}\n\n\/* Decorative strip *\/\n.tb-time-final-cta-strip {\n    margin: 58px auto 0;\n    max-width: 980px;\n    border: 1px solid var(--tb-border);\n    border-radius: 18px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    overflow: hidden;\n    background: rgba(255,255,255,.025);\n}\n\n.tb-time-final-cta-strip-item {\n    padding: 22px 18px;\n    border-left: 1px solid var(--tb-border);\n}\n\n.tb-time-final-cta-strip-item:last-child {\n    border-left: 0;\n}\n\n.tb-time-final-cta-strip-label {\n    color: #8f9197;\n    font-size: 11px;\n    margin-bottom: 6px;\n}\n\n.tb-time-final-cta-strip-value {\n    color: #fff;\n    font-size: 15px;\n    font-weight: 800;\n}\n\n@media (max-width: 800px) {\n    .tb-time-final-cta {\n        padding: 75px 18px;\n    }\n\n    .tb-time-final-cta h2 {\n        font-size: 40px;\n    }\n\n    .tb-time-final-cta-lead {\n        font-size: 17px;\n    }\n\n    .tb-time-final-cta-actions {\n        flex-direction: column;\n    }\n\n    .tb-time-final-cta-btn {\n        width: 100%;\n        max-width: 380px;\n    }\n\n    .tb-time-final-cta-strip {\n        grid-template-columns: 1fr 1fr;\n    }\n\n    .tb-time-final-cta-strip-item:nth-child(2) {\n        border-left: 0;\n    }\n\n    .tb-time-final-cta-strip-item:nth-child(1),\n    .tb-time-final-cta-strip-item:nth-child(2) {\n        border-bottom: 1px solid var(--tb-border);\n    }\n}\n\n@media (max-width: 480px) {\n    .tb-time-final-cta-strip {\n        grid-template-columns: 1fr;\n    }\n\n    .tb-time-final-cta-strip-item {\n        border-left: 0;\n        border-bottom: 1px solid var(--tb-border);\n    }\n\n    .tb-time-final-cta-strip-item:last-child {\n        border-bottom: 0;\n    }\n}\n<\/style>\n\n<section class=\"tb-time-final-cta\">\n\n    <div class=\"tb-time-final-cta-inner\">\n\n        <div class=\"tb-time-final-cta-eyebrow\">\n            \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n        <\/div>\n\n        <h2>\n            \u062d\u0648\u0651\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0623\u0641\u0636\u0644\n        <\/h2>\n\n        <p class=\"tb-time-final-cta-lead\">\n            \u062c\u0631\u0651\u0628 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0641\u064a \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632\u060c \u0648\u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645\n            \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u0631\u0627\u062c\u0639 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0642\u060c \u0648\u062d\u0644\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n        <\/p>\n\n        <div class=\"tb-time-final-cta-actions\">\n\n            <a\n                class=\"tb-time-final-cta-btn tb-time-final-cta-btn-primary\"\n                href=\"https:\/\/panel.taskbrowse.com\/Account\/Register?lang=ar\">\n                \u0627\u0628\u062f\u0623 \u062a\u062c\u0631\u0628\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0645\u062f\u0629 3 \u0623\u0633\u0627\u0628\u064a\u0639\n            <\/a>\n\n            <a\n                class=\"tb-time-final-cta-btn tb-time-final-cta-btn-secondary\"\n                href=\"#how-time-tracking-works\">\n                \u0634\u0627\u0647\u062f \u0643\u064a\u0641 \u064a\u0639\u0645\u0644\n            <\/a>\n\n        <\/div>\n\n        <div class=\"tb-time-final-cta-points\">\n\n            <div class=\"tb-time-final-cta-point\">\n                \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u064a\u062f\u0648\u064a\u064b\u0627 \u0623\u0648 \u0628\u0627\u0644\u0645\u0624\u0642\u062a\n            <\/div>\n\n            <div class=\"tb-time-final-cta-point\">\n                \u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0648\u0642\u062a\n            <\/div>\n\n            <div class=\"tb-time-final-cta-point\">\n                \u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062f\u0642\u064a\u0642\u0629\n            <\/div>\n\n            <div class=\"tb-time-final-cta-point\">\n                \u062a\u062d\u0644\u064a\u0644 \u0630\u0643\u064a \u0645\u0639 \u0631\u0627\u064a\u0644\u0627\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tb-time-final-cta-strip\">\n\n            <div class=\"tb-time-final-cta-strip-item\">\n                <div class=\"tb-time-final-cta-strip-label\">\n                    \u0627\u0644\u062a\u0633\u062c\u064a\u0644\n                <\/div>\n                <div class=\"tb-time-final-cta-strip-value\">\n                    \u0648\u0642\u062a \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n                <\/div>\n            <\/div>\n\n            <div class=\"tb-time-final-cta-strip-item\">\n                <div class=\"tb-time-final-cta-strip-label\">\n                    \u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629\n                <\/div>\n                <div class=\"tb-time-final-cta-strip-value\">\n                    \u0627\u0639\u062a\u0645\u0627\u062f \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0642\n                <\/div>\n            <\/div>\n\n            <div class=\"tb-time-final-cta-strip-item\">\n                <div class=\"tb-time-final-cta-strip-label\">\n                    \u0627\u0644\u062a\u062d\u0644\u064a\u0644\n                <\/div>\n                <div class=\"tb-time-final-cta-strip-value\">\n                    \u0627\u0644\u0645\u062e\u0637\u0637 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0641\u0639\u0644\u064a\n                <\/div>\n            <\/div>\n\n            <div class=\"tb-time-final-cta-strip-item\">\n                <div class=\"tb-time-final-cta-strip-label\">\n                    \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\n                <\/div>\n                <div class=\"tb-time-final-cta-strip-value\">\n                    \u0631\u0627\u064a\u0644\u0627\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u062a\u062a\u0628\u0651\u0639 \u0627\u0644\u0648\u0642\u062a \u00b7 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u00b7 \u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0631\u064a\u0642 \u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0644\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0633\u062c\u0651\u0644 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0630\u064a \u064a\u0642\u0636\u064a\u0647 \u0641\u0631\u064a\u0642\u0643 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0648\u0642\u0627\u0631\u0646 \u0628\u064a\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062e\u0637\u0637 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a\u060c \u0648\u0631\u0627\u062c\u0639 \u0633\u062c\u0644\u0627\u062a \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f. \u064a\u0633\u0627\u0639\u062f\u0643 \u062a\u0627\u0633\u0643 \u0628\u0631\u0627\u0648\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0623\u064a\u0646 \u064a\u0630\u0647\u0628 \u0648\u0642\u062a \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0623\u062f\u0642 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062a\u0648\u0632\u064a\u0639 \u0639\u0628\u0621 \u0627\u0644\u0639\u0645\u0644. \u0627\u0628\u062f\u0623 \u0645\u062c\u0627\u0646\u064b\u0627 \u0634\u0627\u0647\u062f \u0643\u064a\u0641&hellip;&nbsp;<a href=\"https:\/\/taskbrowse.com\/ar\/tatabbu-al-waqt-bisuhoola\/\" rel=\"bookmark\">\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0632\u064a\u062f &raquo;<span class=\"screen-reader-text\">\u0628\u0631\u0646\u0627\u0645\u062c \u062a\u062a\u0628\u0639 \u0627\u0644\u0648\u0642\u062a \u0644\u0644\u0641\u0631\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":7385,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-607","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/607","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=607"}],"version-history":[{"count":47,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/607\/revisions"}],"predecessor-version":[{"id":10411,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/pages\/607\/revisions\/10411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media\/7385"}],"wp:attachment":[{"href":"https:\/\/taskbrowse.com\/ar\/wp-json\/wp\/v2\/media?parent=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}