{"id":38654,"date":"2022-05-16T15:11:03","date_gmt":"2022-05-16T10:41:03","guid":{"rendered":"https:\/\/behtime.net\/main\/?page_id=38654"},"modified":"2026-08-19T13:50:31","modified_gmt":"2026-08-19T10:20:31","slug":"behtime-and-it-company","status":"publish","type":"page","link":"https:\/\/behtime.net\/main\/behtime-and-it-company\/","title":{"rendered":"\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a"},"content":{"rendered":"\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Hero\n   Full Section\n   ========================================================= *\/\n\n.bt-it-hero {\n    --bt-orange: #f3a503;\n    --bt-orange-dark: #d99100;\n    --bt-orange-soft: #fff6df;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #7b8188;\n\n    --bt-border: #e8e4dc;\n    --bt-bg: #fbfaf7;\n    --bt-white: #ffffff;\n\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n\n    direction: rtl;\n\n    padding: 92px 24px 100px;\n\n    background:\n        radial-gradient(\n            circle at 8% 18%,\n            rgba(243, 165, 3, 0.09),\n            transparent 27%\n        ),\n        radial-gradient(\n            circle at 91% 80%,\n            rgba(34, 38, 44, 0.025),\n            transparent 26%\n        ),\n        linear-gradient(\n            180deg,\n            #ffffff 0%,\n            #fbfaf7 100%\n        );\n\n    font-family: inherit;\n}\n\n.bt-it-hero *,\n.bt-it-hero *::before,\n.bt-it-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   SOFTWARE COMPANY BACKGROUND\n   ========================================================= *\/\n\n.bt-it-hero__tech-bg {\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n\n    pointer-events: none;\n    overflow: hidden;\n}\n\n\n\/* subtle grid *\/\n\n.bt-it-hero__tech-bg::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        linear-gradient(\n            rgba(34,38,44,.025) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(34,38,44,.025) 1px,\n            transparent 1px\n        );\n\n    background-size: 54px 54px;\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(0,0,0,.8) 20%,\n            rgba(0,0,0,.8) 80%,\n            transparent\n        );\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(0,0,0,.8) 20%,\n            rgba(0,0,0,.8) 80%,\n            transparent\n        );\n\n    opacity: .55;\n}\n\n\n\/* large glow *\/\n\n.bt-it-hero__tech-bg::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 570px;\n    height: 570px;\n\n    left: -180px;\n    top: -150px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.11) 0%,\n            rgba(243,165,3,.035) 45%,\n            transparent 70%\n        );\n}\n\n\n\/* individual tech symbols *\/\n\n.bt-tech-item {\n    position: absolute;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: #73777c;\n\n    opacity: .11;\n\n    user-select: none;\n}\n\n\n\/* Code *\/\n\n.bt-tech-code {\n    right: 4%;\n    top: 12%;\n\n    direction: ltr;\n\n    font-family:\n        Consolas,\n        Monaco,\n        \"Courier New\",\n        monospace;\n\n    font-size: 12px;\n    line-height: 1.85;\n\n    text-align: left;\n\n    transform: rotate(-3deg);\n}\n\n.bt-tech-code .orange {\n    color: var(--bt-orange);\n}\n\n.bt-tech-code .muted {\n    color: #9b9ea2;\n}\n\n\n\/* terminal *\/\n\n.bt-tech-terminal {\n    left: 5%;\n    bottom: 15%;\n\n    width: 122px;\n    height: 76px;\n\n    border: 1.5px solid currentColor;\n    border-radius: 11px;\n\n    transform: rotate(4deg);\n}\n\n.bt-tech-terminal::before {\n    content: \">_\";\n\n    position: absolute;\n    right: 19px;\n    top: 24px;\n\n    font-family: monospace;\n    font-size: 21px;\n    font-weight: 700;\n}\n\n.bt-tech-terminal::after {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 18px;\n\n    height: 1px;\n\n    background: currentColor;\n}\n\n\n\/* database *\/\n\n.bt-tech-database {\n    right: 2.5%;\n    bottom: 13%;\n\n    width: 63px;\n    height: 79px;\n\n    opacity: .095;\n}\n\n.bt-tech-database svg {\n    width: 100%;\n    height: 100%;\n}\n\n\n\/* cloud *\/\n\n.bt-tech-cloud {\n    left: 12%;\n    top: 13%;\n\n    width: 80px;\n    height: 80px;\n\n    opacity: .085;\n}\n\n.bt-tech-cloud svg {\n    width: 100%;\n}\n\n\n\/* Git Branch *\/\n\n.bt-tech-git {\n    right: 22%;\n    top: 5%;\n\n    width: 78px;\n    height: 105px;\n\n    opacity: .075;\n}\n\n.bt-tech-git svg {\n    width: 100%;\n    height: 100%;\n}\n\n\n\/* Network nodes *\/\n\n.bt-tech-network {\n    left: 26%;\n    top: 4%;\n\n    width: 125px;\n    height: 100px;\n\n    opacity: .065;\n}\n\n.bt-tech-network svg {\n    width: 100%;\n    height: 100%;\n}\n\n\n\/* API pill *\/\n\n.bt-tech-api {\n    right: 41%;\n    bottom: 6%;\n\n    padding: 7px 14px;\n\n    border: 1px solid currentColor;\n    border-radius: 8px;\n\n    direction: ltr;\n\n    font-family: monospace;\n    font-size: 12px;\n    font-weight: 700;\n\n    letter-spacing: .5px;\n\n    transform: rotate(2deg);\n\n    opacity: .07;\n}\n\n\n\/* brackets *\/\n\n.bt-tech-brackets {\n    left: 40%;\n    top: 8%;\n\n    font-family: monospace;\n\n    font-size: 66px;\n    line-height: 1;\n\n    font-weight: 300;\n\n    opacity: .045;\n\n    transform: rotate(-5deg);\n}\n\n\n\/* plus dots *\/\n\n.bt-tech-dots {\n    position: absolute;\n\n    width: 90px;\n    height: 90px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.7) 1.5px,\n            transparent 1.8px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .15;\n}\n\n.bt-tech-dots--1 {\n    right: 30px;\n    top: 44%;\n}\n\n.bt-tech-dots--2 {\n    left: 29%;\n    bottom: 3%;\n\n    width: 75px;\n    height: 75px;\n\n    opacity: .09;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-hero__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(420px, .88fr);\n\n    gap: 72px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-hero__content {\n    position: relative;\n    z-index: 3;\n}\n\n\n.bt-it-hero__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 21px;\n\n    color: #8a640b;\n\n    font-size: 14px;\n    font-weight: 750;\n    line-height: 1.8;\n}\n\n\n.bt-it-hero__eyebrow-dot {\n    width: 8px;\n    height: 8px;\n\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n\n    box-shadow:\n        0 0 0 6px\n        rgba(243,165,3,.12);\n}\n\n\n.bt-it-hero h1 {\n    max-width: 690px;\n\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(38px, 4.2vw, 60px);\n\n    line-height: 1.38;\n\n    letter-spacing: -1.3px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-hero h1 .bt-highlight {\n    position: relative;\n\n    display: inline;\n\n    z-index: 1;\n}\n\n\n.bt-it-hero h1 .bt-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 8px;\n\n    border-radius: 20px;\n\n    background:\n        rgba(243,165,3,.22);\n\n    z-index: -1;\n}\n\n\n.bt-it-hero__lead {\n    max-width: 650px;\n\n    margin: 27px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 18px;\n\n    line-height: 2.05;\n\n    font-weight: 400;\n}\n\n\n.bt-it-hero__lead strong {\n    color: var(--bt-ink);\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.bt-it-hero__contexts {\n    display: flex;\n    flex-wrap: wrap;\n\n    align-items: center;\n\n    gap: 11px 19px;\n\n    margin-top: 30px;\n}\n\n\n.bt-it-context {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 7px;\n\n    color: #656a70;\n\n    font-size: 13.5px;\n\n    font-weight: 650;\n}\n\n\n.bt-it-context svg {\n    width: 17px;\n    height: 17px;\n\n    flex: 0 0 17px;\n\n    color: var(--bt-orange);\n}\n\n\n\/* =========================================================\n   ACTIONS\n   ========================================================= *\/\n\n.bt-it-hero__actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-top: 36px;\n}\n\n\n.bt-it-btn {\n    min-height: 49px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    padding: 11px 22px;\n\n    border-radius: 11px;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n\n    font-weight: 750;\n\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n\n.bt-it-btn:hover {\n    transform: translateY(-2px);\n}\n\n\n.bt-it-btn--primary {\n    color: #252525 !important;\n\n    background: var(--bt-orange);\n\n    border:\n        1px solid\n        var(--bt-orange);\n\n    box-shadow:\n        0 8px 22px\n        rgba(243,165,3,.18);\n}\n\n\n.bt-it-btn--primary:hover {\n    background: #ffb512;\n\n    border-color: #ffb512;\n\n    box-shadow:\n        0 12px 28px\n        rgba(243,165,3,.24);\n}\n\n\n.bt-it-btn--secondary {\n    color: var(--bt-ink) !important;\n\n    background:\n        rgba(255,255,255,.75);\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    backdrop-filter: blur(4px);\n}\n\n\n.bt-it-btn--secondary:hover {\n    background: #fff;\n\n    border-color: #d7d2c8;\n}\n\n\n.bt-it-btn svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n\/* =========================================================\n   MAIN VISUAL\n   ========================================================= *\/\n\n.bt-it-hero__visual {\n    position: relative;\n\n    min-height: 515px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\n.bt-it-hero__visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 440px;\n    height: 440px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.13) 0%,\n            rgba(243,165,3,.045) 45%,\n            rgba(243,165,3,0) 71%\n        );\n}\n\n\n\/* =========================================================\n   PRODUCT WINDOW\n   ========================================================= *\/\n\n.bt-it-workspace {\n    position: relative;\n    z-index: 3;\n\n    width: 445px;\n    max-width: 100%;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #e2ded5;\n\n    border-radius: 20px;\n\n    background:\n        rgba(255,255,255,.96);\n\n    box-shadow:\n        0 32px 75px rgba(30,35,40,.11),\n        0 3px 8px rgba(30,35,40,.04);\n}\n\n\n.bt-it-workspace__top {\n    height: 51px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 0 17px;\n\n    border-bottom:\n        1px solid\n        #efede7;\n}\n\n\n.bt-it-workspace__brand {\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: #3a3e43;\n\n    font-size: 12px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-workspace__brand-mark {\n    width: 23px;\n    height: 23px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 7px;\n\n    background: var(--bt-orange);\n\n    color: #252525;\n\n    font-size: 11px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-window-controls {\n    display: flex;\n\n    gap: 5px;\n}\n\n\n.bt-it-window-controls span {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #ddd9d1;\n}\n\n\n.bt-it-workspace__body {\n    min-height: 350px;\n\n    display: grid;\n\n    grid-template-columns:\n        88px 1fr;\n\n    direction: ltr;\n}\n\n\n\/* =========================================================\n   SIDEBAR\n   ========================================================= *\/\n\n.bt-it-side {\n    padding: 16px 12px;\n\n    background: #faf9f6;\n\n    border-right:\n        1px solid\n        #efede7;\n}\n\n\n.bt-it-side__item {\n    height: 30px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 7px;\n\n    margin-bottom: 6px;\n\n    padding: 0 8px;\n\n    border-radius: 7px;\n\n    color: #888b8f;\n\n    font-size: 8px;\n}\n\n\n.bt-it-side__item::before {\n    content: \"\";\n\n    width: 8px;\n    height: 8px;\n\n    border-radius: 3px;\n\n    border:\n        1px solid\n        #cac6bd;\n}\n\n\n.bt-it-side__item.is-active {\n    color: #73520a;\n\n    background: #fff5dc;\n\n    font-weight: 700;\n}\n\n\n.bt-it-side__item.is-active::before {\n    background: var(--bt-orange);\n\n    border-color: var(--bt-orange);\n}\n\n\n\/* =========================================================\n   DASHBOARD\n   ========================================================= *\/\n\n.bt-it-dashboard {\n    direction: rtl;\n\n    padding: 19px;\n}\n\n\n.bt-it-dashboard__header {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    margin-bottom: 17px;\n}\n\n\n.bt-it-dashboard__title {\n    color: #373b40;\n\n    font-size: 13px;\n\n    font-weight: 800;\n}\n\n\n.bt-it-dashboard__period {\n    padding: 5px 8px;\n\n    border:\n        1px solid\n        #ebe8e2;\n\n    border-radius: 6px;\n\n    color: #96999d;\n\n    font-size: 8px;\n}\n\n\n\/* =========================================================\n   STATS\n   ========================================================= *\/\n\n.bt-it-stats {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 8px;\n\n    margin-bottom: 16px;\n}\n\n\n.bt-it-stat {\n    padding: 10px;\n\n    border:\n        1px solid\n        #efede8;\n\n    border-radius: 10px;\n\n    background: #fff;\n}\n\n\n.bt-it-stat__label {\n    margin-bottom: 6px;\n\n    color: #95989c;\n\n    font-size: 7px;\n}\n\n\n.bt-it-stat__value {\n    color: #373b40;\n\n    font-size: 15px;\n\n    font-weight: 850;\n}\n\n\n.bt-it-stat__value span {\n    margin-right: 2px;\n\n    color: #aaa;\n\n    font-size: 7px;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   PROJECT TASKS\n   ========================================================= *\/\n\n.bt-it-project {\n    padding-top: 14px;\n\n    border-top:\n        1px solid\n        #efede8;\n}\n\n\n.bt-it-project__head {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    margin-bottom: 11px;\n}\n\n\n.bt-it-project__name {\n    color: #464a4f;\n\n    font-size: 9px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-project__status {\n    padding: 3px 7px;\n\n    border-radius: 10px;\n\n    color: #886006;\n\n    background: #fff3d3;\n\n    font-size: 7px;\n\n    font-weight: 700;\n}\n\n\n.bt-it-task {\n    min-height: 34px;\n\n    display: grid;\n\n    grid-template-columns:\n        1fr 53px 40px;\n\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 7px 0;\n\n    border-bottom:\n        1px solid\n        #f2f0ec;\n\n    color: #6d7176;\n\n    font-size: 7px;\n}\n\n\n.bt-it-task__progress {\n    height: 4px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #efede8;\n}\n\n\n.bt-it-task__progress span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-task__person {\n    width: 21px;\n    height: 21px;\n\n    display: grid;\n    place-items: center;\n\n    margin: auto;\n\n    border-radius: 50%;\n\n    background: #ece9e3;\n\n    color: #686b6f;\n\n    font-size: 6px;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   FLOATING CARDS\n   ========================================================= *\/\n\n.bt-it-float {\n    position: absolute;\n\n    z-index: 5;\n\n    min-width: 158px;\n\n    padding: 13px 14px;\n\n    border:\n        1px solid\n        #e8e4dc;\n\n    border-radius: 13px;\n\n    background:\n        rgba(255,255,255,.97);\n\n    box-shadow:\n        0 14px 38px\n        rgba(32,36,41,.11);\n}\n\n\n.bt-it-float--support {\n    left: -18px;\n    top: 87px;\n}\n\n\n.bt-it-float--time {\n    right: -21px;\n    bottom: 63px;\n}\n\n\n.bt-it-float__top {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n}\n\n\n.bt-it-float__icon {\n    width: 29px;\n    height: 29px;\n\n    flex: 0 0 29px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange-soft);\n\n    color: #b87b00;\n}\n\n\n.bt-it-float__icon svg {\n    width: 15px;\n    height: 15px;\n}\n\n\n.bt-it-float__label {\n    color: #777b80;\n\n    font-size: 8px;\n}\n\n\n.bt-it-float__value {\n    margin-top: 2px;\n\n    color: #35393e;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.bt-it-float__meta {\n    margin-top: 8px;\n\n    color: #9a9da1;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-hero {\n        padding-top: 72px;\n    }\n\n    .bt-it-hero__container {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n    .bt-it-hero__content {\n        max-width: 760px;\n    }\n\n    .bt-it-hero__visual {\n        width: min(580px, 100%);\n\n        margin: 0 auto;\n    }\n\n    .bt-tech-code {\n        right: 2%;\n    }\n\n    .bt-tech-network {\n        display: none;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-hero {\n        padding:\n            58px 18px\n            70px;\n    }\n\n    .bt-it-hero h1 {\n        font-size: 35px;\n\n        letter-spacing: -.7px;\n    }\n\n    .bt-it-hero__lead {\n        font-size: 16px;\n\n        line-height: 1.95;\n    }\n\n    .bt-it-hero__actions {\n        align-items: stretch;\n    }\n\n    .bt-it-btn {\n        width: 100%;\n    }\n\n    .bt-it-hero__visual {\n        min-height: 430px;\n    }\n\n    .bt-it-workspace {\n        width:\n            calc(100% - 16px);\n    }\n\n    .bt-it-workspace__body {\n        grid-template-columns:\n            67px 1fr;\n    }\n\n    .bt-it-side {\n        padding:\n            13px 7px;\n    }\n\n    .bt-it-side__item {\n        justify-content: center;\n\n        font-size: 0;\n    }\n\n    .bt-it-dashboard {\n        padding: 14px;\n    }\n\n    .bt-it-float {\n        min-width: 135px;\n\n        padding: 10px 11px;\n    }\n\n    .bt-it-float--support {\n        left: 0;\n\n        top: 42px;\n    }\n\n    .bt-it-float--time {\n        right: 0;\n\n        bottom: 28px;\n    }\n\n    \/* simplify background on mobile *\/\n\n    .bt-tech-code,\n    .bt-tech-api,\n    .bt-tech-brackets,\n    .bt-tech-git {\n        display: none;\n    }\n\n    .bt-tech-cloud {\n        left: 4%;\n        top: 8%;\n\n        opacity: .05;\n    }\n\n    .bt-tech-terminal {\n        left: -30px;\n\n        bottom: 5%;\n\n        opacity: .055;\n\n        transform: scale(.8);\n    }\n\n    .bt-tech-database {\n        right: -8px;\n\n        bottom: 5%;\n\n        opacity: .06;\n    }\n\n    .bt-tech-dots {\n        opacity: .06;\n    }\n}\n\n\n@media (max-width: 430px) {\n\n    .bt-it-stats {\n        gap: 5px;\n    }\n\n    .bt-it-stat {\n        padding: 8px 6px;\n    }\n\n    .bt-it-task {\n        grid-template-columns:\n            1fr 42px 28px;\n    }\n\n    .bt-it-float--support {\n        transform: scale(.9);\n\n        transform-origin:\n            left top;\n    }\n\n    .bt-it-float--time {\n        transform: scale(.9);\n\n        transform-origin:\n            right bottom;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-hero\">\n\n    <!-- =====================================================\n         SOFTWARE \/ IT BACKGROUND ELEMENTS\n    ====================================================== -->\n\n    <div class=\"bt-it-hero__tech-bg\"\n         aria-hidden=\"true\">\n\n\n        <!-- Code -->\n\n        <div class=\"bt-tech-item bt-tech-code\">\n\n            <span class=\"muted\">const<\/span>\n            project =\n            <span class=\"orange\">{<\/span>\n            <br>\n\n            &nbsp;&nbsp;status:\n            &#8220;active&#8221;,\n            <br>\n\n            &nbsp;&nbsp;progress:\n            68,\n            <br>\n\n            &nbsp;&nbsp;team:\n            &#8220;dev&#8221;\n            <br>\n\n            <span class=\"orange\">}<\/span>;\n\n        <\/div>\n\n\n        <!-- Terminal -->\n\n        <div class=\"bt-tech-item bt-tech-terminal\">\n        <\/div>\n\n\n        <!-- Database -->\n\n        <div class=\"bt-tech-item bt-tech-database\">\n\n            <svg viewBox=\"0 0 64 82\"\n                 fill=\"none\"\n                 stroke=\"currentColor\"\n                 stroke-width=\"1.6\">\n\n                <ellipse\n                    cx=\"32\"\n                    cy=\"13\"\n                    rx=\"23\"\n                    ry=\"8\"\/>\n\n                <path\n                    d=\"M9 13v18\n                       c0 4.5 10.3 8\n                       23 8s23-3.5\n                       23-8V13\"\/>\n\n                <path\n                    d=\"M9 31v18\n                       c0 4.5 10.3 8\n                       23 8s23-3.5\n                       23-8V31\"\/>\n\n                <path\n                    d=\"M9 49v17\n                       c0 4.5 10.3 8\n                       23 8s23-3.5\n                       23-8V49\"\/>\n\n            <\/svg>\n\n        <\/div>\n\n\n        <!-- Cloud -->\n\n        <div class=\"bt-tech-item bt-tech-cloud\">\n\n            <svg viewBox=\"0 0 80 80\"\n                 fill=\"none\"\n                 stroke=\"currentColor\"\n                 stroke-width=\"1.6\">\n\n                <path d=\"\n                    M21 55\n                    h38\n                    a12 12 0 0 0\n                    2-23.8\n                    A20 20 0 0 0\n                    23 28\n                    a14 14 0 0 0\n                    -2 27z\n                \"\/>\n\n            <\/svg>\n\n        <\/div>\n\n\n        <!-- Git branch -->\n\n        <div class=\"bt-tech-item bt-tech-git\">\n\n            <svg viewBox=\"0 0 80 110\"\n                 fill=\"none\"\n                 stroke=\"currentColor\"\n                 stroke-width=\"1.8\">\n\n                <circle\n                    cx=\"24\"\n                    cy=\"16\"\n                    r=\"6\"\/>\n\n                <circle\n                    cx=\"24\"\n                    cy=\"92\"\n                    r=\"6\"\/>\n\n                <circle\n                    cx=\"58\"\n                    cy=\"42\"\n                    r=\"6\"\/>\n\n                <path\n                    d=\"M24 22v64\"\/>\n\n                <path\n                    d=\"M24 50\n                       c17 0\n                       34-4\n                       34-8\"\/>\n\n            <\/svg>\n\n        <\/div>\n\n\n        <!-- Network -->\n\n        <div class=\"bt-tech-item bt-tech-network\">\n\n            <svg viewBox=\"0 0 130 100\"\n                 fill=\"none\"\n                 stroke=\"currentColor\"\n                 stroke-width=\"1.3\">\n\n                <circle cx=\"18\" cy=\"50\" r=\"5\"\/>\n                <circle cx=\"58\" cy=\"20\" r=\"5\"\/>\n                <circle cx=\"62\" cy=\"75\" r=\"5\"\/>\n                <circle cx=\"111\" cy=\"48\" r=\"5\"\/>\n\n                <path d=\"M23 47L53 23\"\/>\n                <path d=\"M23 53L57 72\"\/>\n                <path d=\"M63 23L106 45\"\/>\n                <path d=\"M67 72L107 51\"\/>\n                <path d=\"M60 25L61 70\"\/>\n\n            <\/svg>\n\n        <\/div>\n\n\n        <!-- API -->\n\n        <div class=\"bt-tech-item bt-tech-api\">\n            API \/ v2\n        <\/div>\n\n\n        <!-- code brackets -->\n\n        <div class=\"bt-tech-item bt-tech-brackets\">\n            { }\n        <\/div>\n\n\n        <!-- orange dot matrices -->\n\n        <div class=\"bt-tech-dots bt-tech-dots--1\">\n        <\/div>\n\n        <div class=\"bt-tech-dots bt-tech-dots--2\">\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <div class=\"bt-it-hero__container\">\n\n\n        <!-- ============================\n             TEXT\n        ============================= -->\n\n        <div class=\"bt-it-hero__content\">\n\n            <div class=\"bt-it-hero__eyebrow\">\n\n                <span class=\"bt-it-hero__eyebrow-dot\">\n                <\/span>\n\n                \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\n\n            <\/div>\n\n\n            <h1>\n\n                \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc\n\n                <span class=\"bt-highlight\">\n                    \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\n                <\/span>\n\n            <\/h1>\n\n\n            <p class=\"bt-it-hero__lead\">\n\n                \u0648\u0642\u062a\u06cc\n                <strong>\n                    \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c\n                    \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n                <\/strong>\n\n                \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0631\u0648\u06cc \u06cc\u06a9 \u062a\u06cc\u0645 \u067e\u06cc\u0634 \u0645\u06cc\u200c\u0631\u0648\u0646\u062f\u060c\n                \u062f\u0627\u0646\u0633\u062a\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u00ab\u0686\u0647 \u06a9\u0627\u0631\u06cc \u062f\u0633\u062a \u0686\u0647 \u06a9\u0633\u06cc \u0627\u0633\u062a\u00bb\n                \u062f\u06cc\u06af\u0631 \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a.\n\n                \u0628\u0647\u062a\u0627\u06cc\u0645 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f\n                \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u0632\u0645\u0627\u0646\u060c \u067e\u06cc\u0634\u0631\u0641\u062a \u0648 \u0647\u0632\u06cc\u0646\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627\n                \u062f\u0631 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0648\u0627\u062d\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f.\n\n            <\/p>\n\n\n            <!-- Contexts -->\n\n            <div class=\"bt-it-hero__contexts\">\n\n\n                <!-- Product development -->\n\n                <span class=\"bt-it-context\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.8\">\n\n                        <path d=\"M8 9l-3 3 3 3\"\/>\n                        <path d=\"M16 9l3 3-3 3\"\/>\n                        <path d=\"M14 6l-4 12\"\/>\n\n                    <\/svg>\n\n                    \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\n\n                <\/span>\n\n\n                <!-- Client projects -->\n\n                <span class=\"bt-it-context\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.8\">\n\n                        <rect\n                            x=\"4\"\n                            y=\"5\"\n                            width=\"16\"\n                            height=\"14\"\n                            rx=\"2\"\/>\n\n                        <path d=\"M8 5V3\"\/>\n                        <path d=\"M16 5V3\"\/>\n                        <path d=\"M4 10h16\"\/>\n\n                    <\/svg>\n\n                    \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\n\n                <\/span>\n\n\n                <!-- Support -->\n\n                <span class=\"bt-it-context\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.8\">\n\n                        <path d=\"\n                            M4 12\n                            a8 8 0 0 1\n                            16 0\n                        \"\/>\n\n                        <path d=\"\n                            M4 12v4\n                            a2 2 0 0 0\n                            2 2h2v-6H4z\n                        \"\/>\n\n                        <path d=\"\n                            M20 12v4\n                            a2 2 0 0 1\n                            -2 2h-2v-6h4z\n                        \"\/>\n\n                    <\/svg>\n\n                    \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\n\n                <\/span>\n\n\n                <!-- Time -->\n\n                <span class=\"bt-it-context\">\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"1.8\">\n\n                        <circle\n                            cx=\"12\"\n                            cy=\"12\"\n                            r=\"8\"\/>\n\n                        <path d=\"M12 8v5l3 2\"\/>\n\n                    <\/svg>\n\n                    \u0632\u0645\u0627\u0646 \u0648 \u0647\u0632\u06cc\u0646\u0647 \u062a\u06cc\u0645\n\n                <\/span>\n\n            <\/div>\n\n\n            <!-- Buttons -->\n\n            <div class=\"bt-it-hero__actions\">\n\n                <a\n                    class=\"\n                        bt-it-btn\n                        bt-it-btn--primary\n                    \"\n                    href=\"https:\/\/panel.behtime.ir\/Account\/Register\"\n                    target=\"_blank\"\n                    rel=\"noopener\">\n\n                    \u0631\u0627\u06cc\u06af\u0627\u0646 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"2\">\n\n                        <path d=\"M19 12H5\"\/>\n                        <path d=\"M10 17l-5-5 5-5\"\/>\n\n                    <\/svg>\n\n                <\/a>\n\n\n                <a\n                    class=\"\n                        bt-it-btn\n                        bt-it-btn--secondary\n                    \"\n                    href=\"#it-use-cases\">\n\n                    \u0628\u0628\u06cc\u0646\u06cc\u062f \u06a9\u062c\u0627 \u0628\u0647 \u06a9\u0627\u0631\u062a\u0627\u0646 \u0645\u06cc\u200c\u0622\u06cc\u062f\n\n                    <svg viewBox=\"0 0 24 24\"\n                         fill=\"none\"\n                         stroke=\"currentColor\"\n                         stroke-width=\"2\">\n\n                        <path d=\"M12 5v14\"\/>\n                        <path d=\"M7 14l5 5 5-5\"\/>\n\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ============================\n             VISUAL\n        ============================= -->\n\n        <div class=\"bt-it-hero__visual\">\n\n\n            <!-- Main application -->\n\n            <div class=\"bt-it-workspace\">\n\n                <div class=\"bt-it-workspace__top\">\n\n\n                    <div class=\"bt-it-workspace__brand\">\n\n                        <span\n                            class=\"\n                                bt-it-workspace__brand-mark\n                            \">\n                            \u0628\n                        <\/span>\n\n                        \u0646\u0645\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\n\n                    <\/div>\n\n\n                    <div class=\"bt-it-window-controls\">\n\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"bt-it-workspace__body\">\n\n\n                    <!-- Sidebar -->\n\n                    <aside class=\"bt-it-side\">\n\n                        <div\n                            class=\"\n                                bt-it-side__item\n                                is-active\n                            \">\n                            \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\n                        <\/div>\n\n                        <div class=\"bt-it-side__item\">\n                            \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\n                        <\/div>\n\n                        <div class=\"bt-it-side__item\">\n                            \u0628\u0631\u0646\u0627\u0645\u0647\n                        <\/div>\n\n                        <div class=\"bt-it-side__item\">\n                            \u0632\u0645\u0627\u0646\n                        <\/div>\n\n                        <div class=\"bt-it-side__item\">\n                            \u06af\u0632\u0627\u0631\u0634\n                        <\/div>\n\n                    <\/aside>\n\n\n                    <!-- Dashboard -->\n\n                    <div class=\"bt-it-dashboard\">\n\n\n                        <div\n                            class=\"\n                                bt-it-dashboard__header\n                            \">\n\n                            <div\n                                class=\"\n                                    bt-it-dashboard__title\n                                \">\n                                \u062a\u0648\u0633\u0639\u0647 \u0646\u0633\u062e\u0647 \u062c\u062f\u06cc\u062f\n                            <\/div>\n\n\n                            <div\n                                class=\"\n                                    bt-it-dashboard__period\n                                \">\n                                \u0627\u06cc\u0646 \u0647\u0641\u062a\u0647\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- Statistics -->\n\n                        <div class=\"bt-it-stats\">\n\n\n                            <div class=\"bt-it-stat\">\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__label\n                                    \">\n                                    \u067e\u06cc\u0634\u0631\u0641\u062a\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__value\n                                    \">\n                                    68\n                                    <span>\u066a<\/span>\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"bt-it-stat\">\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__label\n                                    \">\n                                    \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0627\u0632\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__value\n                                    \">\n                                    12\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"bt-it-stat\">\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__label\n                                    \">\n                                    \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-stat__value\n                                    \">\n                                    86\n                                    <span>\n                                        \u0633\u0627\u0639\u062a\n                                    <\/span>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- Tasks -->\n\n                        <div class=\"bt-it-project\">\n\n\n                            <div\n                                class=\"\n                                    bt-it-project__head\n                                \">\n\n                                <div\n                                    class=\"\n                                        bt-it-project__name\n                                    \">\n                                    \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062c\u0627\u0631\u06cc\n                                <\/div>\n\n\n                                <div\n                                    class=\"\n                                        bt-it-project__status\n                                    \">\n                                    \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Task 1 -->\n\n                            <div class=\"bt-it-task\">\n\n                                <div>\n                                    \u062a\u0648\u0633\u0639\u0647 API \u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__progress\n                                    \">\n                                    <span\n                                        style=\"width:78%\">\n                                    <\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__person\n                                    \">\n                                    AH\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Task 2 -->\n\n                            <div class=\"bt-it-task\">\n\n                                <div>\n                                    \u062a\u0633\u062a \u0646\u0633\u062e\u0647 \u0645\u0648\u0628\u0627\u06cc\u0644\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__progress\n                                    \">\n                                    <span\n                                        style=\"width:48%\">\n                                    <\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__person\n                                    \">\n                                    MR\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Task 3 -->\n\n                            <div class=\"bt-it-task\">\n\n                                <div>\n                                    \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u0627\u0646\u062a\u0634\u0627\u0631\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__progress\n                                    \">\n                                    <span\n                                        style=\"width:31%\">\n                                    <\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__person\n                                    \">\n                                    SN\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Task 4 -->\n\n                            <div class=\"bt-it-task\">\n\n                                <div>\n                                    \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0627\u0633\u062a\u0642\u0631\u0627\u0631\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__progress\n                                    \">\n                                    <span\n                                        style=\"width:61%\">\n                                    <\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-it-task__person\n                                    \">\n                                    RK\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Support Floating Card -->\n\n            <div\n                class=\"\n                    bt-it-float\n                    bt-it-float--support\n                \">\n\n                <div class=\"bt-it-float__top\">\n\n                    <span\n                        class=\"\n                            bt-it-float__icon\n                        \">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\">\n\n                            <path\n                                d=\"\n                                    M4 12\n                                    a8 8 0 0 1\n                                    16 0\n                                \"\/>\n\n                            <path\n                                d=\"\n                                    M4 12v4\n                                    a2 2 0 0 0\n                                    2 2h2v-6H4z\n                                \"\/>\n\n                            <path\n                                d=\"\n                                    M20 12v4\n                                    a2 2 0 0 1\n                                    -2 2h-2v-6h4z\n                                \"\/>\n\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <div>\n\n                        <div\n                            class=\"\n                                bt-it-float__label\n                            \">\n                            \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\n                        <\/div>\n\n                        <div\n                            class=\"\n                                bt-it-float__value\n                            \">\n                            \u06f7 \u06a9\u0627\u0631 \u062f\u0631 \u062c\u0631\u06cc\u0627\u0646\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"\n                        bt-it-float__meta\n                    \">\n                    \u06f2 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Time Floating Card -->\n\n            <div\n                class=\"\n                    bt-it-float\n                    bt-it-float--time\n                \">\n\n                <div class=\"bt-it-float__top\">\n\n                    <span\n                        class=\"\n                            bt-it-float__icon\n                        \">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\">\n\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"8\"\/>\n\n                            <path\n                                d=\"M12 8v5l3 2\"\/>\n\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <div>\n\n                        <div\n                            class=\"\n                                bt-it-float__label\n                            \">\n                            \u0632\u0645\u0627\u0646 \u062a\u06cc\u0645\n                        <\/div>\n\n                        <div\n                            class=\"\n                                bt-it-float__value\n                            \">\n                            \u06f8\u06f6 \u0633\u0627\u0639\u062a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div\n                    class=\"\n                        bt-it-float__meta\n                    \">\n                    \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647\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 ghostkit-custom-hdoR0 is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 02\n   Problem: Multiple Workstreams \/ One Shared Capacity\n   ========================================================= *\/\n\n.bt-it-workstreams {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-white: #ffffff;\n    --bt-bg: #f8f7f3;\n\n    position: relative;\n    overflow: hidden;\n\n    direction: rtl;\n\n    padding: 105px 24px 110px;\n\n    background:\n        radial-gradient(\n            circle at 4% 78%,\n            rgba(243,165,3,.07),\n            transparent 26%\n        ),\n        var(--bt-bg);\n\n    font-family: inherit;\n}\n\n.bt-it-workstreams *,\n.bt-it-workstreams *::before,\n.bt-it-workstreams *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-workstreams::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: -190px;\n    top: -190px;\n\n    width: 430px;\n    height: 430px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(243,165,3,.07);\n\n    box-shadow:\n        0 0 0 45px rgba(243,165,3,.018),\n        0 0 0 90px rgba(243,165,3,.012);\n\n    pointer-events: none;\n}\n\n\n.bt-it-workstreams__dots {\n    position: absolute;\n\n    left: 38px;\n    top: 65px;\n\n    width: 92px;\n    height: 92px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.55) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .1;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-workstreams__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .88fr)\n        minmax(500px, 1.12fr);\n\n    gap: 82px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-workstreams__content {\n    max-width: 535px;\n}\n\n\n.bt-it-workstreams__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    color: #8a640b;\n\n    font-size: 13px;\n    font-weight: 750;\n}\n\n\n.bt-it-workstreams__eyebrow::before {\n    content: \"\";\n\n    width: 25px;\n    height: 2px;\n\n    border-radius: 5px;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-workstreams h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.2vw, 45px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-workstreams h2 span {\n    position: relative;\n    white-space: nowrap;\n}\n\n\n.bt-it-workstreams h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background:\n        rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-workstreams__lead {\n    margin: 25px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-workstreams__lead strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   INSIGHT\n   ========================================================= *\/\n\n.bt-it-workstreams__insight {\n    position: relative;\n\n    margin-top: 31px;\n\n    padding: 19px 21px;\n\n    border-right:\n        3px solid\n        var(--bt-orange);\n\n    border-radius:\n        10px 0 0 10px;\n\n    background:\n        rgba(255,255,255,.72);\n}\n\n\n.bt-it-workstreams__insight-label {\n    margin-bottom: 6px;\n\n    color: #976f0c;\n\n    font-size: 10px;\n\n    font-weight: 850;\n}\n\n\n.bt-it-workstreams__insight p {\n    margin: 0;\n\n    color: #565b60;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-it-workstreams__insight strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   CONCEPTUAL VISUAL\n   ========================================================= *\/\n\n.bt-capacity-concept {\n    position: relative;\n\n    min-height: 570px;\n\n    padding: 29px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 24px;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,255,255,.98),\n            rgba(251,250,247,.97)\n        );\n\n    box-shadow:\n        0 28px 70px\n        rgba(34,38,44,.07);\n}\n\n\n\/* conceptual grid, not product UI *\/\n\n.bt-capacity-concept::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(34,38,44,.045) 1px,\n            transparent 1.2px\n        );\n\n    background-size: 24px 24px;\n\n    opacity: .35;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONCEPT HEADER\n   ========================================================= *\/\n\n.bt-capacity-concept__header {\n    position: relative;\n    z-index: 3;\n\n    display: flex;\n\n    align-items: flex-start;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding-bottom: 20px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-capacity-concept__eyebrow {\n    margin-bottom: 5px;\n\n    color: #9a7416;\n\n    font-size: 8px;\n\n    font-weight: 850;\n}\n\n\n.bt-capacity-concept__title {\n    color: #3f4449;\n\n    font-size: 13px;\n\n    font-weight: 850;\n}\n\n\n.bt-capacity-concept__note {\n    max-width: 155px;\n\n    color: #969a9e;\n\n    font-size: 7px;\n\n    line-height: 1.7;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   DIAGRAM AREA\n   ========================================================= *\/\n\n.bt-capacity-diagram {\n    position: relative;\n    z-index: 2;\n\n    min-height: 385px;\n\n    margin-top: 27px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(215px, 1fr)\n        95px\n        175px;\n\n    gap: 4px;\n\n    align-items: center;\n\n    direction: ltr;\n}\n\n\n\/* =========================================================\n   WORKSTREAMS\n   ========================================================= *\/\n\n.bt-capacity-streams {\n    display: flex;\n    flex-direction: column;\n\n    gap: 14px;\n\n    direction: rtl;\n}\n\n\n.bt-capacity-stream {\n    position: relative;\n\n    min-height: 73px;\n\n    display: grid;\n\n    grid-template-columns:\n        42px 1fr;\n\n    gap: 12px;\n\n    align-items: center;\n\n    padding: 13px 14px;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 14px;\n\n    background:\n        rgba(255,255,255,.95);\n\n    box-shadow:\n        0 6px 16px\n        rgba(34,38,44,.035);\n}\n\n\n.bt-capacity-stream::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: -6px;\n    top: 50%;\n\n    width: 11px;\n    height: 11px;\n\n    transform:\n        translateY(-50%);\n\n    border:\n        3px solid #fff;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n\n    box-shadow:\n        0 0 0 1px\n        rgba(243,165,3,.2);\n}\n\n\n.bt-capacity-stream__icon {\n    width: 42px;\n    height: 42px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 12px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-capacity-stream__icon svg {\n    width: 19px;\n    height: 19px;\n}\n\n\n.bt-capacity-stream__title {\n    color: #40454a;\n\n    font-size: 11px;\n\n    font-weight: 850;\n}\n\n\n.bt-capacity-stream__meta {\n    margin-top: 5px;\n\n    color: #8d9196;\n\n    font-size: 7.5px;\n\n    line-height: 1.6;\n}\n\n\n\/* =========================================================\n   CONNECTORS\n   ========================================================= *\/\n\n.bt-capacity-connectors {\n    position: relative;\n\n    height: 340px;\n}\n\n\n.bt-capacity-connectors::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 49%;\n    top: 33px;\n    bottom: 33px;\n\n    width: 1px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(243,165,3,.35) 12%,\n            rgba(243,165,3,.35) 88%,\n            transparent\n        );\n}\n\n\n.bt-capacity-line {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(243,165,3,.28),\n            rgba(243,165,3,.75)\n        );\n}\n\n\n.bt-capacity-line::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: 47%;\n\n    top: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    transform:\n        translate(-50%, -50%);\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-capacity-line--1 {\n    top: 34px;\n}\n\n.bt-capacity-line--2 {\n    top: 124px;\n}\n\n.bt-capacity-line--3 {\n    top: 214px;\n}\n\n.bt-capacity-line--4 {\n    top: 304px;\n}\n\n\n\/* Arrow to capacity *\/\n\n.bt-capacity-connectors__arrow {\n    position: absolute;\n\n    top: 50%;\n    right: -3px;\n\n    width: 45px;\n    height: 1px;\n\n    transform:\n        translateY(-50%);\n\n    background: var(--bt-orange);\n}\n\n\n.bt-capacity-connectors__arrow::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -1px;\n    top: -4px;\n\n    width: 8px;\n    height: 8px;\n\n    border-top:\n        1.5px solid\n        var(--bt-orange);\n\n    border-right:\n        1.5px solid\n        var(--bt-orange);\n\n    transform:\n        rotate(45deg);\n}\n\n\n\/* =========================================================\n   SHARED CAPACITY\n   ========================================================= *\/\n\n.bt-shared-capacity {\n    direction: rtl;\n\n    position: relative;\n\n    min-height: 255px;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n\n    padding: 24px 18px;\n\n    border:\n        1px solid\n        rgba(243,165,3,.32);\n\n    border-radius: 20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #fff9e9\n        );\n\n    box-shadow:\n        0 16px 35px\n        rgba(34,38,44,.065);\n}\n\n\n.bt-shared-capacity__icon {\n    width: 52px;\n    height: 52px;\n\n    display: grid;\n    place-items: center;\n\n    margin: 0 auto 15px;\n\n    border-radius: 15px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n\n    box-shadow:\n        0 8px 20px\n        rgba(243,165,3,.20);\n}\n\n\n.bt-shared-capacity__icon svg {\n    width: 25px;\n    height: 25px;\n}\n\n\n.bt-shared-capacity__title {\n    text-align: center;\n\n    color: #34393e;\n\n    font-size: 13px;\n\n    line-height: 1.7;\n\n    font-weight: 900;\n}\n\n\n.bt-shared-capacity__subtitle {\n    max-width: 130px;\n\n    margin: 6px auto 0;\n\n    text-align: center;\n\n    color: #8b8f94;\n\n    font-size: 8px;\n\n    line-height: 1.75;\n}\n\n\n\/* team people *\/\n\n.bt-shared-capacity__people {\n    display: flex;\n\n    justify-content: center;\n\n    margin-top: 18px;\n}\n\n\n.bt-shared-capacity__person {\n    width: 32px;\n    height: 32px;\n\n    display: grid;\n    place-items: center;\n\n    margin-right: -6px;\n\n    border:\n        3px solid\n        #fff;\n\n    border-radius: 50%;\n\n    background: #e8e5de;\n\n    color: #676c71;\n\n    font-size: 6px;\n\n    font-weight: 850;\n}\n\n\n.bt-shared-capacity__person:first-child {\n    margin-right: 0;\n}\n\n\n.bt-shared-capacity__caption {\n    margin-top: 14px;\n\n    padding-top: 12px;\n\n    border-top:\n        1px solid\n        rgba(229,221,204,.85);\n\n    text-align: center;\n\n    color: #79612d;\n\n    font-size: 7.5px;\n\n    line-height: 1.7;\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   BOTTOM CONCEPT MESSAGE\n   ========================================================= *\/\n\n.bt-capacity-concept__bottom {\n    position: relative;\n    z-index: 3;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 11px;\n\n    margin-top: 14px;\n\n    padding: 15px 17px;\n\n    border:\n        1px solid\n        #ebe5d9;\n\n    border-radius: 12px;\n\n    background:\n        rgba(255,251,241,.9);\n}\n\n\n.bt-capacity-concept__bottom-icon {\n    width: 31px;\n    height: 31px;\n\n    flex: 0 0 31px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-capacity-concept__bottom-icon svg {\n    width: 16px;\n    height: 16px;\n}\n\n\n.bt-capacity-concept__bottom p {\n    margin: 0;\n\n    color: #686d72;\n\n    font-size: 9px;\n\n    line-height: 1.8;\n}\n\n\n.bt-capacity-concept__bottom strong {\n    color: #43484d;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-workstreams__container {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    .bt-it-workstreams__content {\n        max-width: 720px;\n    }\n\n\n    .bt-capacity-concept {\n        width: min(700px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-workstreams {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-workstreams h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-workstreams__lead {\n        font-size: 15.5px;\n    }\n\n\n    .bt-capacity-concept {\n        min-height: auto;\n\n        padding: 20px 15px;\n    }\n\n\n    .bt-capacity-concept__header {\n        display: block;\n    }\n\n\n    .bt-capacity-concept__note {\n        max-width: none;\n\n        margin-top: 8px;\n\n        text-align: right;\n    }\n\n\n    .bt-capacity-diagram {\n        min-height: auto;\n\n        grid-template-columns: 1fr;\n\n        gap: 34px;\n\n        direction: rtl;\n    }\n\n\n    .bt-capacity-connectors {\n        display: none;\n    }\n\n\n    .bt-shared-capacity {\n        width: min(280px, 100%);\n\n        min-height: 220px;\n\n        margin: 0 auto;\n    }\n\n\n    .bt-capacity-stream::after {\n        display: none;\n    }\n\n\n    .bt-capacity-concept__bottom {\n        align-items: flex-start;\n\n        margin-top: 26px;\n    }\n}\n\n\n@media (max-width: 450px) {\n\n    .bt-capacity-stream {\n        grid-template-columns:\n            38px 1fr;\n\n        gap: 10px;\n\n        padding: 12px;\n    }\n\n\n    .bt-capacity-stream__icon {\n        width: 38px;\n        height: 38px;\n    }\n\n\n    .bt-capacity-stream__title {\n        font-size: 10px;\n    }\n}\n<\/style>\n\n\n<section\n    class=\"bt-it-workstreams\"\n    id=\"it-use-cases\"\n>\n\n    <div\n        class=\"bt-it-workstreams__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-workstreams__container\">\n\n\n        <!-- =================================================\n             TEXT\n        ================================================== -->\n\n        <div class=\"bt-it-workstreams__content\">\n\n\n            <div class=\"bt-it-workstreams__eyebrow\">\n                \u0645\u0633\u0626\u0644\u0647 \u0627\u0635\u0644\u06cc \u062f\u0631 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\n            <\/div>\n\n\n            <h2>\n                \u06cc\u06a9 \u062a\u06cc\u0645\u061b \u0686\u0646\u062f \u062c\u0648\u0631 \u06a9\u0627\u0631 \u06a9\u0647 \u0628\u0631\u0627\u06cc\n                <span>\u06cc\u06a9 \u0638\u0631\u0641\u06cc\u062a<\/span>\n                \u0631\u0642\u0627\u0628\u062a \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\n            <\/h2>\n\n\n            <p class=\"bt-it-workstreams__lead\">\n\n                \u062f\u0631 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u060c\n                \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0627\u0645\u0631\u0648\u0632 \u0631\u0648\u06cc \u0646\u0633\u062e\u0647 \u0628\u0639\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c\n                \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0641\u0631\u062f\u0627 \u0628\u0631\u0627\u06cc \u062a\u062d\u0648\u06cc\u0644 \u067e\u0631\u0648\u0698\u0647 \u06cc\u06a9 \u0645\u0634\u062a\u0631\u06cc\n                \u06cc\u0627 \u062d\u0644 \u06cc\u06a9 \u0645\u0634\u06a9\u0644 \u0641\u0648\u0631\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0631\u06af\u06cc\u0631 \u0634\u0648\u062f.\n\n                \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0627\u06cc\u0646\u200c\u0647\u0627\u060c\n                \u062c\u0644\u0633\u0627\u062a\u060c \u0645\u0633\u062a\u0646\u062f\u0633\u0627\u0632\u06cc \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0647\u0645\n                \u0627\u0632 \u0647\u0645\u0627\u0646 \u0638\u0631\u0641\u06cc\u062a \u062a\u06cc\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\n\n            <\/p>\n\n\n            <p class=\"bt-it-workstreams__lead\">\n\n                \u0645\u0633\u0626\u0644\u0647 \u06a9\u0645\u0628\u0648\u062f \u0641\u0647\u0631\u0633\u062a \u06a9\u0627\u0631\u0647\u0627 \u0646\u06cc\u0633\u062a\u061b\n                \u0645\u0633\u0626\u0644\u0647 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0645\u062f\u06cc\u0631 \u0628\u062f\u0627\u0646\u062f\n\n                <strong>\n                    \u0638\u0631\u0641\u06cc\u062a \u0648\u0627\u0642\u0639\u06cc \u062a\u06cc\u0645 \u06a9\u062c\u0627 \u0645\u0635\u0631\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c\n                    \u06a9\u062f\u0627\u0645 \u062a\u0639\u0647\u062f \u062f\u0631 \u062d\u0627\u0644 \u0639\u0642\u0628 \u0627\u0641\u062a\u0627\u062f\u0646 \u0627\u0633\u062a\n                    \u0648 \u0648\u0631\u0648\u062f \u06cc\u06a9 \u06a9\u0627\u0631 \u0641\u0648\u0631\u06cc \u0686\u0647 \u0627\u062b\u0631\u06cc \u0631\u0648\u06cc \u0628\u0642\u06cc\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u062f\u0627\u0631\u062f.\n                <\/strong>\n\n            <\/p>\n\n\n            <div class=\"bt-it-workstreams__insight\">\n\n                <div class=\"bt-it-workstreams__insight-label\">\n                    \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647\n                <\/div>\n\n                <p>\n                    \u0648\u0642\u062a\u06cc \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0641\u0648\u0631\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u0634\u0648\u062f\u060c\n                    \u0641\u0642\u0637 \u06cc\u06a9 \u06a9\u0627\u0631 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0641\u0647\u0631\u0633\u062a \u0627\u0636\u0627\u0641\u0647 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a\u061b\n                    <strong>\n                        \u0628\u062e\u0634\u06cc \u0627\u0632 \u0638\u0631\u0641\u06cc\u062a \u0647\u0645\u0627\u0646 \u062a\u06cc\u0645\n                        \u0627\u0632 \u06cc\u06a9 \u06a9\u0627\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc\u200c\u0634\u062f\u0647 \u0628\u0647 \u06a9\u0627\u0631 \u062f\u06cc\u06af\u0631\u06cc \u0645\u0646\u062a\u0642\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a.\n                    <\/strong>\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             CONCEPTUAL DIAGRAM\n        ================================================== -->\n\n        <div class=\"bt-capacity-concept\">\n\n\n            <!-- Header -->\n\n            <div class=\"bt-capacity-concept__header\">\n\n                <div>\n\n                    <div class=\"bt-capacity-concept__eyebrow\">\n                        \u062a\u0635\u0648\u06cc\u0631 \u0645\u0633\u0626\u0644\u0647\n                    <\/div>\n\n                    <div class=\"bt-capacity-concept__title\">\n                        \u0686\u0647\u0627\u0631 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631\u06cc\u060c \u06cc\u06a9 \u0638\u0631\u0641\u06cc\u062a \u0645\u0634\u062a\u0631\u06a9\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"bt-capacity-concept__note\">\n                    \u0627\u06cc\u0646 \u06cc\u06a9 \u062f\u06cc\u0627\u06af\u0631\u0627\u0645 \u0645\u0641\u0647\u0648\u0645\u06cc \u0627\u0632 \u0648\u0636\u0639\u06cc\u062a \u062a\u06cc\u0645 \u0627\u0633\u062a\u060c\n                    \u0646\u0647 \u0646\u0645\u0627\u06cc\u06cc \u0627\u0632 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631.\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Diagram -->\n\n            <div class=\"bt-capacity-diagram\">\n\n\n                <!-- =========================================\n                     WORKSTREAMS\n                ========================================== -->\n\n                <div class=\"bt-capacity-streams\">\n\n\n                    <!-- Product -->\n\n                    <div class=\"bt-capacity-stream\">\n\n                        <div class=\"bt-capacity-stream__icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\"\n                            >\n                                <path d=\"M8 9l-3 3 3 3\"\/>\n                                <path d=\"M16 9l3 3-3 3\"\/>\n                                <path d=\"M14 6l-4 12\"\/>\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <div class=\"bt-capacity-stream__title\">\n                                \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\n                            <\/div>\n\n                            <div class=\"bt-capacity-stream__meta\">\n                                Feature \u00b7 Bug \u00b7 \u0628\u0647\u0628\u0648\u062f \u0641\u0646\u06cc \u00b7 \u0627\u0646\u062a\u0634\u0627\u0631 \u0646\u0633\u062e\u0647\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Client -->\n\n                    <div class=\"bt-capacity-stream\">\n\n                        <div class=\"bt-capacity-stream__icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\"\n                            >\n                                <rect\n                                    x=\"4\"\n                                    y=\"5\"\n                                    width=\"16\"\n                                    height=\"14\"\n                                    rx=\"2\"\n                                \/>\n\n                                <path d=\"M8 5V3\"\/>\n                                <path d=\"M16 5V3\"\/>\n                                <path d=\"M4 10h16\"\/>\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <div class=\"bt-capacity-stream__title\">\n                                \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\n                            <\/div>\n\n                            <div class=\"bt-capacity-stream__meta\">\n                                \u062a\u0648\u0633\u0639\u0647 \u00b7 \u0633\u0641\u0627\u0631\u0634\u06cc\u200c\u0633\u0627\u0632\u06cc \u00b7 \u062a\u062d\u0648\u06cc\u0644 \u00b7 \u0627\u0633\u062a\u0642\u0631\u0627\u0631\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Support -->\n\n                    <div class=\"bt-capacity-stream\">\n\n                        <div class=\"bt-capacity-stream__icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\"\n                            >\n                                <path\n                                    d=\"M4 12a8 8 0 0 1 16 0\"\n                                \/>\n\n                                <path\n                                    d=\"M4 12v4a2 2 0 0 0 2 2h2v-6H4z\"\n                                \/>\n\n                                <path\n                                    d=\"M20 12v4a2 2 0 0 1-2 2h-2v-6h4z\"\n                                \/>\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <div class=\"bt-capacity-stream__title\">\n                                \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646\n                            <\/div>\n\n                            <div class=\"bt-capacity-stream__meta\">\n                                \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u00b7 \u062e\u0637\u0627 \u00b7 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u00b7 \u06a9\u0627\u0631 \u0641\u0648\u0631\u06cc\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Internal -->\n\n                    <div class=\"bt-capacity-stream\">\n\n                        <div class=\"bt-capacity-stream__icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\"\n                            >\n                                <path d=\"M5 7h14v12H5z\"\/>\n                                <path d=\"M8 7V5h8v2\"\/>\n                                <path d=\"M8 12h8\"\/>\n                                <path d=\"M8 15h5\"\/>\n                            <\/svg>\n\n                        <\/div>\n\n\n                        <div>\n\n                            <div class=\"bt-capacity-stream__title\">\n                                \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n                            <\/div>\n\n                            <div class=\"bt-capacity-stream__meta\">\n                                \u062c\u0644\u0633\u0647 \u00b7 \u0645\u0633\u062a\u0646\u062f\u0627\u062a \u00b7 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u00b7 \u0647\u0645\u0627\u0647\u0646\u06af\u06cc\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     CONNECTORS\n                ========================================== -->\n\n                <div\n                    class=\"bt-capacity-connectors\"\n                    aria-hidden=\"true\"\n                >\n\n                    <span\n                        class=\"\n                            bt-capacity-line\n                            bt-capacity-line--1\n                        \">\n                    <\/span>\n\n                    <span\n                        class=\"\n                            bt-capacity-line\n                            bt-capacity-line--2\n                        \">\n                    <\/span>\n\n                    <span\n                        class=\"\n                            bt-capacity-line\n                            bt-capacity-line--3\n                        \">\n                    <\/span>\n\n                    <span\n                        class=\"\n                            bt-capacity-line\n                            bt-capacity-line--4\n                        \">\n                    <\/span>\n\n\n                    <span class=\"bt-capacity-connectors__arrow\">\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- =========================================\n                     SHARED TEAM CAPACITY\n                ========================================== -->\n\n                <div class=\"bt-shared-capacity\">\n\n\n                    <div class=\"bt-shared-capacity__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle\n                                cx=\"8\"\n                                cy=\"8\"\n                                r=\"3\"\n                            \/>\n\n                            <circle\n                                cx=\"16\"\n                                cy=\"9\"\n                                r=\"2.5\"\n                            \/>\n\n                            <path\n                                d=\"M3 19c.5-4 2-6 5-6s5 2 5.5 6\"\n                            \/>\n\n                            <path\n                                d=\"M14 14c3 0 5 1.5 5.5 5\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div class=\"bt-shared-capacity__title\">\n                        \u0638\u0631\u0641\u06cc\u062a \u0645\u0634\u062a\u0631\u06a9 \u062a\u06cc\u0645\n                    <\/div>\n\n\n                    <div class=\"bt-shared-capacity__subtitle\">\n                        \u0647\u0645\u0627\u0646 \u0622\u062f\u0645\u200c\u0647\u0627\u060c\n                        \u0647\u0645\u0627\u0646 \u0633\u0627\u0639\u062a\u200c\u0647\u0627\u06cc \u06a9\u0627\u0631\u06cc\n                    <\/div>\n\n\n                    <div class=\"bt-shared-capacity__people\">\n\n                        <span class=\"bt-shared-capacity__person\">\n                            DEV\n                        <\/span>\n\n                        <span class=\"bt-shared-capacity__person\">\n                            QA\n                        <\/span>\n\n                        <span class=\"bt-shared-capacity__person\">\n                            PM\n                        <\/span>\n\n                        <span class=\"bt-shared-capacity__person\">\n                            UX\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-shared-capacity__caption\">\n                        \u0647\u0631 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631\u06cc \u0627\u0632 \u0647\u0645\u06cc\u0646 \u0638\u0631\u0641\u06cc\u062a \u0645\u062d\u062f\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Bottom -->\n\n            <div class=\"bt-capacity-concept__bottom\">\n\n                <span class=\"bt-capacity-concept__bottom-icon\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    >\n                        <path d=\"M12 4L3 20h18L12 4z\"\/>\n                        <path d=\"M12 9v5\"\/>\n                        <path d=\"M12 17h.01\"\/>\n                    <\/svg>\n\n                <\/span>\n\n\n                <p>\n                    <strong>\n                        \u0647\u0631 \u06a9\u0627\u0631 \u062c\u062f\u06cc\u062f \u0631\u0648\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0642\u06cc\u0647 \u06a9\u0627\u0631\u0647\u0627 \u0627\u062b\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.\n                    <\/strong>\n                    \u0645\u0633\u0626\u0644\u0647 \u0641\u0642\u0637 \u062b\u0628\u062a \u0641\u0639\u0627\u0644\u06cc\u062a \u0646\u06cc\u0633\u062a\u061b\n                    \u0628\u0627\u06cc\u062f \u0628\u062f\u0627\u0646\u06cc\u062f \u0647\u0631 \u062c\u0631\u06cc\u0627\u0646 \u06a9\u0627\u0631\u06cc\n                    \u0686\u0647 \u0641\u0634\u0627\u0631\u06cc \u0628\u0647 \u0638\u0631\u0641\u06cc\u062a \u0645\u062d\u062f\u0648\u062f \u062a\u06cc\u0645 \u0648\u0627\u0631\u062f \u0645\u06cc\u200c\u06a9\u0646\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 ghostkit-custom-2kjY3G is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 03\n   Different kinds of work\n   ========================================================= *\/\n\n.bt-it-worktypes {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #565c63;\n    --bt-muted: #858a90;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #ffffff;\n    --bt-soft-bg: #faf9f6;\n\n    direction: rtl;\n    position: relative;\n    overflow: hidden;\n\n    padding: 105px 24px 115px;\n\n    background: var(--bt-bg);\n\n    font-family: inherit;\n}\n\n.bt-it-worktypes *,\n.bt-it-worktypes *::before,\n.bt-it-worktypes *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND DETAILS\n   ========================================================= *\/\n\n.bt-it-worktypes::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 480px;\n    height: 480px;\n\n    right: -260px;\n    top: 20%;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.07),\n            rgba(243,165,3,.018) 48%,\n            transparent 70%\n        );\n\n    pointer-events: none;\n}\n\n\n.bt-it-worktypes__dots {\n    position: absolute;\n\n    left: 3%;\n    top: 120px;\n\n    width: 90px;\n    height: 90px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.45) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .17;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-worktypes__container {\n    width: min(1120px, 100%);\n\n    margin: 0 auto;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.bt-it-worktypes__header {\n    max-width: 790px;\n\n    margin: 0 auto 65px;\n\n    text-align: center;\n}\n\n\n.bt-it-worktypes__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    margin-bottom: 17px;\n\n    color: #8d670c;\n\n    font-size: 13px;\n    font-weight: 750;\n}\n\n\n.bt-it-worktypes__eyebrow::before,\n.bt-it-worktypes__eyebrow::after {\n    content: \"\";\n\n    width: 22px;\n    height: 1px;\n\n    background: rgba(243,165,3,.75);\n}\n\n\n.bt-it-worktypes h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-worktypes__intro {\n    max-width: 700px;\n\n    margin: 21px auto 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n    line-height: 2.05;\n}\n\n\n.bt-it-worktypes__intro strong {\n    color: var(--bt-ink);\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   WORK TYPE LIST\n   ========================================================= *\/\n\n.bt-worktype-list {\n    position: relative;\n}\n\n\n\/* vertical visual axis *\/\n\n.bt-worktype-list::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: 49px;\n    top: 42px;\n    bottom: 42px;\n\n    width: 1px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #e4e0d7 8%,\n            #e4e0d7 92%,\n            transparent\n        );\n}\n\n\n\/* =========================================================\n   ROW\n   ========================================================= *\/\n\n.bt-worktype {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        100px\n        minmax(0, .95fr)\n        minmax(330px, 1.05fr);\n\n    gap: 32px;\n\n    align-items: center;\n\n    min-height: 175px;\n\n    padding: 31px 28px 31px 0;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-worktype:last-child {\n    border-bottom: 0;\n}\n\n\n\/* subtle alternating background *\/\n\n.bt-worktype:nth-child(even)::after {\n    content: \"\";\n\n    position: absolute;\n\n    inset: 10px 0;\n\n    z-index: -1;\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(250,249,246,0),\n            rgba(250,249,246,.9) 25%,\n            rgba(250,249,246,.9) 75%,\n            rgba(250,249,246,0)\n        );\n}\n\n\n\/* =========================================================\n   NUMBER \/ ICON\n   ========================================================= *\/\n\n.bt-worktype__marker {\n    position: relative;\n\n    width: 72px;\n    height: 72px;\n\n    margin: auto;\n\n    display: grid;\n    place-items: center;\n\n    border:\n        1px solid\n        #e4dfd5;\n\n    border-radius: 20px;\n\n    background: #fff;\n\n    box-shadow:\n        0 8px 20px rgba(34,38,44,.045);\n}\n\n\n.bt-worktype__marker::before {\n    content: \"\";\n\n    position: absolute;\n\n    width: 12px;\n    height: 12px;\n\n    right: -33px;\n\n    top: 50%;\n\n    transform: translateY(-50%);\n\n    border:\n        3px solid\n        #fff;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n\n    box-shadow:\n        0 0 0 1px\n        rgba(243,165,3,.22);\n}\n\n\n.bt-worktype__marker svg {\n    width: 29px;\n    height: 29px;\n\n    color: #ae7800;\n}\n\n\n.bt-worktype__index {\n    position: absolute;\n\n    left: -8px;\n    top: -10px;\n\n    min-width: 26px;\n    height: 26px;\n\n    display: grid;\n    place-items: center;\n\n    padding: 0 6px;\n\n    border-radius: 8px;\n\n    background: var(--bt-orange);\n\n    color: #282828;\n\n    font-size: 9px;\n\n    font-weight: 850;\n}\n\n\n\/* =========================================================\n   MAIN TEXT\n   ========================================================= *\/\n\n.bt-worktype__main h3 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: 20px;\n\n    line-height: 1.65;\n\n    font-weight: 850;\n}\n\n\n.bt-worktype__subtitle {\n    margin-top: 5px;\n\n    color: #a1730d;\n\n    font-size: 12px;\n\n    font-weight: 700;\n}\n\n\n.bt-worktype__main p {\n    margin: 14px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 14.5px;\n\n    line-height: 2;\n}\n\n\n.bt-worktype__main strong {\n    color: var(--bt-ink);\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   VISUAL PANEL\n   ========================================================= *\/\n\n.bt-worktype__visual {\n    position: relative;\n\n    min-height: 113px;\n\n    padding: 17px 18px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 15px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff,\n            #fbfaf7\n        );\n}\n\n\n.bt-worktype__visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -30px;\n    bottom: -45px;\n\n    width: 130px;\n    height: 130px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.08),\n            transparent 70%\n        );\n}\n\n\n\/* =========================================================\n   VISUAL HEADER\n   ========================================================= *\/\n\n.bt-mini-head {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 14px;\n}\n\n\n.bt-mini-head__title {\n    color: #54595e;\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.bt-mini-head__badge {\n    padding: 4px 7px;\n\n    border-radius: 7px;\n\n    color: #8f670a;\n\n    background: var(--bt-orange-soft);\n\n    font-size: 7px;\n\n    font-weight: 750;\n}\n\n\n\/* =========================================================\n   PRODUCT DEVELOPMENT VISUAL\n   ========================================================= *\/\n\n.bt-mini-board {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 7px;\n}\n\n\n.bt-mini-column {\n    min-height: 65px;\n\n    padding: 7px;\n\n    border-radius: 8px;\n\n    background: #f5f3ee;\n}\n\n\n.bt-mini-column__title {\n    margin-bottom: 6px;\n\n    color: #909399;\n\n    font-size: 6px;\n}\n\n\n.bt-mini-task {\n    height: 12px;\n\n    margin-bottom: 4px;\n\n    border:\n        1px solid\n        #e8e4dd;\n\n    border-radius: 4px;\n\n    background: #fff;\n}\n\n\n.bt-mini-task.is-orange {\n    border-color:\n        rgba(243,165,3,.35);\n\n    background: #fff8e8;\n}\n\n\n\/* =========================================================\n   CLIENT PROJECT VISUAL\n   ========================================================= *\/\n\n.bt-mini-project {\n    position: relative;\n    z-index: 2;\n}\n\n\n.bt-mini-project__line {\n    display: grid;\n\n    grid-template-columns:\n        72px 1fr 30px;\n\n    gap: 7px;\n\n    align-items: center;\n\n    margin-bottom: 9px;\n}\n\n\n.bt-mini-project__label {\n    color: #777b80;\n\n    font-size: 7px;\n}\n\n\n.bt-mini-project__bar {\n    height: 6px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #ebe8e2;\n}\n\n\n.bt-mini-project__bar span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-mini-project__percent {\n    color: #8e9296;\n\n    font-size: 7px;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   SUPPORT VISUAL\n   ========================================================= *\/\n\n.bt-mini-tickets {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    gap: 6px;\n}\n\n\n.bt-mini-ticket {\n    display: grid;\n\n    grid-template-columns:\n        8px 1fr auto;\n\n    align-items: center;\n\n    gap: 7px;\n\n    min-height: 18px;\n\n    padding-bottom: 5px;\n\n    border-bottom:\n        1px solid\n        #efede8;\n}\n\n\n.bt-mini-ticket:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-mini-ticket__dot {\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: #dedad2;\n}\n\n\n.bt-mini-ticket.is-hot\n.bt-mini-ticket__dot {\n    background: var(--bt-orange);\n}\n\n\n.bt-mini-ticket__text {\n    height: 5px;\n\n    border-radius: 8px;\n\n    background: #e7e4de;\n}\n\n\n.bt-mini-ticket__status {\n    color: #969a9e;\n\n    font-size: 6px;\n}\n\n\n\/* =========================================================\n   INTERNAL WORKFLOW VISUAL\n   ========================================================= *\/\n\n.bt-mini-flow {\n    position: relative;\n    z-index: 2;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 6px;\n\n    padding-top: 8px;\n}\n\n\n.bt-mini-flow__step {\n    flex: 1;\n\n    min-height: 42px;\n\n    display: flex;\n    flex-direction: column;\n\n    justify-content: center;\n    align-items: center;\n\n    gap: 4px;\n\n    padding: 6px 4px;\n\n    border:\n        1px solid\n        #e8e5de;\n\n    border-radius: 8px;\n\n    background: #fff;\n\n    color: #787d82;\n\n    font-size: 6px;\n\n    text-align: center;\n}\n\n\n.bt-mini-flow__step.is-active {\n    border-color:\n        rgba(243,165,3,.45);\n\n    background: #fff8e8;\n\n    color: #8a640b;\n}\n\n\n.bt-mini-flow__step i {\n    width: 7px;\n    height: 7px;\n\n    display: block;\n\n    border-radius: 50%;\n\n    background: #ddd9d2;\n}\n\n\n.bt-mini-flow__step.is-active i {\n    background: var(--bt-orange);\n}\n\n\n.bt-mini-flow__arrow {\n    color: #ccc8c0;\n\n    font-size: 12px;\n}\n\n\n\/* =========================================================\n   FOOTNOTE\n   ========================================================= *\/\n\n.bt-it-worktypes__note {\n    max-width: 820px;\n\n    margin: 55px auto 0;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 13px;\n\n    padding: 19px 22px;\n\n    border:\n        1px solid\n        #ebe6dc;\n\n    border-radius: 14px;\n\n    background: var(--bt-orange-pale);\n}\n\n\n.bt-it-worktypes__note-icon {\n    width: 30px;\n    height: 30px;\n\n    flex: 0 0 30px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange);\n\n    color: #282828;\n}\n\n\n.bt-it-worktypes__note-icon svg {\n    width: 16px;\n    height: 16px;\n}\n\n\n.bt-it-worktypes__note p {\n    margin: 0;\n\n    color: #5f6368;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-it-worktypes__note strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 920px) {\n\n    .bt-worktype {\n        grid-template-columns:\n            85px 1fr;\n\n        gap: 22px;\n    }\n\n\n    .bt-worktype__visual {\n        grid-column:\n            2 \/ -1;\n\n        width: 100%;\n    }\n\n\n    .bt-worktype-list::before {\n        right: 42px;\n    }\n\n\n    .bt-worktype__marker::before {\n        right: -26px;\n    }\n}\n\n\n@media (max-width: 650px) {\n\n    .bt-it-worktypes {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-worktypes__header {\n        margin-bottom: 43px;\n\n        text-align: right;\n    }\n\n\n    .bt-it-worktypes__eyebrow::before {\n        display: none;\n    }\n\n\n    .bt-it-worktypes__eyebrow::after {\n        width: 25px;\n    }\n\n\n    .bt-it-worktypes h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-worktypes__intro {\n        font-size: 15.5px;\n    }\n\n\n    .bt-worktype-list::before {\n        display: none;\n    }\n\n\n    .bt-worktype {\n        grid-template-columns:\n            58px 1fr;\n\n        gap: 15px;\n\n        min-height: auto;\n\n        padding:\n            28px 0;\n    }\n\n\n    .bt-worktype__marker {\n        width: 52px;\n        height: 52px;\n\n        border-radius: 15px;\n    }\n\n\n    .bt-worktype__marker svg {\n        width: 22px;\n        height: 22px;\n    }\n\n\n    .bt-worktype__marker::before {\n        display: none;\n    }\n\n\n    .bt-worktype__index {\n        width: 21px;\n        min-width: 21px;\n        height: 21px;\n\n        left: -3px;\n        top: -8px;\n\n        font-size: 7px;\n    }\n\n\n    .bt-worktype__main h3 {\n        font-size: 18px;\n    }\n\n\n    .bt-worktype__main p {\n        font-size: 14px;\n    }\n\n\n    .bt-worktype__visual {\n        grid-column:\n            1 \/ -1;\n\n        min-height: 105px;\n\n        margin-top: 3px;\n    }\n\n\n    .bt-it-worktypes__note {\n        margin-top: 37px;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-worktypes\">\n\n    <div\n        class=\"bt-it-worktypes__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-worktypes__container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"bt-it-worktypes__header\">\n\n            <div class=\"bt-it-worktypes__eyebrow\">\n                \u06cc\u06a9 \u0627\u0628\u0632\u0627\u0631 \u0628\u0631\u0627\u06cc \u0686\u0646\u062f \u062c\u0646\u0633 \u06a9\u0627\u0631\n            <\/div>\n\n\n            <h2>\n                \u0647\u0645\u0647 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u0647\u0627 \u067e\u0631\u0648\u0698\u0647 \u0646\u06cc\u0633\u062a\u0646\u062f\u061b\n                \u0627\u0645\u0627 \u0647\u0645\u0647 \u0628\u0627\u06cc\u062f \u0645\u062f\u06cc\u0631\u06cc\u062a \u0634\u0648\u0646\u062f\n            <\/h2>\n\n\n            <p class=\"bt-it-worktypes__intro\">\n\n                \u062c\u0646\u0633 \u06a9\u0627\u0631 \u062f\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06cc\u06a9\u0633\u0627\u0646 \u0646\u06cc\u0633\u062a.\n                \u06cc\u06a9 \u0646\u0633\u062e\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u0627\u0647\u200c\u0647\u0627 \u062a\u0648\u0633\u0639\u0647 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u062f\u060c\n                \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u062a\u0631\u06cc \u0645\u0648\u0639\u062f \u062a\u062d\u0648\u06cc\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f\u060c\n                \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0647\u0645\u06cc\u0646 \u0627\u0645\u0631\u0648\u0632 \u067e\u0627\u0633\u062e \u0628\u062e\u0648\u0627\u0647\u062f\n                \u0648 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645\u0647 \u0627\u06cc\u0646\u200c\u0647\u0627\n                <strong>\u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0634\u0631\u06a9\u062a \u0647\u0645 \u0628\u0627\u06cc\u062f \u067e\u06cc\u0634 \u0628\u0631\u0648\u0646\u062f.<\/strong>\n\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             WORK TYPES\n        ================================================== -->\n\n        <div class=\"bt-worktype-list\">\n\n\n            <!-- =============================================\n                 01 - PRODUCT\n            ============================================== -->\n\n            <article class=\"bt-worktype\">\n\n\n                <div class=\"bt-worktype__marker\">\n\n                    <span class=\"bt-worktype__index\">\n                        01\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\"\n                    >\n                        <path d=\"M8 9l-3 3 3 3\"\/>\n                        <path d=\"M16 9l3 3-3 3\"\/>\n                        <path d=\"M14 6l-4 12\"\/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__main\">\n\n                    <h3>\n                        \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\n                    <\/h3>\n\n                    <div class=\"bt-worktype__subtitle\">\n                        \u0627\u0632 Backlog \u062a\u0627 \u0627\u0646\u062a\u0634\u0627\u0631 \u0646\u0633\u062e\u0647\n                    <\/div>\n\n                    <p>\n                        Feature\u060c Bug\u060c \u0628\u0647\u0628\u0648\u062f \u0641\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647\n                        \u0627\u0646\u062a\u0634\u0627\u0631 \u0646\u0633\u062e\u0647 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u0634\u062e\u0635\n                        \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u062f \u0648 \u0645\u06cc\u0627\u0646 \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645 \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0631\u062f.\n                        \u0648\u0627\u0628\u0633\u062a\u06af\u06cc\u200c\u0647\u0627\u060c \u0627\u0648\u0644\u0648\u06cc\u062a\u200c\u0647\u0627 \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a \u06a9\u0627\u0631 \u0646\u06cc\u0632\n                        \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__visual\">\n\n                    <div class=\"bt-mini-head\">\n\n                        <span class=\"bt-mini-head__title\">\n                            \u062a\u0648\u0633\u0639\u0647 \u0646\u0633\u062e\u0647 \u06f4.\u06f2\n                        <\/span>\n\n                        <span class=\"bt-mini-head__badge\">\n                            Product\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-mini-board\">\n\n                        <div class=\"bt-mini-column\">\n\n                            <div class=\"bt-mini-column__title\">\n                                \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc\n                            <\/div>\n\n                            <div class=\"bt-mini-task\"><\/div>\n\n                            <div class=\"bt-mini-task\"><\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-column\">\n\n                            <div class=\"bt-mini-column__title\">\n                                \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645\n                            <\/div>\n\n                            <div class=\"bt-mini-task is-orange\"><\/div>\n\n                            <div class=\"bt-mini-task\"><\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-column\">\n\n                            <div class=\"bt-mini-column__title\">\n                                \u0627\u0646\u062c\u0627\u0645 \u0634\u062f\u0647\n                            <\/div>\n\n                            <div class=\"bt-mini-task\"><\/div>\n\n                            <div class=\"bt-mini-task\"><\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =============================================\n                 02 - CLIENT PROJECTS\n            ============================================== -->\n\n            <article class=\"bt-worktype\">\n\n\n                <div class=\"bt-worktype__marker\">\n\n                    <span class=\"bt-worktype__index\">\n                        02\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\"\n                    >\n                        <rect\n                            x=\"4\"\n                            y=\"5\"\n                            width=\"16\"\n                            height=\"14\"\n                            rx=\"2\"\n                        \/>\n\n                        <path d=\"M8 5V3\"\/>\n                        <path d=\"M16 5V3\"\/>\n                        <path d=\"M4 10h16\"\/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__main\">\n\n                    <h3>\n                        \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\n                    <\/h3>\n\n                    <div class=\"bt-worktype__subtitle\">\n                        \u0648\u0642\u062a\u06cc \u0645\u0648\u0639\u062f\u060c \u062a\u0639\u0647\u062f \u0648 \u0647\u0632\u06cc\u0646\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u062f\n                    <\/div>\n\n                    <p>\n                        \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c\n                        \u0641\u0642\u0637 \u0648\u0636\u0639\u06cc\u062a \u062a\u0633\u06a9\u200c\u0647\u0627 \u0645\u0647\u0645 \u0646\u06cc\u0633\u062a.\n                        \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u06cc\u062f\n                        <strong>\n                            \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u060c \u067e\u06cc\u0634\u0631\u0641\u062a\u060c \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u060c\n                            \u0633\u0627\u0639\u0627\u062a \u0645\u0635\u0631\u0641\u200c\u0634\u062f\u0647 \u0648 \u0647\u0632\u06cc\u0646\u0647 \u067e\u0631\u0648\u0698\u0647\n                        <\/strong>\n                        \u0631\u0627 \u0647\u0645 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u06cc\u062f.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__visual\">\n\n                    <div class=\"bt-mini-head\">\n\n                        <span class=\"bt-mini-head__title\">\n                            \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0634\u062a\u0631\u06cc\n                        <\/span>\n\n                        <span class=\"bt-mini-head__badge\">\n                            Project\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-mini-project\">\n\n                        <div class=\"bt-mini-project__line\">\n\n                            <div class=\"bt-mini-project__label\">\n                                \u062a\u062d\u0644\u06cc\u0644\n                            <\/div>\n\n                            <div class=\"bt-mini-project__bar\">\n                                <span style=\"width:100%\"><\/span>\n                            <\/div>\n\n                            <div class=\"bt-mini-project__percent\">\n                                \u06f1\u06f0\u06f0\u066a\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-project__line\">\n\n                            <div class=\"bt-mini-project__label\">\n                                \u062a\u0648\u0633\u0639\u0647\n                            <\/div>\n\n                            <div class=\"bt-mini-project__bar\">\n                                <span style=\"width:68%\"><\/span>\n                            <\/div>\n\n                            <div class=\"bt-mini-project__percent\">\n                                \u06f6\u06f8\u066a\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-project__line\">\n\n                            <div class=\"bt-mini-project__label\">\n                                \u0627\u0633\u062a\u0642\u0631\u0627\u0631\n                            <\/div>\n\n                            <div class=\"bt-mini-project__bar\">\n                                <span style=\"width:22%\"><\/span>\n                            <\/div>\n\n                            <div class=\"bt-mini-project__percent\">\n                                \u06f2\u06f2\u066a\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =============================================\n                 03 - SUPPORT\n            ============================================== -->\n\n            <article class=\"bt-worktype\">\n\n\n                <div class=\"bt-worktype__marker\">\n\n                    <span class=\"bt-worktype__index\">\n                        03\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\"\n                    >\n                        <path d=\"M4 12a8 8 0 0 1 16 0\"\/>\n\n                        <path\n                            d=\"M4 12v4a2 2 0 0 0 2 2h2v-6H4z\"\n                        \/>\n\n                        <path\n                            d=\"M20 12v4a2 2 0 0 1-2 2h-2v-6h4z\"\n                        \/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__main\">\n\n                    <h3>\n                        \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\n                    <\/h3>\n\n                    <div class=\"bt-worktype__subtitle\">\n                        \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0646\u062a\u0638\u0631 Sprint \u0628\u0639\u062f\u06cc \u0646\u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f\n                    <\/div>\n\n                    <p>\n                        \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0646\u0627\u0645\u0647 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627\n                        \u0631\u0639\u0627\u06cc\u062a \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f.\n                        \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u06cc\u0646 \u06a9\u0627\u0631\u0647\u0627 \u0631\u0627 \u062c\u062f\u0627\u06af\u0627\u0646\u0647 \u062b\u0628\u062a \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06a9\u0631\u062f\u060c\n                        \u0645\u0633\u0626\u0648\u0644 \u0645\u0634\u062e\u0635 \u062f\u0627\u0634\u062a \u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0641\u0647\u0645\u06cc\u062f\n                        <strong>\n                            \u0686\u0647 \u0645\u0642\u062f\u0627\u0631 \u0627\u0632 \u0638\u0631\u0641\u06cc\u062a \u062a\u06cc\u0645 \u0635\u0631\u0641 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a.\n                        <\/strong>\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__visual\">\n\n                    <div class=\"bt-mini-head\">\n\n                        <span class=\"bt-mini-head__title\">\n                            \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u062c\u0627\u0631\u06cc\n                        <\/span>\n\n                        <span class=\"bt-mini-head__badge\">\n                            Support\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-mini-tickets\">\n\n                        <div class=\"bt-mini-ticket is-hot\">\n\n                            <span class=\"bt-mini-ticket__dot\"><\/span>\n\n                            <span class=\"bt-mini-ticket__text\"><\/span>\n\n                            <span class=\"bt-mini-ticket__status\">\n                                \u0641\u0648\u0631\u06cc\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-ticket\">\n\n                            <span class=\"bt-mini-ticket__dot\"><\/span>\n\n                            <span class=\"bt-mini-ticket__text\"><\/span>\n\n                            <span class=\"bt-mini-ticket__status\">\n                                \u0628\u0631\u0631\u0633\u06cc\n                            <\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-mini-ticket\">\n\n                            <span class=\"bt-mini-ticket__dot\"><\/span>\n\n                            <span class=\"bt-mini-ticket__text\"><\/span>\n\n                            <span class=\"bt-mini-ticket__status\">\n                                \u0628\u0627\u0632\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n\n            <!-- =============================================\n                 04 - INTERNAL WORK\n            ============================================== -->\n\n            <article class=\"bt-worktype\">\n\n\n                <div class=\"bt-worktype__marker\">\n\n                    <span class=\"bt-worktype__index\">\n                        04\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.7\"\n                    >\n                        <path\n                            d=\"M5 7h14v12H5z\"\n                        \/>\n\n                        <path\n                            d=\"M8 7V5h8v2\"\n                        \/>\n\n                        <path\n                            d=\"M8 11h8\"\n                        \/>\n\n                        <path\n                            d=\"M8 15h5\"\n                        \/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__main\">\n\n                    <h3>\n                        \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0648 \u0641\u0631\u0627\u06cc\u0646\u062f\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a\n                    <\/h3>\n\n                    <div class=\"bt-worktype__subtitle\">\n                        \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u067e\u0631\u0648\u0698\u0647 \u0646\u06cc\u0633\u062a\u0646\u062f \u0648\u0644\u06cc \u0646\u0628\u0627\u06cc\u062f \u06af\u0645 \u0634\u0648\u0646\u062f\n                    <\/div>\n\n                    <p>\n                        \u062e\u0631\u06cc\u062f \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u062a\u0645\u062f\u06cc\u062f \u0642\u0631\u0627\u0631\u062f\u0627\u062f\u060c \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0631\u0648\u0631\u060c\n                        \u067e\u06cc\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0627\u062e\u0644\u06cc \u06cc\u0627 \u0647\u0631 \u0641\u0631\u0627\u06cc\u0646\u062f \u062a\u06a9\u0631\u0627\u0631\u0634\u0648\u0646\u062f\u0647\n                        \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0647 \u0634\u06a9\u0644 \u0641\u0639\u0627\u0644\u06cc\u062a \u06cc\u0627 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0631\u062f\u061b\n                        \u0628\u062f\u0648\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0631\u0627\u06cc \u0647\u0631 \u06a9\u0627\u0631 \u06a9\u0648\u0686\u06a9\n                        <strong>\u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0633\u0627\u0632\u06cc\u062f.<\/strong>\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"bt-worktype__visual\">\n\n                    <div class=\"bt-mini-head\">\n\n                        <span class=\"bt-mini-head__title\">\n                            \u0641\u0631\u0627\u06cc\u0646\u062f \u062f\u0627\u062e\u0644\u06cc\n                        <\/span>\n\n                        <span class=\"bt-mini-head__badge\">\n                            Workflow\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-mini-flow\">\n\n\n                        <div\n                            class=\"\n                                bt-mini-flow__step\n                                is-active\n                            \">\n\n                            <i><\/i>\n\n                            \u062f\u0631\u062e\u0648\u0627\u0633\u062a\n\n                        <\/div>\n\n\n                        <span class=\"bt-mini-flow__arrow\">\n                            \u2190\n                        <\/span>\n\n\n                        <div class=\"bt-mini-flow__step\">\n\n                            <i><\/i>\n\n                            \u0628\u0631\u0631\u0633\u06cc\n\n                        <\/div>\n\n\n                        <span class=\"bt-mini-flow__arrow\">\n                            \u2190\n                        <\/span>\n\n\n                        <div class=\"bt-mini-flow__step\">\n\n                            <i><\/i>\n\n                            \u062a\u0623\u06cc\u06cc\u062f\n\n                        <\/div>\n\n\n                        <span class=\"bt-mini-flow__arrow\">\n                            \u2190\n                        <\/span>\n\n\n                        <div class=\"bt-mini-flow__step\">\n\n                            <i><\/i>\n\n                            \u0627\u0646\u062c\u0627\u0645\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- =================================================\n             FINAL NOTE\n        ================================================== -->\n\n        <div class=\"bt-it-worktypes__note\">\n\n\n            <span class=\"bt-it-worktypes__note-icon\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                >\n                    <path d=\"M4 12h16\"\/>\n\n                    <path\n                        d=\"M15 7l5 5-5 5\"\n                    \/>\n                <\/svg>\n\n            <\/span>\n\n\n            <p>\n                \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0646\u06cc\u0633\u062a \u06a9\u0647 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u00ab\u067e\u0631\u0648\u0698\u0647\u00bb \u0628\u0646\u0627\u0645\u06cc\u0645.\n                \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647\n                <strong>\n                    \u06a9\u0627\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0633\u0627\u0632\u0645\u0627\u0646 \u062f\u0631 \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc \u0645\u0634\u062a\u0631\u06a9\n                    \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f\n                <\/strong>\n                \u062a\u0627 \u0645\u062f\u06cc\u0631 \u0628\u062f\u0627\u0646\u062f \u0686\u0647 \u0686\u06cc\u0632\u06cc \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645 \u0627\u0633\u062a\u060c\n                \u0686\u0647 \u06a9\u0633\u06cc \u062f\u0631\u06af\u06cc\u0631 \u0622\u0646 \u0627\u0633\u062a \u0648 \u0686\u0647 \u0645\u0642\u062f\u0627\u0631 \u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc\u0634 \u0635\u0631\u0641 \u0645\u06cc\u200c\u0634\u0648\u062f.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull ghostkit-custom-Z25gxVb is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 04\n   Real Project Management\n   ========================================================= *\/\n\n.bt-it-project-control {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf2;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #f8f7f3;\n    --bt-white: #ffffff;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 110px 24px;\n\n    background:\n        radial-gradient(\n            circle at 92% 20%,\n            rgba(243,165,3,.07),\n            transparent 27%\n        ),\n        var(--bt-bg);\n\n    font-family: inherit;\n}\n\n.bt-it-project-control *,\n.bt-it-project-control *::before,\n.bt-it-project-control *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-project-control::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 3%;\n    bottom: 55px;\n\n    width: 130px;\n    height: 130px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.5) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 16px 16px;\n\n    opacity: .12;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-project-control__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .92fr)\n        minmax(500px, 1.08fr);\n\n    gap: 80px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-project-control__content {\n    max-width: 520px;\n}\n\n\n.bt-it-project-control__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-project-control__eyebrow::before {\n    content: \"\";\n\n    width: 25px;\n    height: 2px;\n\n    border-radius: 5px;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-project-control h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-project-control h2 span {\n    position: relative;\n\n    white-space: nowrap;\n}\n\n\n.bt-it-project-control h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background:\n        rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-project-control__lead {\n    margin: 25px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 17px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-project-control__lead strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   MANAGEMENT POINTS\n   ========================================================= *\/\n\n.bt-project-points {\n    margin-top: 33px;\n\n    display: grid;\n\n    gap: 16px;\n}\n\n\n.bt-project-point {\n    display: grid;\n\n    grid-template-columns:\n        37px 1fr;\n\n    gap: 13px;\n\n    align-items: start;\n}\n\n\n.bt-project-point__icon {\n    width: 37px;\n    height: 37px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 11px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-project-point__icon svg {\n    width: 18px;\n    height: 18px;\n}\n\n\n.bt-project-point__title {\n    color: #393e43;\n\n    font-size: 14px;\n\n    font-weight: 800;\n}\n\n\n.bt-project-point__text {\n    margin-top: 4px;\n\n    color: #777c82;\n\n    font-size: 12.5px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   BOTTOM STATEMENT\n   ========================================================= *\/\n\n.bt-project-statement {\n    margin-top: 35px;\n\n    padding: 17px 20px;\n\n    border-right:\n        3px solid\n        var(--bt-orange);\n\n    border-radius:\n        10px 0 0 10px;\n\n    background:\n        rgba(255,255,255,.7);\n}\n\n\n.bt-project-statement p {\n    margin: 0;\n\n    color: #555a60;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-project-statement strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.bt-project-visual {\n    position: relative;\n\n    min-height: 570px;\n}\n\n\n\/* =========================================================\n   MAIN WINDOW\n   ========================================================= *\/\n\n.bt-project-window {\n    position: absolute;\n\n    right: 0;\n    left: 20px;\n    top: 38px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #e2ded5;\n\n    border-radius: 21px;\n\n    background: #fff;\n\n    box-shadow:\n        0 30px 75px rgba(32,36,41,.10);\n}\n\n\n\/* header *\/\n\n.bt-project-window__top {\n    height: 53px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 0 17px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-project-window__title {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #44484d;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.bt-project-window__dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-project-window__actions {\n    display: flex;\n\n    gap: 5px;\n}\n\n\n.bt-project-window__actions span {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: #dedad2;\n}\n\n\n\/* =========================================================\n   PROJECT SUMMARY\n   ========================================================= *\/\n\n.bt-project-summary {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 8px;\n\n    padding: 16px 18px;\n\n    background: #fbfaf7;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-project-summary__item {\n    padding: 10px 9px;\n\n    border:\n        1px solid\n        #ece8e0;\n\n    border-radius: 9px;\n\n    background: #fff;\n}\n\n\n.bt-project-summary__label {\n    margin-bottom: 5px;\n\n    color: #979a9e;\n\n    font-size: 6.5px;\n}\n\n\n.bt-project-summary__value {\n    color: #3d4146;\n\n    font-size: 12px;\n\n    font-weight: 850;\n}\n\n\n.bt-project-summary__value.is-warning {\n    color: #a57100;\n}\n\n\n\/* =========================================================\n   GANTT\n   ========================================================= *\/\n\n.bt-gantt {\n    padding: 18px;\n}\n\n\n.bt-gantt__head {\n    display: grid;\n\n    grid-template-columns:\n        125px 1fr;\n\n    gap: 10px;\n\n    margin-bottom: 10px;\n}\n\n\n.bt-gantt__activity-head {\n    color: #999ca0;\n\n    font-size: 7px;\n}\n\n\n.bt-gantt__dates {\n    display: grid;\n\n    grid-template-columns:\n        repeat(6, 1fr);\n\n    color: #9b9ea2;\n\n    font-size: 6px;\n\n    text-align: center;\n}\n\n\n\/* rows *\/\n\n.bt-gantt__row {\n    display: grid;\n\n    grid-template-columns:\n        125px 1fr;\n\n    gap: 10px;\n\n    align-items: center;\n\n    min-height: 38px;\n\n    border-top:\n        1px solid\n        #f1efea;\n}\n\n\n.bt-gantt__label {\n    color: #65696e;\n\n    font-size: 7px;\n}\n\n\n.bt-gantt__timeline {\n    position: relative;\n\n    height: 24px;\n\n    background-image:\n        linear-gradient(\n            90deg,\n            #efede8 1px,\n            transparent 1px\n        );\n\n    background-size: 16.66% 100%;\n}\n\n\n.bt-gantt__bar {\n    position: absolute;\n\n    top: 7px;\n\n    height: 10px;\n\n    border-radius: 5px;\n\n    background:\n        #d9d6cf;\n}\n\n\n.bt-gantt__bar.is-orange {\n    background: var(--bt-orange);\n}\n\n\n.bt-gantt__bar.is-soft {\n    background: #f7ca69;\n}\n\n\n.bt-gantt__bar.is-critical {\n    background:\n        repeating-linear-gradient(\n            45deg,\n            #f3a503,\n            #f3a503 4px,\n            #ffbe32 4px,\n            #ffbe32 8px\n        );\n}\n\n\n\/* dependency connector *\/\n\n.bt-gantt__dependency {\n    position: absolute;\n\n    height: 19px;\n\n    border-left:\n        1px solid\n        rgba(243,165,3,.75);\n\n    border-bottom:\n        1px solid\n        rgba(243,165,3,.75);\n}\n\n\n.bt-gantt__dependency::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: -3px;\n    bottom: -3px;\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n\/* =========================================================\n   PROJECT FOOTER\n   ========================================================= *\/\n\n.bt-project-window__footer {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 14px 18px;\n\n    border-top:\n        1px solid\n        var(--bt-border-soft);\n\n    background: #fbfaf7;\n}\n\n\n.bt-project-health {\n    display: flex;\n\n    align-items: center;\n\n    gap: 6px;\n\n    color: #73777c;\n\n    font-size: 7px;\n}\n\n\n.bt-project-health__dot {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n\n    box-shadow:\n        0 0 0 4px\n        rgba(243,165,3,.12);\n}\n\n\n.bt-project-footer__text {\n    color: #999ca0;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   FLOATING CARD - DELAY\n   ========================================================= *\/\n\n.bt-project-alert {\n    position: absolute;\n\n    z-index: 4;\n\n    left: -12px;\n    top: 7px;\n\n    width: 180px;\n\n    padding: 13px 14px;\n\n    border:\n        1px solid\n        #e8dfcc;\n\n    border-radius: 13px;\n\n    background:\n        rgba(255,253,248,.98);\n\n    box-shadow:\n        0 15px 35px\n        rgba(35,39,44,.10);\n}\n\n\n.bt-project-alert__head {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #6e5519;\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.bt-project-alert__icon {\n    width: 27px;\n    height: 27px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 8px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a67000;\n}\n\n\n.bt-project-alert__icon svg {\n    width: 14px;\n    height: 14px;\n}\n\n\n.bt-project-alert__text {\n    margin-top: 8px;\n\n    color: #86898d;\n\n    font-size: 7px;\n\n    line-height: 1.7;\n}\n\n\n\/* =========================================================\n   FLOATING CARD - PROGRESS\n   ========================================================= *\/\n\n.bt-project-progress-card {\n    position: absolute;\n\n    z-index: 4;\n\n    right: -14px;\n    bottom: 4px;\n\n    width: 195px;\n\n    padding: 14px;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 14px;\n\n    background: #fff;\n\n    box-shadow:\n        0 16px 38px\n        rgba(34,38,44,.10);\n}\n\n\n.bt-project-progress-card__title {\n    color: #777b80;\n\n    font-size: 8px;\n}\n\n\n.bt-project-progress-card__number {\n    margin-top: 4px;\n\n    color: var(--bt-ink);\n\n    font-size: 22px;\n\n    font-weight: 900;\n}\n\n\n.bt-project-progress-card__bar {\n    height: 6px;\n\n    margin-top: 11px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #efede8;\n}\n\n\n.bt-project-progress-card__bar span {\n    display: block;\n\n    width: 68%;\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-project-progress-card__meta {\n    margin-top: 7px;\n\n    color: #9b9ea2;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-project-control__container {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    .bt-it-project-control__content {\n        max-width: 720px;\n    }\n\n\n    .bt-project-visual {\n        width: min(690px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-project-control {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-project-control h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-project-control__lead {\n        font-size: 15.5px;\n    }\n\n\n    .bt-project-visual {\n        min-height: 500px;\n    }\n\n\n    .bt-project-window {\n        left: 0;\n    }\n\n\n    .bt-project-summary {\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n\n    .bt-gantt__head,\n    .bt-gantt__row {\n        grid-template-columns:\n            90px 1fr;\n    }\n\n\n    .bt-gantt__label {\n        font-size: 6px;\n    }\n\n\n    .bt-project-alert {\n        left: 0;\n\n        width: 155px;\n\n        transform: scale(.92);\n\n        transform-origin: left top;\n    }\n\n\n    .bt-project-progress-card {\n        right: 0;\n\n        width: 170px;\n\n        transform: scale(.92);\n\n        transform-origin: right bottom;\n    }\n}\n\n\n@media (max-width: 470px) {\n\n    .bt-project-visual {\n        min-height: 475px;\n    }\n\n\n    .bt-project-summary {\n        gap: 5px;\n\n        padding: 12px;\n    }\n\n\n    .bt-gantt {\n        padding: 12px;\n    }\n\n\n    .bt-gantt__head,\n    .bt-gantt__row {\n        grid-template-columns:\n            72px 1fr;\n\n        gap: 6px;\n    }\n\n\n    .bt-project-window__footer {\n        padding: 11px 12px;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-project-control\">\n\n    <div class=\"bt-it-project-control__container\">\n\n\n        <!-- =================================================\n             CONTENT\n        ================================================== -->\n\n        <div class=\"bt-it-project-control__content\">\n\n\n            <div class=\"bt-it-project-control__eyebrow\">\n                \u0648\u0642\u062a\u06cc \u06a9\u0627\u0631 \u0648\u0627\u0642\u0639\u0627\u064b \u067e\u0631\u0648\u0698\u0647 \u0627\u0633\u062a\n            <\/div>\n\n\n            <h2>\n                \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\u060c\n                \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632\n                <span>\u062c\u0627\u0628\u0647\u200c\u062c\u0627 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u0633\u062a<\/span>\n            <\/h2>\n\n\n            <p class=\"bt-it-project-control__lead\">\n\n                \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0627\u0631\u0647\u0627\u06cc \u0631\u0648\u0632\u0627\u0646\u0647\u060c\n                \u062f\u06cc\u062f\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0647\u0631 \u0641\u0639\u0627\u0644\u06cc\u062a \u062f\u0631 \u0686\u0647 \u0648\u0636\u0639\u06cc\u062a\u06cc \u0627\u0633\u062a \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.\n                \u0627\u0645\u0627 \u0648\u0642\u062a\u06cc \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0645\u0634\u062a\u0631\u06cc\n                <strong>\n                    \u0632\u0645\u0627\u0646 \u062a\u062d\u0648\u06cc\u0644\u060c \u062f\u0627\u0645\u0646\u0647 \u06a9\u0627\u0631 \u0648 \u0647\u0632\u06cc\u0646\u0647\n                <\/strong>\n                \u062a\u0639\u0647\u062f \u062f\u0627\u0631\u06cc\u062f\u060c Task Management \u0628\u0647\u200c\u062a\u0646\u0647\u0627\u06cc\u06cc \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a.\n\n            <\/p>\n\n\n            <p class=\"bt-it-project-control__lead\">\n\n                \u0645\u062f\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647 \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u062f \u0628\u0641\u0647\u0645\u062f\n                \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0642\u0639\u0627\u064b \u0686\u0642\u062f\u0631 \u067e\u06cc\u0634 \u0631\u0641\u062a\u0647\u060c\n                \u0686\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a\u06cc \u0639\u0642\u0628 \u0627\u0641\u062a\u0627\u062f\u0647\u060c\n                \u06a9\u062f\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u062f\u06cc\u06af\u0631\u06cc \u0648\u0627\u0628\u0633\u062a\u0647 \u0627\u0633\u062a\n                \u0648 \u062a\u0623\u062e\u06cc\u0631 \u0627\u0645\u0631\u0648\u0632\n                \u0686\u0647 \u0627\u062b\u0631\u06cc \u0631\u0648\u06cc \u0627\u062f\u0627\u0645\u0647 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u0627\u0647\u062f \u062f\u0627\u0634\u062a.\n\n            <\/p>\n\n\n            <!-- Points -->\n\n            <div class=\"bt-project-points\">\n\n\n                <!-- 1 -->\n\n                <div class=\"bt-project-point\">\n\n                    <div class=\"bt-project-point__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 6h16\"\/>\n                            <path d=\"M4 12h10\"\/>\n                            <path d=\"M4 18h7\"\/>\n                            <path d=\"M17 10v8\"\/>\n                            <path d=\"M14 15l3 3 3-3\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-project-point__title\">\n                            \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\n                        <\/div>\n\n                        <div class=\"bt-project-point__text\">\n                            \u0628\u062f\u0627\u0646\u06cc\u062f \u06a9\u062f\u0627\u0645 \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0627\u06cc\u062f \u0642\u0628\u0644 \u0627\u0632 \u0641\u0639\u0627\u0644\u06cc\u062a \u062f\u06cc\u06af\u0631\u06cc\n                            \u062a\u0645\u0627\u0645 \u0634\u0648\u062f \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0686\u0647 \u0627\u062b\u0631\u06cc \u0631\u0648\u06cc \u0627\u062f\u0627\u0645\u0647 \u067e\u0631\u0648\u0698\u0647 \u062f\u0627\u0631\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 2 -->\n\n                <div class=\"bt-project-point\">\n\n                    <div class=\"bt-project-point__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"8\"\n                            \/>\n\n                            <path d=\"M12 12V7\"\/>\n                            <path d=\"M12 12l4 2\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-project-point__title\">\n                            \u062a\u0634\u062e\u06cc\u0635 \u062a\u0623\u062e\u06cc\u0631 \u067e\u06cc\u0634 \u0627\u0632 \u0645\u0648\u0639\u062f \u062a\u062d\u0648\u06cc\u0644\n                        <\/div>\n\n                        <div class=\"bt-project-point__text\">\n                            \u0628\u0647\u200c\u062c\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u062f\u0631 \u0631\u0648\u0632 \u062a\u062d\u0648\u06cc\u0644 \u0645\u062a\u0648\u062c\u0647 \u0645\u0634\u06a9\u0644 \u0634\u0648\u06cc\u062f\u060c\n                            \u0627\u0646\u062d\u0631\u0627\u0641 \u0628\u0631\u0646\u0627\u0645\u0647 \u0631\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0628\u0628\u06cc\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 3 -->\n\n                <div class=\"bt-project-point\">\n\n                    <div class=\"bt-project-point__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 18V10\"\/>\n                            <path d=\"M10 18V5\"\/>\n                            <path d=\"M16 18v-8\"\/>\n                            <path d=\"M22 18H2\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-project-point__title\">\n                            \u067e\u06cc\u0634\u0631\u0641\u062a \u0648\u0627\u0642\u0639\u06cc \u067e\u0631\u0648\u0698\u0647\n                        <\/div>\n\n                        <div class=\"bt-project-point__text\">\n                            \u0648\u0636\u0639\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0627\u0632 \u0631\u0648\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u060c\n                            \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0648 \u0645\u06cc\u0632\u0627\u0646 \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u06a9\u0646\u06cc\u062f\u061b\n                            \u0646\u0647 \u0635\u0631\u0641\u0627\u064b \u062a\u0639\u062f\u0627\u062f \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0628\u0633\u062a\u0647\u200c\u0634\u062f\u0647.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Statement -->\n\n            <div class=\"bt-project-statement\">\n\n                <p>\n                    \u0628\u0647\u062a\u0627\u06cc\u0645 \u0642\u0631\u0627\u0631 \u0646\u06cc\u0633\u062a \u062c\u0627\u06cc \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u0633\u0646\u06af\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0631\u06cc\u0632\u06cc\n                    \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u0628\u06af\u06cc\u0631\u062f\u061b\n                    \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\u060c\n                    <strong>\n                        \u0633\u0637\u062d \u0645\u0646\u0627\u0633\u0628\u06cc \u0628\u06cc\u0646 \u06cc\u06a9 Task Manager \u0633\u0627\u062f\u0647\n                        \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\n                    <\/strong>\n                    \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             VISUAL\n        ================================================== -->\n\n        <div class=\"bt-project-visual\">\n\n\n            <!-- Delay Alert -->\n\n            <div class=\"bt-project-alert\">\n\n                <div class=\"bt-project-alert__head\">\n\n                    <span class=\"bt-project-alert__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M12 4L3 20h18L12 4z\"\/>\n                            <path d=\"M12 9v5\"\/>\n                            <path d=\"M12 17h.01\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647\n\n                <\/div>\n\n                <div class=\"bt-project-alert__text\">\n                    \u0641\u0639\u0627\u0644\u06cc\u062a \u00ab\u062a\u0633\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u00bb \u06f3 \u0631\u0648\u0632 \u0627\u0632 \u0628\u0631\u0646\u0627\u0645\u0647 \u0639\u0642\u0628 \u0627\u0633\u062a\n                    \u0648 \u0631\u0648\u06cc \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0646\u0633\u062e\u0647 \u0627\u062b\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f.\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Main Project Window -->\n\n            <div class=\"bt-project-window\">\n\n\n                <!-- Header -->\n\n                <div class=\"bt-project-window__top\">\n\n                    <div class=\"bt-project-window__title\">\n\n                        <span class=\"bt-project-window__dot\"><\/span>\n\n                        \u067e\u0631\u0648\u0698\u0647 \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0634\u062a\u0631\u06cc\n\n                    <\/div>\n\n\n                    <div class=\"bt-project-window__actions\">\n\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Summary -->\n\n                <div class=\"bt-project-summary\">\n\n\n                    <div class=\"bt-project-summary__item\">\n\n                        <div class=\"bt-project-summary__label\">\n                            \u067e\u06cc\u0634\u0631\u0641\u062a\n                        <\/div>\n\n                        <div class=\"bt-project-summary__value\">\n                            \u06f6\u06f8\u066a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-project-summary__item\">\n\n                        <div class=\"bt-project-summary__label\">\n                            \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0627\u0632\n                        <\/div>\n\n                        <div class=\"bt-project-summary__value\">\n                            \u06f1\u06f2\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-project-summary__item\">\n\n                        <div class=\"bt-project-summary__label\">\n                            \u0627\u0646\u062d\u0631\u0627\u0641 \u0628\u0631\u0646\u0627\u0645\u0647\n                        <\/div>\n\n                        <div class=\"bt-project-summary__value is-warning\">\n                            +\u06f3 \u0631\u0648\u0632\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-project-summary__item\">\n\n                        <div class=\"bt-project-summary__label\">\n                            \u0648\u0636\u0639\u06cc\u062a\n                        <\/div>\n\n                        <div class=\"bt-project-summary__value\">\n                            \u062f\u0631 \u0627\u062c\u0631\u0627\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Gantt -->\n\n                <div class=\"bt-gantt\">\n\n\n                    <div class=\"bt-gantt__head\">\n\n                        <div class=\"bt-gantt__activity-head\">\n                            \u0641\u0639\u0627\u0644\u06cc\u062a\n                        <\/div>\n\n                        <div class=\"bt-gantt__dates\">\n\n                            <span>\u0634\u0646\u0628\u0647<\/span>\n                            <span>\u06cc\u06a9\u0634\u0646\u0628\u0647<\/span>\n                            <span>\u062f\u0648\u0634\u0646\u0628\u0647<\/span>\n                            <span>\u0633\u0647\u200c\u0634\u0646\u0628\u0647<\/span>\n                            <span>\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647<\/span>\n                            <span>\u067e\u0646\u062c\u0634\u0646\u0628\u0647<\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- row 1 -->\n\n                    <div class=\"bt-gantt__row\">\n\n                        <div class=\"bt-gantt__label\">\n                            \u062a\u062d\u0644\u06cc\u0644 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f\u06cc\n                        <\/div>\n\n                        <div class=\"bt-gantt__timeline\">\n\n                            <span\n                                class=\"bt-gantt__bar is-soft\"\n                                style=\"\n                                    right:0;\n                                    width:31%;\n                                \">\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- row 2 -->\n\n                    <div class=\"bt-gantt__row\">\n\n                        <div class=\"bt-gantt__label\">\n                            \u062a\u0648\u0633\u0639\u0647 Backend\n                        <\/div>\n\n                        <div class=\"bt-gantt__timeline\">\n\n                            <span\n                                class=\"bt-gantt__bar is-orange\"\n                                style=\"\n                                    right:17%;\n                                    width:46%;\n                                \">\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- row 3 -->\n\n                    <div class=\"bt-gantt__row\">\n\n                        <div class=\"bt-gantt__label\">\n                            \u062a\u0648\u0633\u0639\u0647 Frontend\n                        <\/div>\n\n                        <div class=\"bt-gantt__timeline\">\n\n                            <span\n                                class=\"bt-gantt__bar is-orange\"\n                                style=\"\n                                    right:30%;\n                                    width:38%;\n                                \">\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- row 4 -->\n\n                    <div class=\"bt-gantt__row\">\n\n                        <div class=\"bt-gantt__label\">\n                            \u062a\u0633\u062a \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\n                        <\/div>\n\n                        <div class=\"bt-gantt__timeline\">\n\n                            <span\n                                class=\"bt-gantt__bar is-critical\"\n                                style=\"\n                                    right:58%;\n                                    width:24%;\n                                \">\n                            <\/span>\n\n                            <span\n                                class=\"bt-gantt__dependency\"\n                                style=\"\n                                    right:57%;\n                                    top:-15px;\n                                    width:15px;\n                                \">\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- row 5 -->\n\n                    <div class=\"bt-gantt__row\">\n\n                        <div class=\"bt-gantt__label\">\n                            \u0627\u0633\u062a\u0642\u0631\u0627\u0631\n                        <\/div>\n\n                        <div class=\"bt-gantt__timeline\">\n\n                            <span\n                                class=\"bt-gantt__bar\"\n                                style=\"\n                                    right:82%;\n                                    width:17%;\n                                \">\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Footer -->\n\n                <div class=\"bt-project-window__footer\">\n\n                    <div class=\"bt-project-health\">\n\n                        <span class=\"bt-project-health__dot\"><\/span>\n\n                        \u06cc\u06a9 \u0641\u0639\u0627\u0644\u06cc\u062a \u0631\u0648\u06cc \u0645\u0633\u06cc\u0631 \u062d\u0633\u0627\u0633 \u067e\u0631\u0648\u0698\u0647 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647 \u0627\u0633\u062a\n\n                    <\/div>\n\n\n                    <div class=\"bt-project-footer__text\">\n                        \u0622\u062e\u0631\u06cc\u0646 \u0628\u0647\u200c\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc: \u0627\u0645\u0631\u0648\u0632\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Progress floating card -->\n\n            <div class=\"bt-project-progress-card\">\n\n                <div class=\"bt-project-progress-card__title\">\n                    \u067e\u06cc\u0634\u0631\u0641\u062a \u067e\u0631\u0648\u0698\u0647\n                <\/div>\n\n                <div class=\"bt-project-progress-card__number\">\n                    \u06f6\u06f8\u066a\n                <\/div>\n\n                <div class=\"bt-project-progress-card__bar\">\n                    <span><\/span>\n                <\/div>\n\n                <div class=\"bt-project-progress-card__meta\">\n                    \u06f4\u06f2 \u0627\u0632 \u06f6\u06f1 \u0641\u0639\u0627\u0644\u06cc\u062a \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647\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 ghostkit-custom-12dyKE is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 05\n   Time & Team Capacity\n   ========================================================= *\/\n\n.bt-it-time {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #ffffff;\n    --bt-soft-bg: #faf9f6;\n\n    position: relative;\n    overflow: hidden;\n\n    direction: rtl;\n\n    padding: 110px 24px 115px;\n\n    background:\n        radial-gradient(\n            circle at 7% 18%,\n            rgba(243,165,3,.075),\n            transparent 25%\n        ),\n        #fff;\n\n    font-family: inherit;\n}\n\n.bt-it-time *,\n.bt-it-time *::before,\n.bt-it-time *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-time::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: -160px;\n    bottom: -210px;\n\n    width: 470px;\n    height: 470px;\n\n    border-radius: 50%;\n\n    border:\n        1px solid\n        rgba(243,165,3,.09);\n\n    box-shadow:\n        0 0 0 45px rgba(243,165,3,.025),\n        0 0 0 90px rgba(243,165,3,.015);\n\n    pointer-events: none;\n}\n\n\n.bt-it-time__dots {\n    position: absolute;\n\n    left: 35px;\n    bottom: 50px;\n\n    width: 95px;\n    height: 95px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.55) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .11;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-time__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.bt-it-time__header {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .95fr)\n        minmax(420px, 1.05fr);\n\n    gap: 75px;\n\n    align-items: end;\n\n    margin-bottom: 62px;\n}\n\n\n.bt-it-time__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 17px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-time__eyebrow::before {\n    content: \"\";\n\n    width: 25px;\n    height: 2px;\n\n    border-radius: 5px;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-time h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-time h2 span {\n    position: relative;\n\n    white-space: nowrap;\n}\n\n\n.bt-it-time h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background:\n        rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-time__intro {\n    margin: 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.1;\n}\n\n\n.bt-it-time__intro strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   MAIN LAYOUT\n   ========================================================= *\/\n\n.bt-time-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.12fr)\n        minmax(360px, .88fr);\n\n    gap: 32px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   MAIN ANALYTICS PANEL\n   ========================================================= *\/\n\n.bt-time-panel {\n    position: relative;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 22px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff,\n            #fbfaf7\n        );\n\n    box-shadow:\n        0 24px 60px\n        rgba(34,38,44,.065);\n}\n\n\n.bt-time-panel__top {\n    min-height: 60px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding: 0 21px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-time-panel__title {\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    color: #41464b;\n\n    font-size: 12px;\n\n    font-weight: 800;\n}\n\n\n.bt-time-panel__title-dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-time-panel__period {\n    padding: 6px 10px;\n\n    border:\n        1px solid\n        #e9e5dd;\n\n    border-radius: 7px;\n\n    background: #fff;\n\n    color: #8b8f94;\n\n    font-size: 8px;\n}\n\n\n\/* =========================================================\n   SUMMARY\n   ========================================================= *\/\n\n.bt-time-summary {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 9px;\n\n    padding: 17px 20px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n\n    background: #faf9f6;\n}\n\n\n.bt-time-summary__item {\n    padding: 12px 10px;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 10px;\n\n    background: #fff;\n}\n\n\n.bt-time-summary__label {\n    margin-bottom: 6px;\n\n    color: #979a9e;\n\n    font-size: 7px;\n}\n\n\n.bt-time-summary__value {\n    color: #34383d;\n\n    font-size: 15px;\n\n    font-weight: 900;\n}\n\n\n.bt-time-summary__value span {\n    margin-right: 3px;\n\n    color: #9a9da1;\n\n    font-size: 7px;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   DISTRIBUTION\n   ========================================================= *\/\n\n.bt-time-distribution {\n    padding: 23px 21px 20px;\n}\n\n\n.bt-time-distribution__head {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 20px;\n}\n\n\n.bt-time-distribution__title {\n    color: #4a4f54;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.bt-time-distribution__hint {\n    color: #9a9da1;\n\n    font-size: 7px;\n}\n\n\n\/* rows *\/\n\n.bt-time-row {\n    display: grid;\n\n    grid-template-columns:\n        105px 1fr 44px;\n\n    gap: 12px;\n\n    align-items: center;\n\n    min-height: 43px;\n\n    border-bottom:\n        1px solid\n        #f2f0eb;\n}\n\n\n.bt-time-row:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-time-row__label {\n    display: flex;\n    align-items: center;\n\n    gap: 7px;\n\n    color: #60656a;\n\n    font-size: 8px;\n\n    font-weight: 700;\n}\n\n\n.bt-time-row__icon {\n    width: 24px;\n    height: 24px;\n\n    display: grid;\n    place-items: center;\n\n    flex: 0 0 24px;\n\n    border-radius: 7px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-time-row__icon svg {\n    width: 12px;\n    height: 12px;\n}\n\n\n.bt-time-row__bar {\n    height: 8px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #eeece7;\n}\n\n\n.bt-time-row__bar span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-time-row:nth-child(3)\n.bt-time-row__bar span {\n    opacity: .78;\n}\n\n\n.bt-time-row:nth-child(4)\n.bt-time-row__bar span {\n    opacity: .56;\n}\n\n\n.bt-time-row:nth-child(5)\n.bt-time-row__bar span {\n    opacity: .30;\n}\n\n\n.bt-time-row__value {\n    color: #777b80;\n\n    font-size: 8px;\n\n    font-weight: 800;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   TEAM TABLE\n   ========================================================= *\/\n\n.bt-team-load {\n    padding: 0 21px 22px;\n}\n\n\n.bt-team-load__head {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    padding: 17px 0 11px;\n\n    border-top:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-team-load__title {\n    color: #4d5257;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.bt-team-load__meta {\n    color: #999ca0;\n\n    font-size: 7px;\n}\n\n\n.bt-team-member {\n    display: grid;\n\n    grid-template-columns:\n        110px 1fr 42px;\n\n    gap: 10px;\n\n    align-items: center;\n\n    min-height: 37px;\n\n    border-bottom:\n        1px solid\n        #f2f0eb;\n}\n\n\n.bt-team-member:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-team-member__person {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #63686d;\n\n    font-size: 7px;\n}\n\n\n.bt-team-member__avatar {\n    width: 23px;\n    height: 23px;\n\n    flex: 0 0 23px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 50%;\n\n    background: #ece9e3;\n\n    color: #707479;\n\n    font-size: 6px;\n\n    font-weight: 800;\n}\n\n\n.bt-team-member__capacity {\n    position: relative;\n\n    height: 6px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #eeece7;\n}\n\n\n.bt-team-member__capacity span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-team-member.is-heavy\n.bt-team-member__capacity span {\n    background:\n        repeating-linear-gradient(\n            45deg,\n            #f3a503,\n            #f3a503 4px,\n            #ffc447 4px,\n            #ffc447 8px\n        );\n}\n\n\n.bt-team-member__hours {\n    color: #8b8f94;\n\n    font-size: 7px;\n\n    text-align: left;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   SIDE COLUMN\n   ========================================================= *\/\n\n.bt-time-side {\n    display: grid;\n\n    grid-template-rows:\n        auto 1fr;\n\n    gap: 22px;\n}\n\n\n\/* =========================================================\n   BIG NUMBER CARD\n   ========================================================= *\/\n\n.bt-time-highlight {\n    position: relative;\n\n    overflow: hidden;\n\n    padding: 27px 26px 25px;\n\n    border:\n        1px solid\n        #eadfca;\n\n    border-radius: 20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fffaf0,\n            #ffffff\n        );\n}\n\n\n.bt-time-highlight::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 160px;\n    height: 160px;\n\n    left: -65px;\n    bottom: -85px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.15),\n            transparent 70%\n        );\n}\n\n\n.bt-time-highlight__label {\n    color: #92701c;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.bt-time-highlight__value {\n    margin-top: 12px;\n\n    color: var(--bt-ink);\n\n    font-size: 42px;\n\n    line-height: 1.1;\n\n    font-weight: 950;\n}\n\n\n.bt-time-highlight__value span {\n    margin-right: 5px;\n\n    color: #81858a;\n\n    font-size: 13px;\n\n    font-weight: 600;\n}\n\n\n.bt-time-highlight__text {\n    max-width: 285px;\n\n    margin: 14px 0 0;\n\n    color: #666b70;\n\n    font-size: 12.5px;\n\n    line-height: 1.9;\n}\n\n\n\/* =========================================================\n   QUESTIONS CARD\n   ========================================================= *\/\n\n.bt-time-questions {\n    padding: 27px 25px;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 20px;\n\n    background: var(--bt-soft-bg);\n}\n\n\n.bt-time-questions__eyebrow {\n    margin-bottom: 9px;\n\n    color: #9a7415;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.bt-time-questions h3 {\n    margin: 0 0 22px;\n\n    color: var(--bt-ink);\n\n    font-size: 19px;\n\n    line-height: 1.7;\n\n    font-weight: 850;\n}\n\n\n.bt-time-question {\n    display: grid;\n\n    grid-template-columns:\n        28px 1fr;\n\n    gap: 10px;\n\n    align-items: start;\n\n    padding: 13px 0;\n\n    border-bottom:\n        1px solid\n        #e8e5df;\n}\n\n\n.bt-time-question:last-child {\n    border-bottom: 0;\n\n    padding-bottom: 0;\n}\n\n\n.bt-time-question__number {\n    width: 28px;\n    height: 28px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 8px;\n\n    background: #fff;\n\n    border:\n        1px solid\n        #e7e2d9;\n\n    color: #a67409;\n\n    font-size: 8px;\n\n    font-weight: 850;\n}\n\n\n.bt-time-question p {\n    margin: 0;\n\n    color: #62676c;\n\n    font-size: 12.5px;\n\n    line-height: 1.9;\n}\n\n\n\/* =========================================================\n   FOOTER MESSAGE\n   ========================================================= *\/\n\n.bt-time-message {\n    max-width: 880px;\n\n    margin: 48px auto 0;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    padding: 18px 22px;\n\n    border-right:\n        3px solid\n        var(--bt-orange);\n\n    border-radius:\n        11px 0 0 11px;\n\n    background: var(--bt-orange-pale);\n}\n\n\n.bt-time-message__icon {\n    width: 34px;\n    height: 34px;\n\n    flex: 0 0 34px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 10px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n}\n\n\n.bt-time-message__icon svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n.bt-time-message p {\n    margin: 0;\n\n    color: #575c61;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-time-message strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-time__header {\n        grid-template-columns: 1fr;\n\n        gap: 22px;\n    }\n\n\n    .bt-it-time__intro {\n        max-width: 720px;\n    }\n\n\n    .bt-time-layout {\n        grid-template-columns: 1fr;\n    }\n\n\n    .bt-time-side {\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        grid-template-rows: auto;\n\n        gap: 22px;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-time {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-time h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-time__intro {\n        font-size: 15.5px;\n    }\n\n\n    .bt-time-summary {\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        padding: 14px;\n    }\n\n\n    .bt-time-distribution,\n    .bt-team-load {\n        padding-left: 14px;\n        padding-right: 14px;\n    }\n\n\n    .bt-time-row {\n        grid-template-columns:\n            95px 1fr 34px;\n\n        gap: 8px;\n    }\n\n\n    .bt-team-member {\n        grid-template-columns:\n            95px 1fr 35px;\n    }\n\n\n    .bt-time-side {\n        grid-template-columns: 1fr;\n    }\n\n\n    .bt-time-message {\n        align-items: flex-start;\n\n        margin-top: 35px;\n    }\n}\n\n\n@media (max-width: 450px) {\n\n    .bt-time-panel__top {\n        padding:\n            0 14px;\n    }\n\n\n    .bt-time-row {\n        grid-template-columns:\n            86px 1fr 30px;\n    }\n\n\n    .bt-time-row__label {\n        gap: 5px;\n\n        font-size: 7px;\n    }\n\n\n    .bt-time-row__icon {\n        width: 21px;\n        height: 21px;\n\n        flex-basis: 21px;\n    }\n\n\n    .bt-team-member {\n        grid-template-columns:\n            82px 1fr 30px;\n    }\n\n\n    .bt-team-member__person {\n        gap: 5px;\n\n        font-size: 6px;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-time\">\n\n    <div\n        class=\"bt-it-time__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-time__container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <div class=\"bt-it-time__header\">\n\n\n            <div>\n\n                <div class=\"bt-it-time__eyebrow\">\n                    \u0632\u0645\u0627\u0646 \u0641\u0642\u0637 \u06cc\u06a9 \u0639\u062f\u062f \u0646\u06cc\u0633\u062a\n                <\/div>\n\n\n                <h2>\n                    \u062a\u06cc\u0645 \u0634\u0645\u0627 \u0648\u0642\u062a\u0634 \u0631\u0627 \u0648\u0627\u0642\u0639\u0627\u064b\n                    <span>\u0635\u0631\u0641 \u0686\u0647 \u0686\u06cc\u0632\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f<\/span>\n                <\/h2>\n\n            <\/div>\n\n\n            <p class=\"bt-it-time__intro\">\n\n                \u062f\u0631 \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0628\u062e\u0634 \u0628\u0632\u0631\u06af\u06cc \u0627\u0632 \u0647\u0632\u06cc\u0646\u0647 \u0633\u0627\u0632\u0645\u0627\u0646\n                \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 <strong>\u0632\u0645\u0627\u0646 \u0645\u062a\u062e\u0635\u0635\u0627\u0646<\/strong> \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u062f.\n\n                \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0641\u0642\u0637 \u062f\u0627\u0646\u0633\u062a\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u0627\u0641\u0631\u0627\u062f \u0645\u0634\u063a\u0648\u0644 \u0647\u0633\u062a\u0646\u062f \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a\u061b\n                \u0645\u0647\u0645 \u0627\u0633\u062a \u0628\u062f\u0627\u0646\u06cc\u062f \u0632\u0645\u0627\u0646 \u062a\u06cc\u0645 \u0645\u06cc\u0627\u0646 \u0645\u062d\u0635\u0648\u0644\u060c\n                \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n                \u0686\u06af\u0648\u0646\u0647 \u062a\u0648\u0632\u06cc\u0639 \u0634\u062f\u0647 \u0627\u0633\u062a.\n\n            <\/p>\n\n        <\/div>\n\n\n        <!-- =================================================\n             MAIN CONTENT\n        ================================================== -->\n\n        <div class=\"bt-time-layout\">\n\n\n            <!-- =============================================\n                 ANALYTICS PANEL\n            ============================================== -->\n\n            <div class=\"bt-time-panel\">\n\n\n                <!-- Top -->\n\n                <div class=\"bt-time-panel__top\">\n\n                    <div class=\"bt-time-panel__title\">\n\n                        <span class=\"bt-time-panel__title-dot\">\n                        <\/span>\n\n                        \u062a\u062d\u0644\u06cc\u0644 \u0632\u0645\u0627\u0646 \u062a\u06cc\u0645\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-panel__period\">\n                        \u0647\u0641\u062a\u0647 \u062c\u0627\u0631\u06cc\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Summary -->\n\n                <div class=\"bt-time-summary\">\n\n\n                    <div class=\"bt-time-summary__item\">\n\n                        <div class=\"bt-time-summary__label\">\n                            \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647\n                        <\/div>\n\n                        <div class=\"bt-time-summary__value\">\n                            \u06f3\u06f1\u06f2\n                            <span>\u0633\u0627\u0639\u062a<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-summary__item\">\n\n                        <div class=\"bt-time-summary__label\">\n                            \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u062a\u0631\u06cc\n                        <\/div>\n\n                        <div class=\"bt-time-summary__value\">\n                            \u06f1\u06f0\u06f8\n                            <span>\u0633\u0627\u0639\u062a<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-summary__item\">\n\n                        <div class=\"bt-time-summary__label\">\n                            \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\n                        <\/div>\n\n                        <div class=\"bt-time-summary__value\">\n                            \u06f9\u06f7\n                            <span>\u0633\u0627\u0639\u062a<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-summary__item\">\n\n                        <div class=\"bt-time-summary__label\">\n                            \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\n                        <\/div>\n\n                        <div class=\"bt-time-summary__value\">\n                            \u06f6\u06f9\n                            <span>\u0633\u0627\u0639\u062a<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Distribution -->\n\n                <div class=\"bt-time-distribution\">\n\n\n                    <div class=\"bt-time-distribution__head\">\n\n                        <div class=\"bt-time-distribution__title\">\n                            \u0632\u0645\u0627\u0646 \u0633\u0627\u0632\u0645\u0627\u0646 \u06a9\u062c\u0627 \u0645\u0635\u0631\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f\n                        <\/div>\n\n                        <div class=\"bt-time-distribution__hint\">\n                            \u0633\u0647\u0645 \u0627\u0632 \u06a9\u0644 \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Client project -->\n\n                    <div class=\"bt-time-row\">\n\n                        <div class=\"bt-time-row__label\">\n\n                            <span class=\"bt-time-row__icon\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <rect\n                                        x=\"4\"\n                                        y=\"5\"\n                                        width=\"16\"\n                                        height=\"14\"\n                                        rx=\"2\"\n                                    \/>\n\n                                    <path d=\"M8 5V3\"\/>\n                                    <path d=\"M16 5V3\"\/>\n                                <\/svg>\n\n                            <\/span>\n\n                            \u067e\u0631\u0648\u0698\u0647 \u0645\u0634\u062a\u0631\u06cc\n\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__bar\">\n                            <span style=\"width:35%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__value\">\n                            \u06f3\u06f5\u066a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Product -->\n\n                    <div class=\"bt-time-row\">\n\n                        <div class=\"bt-time-row__label\">\n\n                            <span class=\"bt-time-row__icon\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M8 9l-3 3 3 3\"\/>\n                                    <path d=\"M16 9l3 3-3 3\"\/>\n                                    <path d=\"M14 6l-4 12\"\/>\n                                <\/svg>\n\n                            <\/span>\n\n                            \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\n\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__bar\">\n                            <span style=\"width:31%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__value\">\n                            \u06f3\u06f1\u066a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Support -->\n\n                    <div class=\"bt-time-row\">\n\n                        <div class=\"bt-time-row__label\">\n\n                            <span class=\"bt-time-row__icon\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M4 12a8 8 0 0 1 16 0\"\/>\n\n                                    <path\n                                        d=\"M4 12v4a2 2 0 0 0 2 2h2v-6H4z\"\n                                    \/>\n\n                                    <path\n                                        d=\"M20 12v4a2 2 0 0 1-2 2h-2v-6h4z\"\n                                    \/>\n                                <\/svg>\n\n                            <\/span>\n\n                            \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\n\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__bar\">\n                            <span style=\"width:22%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__value\">\n                            \u06f2\u06f2\u066a\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Internal -->\n\n                    <div class=\"bt-time-row\">\n\n                        <div class=\"bt-time-row__label\">\n\n                            <span class=\"bt-time-row__icon\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M5 7h14v12H5z\"\/>\n                                    <path d=\"M8 7V5h8v2\"\/>\n                                <\/svg>\n\n                            <\/span>\n\n                            \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__bar\">\n                            <span style=\"width:12%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-time-row__value\">\n                            \u06f1\u06f2\u066a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Team Load -->\n\n                <div class=\"bt-team-load\">\n\n\n                    <div class=\"bt-team-load__head\">\n\n                        <div class=\"bt-team-load__title\">\n                            \u062a\u0648\u0632\u06cc\u0639 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u062a\u06cc\u0645\n                        <\/div>\n\n                        <div class=\"bt-team-load__meta\">\n                            \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0647\u0641\u062a\u0647\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Person -->\n\n                    <div class=\"bt-team-member\">\n\n                        <div class=\"bt-team-member__person\">\n\n                            <span class=\"bt-team-member__avatar\">\n                                AH\n                            <\/span>\n\n                            \u062a\u0648\u0633\u0639\u0647 Backend\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__capacity\">\n\n                            <span style=\"width:84%\"><\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__hours\">\n                            \u06f4\u06f2h\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Person -->\n\n                    <div class=\"bt-team-member is-heavy\">\n\n                        <div class=\"bt-team-member__person\">\n\n                            <span class=\"bt-team-member__avatar\">\n                                MR\n                            <\/span>\n\n                            Frontend\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__capacity\">\n\n                            <span style=\"width:96%\"><\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__hours\">\n                            \u06f4\u06f8h\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Person -->\n\n                    <div class=\"bt-team-member\">\n\n                        <div class=\"bt-team-member__person\">\n\n                            <span class=\"bt-team-member__avatar\">\n                                SN\n                            <\/span>\n\n                            \u062a\u062d\u0644\u06cc\u0644\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__capacity\">\n\n                            <span style=\"width:68%\"><\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__hours\">\n                            \u06f3\u06f4h\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Person -->\n\n                    <div class=\"bt-team-member\">\n\n                        <div class=\"bt-team-member__person\">\n\n                            <span class=\"bt-team-member__avatar\">\n                                RK\n                            <\/span>\n\n                            QA\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__capacity\">\n\n                            <span style=\"width:72%\"><\/span>\n\n                        <\/div>\n\n\n                        <div class=\"bt-team-member__hours\">\n                            \u06f3\u06f6h\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 SIDE\n            ============================================== -->\n\n            <div class=\"bt-time-side\">\n\n\n                <!-- Big insight -->\n\n                <div class=\"bt-time-highlight\">\n\n                    <div class=\"bt-time-highlight__label\">\n                        \u0632\u0645\u0627\u0646 \u0635\u0631\u0641\u200c\u0634\u062f\u0647 \u0628\u0631\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc\n                    <\/div>\n\n\n                    <div class=\"bt-time-highlight__value\">\n                        \u06f6\u06f9\n                        <span>\u0633\u0627\u0639\u062a<\/span>\n                    <\/div>\n\n\n                    <p class=\"bt-time-highlight__text\">\n                        \u06cc\u0639\u0646\u06cc \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9\u200c\u067e\u0646\u062c\u0645 \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u062a\u06cc\u0645\n                        \u062f\u0631 \u0627\u06cc\u0646 \u0647\u0641\u062a\u0647 \u0635\u0631\u0641 \u067e\u0627\u0633\u062e\u200c\u06af\u0648\u06cc\u06cc \u0648 \u067e\u06cc\u06af\u06cc\u0631\u06cc\n                        \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0634\u062f\u0647 \u0627\u0633\u062a.\n                    <\/p>\n\n                <\/div>\n\n\n                <!-- Questions -->\n\n                <div class=\"bt-time-questions\">\n\n                    <div class=\"bt-time-questions__eyebrow\">\n                        \u0639\u062f\u062f\u0647\u0627 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u062c\u0648\u0627\u0628 \u0628\u062f\u0647\u0646\u062f\n                    <\/div>\n\n\n                    <h3>\n                        \u0645\u062f\u06cc\u0631 \u0628\u0627\u06cc\u062f \u0628\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0627\u06cc\u0646 \u0633\u0624\u0627\u0644\u200c\u0647\u0627 \u067e\u0627\u0633\u062e \u062f\u0647\u062f\n                    <\/h3>\n\n\n                    <div class=\"bt-time-question\">\n\n                        <span class=\"bt-time-question__number\">\n                            01\n                        <\/span>\n\n                        <p>\n                            \u06a9\u062f\u0627\u0645 \u067e\u0631\u0648\u0698\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0627\u0634\u062a\u06cc\u0645\n                            \u0632\u0645\u0627\u0646 \u062a\u06cc\u0645 \u0631\u0627 \u0645\u0635\u0631\u0641 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a\u061f\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-question\">\n\n                        <span class=\"bt-time-question__number\">\n                            02\n                        <\/span>\n\n                        <p>\n                            \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0686\u0647 \u0633\u0647\u0645\u06cc \u0627\u0632 \u0638\u0631\u0641\u06cc\u062a\n                            \u062a\u06cc\u0645 \u0641\u0646\u06cc \u0631\u0627 \u06af\u0631\u0641\u062a\u0647 \u0627\u0633\u062a\u061f\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-question\">\n\n                        <span class=\"bt-time-question__number\">\n                            03\n                        <\/span>\n\n                        <p>\n                            \u0622\u06cc\u0627 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u0628\u06cc\u0646 \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645\n                            \u0645\u0646\u0637\u0642\u06cc \u062a\u0648\u0632\u06cc\u0639 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f\n                        <\/p>\n\n                    <\/div>\n\n\n                    <div class=\"bt-time-question\">\n\n                        <span class=\"bt-time-question__number\">\n                            04\n                        <\/span>\n\n                        <p>\n                            \u0686\u0647 \u0645\u0642\u062f\u0627\u0631 \u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644 \u062e\u0648\u062f\u0645\u0627\u0646\n                            \u0628\u0627\u0642\u06cc \u0645\u0627\u0646\u062f\u0647 \u0627\u0633\u062a\u061f\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             BOTTOM MESSAGE\n        ================================================== -->\n\n        <div class=\"bt-time-message\">\n\n\n            <span class=\"bt-time-message__icon\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                >\n                    <circle\n                        cx=\"12\"\n                        cy=\"12\"\n                        r=\"8\"\n                    \/>\n\n                    <path d=\"M12 7v5l3 2\"\/>\n                <\/svg>\n\n            <\/span>\n\n\n            <p>\n                \u062b\u0628\u062a \u0632\u0645\u0627\u0646 \u062f\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0642\u0631\u0627\u0631 \u0646\u06cc\u0633\u062a \u0641\u0642\u0637 \u06cc\u06a9\n                <strong>\u0641\u0631\u0645 \u062d\u0636\u0648\u0631 \u0648 \u063a\u06cc\u0627\u0628 \u062f\u06cc\u06af\u0631<\/strong>\n                \u0628\u0627\u0634\u062f.\n                \u0648\u0642\u062a\u06cc \u0632\u0645\u0627\u0646 \u0628\u0647 \u067e\u0631\u0648\u0698\u0647\u060c \u0641\u0639\u0627\u0644\u06cc\u062a \u0648 \u0646\u0648\u0639 \u06a9\u0627\u0631 \u0645\u062a\u0635\u0644 \u0634\u0648\u062f\u060c\n                \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0627 \u0622\u0646\n                \u062f\u0631\u0628\u0627\u0631\u0647 \u0638\u0631\u0641\u06cc\u062a \u062a\u06cc\u0645\u060c \u0647\u0632\u06cc\u0646\u0647 \u067e\u0631\u0648\u0698\u0647 \u0648 \u0627\u0648\u0644\u0648\u06cc\u062a\u200c\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a\n                \u062a\u0635\u0645\u06cc\u0645 \u06af\u0631\u0641\u062a.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull ghostkit-custom-Zo9i4l is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 06\n   Real Project Cost\n   ========================================================= *\/\n\n.bt-it-cost {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #f8f7f3;\n    --bt-white: #ffffff;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 110px 24px 115px;\n\n    background:\n        radial-gradient(\n            circle at 90% 14%,\n            rgba(243,165,3,.075),\n            transparent 26%\n        ),\n        var(--bt-bg);\n\n    font-family: inherit;\n}\n\n.bt-it-cost *,\n.bt-it-cost *::before,\n.bt-it-cost *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-cost::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -180px;\n    bottom: -220px;\n\n    width: 490px;\n    height: 490px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.08),\n            rgba(243,165,3,.018) 48%,\n            transparent 70%\n        );\n\n    pointer-events: none;\n}\n\n\n.bt-it-cost__dots {\n    position: absolute;\n\n    right: 35px;\n    bottom: 65px;\n\n    width: 95px;\n    height: 95px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.55) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .1;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-cost__container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .9fr)\n        minmax(500px, 1.1fr);\n\n    gap: 82px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-cost__content {\n    max-width: 525px;\n}\n\n\n.bt-it-cost__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n    font-weight: 750;\n}\n\n\n.bt-it-cost__eyebrow::before {\n    content: \"\";\n\n    width: 25px;\n    height: 2px;\n\n    border-radius: 6px;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-cost h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.35vw, 45px);\n\n    line-height: 1.52;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-cost h2 span {\n    position: relative;\n    white-space: nowrap;\n}\n\n\n.bt-it-cost h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background: rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-cost__lead {\n    margin: 25px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-cost__lead strong {\n    color: var(--bt-ink);\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   COST COMPONENTS\n   ========================================================= *\/\n\n.bt-cost-components {\n    display: grid;\n    gap: 13px;\n\n    margin-top: 31px;\n}\n\n\n.bt-cost-component {\n    display: grid;\n\n    grid-template-columns:\n        39px 1fr;\n\n    gap: 13px;\n\n    align-items: start;\n}\n\n\n.bt-cost-component__icon {\n    width: 39px;\n    height: 39px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 11px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-cost-component__icon svg {\n    width: 18px;\n    height: 18px;\n}\n\n\n.bt-cost-component__title {\n    color: #393e43;\n\n    font-size: 14px;\n    font-weight: 800;\n}\n\n\n.bt-cost-component__text {\n    margin-top: 4px;\n\n    color: #777c82;\n\n    font-size: 12.5px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   STATEMENT\n   ========================================================= *\/\n\n.bt-it-cost__statement {\n    margin-top: 34px;\n\n    padding: 18px 20px;\n\n    border-right:\n        3px solid\n        var(--bt-orange);\n\n    border-radius:\n        10px 0 0 10px;\n\n    background:\n        rgba(255,255,255,.72);\n}\n\n\n.bt-it-cost__statement p {\n    margin: 0;\n\n    color: #575c61;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-it-cost__statement strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.bt-cost-visual {\n    position: relative;\n\n    min-height: 575px;\n}\n\n\n\/* =========================================================\n   MAIN COST PANEL\n   ========================================================= *\/\n\n.bt-cost-panel {\n    position: absolute;\n\n    top: 34px;\n    right: 0;\n    left: 18px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #e2ded5;\n\n    border-radius: 21px;\n\n    background: #fff;\n\n    box-shadow:\n        0 30px 75px\n        rgba(32,36,41,.10);\n}\n\n\n\/* =========================================================\n   PANEL HEADER\n   ========================================================= *\/\n\n.bt-cost-panel__top {\n    min-height: 56px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 15px;\n\n    padding: 0 19px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-cost-panel__title {\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color: #41464b;\n\n    font-size: 11px;\n    font-weight: 800;\n}\n\n\n.bt-cost-panel__title-dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-cost-panel__period {\n    padding: 5px 9px;\n\n    border:\n        1px solid\n        #e8e4dc;\n\n    border-radius: 7px;\n\n    color: #8b8f94;\n\n    background: #fff;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   PROJECT SUMMARY\n   ========================================================= *\/\n\n.bt-cost-summary {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 9px;\n\n    padding: 17px 19px;\n\n    background: #faf9f6;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-cost-summary__item {\n    padding: 12px 11px;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 10px;\n\n    background: #fff;\n}\n\n\n.bt-cost-summary__label {\n    margin-bottom: 6px;\n\n    color: #95999d;\n\n    font-size: 7px;\n}\n\n\n.bt-cost-summary__value {\n    color: #35393e;\n\n    font-size: 15px;\n\n    font-weight: 900;\n}\n\n\n.bt-cost-summary__value span {\n    margin-right: 3px;\n\n    color: #9a9da1;\n\n    font-size: 7px;\n\n    font-weight: 500;\n}\n\n\n.bt-cost-summary__value.is-warning {\n    color: #9b700b;\n}\n\n\n\/* =========================================================\n   COST BREAKDOWN\n   ========================================================= *\/\n\n.bt-cost-breakdown {\n    padding: 21px 19px 18px;\n}\n\n\n.bt-cost-breakdown__head {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 18px;\n}\n\n\n.bt-cost-breakdown__title {\n    color: #4a4f54;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.bt-cost-breakdown__meta {\n    color: #9a9da1;\n\n    font-size: 7px;\n}\n\n\n.bt-cost-row {\n    display: grid;\n\n    grid-template-columns:\n        115px 1fr 70px;\n\n    gap: 11px;\n\n    align-items: center;\n\n    min-height: 43px;\n\n    border-bottom:\n        1px solid\n        #f1efea;\n}\n\n\n.bt-cost-row:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-cost-row__label {\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    color: #62676c;\n\n    font-size: 8px;\n\n    font-weight: 700;\n}\n\n\n.bt-cost-row__dot {\n    width: 7px;\n    height: 7px;\n\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-cost-row:nth-child(3)\n.bt-cost-row__dot {\n    opacity: .7;\n}\n\n\n.bt-cost-row:nth-child(4)\n.bt-cost-row__dot {\n    opacity: .4;\n}\n\n\n.bt-cost-row__bar {\n    height: 7px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #eeece7;\n}\n\n\n.bt-cost-row__bar span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-cost-row:nth-child(3)\n.bt-cost-row__bar span {\n    opacity: .72;\n}\n\n\n.bt-cost-row:nth-child(4)\n.bt-cost-row__bar span {\n    opacity: .42;\n}\n\n\n.bt-cost-row__amount {\n    color: #757a7f;\n\n    font-size: 7px;\n\n    font-weight: 800;\n\n    text-align: left;\n}\n\n\n\/* =========================================================\n   BUDGET VS ACTUAL\n   ========================================================= *\/\n\n.bt-cost-budget {\n    padding:\n        18px 19px 21px;\n\n    border-top:\n        1px solid\n        var(--bt-border-soft);\n\n    background: #fbfaf7;\n}\n\n\n.bt-cost-budget__head {\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    margin-bottom: 14px;\n}\n\n\n.bt-cost-budget__title {\n    color: #4d5257;\n\n    font-size: 10px;\n\n    font-weight: 800;\n}\n\n\n.bt-cost-budget__status {\n    padding: 4px 8px;\n\n    border-radius: 8px;\n\n    background: var(--bt-orange-soft);\n\n    color: #92690a;\n\n    font-size: 7px;\n\n    font-weight: 800;\n}\n\n\n.bt-cost-budget__track {\n    position: relative;\n\n    height: 13px;\n\n    overflow: hidden;\n\n    border-radius: 15px;\n\n    background: #ece9e3;\n}\n\n\n.bt-cost-budget__actual {\n    width: 87%;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background:\n        linear-gradient(\n            90deg,\n            #f3a503,\n            #ffc34a\n        );\n}\n\n\n.bt-cost-budget__marker {\n    position: absolute;\n\n    right: 78%;\n    top: -3px;\n\n    width: 2px;\n    height: 19px;\n\n    background: #555a5f;\n}\n\n\n.bt-cost-budget__labels {\n    display: flex;\n\n    justify-content: space-between;\n\n    margin-top: 8px;\n\n    color: #969a9e;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   PROFIT CARD\n   ========================================================= *\/\n\n.bt-cost-profit {\n    position: absolute;\n\n    z-index: 4;\n\n    right: -14px;\n    bottom: 5px;\n\n    width: 205px;\n\n    padding: 16px;\n\n    border:\n        1px solid\n        #e8dfcb;\n\n    border-radius: 15px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fffaf0,\n            #fff\n        );\n\n    box-shadow:\n        0 16px 38px\n        rgba(34,38,44,.10);\n}\n\n\n.bt-cost-profit__label {\n    color: #8b6917;\n\n    font-size: 8px;\n\n    font-weight: 800;\n}\n\n\n.bt-cost-profit__value {\n    margin-top: 6px;\n\n    color: var(--bt-ink);\n\n    font-size: 24px;\n\n    font-weight: 950;\n}\n\n\n.bt-cost-profit__value span {\n    margin-right: 4px;\n\n    color: #8a8e93;\n\n    font-size: 9px;\n\n    font-weight: 600;\n}\n\n\n.bt-cost-profit__line {\n    height: 1px;\n\n    margin: 11px 0;\n\n    background: #eee8dc;\n}\n\n\n.bt-cost-profit__meta {\n    color: #777c81;\n\n    font-size: 7px;\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   OVERRUN ALERT\n   ========================================================= *\/\n\n.bt-cost-alert {\n    position: absolute;\n\n    z-index: 4;\n\n    left: -12px;\n    top: 6px;\n\n    width: 188px;\n\n    padding: 13px 14px;\n\n    border:\n        1px solid\n        #e8dfcc;\n\n    border-radius: 13px;\n\n    background:\n        rgba(255,253,248,.98);\n\n    box-shadow:\n        0 15px 35px\n        rgba(35,39,44,.10);\n}\n\n\n.bt-cost-alert__head {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n\n    color: #6e5519;\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.bt-cost-alert__icon {\n    width: 27px;\n    height: 27px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 8px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a67000;\n}\n\n\n.bt-cost-alert__icon svg {\n    width: 14px;\n    height: 14px;\n}\n\n\n.bt-cost-alert__text {\n    margin-top: 8px;\n\n    color: #86898d;\n\n    font-size: 7px;\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-cost__container {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    .bt-it-cost__content {\n        max-width: 720px;\n    }\n\n\n    .bt-cost-visual {\n        width: min(690px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-cost {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-cost h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-cost__lead {\n        font-size: 15.5px;\n    }\n\n\n    .bt-cost-visual {\n        min-height: 520px;\n    }\n\n\n    .bt-cost-panel {\n        left: 0;\n    }\n\n\n    .bt-cost-summary {\n        grid-template-columns: 1fr 1fr;\n    }\n\n\n    .bt-cost-summary__item:last-child {\n        grid-column: 1 \/ -1;\n    }\n\n\n    .bt-cost-row {\n        grid-template-columns:\n            100px 1fr 55px;\n    }\n\n\n    .bt-cost-alert {\n        left: 0;\n\n        width: 160px;\n\n        transform: scale(.92);\n\n        transform-origin: left top;\n    }\n\n\n    .bt-cost-profit {\n        right: 0;\n\n        width: 180px;\n\n        transform: scale(.92);\n\n        transform-origin: right bottom;\n    }\n}\n\n\n@media (max-width: 460px) {\n\n    .bt-cost-visual {\n        min-height: 505px;\n    }\n\n\n    .bt-cost-summary {\n        padding: 12px;\n\n        gap: 6px;\n    }\n\n\n    .bt-cost-breakdown {\n        padding:\n            17px 13px 14px;\n    }\n\n\n    .bt-cost-row {\n        grid-template-columns:\n            88px 1fr 48px;\n\n        gap: 7px;\n    }\n\n\n    .bt-cost-row__label {\n        font-size: 7px;\n    }\n\n\n    .bt-cost-budget {\n        padding:\n            15px 13px 18px;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-cost\">\n\n    <div\n        class=\"bt-it-cost__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-cost__container\">\n\n\n        <!-- =================================================\n             CONTENT\n        ================================================== -->\n\n        <div class=\"bt-it-cost__content\">\n\n\n            <div class=\"bt-it-cost__eyebrow\">\n                \u0627\u0632 \u0632\u0645\u0627\u0646 \u0628\u0647 \u0647\u0632\u06cc\u0646\u0647\n            <\/div>\n\n\n            <h2>\n                \u067e\u0631\u0648\u0698\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0633\u0648\u062f\u0622\u0648\u0631 \u0628\u0647 \u0646\u0638\u0631 \u0645\u06cc\u200c\u0631\u0633\u06cc\u062f\u060c\n                <span>\u0648\u0627\u0642\u0639\u0627\u064b \u0686\u0642\u062f\u0631 \u0647\u0632\u06cc\u0646\u0647 \u062f\u0627\u0634\u062a\u0647 \u0627\u0633\u062a\u061f<\/span>\n            <\/h2>\n\n\n            <p class=\"bt-it-cost__lead\">\n\n                \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc\u060c \u0628\u062e\u0634 \u0645\u0647\u0645\u06cc \u0627\u0632 \u0647\u0632\u06cc\u0646\u0647\n                \u062f\u0627\u062e\u0644 \u0641\u0627\u06a9\u062a\u0648\u0631\u0647\u0627\u06cc \u062e\u0631\u06cc\u062f \u062f\u06cc\u062f\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f\u061b\n                \u0628\u0644\u06a9\u0647 \u062f\u0631 <strong>\u0633\u0627\u0639\u0627\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645 \u0631\u0648\u06cc \u067e\u0631\u0648\u0698\u0647 \u0635\u0631\u0641 \u06a9\u0631\u062f\u0647\u200c\u0627\u0646\u062f.<\/strong>\n\n                \u0627\u06af\u0631 \u0627\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u060c\n                \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u067e\u0631\u0648\u0698\u0647 \u062a\u062d\u0648\u06cc\u0644 \u0634\u062f\u0647 \u0628\u0627\u0634\u062f\u060c\n                \u0645\u0634\u062a\u0631\u06cc \u0647\u0645 \u0631\u0627\u0636\u06cc \u0628\u0627\u0634\u062f\u060c\n                \u0627\u0645\u0627 \u0647\u0646\u0648\u0632 \u0646\u062f\u0627\u0646\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u0622\u0646 \u0648\u0627\u0642\u0639\u0627\u064b\n                \u0686\u0642\u062f\u0631 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a \u0647\u0632\u06cc\u0646\u0647 \u062f\u0627\u0634\u062a\u0647 \u0627\u0633\u062a.\n\n            <\/p>\n\n\n            <div class=\"bt-cost-components\">\n\n\n                <!-- Personnel -->\n\n                <div class=\"bt-cost-component\">\n\n                    <div class=\"bt-cost-component__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle cx=\"9\" cy=\"8\" r=\"3\"\/>\n\n                            <path\n                                d=\"M3.5 19c.5-4 2.5-6 5.5-6s5 2 5.5 6\"\n                            \/>\n\n                            <path\n                                d=\"M16 8h5\"\n                            \/>\n\n                            <path\n                                d=\"M18.5 5.5v5\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-cost-component__title\">\n                            \u0647\u0632\u06cc\u0646\u0647 \u0646\u0641\u0631 \u0640 \u0633\u0627\u0639\u062a\n                        <\/div>\n\n                        <div class=\"bt-cost-component__text\">\n                            \u0632\u0645\u0627\u0646 \u062b\u0628\u062a\u200c\u0634\u062f\u0647 \u0627\u0639\u0636\u0627\u06cc \u062a\u06cc\u0645 \u0631\u0627\n                            \u0628\u0627 \u0646\u0631\u062e \u0647\u0632\u06cc\u0646\u0647 \u0647\u0631 \u0641\u0631\u062f \u0628\u0647 \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc \u06a9\u0627\u0631 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Other costs -->\n\n                <div class=\"bt-cost-component\">\n\n                    <div class=\"bt-cost-component__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path\n                                d=\"M4 7h16v12H4z\"\n                            \/>\n\n                            <path\n                                d=\"M7 7V5h10v2\"\n                            \/>\n\n                            <path\n                                d=\"M8 12h8\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-cost-component__title\">\n                            \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u062d\u0642\u0648\u0642\u06cc \u067e\u0631\u0648\u0698\u0647\n                        <\/div>\n\n                        <div class=\"bt-cost-component__text\">\n                            \u062e\u0631\u06cc\u062f \u0633\u0631\u0648\u06cc\u0633\u060c \u062a\u062c\u0647\u06cc\u0632\u0627\u062a\u060c \u0645\u0623\u0645\u0648\u0631\u06cc\u062a\u060c\n                            \u067e\u06cc\u0645\u0627\u0646\u06a9\u0627\u0631 \u0648 \u0633\u0627\u06cc\u0631 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0631\u0627\n                            \u06a9\u0646\u0627\u0631 \u0647\u0632\u06cc\u0646\u0647 \u0646\u06cc\u0631\u0648\u06cc \u0627\u0646\u0633\u0627\u0646\u06cc \u062b\u0628\u062a \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Budget -->\n\n                <div class=\"bt-cost-component\">\n\n                    <div class=\"bt-cost-component__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 18V9\"\/>\n                            <path d=\"M10 18V5\"\/>\n                            <path d=\"M16 18v-6\"\/>\n                            <path d=\"M22 18H2\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-cost-component__title\">\n                            \u0628\u0648\u062f\u062c\u0647 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc\n                        <\/div>\n\n                        <div class=\"bt-cost-component__text\">\n                            \u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u067e\u0631\u0648\u0698\u0647 \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc\n                            \u0645\u0648\u0631\u062f \u0627\u0646\u062a\u0638\u0627\u0631 \u062e\u0627\u0631\u062c \u0634\u0648\u062f\u060c\n                            \u0645\u0635\u0631\u0641 \u0628\u0648\u062f\u062c\u0647 \u0631\u0627 \u062f\u0631 \u062d\u06cc\u0646 \u0627\u062c\u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"bt-it-cost__statement\">\n\n                <p>\n                    \u0647\u062f\u0641 \u0641\u0642\u0637 \u062d\u0633\u0627\u0628\u062f\u0627\u0631\u06cc \u067e\u0631\u0648\u0698\u0647 \u0646\u06cc\u0633\u062a.\n                    \u0648\u0642\u062a\u06cc \u0647\u0632\u06cc\u0646\u0647 \u0628\u0647 \u0632\u0645\u0627\u0646 \u0648 \u0641\u0639\u0627\u0644\u06cc\u062a \u0645\u062a\u0635\u0644 \u0628\u0627\u0634\u062f\u060c\n                    \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0641\u0647\u0645\u06cc\u062f\n                    <strong>\n                        \u06a9\u062f\u0627\u0645 \u0646\u0648\u0639 \u067e\u0631\u0648\u0698\u0647\u060c \u0645\u0634\u062a\u0631\u06cc \u06cc\u0627 \u062e\u062f\u0645\u062a\n                        \u0648\u0627\u0642\u0639\u0627\u064b \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u06cc\u200c\u062a\u0631 \u0627\u0633\u062a.\n                    <\/strong>\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             VISUAL\n        ================================================== -->\n\n        <div class=\"bt-cost-visual\">\n\n\n            <!-- Cost Alert -->\n\n            <div class=\"bt-cost-alert\">\n\n                <div class=\"bt-cost-alert__head\">\n\n                    <span class=\"bt-cost-alert__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path\n                                d=\"M12 4L3 20h18L12 4z\"\n                            \/>\n\n                            <path d=\"M12 9v5\"\/>\n                            <path d=\"M12 17h.01\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n                    \u0647\u0632\u06cc\u0646\u0647 \u0628\u0627\u0644\u0627\u062a\u0631 \u0627\u0632 \u0628\u0631\u0622\u0648\u0631\u062f\n\n                <\/div>\n\n\n                <div class=\"bt-cost-alert__text\">\n                    \u0632\u0645\u0627\u0646 \u0635\u0631\u0641\u200c\u0634\u062f\u0647 \u062a\u06cc\u0645 \u062a\u0648\u0633\u0639\u0647\n                    \u06f1\u06f2\u066a \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0628\u0631\u0622\u0648\u0631\u062f \u0627\u0648\u0644\u06cc\u0647 \u067e\u0631\u0648\u0698\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Main Panel -->\n\n            <div class=\"bt-cost-panel\">\n\n\n                <!-- Header -->\n\n                <div class=\"bt-cost-panel__top\">\n\n                    <div class=\"bt-cost-panel__title\">\n\n                        <span class=\"bt-cost-panel__title-dot\">\n                        <\/span>\n\n                        \u0647\u0632\u06cc\u0646\u0647 \u067e\u0631\u0648\u0698\u0647 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0627\u0645\u0627\u0646\u0647\n\n                    <\/div>\n\n\n                    <div class=\"bt-cost-panel__period\">\n                        \u062a\u0627 \u0627\u0645\u0631\u0648\u0632\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Summary -->\n\n                <div class=\"bt-cost-summary\">\n\n\n                    <div class=\"bt-cost-summary__item\">\n\n                        <div class=\"bt-cost-summary__label\">\n                            \u0628\u0648\u062f\u062c\u0647 \u067e\u0631\u0648\u0698\u0647\n                        <\/div>\n\n                        <div class=\"bt-cost-summary__value\">\n                            \u06f4\u06f2\u06f0\n                            <span>\u0645\u06cc\u0644\u06cc\u0648\u0646<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-cost-summary__item\">\n\n                        <div class=\"bt-cost-summary__label\">\n                            \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc\n                        <\/div>\n\n                        <div class=\"bt-cost-summary__value\">\n                            \u06f3\u06f6\u06f6\n                            <span>\u0645\u06cc\u0644\u06cc\u0648\u0646<\/span>\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-cost-summary__item\">\n\n                        <div class=\"bt-cost-summary__label\">\n                            \u0645\u0635\u0631\u0641 \u0628\u0648\u062f\u062c\u0647\n                        <\/div>\n\n                        <div class=\"bt-cost-summary__value is-warning\">\n                            \u06f8\u06f7\u066a\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Breakdown -->\n\n                <div class=\"bt-cost-breakdown\">\n\n\n                    <div class=\"bt-cost-breakdown__head\">\n\n                        <div class=\"bt-cost-breakdown__title\">\n                            \u062a\u0631\u06a9\u06cc\u0628 \u0647\u0632\u06cc\u0646\u0647 \u067e\u0631\u0648\u0698\u0647\n                        <\/div>\n\n                        <div class=\"bt-cost-breakdown__meta\">\n                            \u0647\u0632\u06cc\u0646\u0647 \u062b\u0628\u062a\u200c\u0634\u062f\u0647\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Development -->\n\n                    <div class=\"bt-cost-row\">\n\n                        <div class=\"bt-cost-row__label\">\n\n                            <span class=\"bt-cost-row__dot\"><\/span>\n\n                            \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\n\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__bar\">\n                            <span style=\"width:68%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__amount\">\n                            \u06f2\u06f4\u06f8 \u0645.\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Analysis -->\n\n                    <div class=\"bt-cost-row\">\n\n                        <div class=\"bt-cost-row__label\">\n\n                            <span class=\"bt-cost-row__dot\"><\/span>\n\n                            \u062a\u062d\u0644\u06cc\u0644 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a\n\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__bar\">\n                            <span style=\"width:36%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__amount\">\n                            \u06f7\u06f1 \u0645.\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Other -->\n\n                    <div class=\"bt-cost-row\">\n\n                        <div class=\"bt-cost-row__label\">\n\n                            <span class=\"bt-cost-row__dot\"><\/span>\n\n                            \u0633\u0627\u06cc\u0631 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\n\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__bar\">\n                            <span style=\"width:25%\"><\/span>\n                        <\/div>\n\n\n                        <div class=\"bt-cost-row__amount\">\n                            \u06f4\u06f7 \u0645.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Budget -->\n\n                <div class=\"bt-cost-budget\">\n\n\n                    <div class=\"bt-cost-budget__head\">\n\n                        <div class=\"bt-cost-budget__title\">\n                            \u0628\u0648\u062f\u062c\u0647 \u062f\u0631 \u0628\u0631\u0627\u0628\u0631 \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc\n                        <\/div>\n\n\n                        <div class=\"bt-cost-budget__status\">\n                            \u06f8\u06f7\u066a \u0645\u0635\u0631\u0641 \u0634\u062f\u0647\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-cost-budget__track\">\n\n                        <div class=\"bt-cost-budget__actual\">\n                        <\/div>\n\n                        <span class=\"bt-cost-budget__marker\">\n                        <\/span>\n\n                    <\/div>\n\n\n                    <div class=\"bt-cost-budget__labels\">\n\n                        <span>\n                            \u06f0\n                        <\/span>\n\n                        <span>\n                            \u0646\u0642\u0637\u0647 \u0647\u0634\u062f\u0627\u0631\n                        <\/span>\n\n                        <span>\n                            \u06f4\u06f2\u06f0 \u0645\u06cc\u0644\u06cc\u0648\u0646\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Profit -->\n\n            <div class=\"bt-cost-profit\">\n\n                <div class=\"bt-cost-profit__label\">\n                    \u0645\u0628\u0644\u063a \u0642\u0631\u0627\u0631\u062f\u0627\u062f\n                <\/div>\n\n\n                <div class=\"bt-cost-profit__value\">\n                    \u06f5\u06f2\u06f0\n                    <span>\u0645\u06cc\u0644\u06cc\u0648\u0646 \u062a\u0648\u0645\u0627\u0646<\/span>\n                <\/div>\n\n\n                <div class=\"bt-cost-profit__line\">\n                <\/div>\n\n\n                <div class=\"bt-cost-profit__meta\">\n                    \u0628\u0631\u0627\u06cc \u0628\u0631\u0631\u0633\u06cc \u0633\u0648\u062f\u0622\u0648\u0631\u06cc\u060c\n                    \u0645\u0628\u0644\u063a \u0642\u0631\u0627\u0631\u062f\u0627\u062f \u0631\u0627 \u0628\u0627\u06cc\u062f \u062f\u0631 \u06a9\u0646\u0627\u0631\n                    \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u062f\u06cc\u062f.\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 ghostkit-custom-1d7BQh is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 07\n   Workflow & Processes\n   ========================================================= *\/\n\n.bt-it-workflow {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #ffffff;\n    --bt-soft-bg: #faf9f6;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 110px 24px 115px;\n\n    background:\n        radial-gradient(\n            circle at 8% 22%,\n            rgba(243,165,3,.075),\n            transparent 25%\n        ),\n        #fff;\n\n    font-family: inherit;\n}\n\n.bt-it-workflow *,\n.bt-it-workflow *::before,\n.bt-it-workflow *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-workflow::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: -230px;\n    top: 80px;\n\n    width: 500px;\n    height: 500px;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(243,165,3,.075);\n\n    box-shadow:\n        0 0 0 45px rgba(243,165,3,.018),\n        0 0 0 90px rgba(243,165,3,.012);\n\n    pointer-events: none;\n}\n\n\n.bt-it-workflow__dots {\n    position: absolute;\n\n    left: 45px;\n    bottom: 55px;\n\n    width: 90px;\n    height: 90px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.55) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .1;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-workflow__container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.bt-it-workflow__header {\n    max-width: 790px;\n\n    margin: 0 auto 62px;\n\n    text-align: center;\n}\n\n\n.bt-it-workflow__eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    margin-bottom: 17px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n    font-weight: 750;\n}\n\n\n.bt-it-workflow__eyebrow::before,\n.bt-it-workflow__eyebrow::after {\n    content: \"\";\n\n    width: 22px;\n    height: 1px;\n\n    background: rgba(243,165,3,.8);\n}\n\n\n.bt-it-workflow h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-workflow__intro {\n    max-width: 700px;\n\n    margin: 22px auto 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-workflow__intro strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   MAIN GRID\n   ========================================================= *\/\n\n.bt-workflow-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(360px, .82fr)\n        minmax(520px, 1.18fr);\n\n    gap: 36px;\n\n    align-items: stretch;\n}\n\n\n\/* =========================================================\n   USE CASES\n   ========================================================= *\/\n\n.bt-workflow-cases {\n    display: grid;\n\n    gap: 13px;\n}\n\n\n.bt-workflow-case {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        44px 1fr auto;\n\n    gap: 13px;\n\n    align-items: center;\n\n    min-height: 88px;\n\n    padding: 15px 16px;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 15px;\n\n    background: #fff;\n\n    transition:\n        transform .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n\n.bt-workflow-case:hover {\n    transform: translateY(-2px);\n\n    border-color:\n        rgba(243,165,3,.35);\n\n    box-shadow:\n        0 10px 25px\n        rgba(34,38,44,.055);\n}\n\n\n.bt-workflow-case__icon {\n    width: 44px;\n    height: 44px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 12px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-workflow-case__icon svg {\n    width: 20px;\n    height: 20px;\n}\n\n\n.bt-workflow-case__title {\n    color: #393e43;\n\n    font-size: 13.5px;\n\n    font-weight: 820;\n}\n\n\n.bt-workflow-case__text {\n    margin-top: 4px;\n\n    color: #82868b;\n\n    font-size: 11.5px;\n\n    line-height: 1.75;\n}\n\n\n.bt-workflow-case__tag {\n    padding: 5px 8px;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 7px;\n\n    color: #989b9f;\n\n    background: #faf9f6;\n\n    font-size: 7px;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================================\n   WORKFLOW PANEL\n   ========================================================= *\/\n\n.bt-workflow-panel {\n    position: relative;\n\n    overflow: hidden;\n\n    min-height: 525px;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 22px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff,\n            #fbfaf7\n        );\n\n    box-shadow:\n        0 26px 65px\n        rgba(34,38,44,.07);\n}\n\n\n\/* grid *\/\n\n.bt-workflow-panel::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        linear-gradient(\n            rgba(34,38,44,.023) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(34,38,44,.023) 1px,\n            transparent 1px\n        );\n\n    background-size: 38px 38px;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   PANEL TOP\n   ========================================================= *\/\n\n.bt-workflow-panel__top {\n    position: relative;\n    z-index: 2;\n\n    min-height: 58px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 0 19px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n\n    background:\n        rgba(255,255,255,.91);\n}\n\n\n.bt-workflow-panel__title {\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    color: #40454a;\n\n    font-size: 11px;\n\n    font-weight: 800;\n}\n\n\n.bt-workflow-panel__dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-workflow-panel__badge {\n    padding: 5px 9px;\n\n    border-radius: 7px;\n\n    background: var(--bt-orange-soft);\n\n    color: #91680a;\n\n    font-size: 7px;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   FLOW\n   ========================================================= *\/\n\n.bt-flow {\n    position: relative;\n    z-index: 2;\n\n    padding: 31px 24px 25px;\n}\n\n\n\/* =========================================================\n   META\n   ========================================================= *\/\n\n.bt-flow__meta {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 9px;\n\n    margin-bottom: 29px;\n}\n\n\n.bt-flow-meta {\n    padding: 10px;\n\n    border:\n        1px solid\n        #ebe7df;\n\n    border-radius: 10px;\n\n    background:\n        rgba(255,255,255,.92);\n}\n\n\n.bt-flow-meta__label {\n    margin-bottom: 5px;\n\n    color: #979a9e;\n\n    font-size: 6.5px;\n}\n\n\n.bt-flow-meta__value {\n    color: #44484d;\n\n    font-size: 10px;\n\n    font-weight: 820;\n}\n\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.bt-flow__steps {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, 1fr);\n\n    gap: 13px;\n\n    direction: rtl;\n}\n\n\n\/* center connector *\/\n\n.bt-flow__steps::before {\n    content: \"\";\n\n    position: absolute;\n\n    right: 8%;\n    left: 8%;\n    top: 34px;\n\n    height: 2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            #e5e1d9,\n            rgba(243,165,3,.75),\n            #e5e1d9\n        );\n\n    z-index: 0;\n}\n\n\n.bt-flow-step {\n    position: relative;\n    z-index: 2;\n\n    text-align: center;\n}\n\n\n.bt-flow-step__node {\n    width: 67px;\n    height: 67px;\n\n    margin: 0 auto;\n\n    display: grid;\n    place-items: center;\n\n    border:\n        1px solid\n        #dedad2;\n\n    border-radius: 18px;\n\n    background: #fff;\n\n    color: #83878c;\n\n    box-shadow:\n        0 7px 18px\n        rgba(34,38,44,.045);\n}\n\n\n.bt-flow-step__node svg {\n    width: 24px;\n    height: 24px;\n}\n\n\n.bt-flow-step.is-done\n.bt-flow-step__node {\n    border-color:\n        rgba(243,165,3,.35);\n\n    background: #fff9ea;\n\n    color: #9d6d00;\n}\n\n\n.bt-flow-step.is-active\n.bt-flow-step__node {\n    border-color: var(--bt-orange);\n\n    background: var(--bt-orange);\n\n    color: #292929;\n\n    box-shadow:\n        0 8px 22px\n        rgba(243,165,3,.2);\n}\n\n\n.bt-flow-step__status {\n    width: 18px;\n    height: 18px;\n\n    position: absolute;\n\n    top: -6px;\n    right: calc(50% - 42px);\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 50%;\n\n    border:\n        2px solid #fff;\n\n    background: #ddd9d2;\n\n    color: #fff;\n\n    font-size: 7px;\n}\n\n\n.bt-flow-step.is-done\n.bt-flow-step__status,\n.bt-flow-step.is-active\n.bt-flow-step__status {\n    background: var(--bt-orange);\n\n    color: #333;\n}\n\n\n.bt-flow-step__title {\n    margin-top: 12px;\n\n    color: #555a5f;\n\n    font-size: 8.5px;\n\n    font-weight: 800;\n}\n\n\n.bt-flow-step__person {\n    margin-top: 4px;\n\n    color: #979b9f;\n\n    font-size: 6.5px;\n}\n\n\n\/* =========================================================\n   ACTIVITY BOX\n   ========================================================= *\/\n\n.bt-flow-detail {\n    margin-top: 35px;\n\n    padding: 17px;\n\n    border:\n        1px solid\n        #e8e4dc;\n\n    border-radius: 13px;\n\n    background:\n        rgba(255,255,255,.94);\n}\n\n\n.bt-flow-detail__head {\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    margin-bottom: 13px;\n}\n\n\n.bt-flow-detail__title {\n    color: #4a4f54;\n\n    font-size: 9px;\n\n    font-weight: 800;\n}\n\n\n.bt-flow-detail__status {\n    padding: 4px 8px;\n\n    border-radius: 7px;\n\n    color: #90660a;\n\n    background: var(--bt-orange-soft);\n\n    font-size: 7px;\n\n    font-weight: 750;\n}\n\n\n.bt-flow-detail__rows {\n    display: grid;\n    gap: 8px;\n}\n\n\n.bt-flow-detail__row {\n    display: grid;\n\n    grid-template-columns:\n        110px 1fr;\n\n    gap: 12px;\n\n    padding-bottom: 8px;\n\n    border-bottom:\n        1px solid\n        #f0eee9;\n}\n\n\n.bt-flow-detail__row:last-child {\n    padding-bottom: 0;\n\n    border-bottom: 0;\n}\n\n\n.bt-flow-detail__label {\n    color: #94989c;\n\n    font-size: 7px;\n}\n\n\n.bt-flow-detail__value {\n    color: #666b70;\n\n    font-size: 7.5px;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   FLOATING AUTOMATION CARD\n   ========================================================= *\/\n\n.bt-flow-auto {\n    position: absolute;\n\n    z-index: 5;\n\n    left: -10px;\n    bottom: 30px;\n\n    width: 188px;\n\n    padding: 14px;\n\n    border:\n        1px solid\n        #e8dfcc;\n\n    border-radius: 13px;\n\n    background:\n        rgba(255,253,248,.98);\n\n    box-shadow:\n        0 15px 35px\n        rgba(35,39,44,.10);\n}\n\n\n.bt-flow-auto__head {\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: #6e5519;\n\n    font-size: 8.5px;\n\n    font-weight: 800;\n}\n\n\n.bt-flow-auto__icon {\n    width: 28px;\n    height: 28px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 8px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a67000;\n}\n\n\n.bt-flow-auto__icon svg {\n    width: 14px;\n    height: 14px;\n}\n\n\n.bt-flow-auto__text {\n    margin-top: 8px;\n\n    color: #86898d;\n\n    font-size: 7px;\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   BOTTOM NOTE\n   ========================================================= *\/\n\n.bt-workflow-note {\n    max-width: 890px;\n\n    margin: 48px auto 0;\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 14px;\n\n    padding: 18px 21px;\n\n    border-right:\n        3px solid\n        var(--bt-orange);\n\n    border-radius:\n        11px 0 0 11px;\n\n    background: var(--bt-orange-pale);\n}\n\n\n.bt-workflow-note__icon {\n    width: 34px;\n    height: 34px;\n\n    flex: 0 0 34px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 10px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n}\n\n\n.bt-workflow-note__icon svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n.bt-workflow-note p {\n    margin: 0;\n\n    color: #575c61;\n\n    font-size: 13.5px;\n\n    line-height: 1.95;\n}\n\n\n.bt-workflow-note strong {\n    color: var(--bt-ink);\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-workflow-layout {\n        grid-template-columns: 1fr;\n\n        gap: 32px;\n    }\n\n\n    .bt-workflow-cases {\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n\n    .bt-workflow-panel {\n        width: min(760px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 720px) {\n\n    .bt-it-workflow {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-workflow__header {\n        text-align: right;\n\n        margin-bottom: 43px;\n    }\n\n\n    .bt-it-workflow__eyebrow::before {\n        display: none;\n    }\n\n\n    .bt-it-workflow h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-workflow__intro {\n        font-size: 15.5px;\n    }\n\n\n    .bt-workflow-cases {\n        grid-template-columns: 1fr;\n    }\n\n\n    .bt-flow__steps {\n        grid-template-columns: 1fr;\n\n        gap: 13px;\n    }\n\n\n    .bt-flow__steps::before {\n        right: 33px;\n        left: auto;\n\n        top: 33px;\n        bottom: 33px;\n\n        width: 2px;\n        height: auto;\n\n        background:\n            linear-gradient(\n                to bottom,\n                #e5e1d9,\n                rgba(243,165,3,.75),\n                #e5e1d9\n            );\n    }\n\n\n    .bt-flow-step {\n        display: grid;\n\n        grid-template-columns:\n            67px 1fr;\n\n        gap: 14px;\n\n        align-items: center;\n\n        text-align: right;\n    }\n\n\n    .bt-flow-step__node {\n        margin: 0;\n    }\n\n\n    .bt-flow-step__status {\n        right: 54px;\n        top: -4px;\n    }\n\n\n    .bt-flow-step__title {\n        margin-top: 0;\n\n        font-size: 9px;\n    }\n\n\n    .bt-flow-step__person {\n        grid-column: 2;\n\n        margin-top: -8px;\n    }\n\n\n    .bt-flow-auto {\n        position: static;\n\n        width: 100%;\n\n        margin-top: 20px;\n    }\n}\n\n\n@media (max-width: 470px) {\n\n    .bt-workflow-case {\n        grid-template-columns:\n            40px 1fr;\n\n        gap: 10px;\n    }\n\n\n    .bt-workflow-case__icon {\n        width: 40px;\n        height: 40px;\n    }\n\n\n    .bt-workflow-case__tag {\n        grid-column: 2;\n\n        justify-self: start;\n    }\n\n\n    .bt-flow {\n        padding:\n            24px 15px 20px;\n    }\n\n\n    .bt-flow__meta {\n        grid-template-columns: 1fr 1fr;\n    }\n\n\n    .bt-flow-meta:last-child {\n        grid-column: 1 \/ -1;\n    }\n\n\n    .bt-flow-detail__row {\n        grid-template-columns:\n            90px 1fr;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-workflow\">\n\n    <div\n        class=\"bt-it-workflow__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-workflow__container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"bt-it-workflow__header\">\n\n            <div class=\"bt-it-workflow__eyebrow\">\n                \u0648\u0642\u062a\u06cc \u062a\u0631\u062a\u06cc\u0628 \u0627\u0646\u062c\u0627\u0645 \u06a9\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a\n            <\/div>\n\n\n            <h2>\n                \u0628\u0639\u0636\u06cc \u06a9\u0627\u0631\u0647\u0627 \u067e\u0631\u0648\u0698\u0647 \u0646\u06cc\u0633\u062a\u0646\u062f\u061b\n                \u0641\u0631\u0627\u06cc\u0646\u062f \u0647\u0633\u062a\u0646\u062f\n            <\/h2>\n\n\n            <p class=\"bt-it-workflow__intro\">\n\n                \u0627\u0646\u062a\u0634\u0627\u0631 \u06cc\u06a9 \u0646\u0633\u062e\u0647\u060c \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc \u06cc\u0627 \u0628\u0631\u0631\u0633\u06cc \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\n                \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0627\u0632 \u0686\u0646\u062f \u0645\u0631\u062d\u0644\u0647 \u0645\u0634\u062e\u0635 \u0639\u0628\u0648\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.\n\n                \u0627\u06af\u0631 \u0627\u06cc\u0646 \u0645\u0631\u0627\u062d\u0644 \u0641\u0642\u0637 \u062f\u0631 \u0630\u0647\u0646 \u0627\u0641\u0631\u0627\u062f\u060c\n                \u067e\u06cc\u0627\u0645\u200c\u0647\u0627 \u06cc\u0627 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0627\u06a9\u0633\u0644 \u0628\u0627\u0634\u0646\u062f\u060c\n                \u062e\u06cc\u0644\u06cc \u0632\u0648\u062f \u0645\u0639\u0644\u0648\u0645 \u0646\u06cc\u0633\u062a\n                <strong>\n                    \u06a9\u0627\u0631 \u0627\u0644\u0627\u0646 \u062f\u0633\u062a \u0686\u0647 \u06a9\u0633\u06cc \u0627\u0633\u062a \u0648 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u0686\u06cc\u0633\u062a.\n                <\/strong>\n\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             MAIN\n        ================================================== -->\n\n        <div class=\"bt-workflow-layout\">\n\n\n            <!-- =============================================\n                 REAL USE CASES\n            ============================================== -->\n\n            <div class=\"bt-workflow-cases\">\n\n\n                <!-- Release -->\n\n                <div class=\"bt-workflow-case\">\n\n                    <div class=\"bt-workflow-case__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M12 3v12\"\/>\n                            <path d=\"M7 10l5 5 5-5\"\/>\n                            <path d=\"M5 20h14\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-workflow-case__title\">\n                            \u0627\u0646\u062a\u0634\u0627\u0631 \u0646\u0633\u062e\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\n                        <\/div>\n\n                        <div class=\"bt-workflow-case__text\">\n                            \u062a\u0648\u0633\u0639\u0647 \u2190 \u062a\u0633\u062a \u2190 \u062a\u0623\u06cc\u06cc\u062f \u2190 \u0627\u0646\u062a\u0634\u0627\u0631\n                        <\/div>\n\n                    <\/div>\n\n\n                    <span class=\"bt-workflow-case__tag\">\n                        Release\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- Deployment -->\n\n                <div class=\"bt-workflow-case\">\n\n                    <div class=\"bt-workflow-case__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <rect\n                                x=\"4\"\n                                y=\"4\"\n                                width=\"16\"\n                                height=\"6\"\n                                rx=\"1.5\"\n                            \/>\n\n                            <rect\n                                x=\"4\"\n                                y=\"14\"\n                                width=\"16\"\n                                height=\"6\"\n                                rx=\"1.5\"\n                            \/>\n\n                            <path d=\"M8 7h.01\"\/>\n                            <path d=\"M8 17h.01\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-workflow-case__title\">\n                            \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0628\u0631\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\n                        <\/div>\n\n                        <div class=\"bt-workflow-case__text\">\n                            \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u2190 \u06a9\u0646\u062a\u0631\u0644 \u2190 \u0646\u0635\u0628 \u2190 \u062a\u062d\u0648\u06cc\u0644\n                        <\/div>\n\n                    <\/div>\n\n\n                    <span class=\"bt-workflow-case__tag\">\n                        Deploy\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- Customer Request -->\n\n                <div class=\"bt-workflow-case\">\n\n                    <div class=\"bt-workflow-case__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M5 5h14v14H5z\"\/>\n                            <path d=\"M8 9h8\"\/>\n                            <path d=\"M8 13h6\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-workflow-case__title\">\n                            \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u0634\u062a\u0631\u06cc\n                        <\/div>\n\n                        <div class=\"bt-workflow-case__text\">\n                            \u062b\u0628\u062a \u2190 \u0628\u0631\u0631\u0633\u06cc \u2190 \u0627\u0631\u062c\u0627\u0639 \u2190 \u067e\u0627\u0633\u062e\n                        <\/div>\n\n                    <\/div>\n\n\n                    <span class=\"bt-workflow-case__tag\">\n                        Request\n                    <\/span>\n\n                <\/div>\n\n\n                <!-- Internal -->\n\n                <div class=\"bt-workflow-case\">\n\n                    <div class=\"bt-workflow-case__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 7h16v12H4z\"\/>\n                            <path d=\"M8 7V5h8v2\"\/>\n                            <path d=\"M8 12h8\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-workflow-case__title\">\n                            \u0641\u0631\u0627\u06cc\u0646\u062f\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc\n                        <\/div>\n\n                        <div class=\"bt-workflow-case__text\">\n                            \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u2190 \u062a\u0623\u06cc\u06cc\u062f \u2190 \u0627\u0642\u062f\u0627\u0645 \u2190 \u067e\u0627\u06cc\u0627\u0646\n                        <\/div>\n\n                    <\/div>\n\n\n                    <span class=\"bt-workflow-case__tag\">\n                        Internal\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 WORKFLOW VISUAL\n            ============================================== -->\n\n            <div class=\"bt-workflow-panel\">\n\n\n                <!-- Header -->\n\n                <div class=\"bt-workflow-panel__top\">\n\n                    <div class=\"bt-workflow-panel__title\">\n\n                        <span class=\"bt-workflow-panel__dot\">\n                        <\/span>\n\n                        \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u0627\u0646\u062a\u0634\u0627\u0631 \u0646\u0633\u062e\u0647\n\n                    <\/div>\n\n\n                    <div class=\"bt-workflow-panel__badge\">\n                        Workflow\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"bt-flow\">\n\n\n                    <!-- Meta -->\n\n                    <div class=\"bt-flow__meta\">\n\n\n                        <div class=\"bt-flow-meta\">\n\n                            <div class=\"bt-flow-meta__label\">\n                                \u0648\u0636\u0639\u06cc\u062a\n                            <\/div>\n\n                            <div class=\"bt-flow-meta__value\">\n                                \u062f\u0631 \u062d\u0627\u0644 \u0627\u062c\u0631\u0627\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-flow-meta\">\n\n                            <div class=\"bt-flow-meta__label\">\n                                \u0645\u0631\u062d\u0644\u0647 \u062c\u0627\u0631\u06cc\n                            <\/div>\n\n                            <div class=\"bt-flow-meta__value\">\n                                \u062a\u0633\u062a \u0646\u0647\u0627\u06cc\u06cc\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-flow-meta\">\n\n                            <div class=\"bt-flow-meta__label\">\n                                \u0645\u0633\u0626\u0648\u0644 \u0641\u0639\u0644\u06cc\n                            <\/div>\n\n                            <div class=\"bt-flow-meta__value\">\n                                \u062a\u06cc\u0645 QA\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Steps -->\n\n                    <div class=\"bt-flow__steps\">\n\n\n                        <!-- 1 -->\n\n                        <div class=\"bt-flow-step is-done\">\n\n                            <span class=\"bt-flow-step__status\">\n                                \u2713\n                            <\/span>\n\n\n                            <div class=\"bt-flow-step__node\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M8 9l-3 3 3 3\"\/>\n                                    <path d=\"M16 9l3 3-3 3\"\/>\n                                <\/svg>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-step__title\">\n                                \u062a\u0648\u0633\u0639\u0647\n                            <\/div>\n\n                            <div class=\"bt-flow-step__person\">\n                                \u062a\u06cc\u0645 \u062a\u0648\u0633\u0639\u0647\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 2 -->\n\n                        <div class=\"bt-flow-step is-done\">\n\n                            <span class=\"bt-flow-step__status\">\n                                \u2713\n                            <\/span>\n\n\n                            <div class=\"bt-flow-step__node\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M5 12l4 4L19 6\"\/>\n                                <\/svg>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-step__title\">\n                                Code Review\n                            <\/div>\n\n                            <div class=\"bt-flow-step__person\">\n                                Tech Lead\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 3 -->\n\n                        <div class=\"bt-flow-step is-active\">\n\n                            <span class=\"bt-flow-step__status\">\n                                \u2022\n                            <\/span>\n\n\n                            <div class=\"bt-flow-step__node\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <circle\n                                        cx=\"10\"\n                                        cy=\"10\"\n                                        r=\"5\"\n                                    \/>\n\n                                    <path d=\"M14 14l5 5\"\/>\n                                <\/svg>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-step__title\">\n                                \u062a\u0633\u062a \u0646\u0647\u0627\u06cc\u06cc\n                            <\/div>\n\n                            <div class=\"bt-flow-step__person\">\n                                QA\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 4 -->\n\n                        <div class=\"bt-flow-step\">\n\n                            <span class=\"bt-flow-step__status\">\n                                4\n                            <\/span>\n\n\n                            <div class=\"bt-flow-step__node\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M6 12l4 4 8-8\"\/>\n                                    <circle\n                                        cx=\"12\"\n                                        cy=\"12\"\n                                        r=\"9\"\n                                    \/>\n                                <\/svg>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-step__title\">\n                                \u062a\u0623\u06cc\u06cc\u062f \u0627\u0646\u062a\u0634\u0627\u0631\n                            <\/div>\n\n                            <div class=\"bt-flow-step__person\">\n                                \u0645\u062f\u06cc\u0631 \u0645\u062d\u0635\u0648\u0644\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- 5 -->\n\n                        <div class=\"bt-flow-step\">\n\n                            <span class=\"bt-flow-step__status\">\n                                5\n                            <\/span>\n\n\n                            <div class=\"bt-flow-step__node\">\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"1.8\"\n                                >\n                                    <path d=\"M12 3v12\"\/>\n                                    <path d=\"M7 10l5 5 5-5\"\/>\n                                    <path d=\"M5 20h14\"\/>\n                                <\/svg>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-step__title\">\n                                \u0627\u0646\u062a\u0634\u0627\u0631\n                            <\/div>\n\n                            <div class=\"bt-flow-step__person\">\n                                DevOps\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <!-- Detail -->\n\n                    <div class=\"bt-flow-detail\">\n\n\n                        <div class=\"bt-flow-detail__head\">\n\n                            <div class=\"bt-flow-detail__title\">\n                                \u0645\u0631\u062d\u0644\u0647 \u062c\u0627\u0631\u06cc: \u062a\u0633\u062a \u0646\u0647\u0627\u06cc\u06cc\n                            <\/div>\n\n\n                            <div class=\"bt-flow-detail__status\">\n                                \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062c\u0627\u0645\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bt-flow-detail__rows\">\n\n\n                            <div class=\"bt-flow-detail__row\">\n\n                                <div class=\"bt-flow-detail__label\">\n                                    \u0645\u0633\u0626\u0648\u0644\n                                <\/div>\n\n                                <div class=\"bt-flow-detail__value\">\n                                    \u062a\u06cc\u0645 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u06cc\u0641\u06cc\u062a\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-detail__row\">\n\n                                <div class=\"bt-flow-detail__label\">\n                                    \u0634\u0631\u0637 \u0639\u0628\u0648\u0631\n                                <\/div>\n\n                                <div class=\"bt-flow-detail__value\">\n                                    \u062a\u06a9\u0645\u06cc\u0644 \u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u062a\u0633\u062a \u0648 \u062a\u0623\u06cc\u06cc\u062f QA\n                                <\/div>\n\n                            <\/div>\n\n\n                            <div class=\"bt-flow-detail__row\">\n\n                                <div class=\"bt-flow-detail__label\">\n                                    \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\n                                <\/div>\n\n                                <div class=\"bt-flow-detail__value\">\n                                    \u062a\u0623\u06cc\u06cc\u062f \u0645\u062f\u06cc\u0631 \u0645\u062d\u0635\u0648\u0644\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Automation card -->\n\n                <div class=\"bt-flow-auto\">\n\n                    <div class=\"bt-flow-auto__head\">\n\n                        <span class=\"bt-flow-auto__icon\">\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"1.8\"\n                            >\n                                <path d=\"M4 12h12\"\/>\n                                <path d=\"M12 8l4 4-4 4\"\/>\n                                <circle\n                                    cx=\"18\"\n                                    cy=\"12\"\n                                    r=\"2\"\n                                \/>\n                            <\/svg>\n\n                        <\/span>\n\n                        \u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0631\u062d\u0644\u0647\n\n                    <\/div>\n\n\n                    <div class=\"bt-flow-auto__text\">\n                        \u0628\u0639\u062f \u0627\u0632 \u062a\u06a9\u0645\u06cc\u0644 \u0634\u0631\u0627\u06cc\u0637 \u0645\u0631\u062d\u0644\u0647\u060c\n                        \u06a9\u0627\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0645\u0633\u0626\u0648\u0644 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u062f.\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             NOTE\n        ================================================== -->\n\n        <div class=\"bt-workflow-note\">\n\n            <span class=\"bt-workflow-note__icon\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                >\n                    <path d=\"M5 5h5v5H5z\"\/>\n                    <path d=\"M14 14h5v5h-5z\"\/>\n                    <path d=\"M10 7h4a3 3 0 0 1 3 3v4\"\/>\n                <\/svg>\n\n            <\/span>\n\n\n            <p>\n                \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0627\u0633\u062a \u06a9\u0647\n                <strong>\n                    \u062a\u0631\u062a\u06cc\u0628\u060c \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0648 \u0648\u0636\u0639\u06cc\u062a \u06a9\u0627\u0631\n                    \u0628\u0647 \u062e\u0648\u062f \u0641\u0631\u0627\u06cc\u0646\u062f \u0645\u062a\u0635\u0644 \u0628\u0627\u0634\u062f\u061b\n                <\/strong>\n                \u0646\u0647 \u0627\u06cc\u0646\u06a9\u0647 \u0628\u0631\u0627\u06cc \u0641\u0647\u0645\u06cc\u062f\u0646 \u0645\u0631\u062d\u0644\u0647 \u0628\u0639\u062f\n                \u0645\u062c\u0628\u0648\u0631 \u0628\u0627\u0634\u06cc\u062f \u0633\u0631\u0627\u063a \u067e\u06cc\u0627\u0645\u200c\u0647\u0627\u060c \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\n                \u06cc\u0627 \u062d\u0627\u0641\u0638\u0647 \u0627\u0641\u0631\u0627\u062f \u0628\u0631\u0648\u06cc\u062f.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull ghostkit-custom-Z2dOMVd is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 08\n   AI \/ Pendar\n   ========================================================= *\/\n\n.bt-it-ai {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #f8f7f3;\n    --bt-white: #ffffff;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 112px 24px 118px;\n\n    background:\n        radial-gradient(\n            circle at 87% 15%,\n            rgba(243,165,3,.10),\n            transparent 27%\n        ),\n        radial-gradient(\n            circle at 8% 85%,\n            rgba(243,165,3,.05),\n            transparent 22%\n        ),\n        var(--bt-bg);\n\n    font-family: inherit;\n}\n\n.bt-it-ai *,\n.bt-it-ai *::before,\n.bt-it-ai *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND TECH ELEMENTS\n   ========================================================= *\/\n\n.bt-it-ai__tech {\n    position: absolute;\n    inset: 0;\n\n    pointer-events: none;\n}\n\n\n.bt-it-ai__grid {\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        linear-gradient(\n            rgba(34,38,44,.022) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(34,38,44,.022) 1px,\n            transparent 1px\n        );\n\n    background-size: 56px 56px;\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 18%,\n            #000 83%,\n            transparent\n        );\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 18%,\n            #000 83%,\n            transparent\n        );\n}\n\n\n.bt-it-ai__dots {\n    position: absolute;\n\n    right: 28px;\n    bottom: 60px;\n\n    width: 100px;\n    height: 100px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.6) 1.3px,\n            transparent 1.8px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .1;\n}\n\n\n.bt-ai-bg-code {\n    position: absolute;\n\n    left: 4%;\n    top: 10%;\n\n    direction: ltr;\n\n    color: rgba(60,65,70,.075);\n\n    font-family:\n        Consolas,\n        Monaco,\n        monospace;\n\n    font-size: 12px;\n\n    line-height: 1.8;\n\n    transform: rotate(2deg);\n}\n\n\n.bt-ai-bg-code span {\n    color: rgba(243,165,3,.22);\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-ai__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .9fr)\n        minmax(500px, 1.1fr);\n\n    gap: 80px;\n\n    align-items: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-ai__content {\n    max-width: 530px;\n}\n\n\n.bt-it-ai__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-ai__eyebrow-mark {\n    width: 28px;\n    height: 28px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n\n    font-size: 15px;\n\n    font-weight: 900;\n\n    box-shadow:\n        0 6px 15px\n        rgba(243,165,3,.18);\n}\n\n\n.bt-it-ai h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.35vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-ai h2 span {\n    position: relative;\n\n    white-space: nowrap;\n}\n\n\n.bt-it-ai h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background:\n        rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-ai__lead {\n    margin: 25px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-ai__lead strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   AI CAPABILITIES\n   ========================================================= *\/\n\n.bt-ai-capabilities {\n    margin-top: 31px;\n\n    display: grid;\n\n    gap: 0;\n}\n\n\n.bt-ai-capability {\n    display: grid;\n\n    grid-template-columns:\n        38px 1fr;\n\n    gap: 13px;\n\n    align-items: start;\n\n    padding: 14px 0;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-ai-capability:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-ai-capability__icon {\n    width: 38px;\n    height: 38px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 11px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-ai-capability__icon svg {\n    width: 18px;\n    height: 18px;\n}\n\n\n.bt-ai-capability__title {\n    color: #3c4146;\n\n    font-size: 13.5px;\n\n    font-weight: 820;\n}\n\n\n.bt-ai-capability__text {\n    margin-top: 4px;\n\n    color: #7a7f84;\n\n    font-size: 12px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n.bt-it-ai__actions {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    align-items: center;\n\n    gap: 13px;\n\n    margin-top: 31px;\n}\n\n\n.bt-ai-btn {\n    min-height: 49px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    padding: 11px 21px;\n\n    border-radius: 11px;\n\n    text-decoration: none !important;\n\n    font-size: 13.5px;\n\n    font-weight: 780;\n\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        box-shadow .2s ease;\n}\n\n\n.bt-ai-btn:hover {\n    transform: translateY(-2px);\n}\n\n\n.bt-ai-btn--primary {\n    color: #292929 !important;\n\n    background: var(--bt-orange);\n\n    border:\n        1px solid\n        var(--bt-orange);\n\n    box-shadow:\n        0 8px 22px\n        rgba(243,165,3,.18);\n}\n\n\n.bt-ai-btn--primary:hover {\n    background: #ffb514;\n\n    box-shadow:\n        0 12px 29px\n        rgba(243,165,3,.24);\n}\n\n\n.bt-ai-btn svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n\/* =========================================================\n   ACCESS NOTE\n   ========================================================= *\/\n\n.bt-ai-access {\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 9px;\n\n    margin-top: 18px;\n\n    color: #85898e;\n\n    font-size: 11px;\n\n    line-height: 1.85;\n}\n\n\n.bt-ai-access svg {\n    width: 15px;\n    height: 15px;\n\n    flex: 0 0 15px;\n\n    margin-top: 3px;\n\n    color: #a67508;\n}\n\n\n\/* =========================================================\n   PENDAR VISUAL\n   ========================================================= *\/\n\n.bt-pendar {\n    position: relative;\n\n    min-height: 600px;\n}\n\n\n\/* =========================================================\n   MAIN CHAT WINDOW\n   ========================================================= *\/\n\n.bt-pendar-window {\n    position: absolute;\n\n    top: 25px;\n    right: 0;\n    left: 20px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        #e1ddd4;\n\n    border-radius: 22px;\n\n    background: #fff;\n\n    box-shadow:\n        0 32px 80px\n        rgba(32,36,41,.11);\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.bt-pendar-window__top {\n    height: 59px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 0 18px;\n\n    border-bottom:\n        1px solid\n        var(--bt-border-soft);\n}\n\n\n.bt-pendar-profile {\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n}\n\n\n.bt-pendar-profile__avatar {\n    width: 35px;\n    height: 35px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 11px;\n\n    background: var(--bt-orange);\n\n    color: #252525;\n\n    font-size: 14px;\n\n    font-weight: 900;\n}\n\n\n.bt-pendar-profile__name {\n    color: #373c41;\n\n    font-size: 10px;\n\n    font-weight: 850;\n}\n\n\n.bt-pendar-profile__meta {\n    display: flex;\n\n    align-items: center;\n\n    gap: 5px;\n\n    margin-top: 3px;\n\n    color: #999ca0;\n\n    font-size: 6.5px;\n}\n\n\n.bt-pendar-profile__meta::before {\n    content: \"\";\n\n    width: 5px;\n    height: 5px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-pendar-window__badge {\n    padding: 5px 9px;\n\n    border-radius: 7px;\n\n    background: var(--bt-orange-soft);\n\n    color: #90670a;\n\n    font-size: 7px;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   CHAT BODY\n   ========================================================= *\/\n\n.bt-pendar-chat {\n    min-height: 405px;\n\n    padding: 21px 19px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #fff,\n            #fcfbf8\n        );\n}\n\n\n\/* USER MESSAGE *\/\n\n.bt-pendar-user {\n    max-width: 75%;\n\n    margin-right: auto;\n\n    padding: 11px 13px;\n\n    border-radius:\n        13px 13px 4px 13px;\n\n    background: #f1efea;\n\n    color: #555a60;\n\n    font-size: 8px;\n\n    line-height: 1.8;\n}\n\n\n\/* AI ANSWER *\/\n\n.bt-pendar-answer {\n    max-width: 91%;\n\n    margin-top: 17px;\n}\n\n\n.bt-pendar-answer__head {\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    margin-bottom: 9px;\n\n    color: #8c660d;\n\n    font-size: 8px;\n\n    font-weight: 800;\n}\n\n\n.bt-pendar-answer__spark {\n    width: 20px;\n    height: 20px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 6px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a77100;\n\n    font-size: 11px;\n}\n\n\n.bt-pendar-answer__text {\n    color: #666b70;\n\n    font-size: 8px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   AI RESULT CARD\n   ========================================================= *\/\n\n.bt-pendar-result {\n    margin-top: 14px;\n\n    padding: 14px;\n\n    border:\n        1px solid\n        #e9e5dd;\n\n    border-radius: 12px;\n\n    background: #fff;\n}\n\n\n.bt-pendar-result__title {\n    display: flex;\n\n    justify-content: space-between;\n\n    align-items: center;\n\n    margin-bottom: 13px;\n}\n\n\n.bt-pendar-result__title span:first-child {\n    color: #54595e;\n\n    font-size: 8px;\n\n    font-weight: 800;\n}\n\n\n.bt-pendar-result__status {\n    padding: 4px 7px;\n\n    border-radius: 7px;\n\n    background: var(--bt-orange-soft);\n\n    color: #936909;\n\n    font-size: 6px;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   PROJECT ROWS\n   ========================================================= *\/\n\n.bt-ai-project {\n    display: grid;\n\n    grid-template-columns:\n        1fr 58px 48px;\n\n    gap: 9px;\n\n    align-items: center;\n\n    min-height: 37px;\n\n    border-bottom:\n        1px solid\n        #f1efea;\n}\n\n\n.bt-ai-project:last-child {\n    border-bottom: 0;\n}\n\n\n.bt-ai-project__name {\n    color: #60656a;\n\n    font-size: 7px;\n\n    font-weight: 700;\n}\n\n\n.bt-ai-project__progress {\n    height: 5px;\n\n    overflow: hidden;\n\n    border-radius: 10px;\n\n    background: #ebe8e2;\n}\n\n\n.bt-ai-project__progress span {\n    display: block;\n\n    height: 100%;\n\n    border-radius: inherit;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-ai-project__state {\n    color: #93979b;\n\n    font-size: 6.5px;\n\n    text-align: left;\n}\n\n\n.bt-ai-project__state.is-attention {\n    color: #9d710a;\n\n    font-weight: 800;\n}\n\n\n\/* =========================================================\n   SUGGESTED QUESTIONS\n   ========================================================= *\/\n\n.bt-pendar-suggestions {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 6px;\n\n    margin-top: 16px;\n}\n\n\n.bt-pendar-suggestion {\n    padding: 6px 9px;\n\n    border:\n        1px solid\n        #e9e5dd;\n\n    border-radius: 8px;\n\n    background: #fff;\n\n    color: #85898e;\n\n    font-size: 6.5px;\n}\n\n\n\/* =========================================================\n   INPUT\n   ========================================================= *\/\n\n.bt-pendar-input {\n    min-height: 65px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    padding: 12px 15px;\n\n    border-top:\n        1px solid\n        var(--bt-border-soft);\n\n    background: #fff;\n}\n\n\n.bt-pendar-input__field {\n    flex: 1;\n\n    min-height: 39px;\n\n    display: flex;\n\n    align-items: center;\n\n    padding: 0 13px;\n\n    border:\n        1px solid\n        #e8e4dc;\n\n    border-radius: 10px;\n\n    color: #aaa;\n\n    font-size: 7px;\n\n    background: #faf9f6;\n}\n\n\n.bt-pendar-input__send {\n    width: 39px;\n    height: 39px;\n\n    flex: 0 0 39px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 10px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n}\n\n\n.bt-pendar-input__send svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n\/* =========================================================\n   FLOATING WORKLOAD CARD\n   ========================================================= *\/\n\n.bt-ai-float {\n    position: absolute;\n\n    z-index: 5;\n\n    padding: 14px;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 14px;\n\n    background:\n        rgba(255,255,255,.98);\n\n    box-shadow:\n        0 16px 38px\n        rgba(34,38,44,.105);\n}\n\n\n.bt-ai-float--workload {\n    left: -15px;\n    top: 8px;\n\n    width: 190px;\n}\n\n\n.bt-ai-float--meeting {\n    right: -16px;\n    bottom: 5px;\n\n    width: 200px;\n}\n\n\n.bt-ai-float__head {\n    display: flex;\n\n    align-items: center;\n\n    gap: 8px;\n}\n\n\n.bt-ai-float__icon {\n    width: 30px;\n    height: 30px;\n\n    flex: 0 0 30px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-ai-float__icon svg {\n    width: 15px;\n    height: 15px;\n}\n\n\n.bt-ai-float__label {\n    color: #83878c;\n\n    font-size: 7px;\n}\n\n\n.bt-ai-float__value {\n    margin-top: 2px;\n\n    color: #3e4348;\n\n    font-size: 10px;\n\n    font-weight: 850;\n}\n\n\n.bt-ai-float__meta {\n    margin-top: 9px;\n\n    color: #92969a;\n\n    font-size: 7px;\n\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    .bt-it-ai__container {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    .bt-it-ai__content {\n        max-width: 720px;\n    }\n\n\n    .bt-pendar {\n        width: min(700px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-ai {\n        padding:\n            78px 18px\n            87px;\n    }\n\n\n    .bt-it-ai h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-ai__lead {\n        font-size: 15.5px;\n    }\n\n\n    .bt-ai-btn {\n        width: 100%;\n    }\n\n\n    .bt-pendar {\n        min-height: 555px;\n    }\n\n\n    .bt-pendar-window {\n        left: 0;\n    }\n\n\n    .bt-ai-float--workload {\n        left: 0;\n\n        width: 165px;\n\n        transform: scale(.92);\n\n        transform-origin: left top;\n    }\n\n\n    .bt-ai-float--meeting {\n        right: 0;\n\n        width: 175px;\n\n        transform: scale(.92);\n\n        transform-origin: right bottom;\n    }\n\n\n    .bt-ai-bg-code {\n        display: none;\n    }\n}\n\n\n@media (max-width: 460px) {\n\n    .bt-pendar {\n        min-height: 535px;\n    }\n\n\n    .bt-pendar-chat {\n        padding:\n            17px 13px;\n    }\n\n\n    .bt-pendar-user {\n        max-width: 88%;\n    }\n\n\n    .bt-pendar-answer {\n        max-width: 100%;\n    }\n\n\n    .bt-ai-project {\n        grid-template-columns:\n            1fr 45px 40px;\n\n        gap: 6px;\n    }\n\n\n    .bt-pendar-suggestion:last-child {\n        display: none;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-ai\">\n\n\n    <!-- =====================================================\n         BACKGROUND\n    ====================================================== -->\n\n    <div\n        class=\"bt-it-ai__tech\"\n        aria-hidden=\"true\"\n    >\n\n        <div class=\"bt-it-ai__grid\">\n        <\/div>\n\n\n        <div class=\"bt-it-ai__dots\">\n        <\/div>\n\n\n        <div class=\"bt-ai-bg-code\">\n\n            analyze(\n            <span>projectData<\/span>\n            );\n            <br>\n\n            workload =\n            AI.teamBalance();\n            <br>\n\n            risk =\n            AI.findAttention();\n            <br>\n\n            cost =\n            AI.costVariance();\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"bt-it-ai__container\">\n\n\n        <!-- =================================================\n             CONTENT\n        ================================================== -->\n\n        <div class=\"bt-it-ai__content\">\n\n\n            <div class=\"bt-it-ai__eyebrow\">\n\n                <span class=\"bt-it-ai__eyebrow-mark\">\n                    \u2726\n                <\/span>\n\n                \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0647\u062a\u0627\u06cc\u0645\n\n            <\/div>\n\n\n            <h2>\n                \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0631\u0627 \u062f\u0627\u0631\u06cc\u062f\u061b\n                \u062d\u0627\u0644\u0627 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627\n                <span>\u0633\u0624\u0627\u0644 \u0628\u067e\u0631\u0633\u06cc\u062f<\/span>\n            <\/h2>\n\n\n            <p class=\"bt-it-ai__lead\">\n\n                \u0648\u0642\u062a\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u060c \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u060c \u0632\u0645\u0627\u0646 \u0648 \u0647\u0632\u06cc\u0646\u0647\n                \u062f\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645 \u062b\u0628\u062a \u0634\u062f\u0647\u200c\u0627\u0646\u062f\u060c\n                \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u067e\u0627\u0633\u062e \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc\n                \u0647\u0645\u06cc\u0634\u0647 \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0628\u06cc\u0646 \u0686\u0646\u062f \u06af\u0632\u0627\u0631\u0634 \u0628\u06af\u0631\u062f\u06cc\u062f.\n\n                \u0628\u0627 <strong>\u067e\u0646\u062f\u0627\u0631\u060c \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0647\u062a\u0627\u06cc\u0645<\/strong>\n                \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0633\u0624\u0627\u0644 \u0628\u067e\u0631\u0633\u06cc\u062f\n                \u0648 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0628\u0647 \u0645\u0648\u0627\u0631\u062f \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647 \u0628\u0631\u0633\u06cc\u062f.\n\n            <\/p>\n\n\n            <!-- =============================================\n                 CAPABILITIES\n            ============================================== -->\n\n            <div class=\"bt-ai-capabilities\">\n\n\n                <!-- 1 -->\n\n                <div class=\"bt-ai-capability\">\n\n                    <div class=\"bt-ai-capability__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 18V10\"\/>\n                            <path d=\"M10 18V5\"\/>\n                            <path d=\"M16 18v-7\"\/>\n                            <path d=\"M22 18H2\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-capability__title\">\n                            \u0648\u0636\u0639\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0631\u0627 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u062a\u062d\u0644\u06cc\u0644 \u06a9\u0646\u06cc\u062f\n                        <\/div>\n\n                        <div class=\"bt-ai-capability__text\">\n                            \u0628\u067e\u0631\u0633\u06cc\u062f \u06a9\u062f\u0627\u0645 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0639\u0642\u0628 \u0627\u0641\u062a\u0627\u062f\u0647\u200c\u0627\u0646\u062f\u060c\n                            \u0686\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u0648\u062c\u0647 \u062f\u0627\u0631\u0646\u062f\n                            \u06cc\u0627 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648\u0627\u0642\u0639\u06cc \u0686\u0647 \u062a\u0641\u0627\u0648\u062a\u06cc \u062f\u0627\u0631\u0646\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 2 -->\n\n                <div class=\"bt-ai-capability\">\n\n                    <div class=\"bt-ai-capability__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"16\" cy=\"9\" r=\"2.5\"\/>\n\n                            <path\n                                d=\"M3 19c.5-4 2-6 5-6s5 2 5.5 6\"\n                            \/>\n\n                            <path\n                                d=\"M14 14c3 0 5 1.5 5.5 5\"\n                            \/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-capability__title\">\n                            \u0641\u0634\u0627\u0631 \u06a9\u0627\u0631\u06cc \u062a\u06cc\u0645 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f\n                        <\/div>\n\n                        <div class=\"bt-ai-capability__text\">\n                            \u062a\u0648\u0632\u06cc\u0639 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f\n                            \u0648 \u0627\u0641\u0631\u0627\u062f\u06cc \u0631\u0627 \u06a9\u0647 \u0638\u0631\u0641\u06cc\u062a\u0634\u0627\u0646 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f\n                            \u06cc\u0627 \u06a9\u0645\u062a\u0631 \u0627\u0632 \u0627\u0646\u062a\u0638\u0627\u0631 \u062f\u0631\u06af\u06cc\u0631 \u0634\u062f\u0647 \u0627\u0633\u062a \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 3 -->\n\n                <div class=\"bt-ai-capability\">\n\n                    <div class=\"bt-ai-capability__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle cx=\"12\" cy=\"12\" r=\"8\"\/>\n                            <path d=\"M8 12h8\"\/>\n                            <path d=\"M12 8v8\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-capability__title\">\n                            \u0627\u0646\u062d\u0631\u0627\u0641 \u0647\u0632\u06cc\u0646\u0647 \u0631\u0627 \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f\n                        <\/div>\n\n                        <div class=\"bt-ai-capability__text\">\n                            \u0647\u0632\u06cc\u0646\u0647 \u0648\u0627\u0642\u0639\u06cc\u060c \u0628\u0648\u062f\u062c\u0647 \u0648 \u0632\u0645\u0627\u0646 \u0645\u0635\u0631\u0641\u200c\u0634\u062f\u0647 \u0631\u0627\n                            \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f \u062a\u0627 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647\n                            \u0628\u0647 \u06a9\u0646\u062a\u0631\u0644 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f \u0632\u0648\u062f\u062a\u0631 \u062f\u06cc\u062f\u0647 \u0634\u0648\u0646\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- 4 -->\n\n                <div class=\"bt-ai-capability\">\n\n                    <div class=\"bt-ai-capability__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path\n                                d=\"M5 6h14v9H9l-4 4V6z\"\n                            \/>\n\n                            <path d=\"M9 10h6\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-capability__title\">\n                            \u062e\u0631\u0648\u062c\u06cc \u062c\u0644\u0633\u0647 \u0631\u0627 \u0628\u0647 \u06a9\u0627\u0631 \u0642\u0627\u0628\u0644\u200c\u067e\u06cc\u06af\u06cc\u0631\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f\n                        <\/div>\n\n                        <div class=\"bt-ai-capability__text\">\n                            \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0644\u0633\u0647 \u0645\u062a\u0646 \u0648 \u0646\u06a9\u0627\u062a \u0645\u0647\u0645 \u0628\u06af\u06cc\u0631\u06cc\u062f\n                            \u0648 \u0627\u0642\u062f\u0627\u0645\u0627\u062a\u06cc \u0631\u0627 \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0639\u062f \u0627\u0632 \u062c\u0644\u0633\u0647\n                            \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0634\u0648\u0646\u062f \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 CTA\n            ============================================== -->\n\n            <div class=\"bt-it-ai__actions\">\n\n                <a\n                    class=\"\n                        bt-ai-btn\n                        bt-ai-btn--primary\n                    \"\n                    href=\"https:\/\/behtime.net\/main\/behtime-ai-features\/\"\n                >\n\n                    \u0647\u0645\u0647 \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0647\u062a\u0627\u06cc\u0645\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"2\"\n                    >\n                        <path d=\"M19 12H5\"\/>\n                        <path d=\"M10 17l-5-5 5-5\"\/>\n                    <\/svg>\n\n                <\/a>\n\n            <\/div>\n\n\n            <!-- Access -->\n\n            <div class=\"bt-ai-access\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                >\n                    <rect\n                        x=\"5\"\n                        y=\"10\"\n                        width=\"14\"\n                        height=\"10\"\n                        rx=\"2\"\n                    \/>\n\n                    <path\n                        d=\"M8 10V7a4 4 0 0 1 8 0v3\"\n                    \/>\n                <\/svg>\n\n\n                <span>\n                    \u067e\u0646\u062f\u0627\u0631 \u0641\u0642\u0637 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f\n                    \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u062c\u0627\u0632 \u0628\u0647 \u0645\u0634\u0627\u0647\u062f\u0647 \u0622\u0646\u200c\u0647\u0627\u0633\u062a.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             PENDAR VISUAL\n        ================================================== -->\n\n        <div class=\"bt-pendar\">\n\n\n            <!-- =============================================\n                 FLOATING WORKLOAD\n            ============================================== -->\n\n            <div\n                class=\"\n                    bt-ai-float\n                    bt-ai-float--workload\n                \"\n            >\n\n                <div class=\"bt-ai-float__head\">\n\n                    <span class=\"bt-ai-float__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle cx=\"8\" cy=\"8\" r=\"3\"\/>\n                            <circle cx=\"16\" cy=\"9\" r=\"2.5\"\/>\n\n                            <path\n                                d=\"M3 19c.5-4 2-6 5-6s5 2 5.5 6\"\n                            \/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-float__label\">\n                            \u062a\u062d\u0644\u06cc\u0644 \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc\n                        <\/div>\n\n                        <div class=\"bt-ai-float__value\">\n                            \u06f2 \u0646\u0641\u0631 \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"bt-ai-float__meta\">\n                    \u0641\u0634\u0627\u0631 \u06a9\u0627\u0631\u06cc \u062f\u0631 \u062a\u06cc\u0645 Frontend\n                    \u0628\u06cc\u0634\u062a\u0631 \u0627\u0632 \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u062a\u06cc\u0645 \u0627\u0633\u062a.\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 MAIN WINDOW\n            ============================================== -->\n\n            <div class=\"bt-pendar-window\">\n\n\n                <!-- Top -->\n\n                <div class=\"bt-pendar-window__top\">\n\n                    <div class=\"bt-pendar-profile\">\n\n                        <div class=\"bt-pendar-profile__avatar\">\n                            \u067e\n                        <\/div>\n\n\n                        <div>\n\n                            <div class=\"bt-pendar-profile__name\">\n                                \u067e\u0646\u062f\u0627\u0631\n                            <\/div>\n\n                            <div class=\"bt-pendar-profile__meta\">\n                                \u062f\u0633\u062a\u06cc\u0627\u0631 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0628\u0647\u062a\u0627\u06cc\u0645\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n\n                    <div class=\"bt-pendar-window__badge\">\n                        \u2726 AI\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Chat -->\n\n                <div class=\"bt-pendar-chat\">\n\n\n                    <!-- User -->\n\n                    <div class=\"bt-pendar-user\">\n                        \u06a9\u062f\u0627\u0645 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644 \u0627\u06cc\u0646 \u0647\u0641\u062a\u0647\n                        \u0628\u06cc\u0634\u062a\u0631 \u0628\u0647 \u062a\u0648\u062c\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f\u061f\n                    <\/div>\n\n\n                    <!-- AI -->\n\n                    <div class=\"bt-pendar-answer\">\n\n                        <div class=\"bt-pendar-answer__head\">\n\n                            <span class=\"bt-pendar-answer__spark\">\n                                \u2726\n                            <\/span>\n\n                            \u0646\u062a\u06cc\u062c\u0647 \u062a\u062d\u0644\u06cc\u0644\n\n                        <\/div>\n\n\n                        <div class=\"bt-pendar-answer__text\">\n                            \u0628\u0631 \u0627\u0633\u0627\u0633 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u060c \u067e\u06cc\u0634\u0631\u0641\u062a \u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062b\u0628\u062a\u200c\u0634\u062f\u0647\u060c\n                            \u062f\u0648 \u067e\u0631\u0648\u0698\u0647 \u0646\u0633\u0628\u062a \u0628\u0647 \u0633\u0627\u06cc\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0641\u0639\u0627\u0644\n                            \u0628\u0647 \u0628\u0631\u0631\u0633\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f.\n                        <\/div>\n\n\n                        <!-- Results -->\n\n                        <div class=\"bt-pendar-result\">\n\n                            <div class=\"bt-pendar-result__title\">\n\n                                <span>\n                                    \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0646\u06cc\u0627\u0632\u0645\u0646\u062f \u062a\u0648\u062c\u0647\n                                <\/span>\n\n                                <span class=\"bt-pendar-result__status\">\n                                    \u06f2 \u0645\u0648\u0631\u062f\n                                <\/span>\n\n                            <\/div>\n\n\n                            <!-- Project -->\n\n                            <div class=\"bt-ai-project\">\n\n                                <div class=\"bt-ai-project__name\">\n                                    \u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0633\u0627\u0645\u0627\u0646\u0647 \u0645\u0634\u062a\u0631\u06cc A\n                                <\/div>\n\n                                <div class=\"bt-ai-project__progress\">\n                                    <span style=\"width:62%\"><\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-ai-project__state\n                                        is-attention\n                                    \"\n                                >\n                                    \u062a\u0623\u062e\u06cc\u0631\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Project -->\n\n                            <div class=\"bt-ai-project\">\n\n                                <div class=\"bt-ai-project__name\">\n                                    \u062a\u0648\u0633\u0639\u0647 \u0646\u0633\u062e\u0647 \u06f4.\u06f2\n                                <\/div>\n\n                                <div class=\"bt-ai-project__progress\">\n                                    <span style=\"width:73%\"><\/span>\n                                <\/div>\n\n                                <div\n                                    class=\"\n                                        bt-ai-project__state\n                                        is-attention\n                                    \"\n                                >\n                                    \u0638\u0631\u0641\u06cc\u062a\n                                <\/div>\n\n                            <\/div>\n\n\n                            <!-- Project -->\n\n                            <div class=\"bt-ai-project\">\n\n                                <div class=\"bt-ai-project__name\">\n                                    \u067e\u0631\u0648\u0698\u0647 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647\u200c\u0633\u0627\u0632\u06cc API\n                                <\/div>\n\n                                <div class=\"bt-ai-project__progress\">\n                                    <span style=\"width:81%\"><\/span>\n                                <\/div>\n\n                                <div class=\"bt-ai-project__state\">\n                                    \u0639\u0627\u062f\u06cc\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n\n                        <!-- Suggestions -->\n\n                        <div class=\"bt-pendar-suggestions\">\n\n                            <span class=\"bt-pendar-suggestion\">\n                                \u0628\u0627\u0631 \u06a9\u0627\u0631\u06cc \u062a\u06cc\u0645 \u0686\u0637\u0648\u0631 \u0627\u0633\u062a\u061f\n                            <\/span>\n\n                            <span class=\"bt-pendar-suggestion\">\n                                \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\n                            <\/span>\n\n                            <span class=\"bt-pendar-suggestion\">\n                                \u0628\u0631\u0646\u0627\u0645\u0647 \u0648 \u0648\u0627\u0642\u0639\u06cc\u062a \u0631\u0627 \u0645\u0642\u0627\u06cc\u0633\u0647 \u06a9\u0646\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Input -->\n\n                <div class=\"bt-pendar-input\">\n\n                    <div class=\"bt-pendar-input__field\">\n                        \u062f\u0631\u0628\u0627\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0628\u0647\u062a\u0627\u06cc\u0645 \u062e\u0648\u062f \u0628\u067e\u0631\u0633\u06cc\u062f&#8230;\n                    <\/div>\n\n\n                    <div class=\"bt-pendar-input__send\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\"\n                        >\n                            <path d=\"M19 12H5\"\/>\n                            <path d=\"M10 17l-5-5 5-5\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 FLOATING MEETING\n            ============================================== -->\n\n            <div\n                class=\"\n                    bt-ai-float\n                    bt-ai-float--meeting\n                \"\n            >\n\n                <div class=\"bt-ai-float__head\">\n\n                    <span class=\"bt-ai-float__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path\n                                d=\"M5 6h14v9H9l-4 4V6z\"\n                            \/>\n\n                            <path d=\"M9 10h6\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <div>\n\n                        <div class=\"bt-ai-float__label\">\n                            \u062c\u0644\u0633\u0647 \u062a\u06cc\u0645 \u0645\u062d\u0635\u0648\u0644\n                        <\/div>\n\n                        <div class=\"bt-ai-float__value\">\n                            \u06f4 \u0627\u0642\u062f\u0627\u0645 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0634\u062f\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"bt-ai-float__meta\">\n                    \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627 \u0648 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0628\u0639\u062f\u06cc \u062c\u0644\u0633\u0647\n                    \u0628\u0631\u0627\u06cc \u067e\u06cc\u06af\u06cc\u0631\u06cc \u0645\u0634\u062e\u0635 \u0634\u062f\u0647\u200c\u0627\u0646\u062f.\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 ghostkit-custom-Z1zlNsH is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 09\n   One Connected Workspace\n   ========================================================= *\/\n\n.bt-it-connected {\n    --bt-orange: #f3a503;\n    --bt-orange-soft: #fff6df;\n    --bt-orange-pale: #fffbf1;\n\n    --bt-ink: #22262c;\n    --bt-text: #555b63;\n    --bt-muted: #81868c;\n\n    --bt-border: #e8e4dc;\n    --bt-border-soft: #efede8;\n\n    --bt-bg: #ffffff;\n    --bt-soft-bg: #faf9f6;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 110px 24px 118px;\n\n    background:\n        radial-gradient(\n            circle at 50% 50%,\n            rgba(243,165,3,.055),\n            transparent 32%\n        ),\n        #fff;\n\n    font-family: inherit;\n}\n\n.bt-it-connected *,\n.bt-it-connected *::before,\n.bt-it-connected *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n   ========================================================= *\/\n\n.bt-it-connected::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        linear-gradient(\n            rgba(34,38,44,.018) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(34,38,44,.018) 1px,\n            transparent 1px\n        );\n\n    background-size: 60px 60px;\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 16%,\n            #000 84%,\n            transparent\n        );\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 16%,\n            #000 84%,\n            transparent\n        );\n\n    pointer-events: none;\n}\n\n\n.bt-it-connected__dots {\n    position: absolute;\n\n    right: 35px;\n    top: 90px;\n\n    width: 90px;\n    height: 90px;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.5) 1.3px,\n            transparent 1.7px\n        );\n\n    background-size: 15px 15px;\n\n    opacity: .1;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-connected__container {\n    width: min(1180px, 100%);\n\n    margin: 0 auto;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.bt-it-connected__header {\n    max-width: 790px;\n\n    margin: 0 auto 62px;\n\n    text-align: center;\n}\n\n\n.bt-it-connected__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 9px;\n\n    margin-bottom: 17px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-connected__eyebrow::before,\n.bt-it-connected__eyebrow::after {\n    content: \"\";\n\n    width: 22px;\n    height: 1px;\n\n    background:\n        rgba(243,165,3,.8);\n}\n\n\n.bt-it-connected h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 46px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-connected__intro {\n    max-width: 710px;\n\n    margin: 22px auto 0;\n\n    color: var(--bt-text);\n\n    font-size: 16.5px;\n\n    line-height: 2.08;\n}\n\n\n.bt-it-connected__intro strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   CONNECTED VISUAL\n   ========================================================= *\/\n\n.bt-connected-map {\n    position: relative;\n\n    width: min(970px, 100%);\n\n    min-height: 590px;\n\n    margin: 0 auto;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 26px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(243,165,3,.07),\n            transparent 30%\n        ),\n        linear-gradient(\n            180deg,\n            #ffffff,\n            #fbfaf7\n        );\n\n    box-shadow:\n        0 30px 75px\n        rgba(34,38,44,.07);\n\n    overflow: hidden;\n}\n\n\n\/* visual grid *\/\n\n.bt-connected-map::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        radial-gradient(\n            circle,\n            rgba(34,38,44,.055) 1px,\n            transparent 1.2px\n        );\n\n    background-size: 24px 24px;\n\n    opacity: .32;\n}\n\n\n\/* =========================================================\n   CENTER\n   ========================================================= *\/\n\n.bt-connected-core {\n    position: absolute;\n\n    z-index: 5;\n\n    top: 50%;\n    left: 50%;\n\n    width: 190px;\n    height: 190px;\n\n    transform:\n        translate(-50%, -50%);\n\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid\n        #dfdacf;\n\n    border-radius: 50%;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fff,\n            #fff8e8\n        );\n\n    box-shadow:\n        0 20px 45px\n        rgba(34,38,44,.09),\n        0 0 0 18px\n        rgba(243,165,3,.035);\n}\n\n\n.bt-connected-core__logo {\n    width: 52px;\n    height: 52px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 15px;\n\n    background: var(--bt-orange);\n\n    color: #282828;\n\n    font-size: 23px;\n\n    font-weight: 950;\n\n    box-shadow:\n        0 8px 20px\n        rgba(243,165,3,.22);\n}\n\n\n.bt-connected-core__title {\n    margin-top: 13px;\n\n    color: #34393e;\n\n    font-size: 16px;\n\n    font-weight: 900;\n}\n\n\n.bt-connected-core__meta {\n    margin-top: 5px;\n\n    color: #8b8f94;\n\n    font-size: 8px;\n}\n\n\n\/* =========================================================\n   CONNECTION RINGS\n   ========================================================= *\/\n\n.bt-connected-ring {\n    position: absolute;\n\n    z-index: 1;\n\n    top: 50%;\n    left: 50%;\n\n    border-radius: 50%;\n\n    border:\n        1px dashed\n        rgba(243,165,3,.22);\n\n    transform:\n        translate(-50%, -50%);\n}\n\n\n.bt-connected-ring--1 {\n    width: 350px;\n    height: 350px;\n}\n\n\n.bt-connected-ring--2 {\n    width: 540px;\n    height: 540px;\n\n    border-color:\n        rgba(34,38,44,.08);\n}\n\n\n\/* =========================================================\n   CONNECTOR LINES\n   ========================================================= *\/\n\n.bt-connect-line {\n    position: absolute;\n\n    z-index: 2;\n\n    top: 50%;\n    left: 50%;\n\n    width: 245px;\n    height: 1px;\n\n    transform-origin: 0 50%;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(243,165,3,.75),\n            rgba(243,165,3,.08)\n        );\n}\n\n\n.bt-connect-line::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    top: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    transform:\n        translate(-50%, -50%);\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-connect-line--1 {\n    transform: rotate(0deg);\n}\n\n.bt-connect-line--2 {\n    transform: rotate(51deg);\n}\n\n.bt-connect-line--3 {\n    transform: rotate(103deg);\n}\n\n.bt-connect-line--4 {\n    transform: rotate(154deg);\n}\n\n.bt-connect-line--5 {\n    transform: rotate(206deg);\n}\n\n.bt-connect-line--6 {\n    transform: rotate(257deg);\n}\n\n.bt-connect-line--7 {\n    transform: rotate(309deg);\n}\n\n\n\/* =========================================================\n   MODULES\n   ========================================================= *\/\n\n.bt-connected-module {\n    position: absolute;\n\n    z-index: 4;\n\n    width: 170px;\n\n    padding: 15px 14px;\n\n    border:\n        1px solid\n        #e7e3da;\n\n    border-radius: 14px;\n\n    background:\n        rgba(255,255,255,.97);\n\n    box-shadow:\n        0 12px 28px\n        rgba(34,38,44,.065);\n}\n\n\n.bt-connected-module__head {\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n}\n\n\n.bt-connected-module__icon {\n    width: 31px;\n    height: 31px;\n\n    flex: 0 0 31px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 9px;\n\n    background: var(--bt-orange-soft);\n\n    color: #a87200;\n}\n\n\n.bt-connected-module__icon svg {\n    width: 15px;\n    height: 15px;\n}\n\n\n.bt-connected-module__title {\n    color: #454a4f;\n\n    font-size: 10px;\n\n    font-weight: 850;\n}\n\n\n.bt-connected-module__text {\n    margin-top: 8px;\n\n    color: #8b8f94;\n\n    font-size: 7px;\n\n    line-height: 1.7;\n}\n\n\n\/* positions *\/\n\n.bt-connected-module--project {\n    right: 45px;\n    top: 90px;\n}\n\n\n.bt-connected-module--task {\n    right: 20px;\n    top: 280px;\n}\n\n\n.bt-connected-module--time {\n    right: 130px;\n    bottom: 35px;\n}\n\n\n.bt-connected-module--cost {\n    left: 130px;\n    bottom: 35px;\n}\n\n\n.bt-connected-module--workflow {\n    left: 20px;\n    top: 280px;\n}\n\n\n.bt-connected-module--report {\n    left: 45px;\n    top: 90px;\n}\n\n\n.bt-connected-module--ai {\n    left: 50%;\n    top: 28px;\n\n    transform: translateX(-50%);\n}\n\n\n\/* AI special *\/\n\n.bt-connected-module--ai {\n    border-color:\n        rgba(243,165,3,.35);\n\n    background:\n        linear-gradient(\n            145deg,\n            #fffdf7,\n            #fff8e8\n        );\n}\n\n\n\/* =========================================================\n   BOTTOM VALUE\n   ========================================================= *\/\n\n.bt-connected-value {\n    max-width: 900px;\n\n    margin: 46px auto 0;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 0;\n\n    border:\n        1px solid\n        var(--bt-border);\n\n    border-radius: 17px;\n\n    overflow: hidden;\n\n    background: var(--bt-soft-bg);\n}\n\n\n.bt-connected-value__item {\n    position: relative;\n\n    padding: 21px 24px;\n\n    text-align: center;\n\n    border-left:\n        1px solid\n        var(--bt-border);\n}\n\n\n.bt-connected-value__item:last-child {\n    border-left: 0;\n}\n\n\n.bt-connected-value__number {\n    color: #a5750a;\n\n    font-size: 10px;\n\n    font-weight: 850;\n}\n\n\n.bt-connected-value__title {\n    margin-top: 6px;\n\n    color: #3f4449;\n\n    font-size: 13px;\n\n    font-weight: 850;\n}\n\n\n.bt-connected-value__text {\n    margin-top: 6px;\n\n    color: #85898e;\n\n    font-size: 11.5px;\n\n    line-height: 1.85;\n}\n\n\n\/* =========================================================\n   FINAL STATEMENT\n   ========================================================= *\/\n\n.bt-connected-statement {\n    max-width: 840px;\n\n    margin: 35px auto 0;\n\n    text-align: center;\n}\n\n\n.bt-connected-statement p {\n    margin: 0;\n\n    color: #565b60;\n\n    font-size: 14px;\n\n    line-height: 2;\n}\n\n\n.bt-connected-statement strong {\n    color: var(--bt-ink);\n\n    font-weight: 820;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .bt-connected-map {\n        min-height: auto;\n\n        display: grid;\n\n        grid-template-columns:\n            repeat(2, 1fr);\n\n        gap: 12px;\n\n        padding: 25px;\n    }\n\n\n    .bt-connected-ring,\n    .bt-connect-line {\n        display: none;\n    }\n\n\n    .bt-connected-core {\n        position: static;\n\n        transform: none;\n\n        width: auto;\n        height: 180px;\n\n        grid-column: 1 \/ -1;\n\n        border-radius: 18px;\n    }\n\n\n    .bt-connected-module {\n        position: static;\n\n        width: auto;\n\n        transform: none !important;\n    }\n}\n\n\n@media (max-width: 700px) {\n\n    .bt-it-connected {\n        padding:\n            78px 18px\n            85px;\n    }\n\n\n    .bt-it-connected__header {\n        text-align: right;\n\n        margin-bottom: 42px;\n    }\n\n\n    .bt-it-connected__eyebrow::before {\n        display: none;\n    }\n\n\n    .bt-it-connected h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-connected__intro {\n        font-size: 15.5px;\n    }\n\n\n    .bt-connected-map {\n        grid-template-columns: 1fr;\n\n        padding: 17px;\n    }\n\n\n    .bt-connected-core {\n        grid-column: auto;\n\n        height: 160px;\n    }\n\n\n    .bt-connected-value {\n        grid-template-columns: 1fr;\n    }\n\n\n    .bt-connected-value__item {\n        border-left: 0;\n\n        border-bottom:\n            1px solid\n            var(--bt-border);\n    }\n\n\n    .bt-connected-value__item:last-child {\n        border-bottom: 0;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-connected\">\n\n    <div\n        class=\"bt-it-connected__dots\"\n        aria-hidden=\"true\">\n    <\/div>\n\n\n    <div class=\"bt-it-connected__container\">\n\n\n        <!-- =================================================\n             HEADER\n        ================================================== -->\n\n        <header class=\"bt-it-connected__header\">\n\n            <div class=\"bt-it-connected__eyebrow\">\n                \u0627\u0631\u0632\u0634 \u062f\u0631 \u0627\u062a\u0635\u0627\u0644 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0633\u062a\n            <\/div>\n\n\n            <h2>\n                \u0647\u0645\u0647 \u0627\u06cc\u0646\u200c\u0647\u0627\u060c\n                \u062f\u0631 \u06cc\u06a9 \u0641\u0636\u0627\u06cc \u06a9\u0627\u0631\u06cc\n            <\/h2>\n\n\n            <p class=\"bt-it-connected__intro\">\n\n                \u067e\u0631\u0648\u0698\u0647\u060c \u0641\u0639\u0627\u0644\u06cc\u062a\u060c \u0632\u0645\u0627\u0646\u060c \u0647\u0632\u06cc\u0646\u0647 \u0648 \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631\n                \u0648\u0642\u062a\u06cc \u062c\u062f\u0627 \u0627\u0632 \u0647\u0645 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0634\u0648\u0646\u062f\u060c\n                \u0647\u0631\u06a9\u062f\u0627\u0645 \u0641\u0642\u0637 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0648\u0627\u0642\u0639\u06cc\u062a \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f.\n\n                \u062f\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0627\u06cc\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u0647 \u0647\u0645 \u0645\u062a\u0635\u0644\u200c\u0627\u0646\u062f\u061b\n                \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0641\u0639\u0627\u0644\u06cc\u062a \u0628\u0647\n                <strong>\n                    \u0632\u0645\u0627\u0646 \u0635\u0631\u0641\u200c\u0634\u062f\u0647\u060c \u0647\u0632\u06cc\u0646\u0647\u060c \u067e\u0631\u0648\u0698\u0647 \u0648 \u0648\u0636\u0639\u06cc\u062a \u0627\u062c\u0631\u0627\u06cc \u0622\u0646\n                <\/strong>\n                \u0628\u0631\u0633\u06cc\u062f \u0648 \u062a\u0635\u0648\u06cc\u0631 \u06a9\u0627\u0645\u0644\u200c\u062a\u0631\u06cc \u0627\u0632 \u06a9\u0627\u0631 \u0633\u0627\u0632\u0645\u0627\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f.\n\n            <\/p>\n\n        <\/header>\n\n\n        <!-- =================================================\n             CONNECTED MAP\n        ================================================== -->\n\n        <div class=\"bt-connected-map\">\n\n\n            <!-- Rings -->\n\n            <div\n                class=\"\n                    bt-connected-ring\n                    bt-connected-ring--1\n                \"\n                aria-hidden=\"true\">\n            <\/div>\n\n            <div\n                class=\"\n                    bt-connected-ring\n                    bt-connected-ring--2\n                \"\n                aria-hidden=\"true\">\n            <\/div>\n\n\n            <!-- Connection Lines -->\n\n            <span class=\"bt-connect-line bt-connect-line--1\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--2\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--3\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--4\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--5\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--6\"><\/span>\n            <span class=\"bt-connect-line bt-connect-line--7\"><\/span>\n\n\n            <!-- =================================================\n                 CORE\n            ================================================== -->\n\n            <div class=\"bt-connected-core\">\n\n                <div class=\"bt-connected-core__logo\">\n                    \u0628\n                <\/div>\n\n                <div class=\"bt-connected-core__title\">\n                    \u0628\u0647\u062a\u0627\u06cc\u0645\n                <\/div>\n\n                <div class=\"bt-connected-core__meta\">\n                    \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0648\u0627\u062d\u062f \u0627\u0632 \u06a9\u0627\u0631 \u0633\u0627\u0632\u0645\u0627\u0646\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 PROJECT\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--project\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <rect\n                                x=\"4\"\n                                y=\"5\"\n                                width=\"16\"\n                                height=\"14\"\n                                rx=\"2\"\n                            \/>\n\n                            <path d=\"M8 5V3\"\/>\n                            <path d=\"M16 5V3\"\/>\n                            <path d=\"M4 10h16\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u067e\u0631\u0648\u0698\u0647\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0628\u0631\u0646\u0627\u0645\u0647\u060c \u067e\u06cc\u0634\u0631\u0641\u062a\u060c\n                    \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0648 \u0648\u0636\u0639\u06cc\u062a \u0627\u062c\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 TASK\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--task\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M5 6h14v12H5z\"\/>\n\n                            <path d=\"M8 10h8\"\/>\n                            <path d=\"M8 14h5\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u0641\u0639\u0627\u0644\u06cc\u062a\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0645\u0633\u0626\u0648\u0644\u060c \u0627\u0648\u0644\u0648\u06cc\u062a\u060c\n                    \u0648\u0636\u0639\u06cc\u062a \u0648 \u062c\u0632\u0626\u06cc\u0627\u062a \u0627\u062c\u0631\u0627\u06cc \u06a9\u0627\u0631\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 TIME\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--time\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"8\"\n                            \/>\n\n                            <path d=\"M12 8v5l3 2\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u0632\u0645\u0627\u0646\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0628\u062f\u0627\u0646\u06cc\u062f \u0632\u0645\u0627\u0646 \u062a\u06cc\u0645\n                    \u0648\u0627\u0642\u0639\u0627\u064b \u0631\u0648\u06cc \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0645\u0635\u0631\u0641 \u0634\u062f\u0647 \u0627\u0633\u062a\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 COST\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--cost\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"8\"\n                            \/>\n\n                            <path d=\"M9 10h6\"\/>\n                            <path d=\"M9 14h6\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u0647\u0632\u06cc\u0646\u0647\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0647\u0632\u06cc\u0646\u0647 \u0646\u0641\u0631 \u0640 \u0633\u0627\u0639\u062a\u060c\n                    \u0628\u0648\u062f\u062c\u0647 \u0648 \u0633\u0627\u06cc\u0631 \u0647\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 WORKFLOW\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--workflow\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M5 5h5v5H5z\"\/>\n                            <path d=\"M14 14h5v5h-5z\"\/>\n                            <path d=\"M10 7h4a3 3 0 0 1 3 3v4\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u06af\u0631\u062f\u0634 \u06a9\u0627\u0631\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0645\u0631\u062d\u0644\u0647\u060c \u0645\u0633\u0626\u0648\u0644\u06cc\u062a \u0648 \u062a\u0631\u062a\u06cc\u0628\n                    \u0627\u062c\u0631\u0627\u06cc \u0641\u0631\u0627\u06cc\u0646\u062f\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u0634\u0648\u0646\u062f\u0647\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 REPORT\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--report\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path d=\"M4 18V10\"\/>\n                            <path d=\"M10 18V5\"\/>\n                            <path d=\"M16 18v-8\"\/>\n                            <path d=\"M22 18H2\"\/>\n                        <\/svg>\n\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u06af\u0632\u0627\u0631\u0634 \u0648 \u062a\u062d\u0644\u06cc\u0644\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0627\u0632 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u0631\u0627\n                    \u0628\u0631\u0627\u06cc \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 AI\n            ================================================== -->\n\n            <div\n                class=\"\n                    bt-connected-module\n                    bt-connected-module--ai\n                \"\n            >\n\n                <div class=\"bt-connected-module__head\">\n\n                    <span class=\"bt-connected-module__icon\">\n                        \u2726\n                    <\/span>\n\n\n                    <span class=\"bt-connected-module__title\">\n                        \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"bt-connected-module__text\">\n                    \u0627\u0632 \u0647\u0645\u06cc\u0646 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\n                    \u0633\u0624\u0627\u0644 \u0628\u067e\u0631\u0633\u06cc\u062f \u0648 \u062a\u062d\u0644\u06cc\u0644 \u0645\u062f\u06cc\u0631\u06cc\u062a\u06cc \u0628\u06af\u06cc\u0631\u06cc\u062f\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             VALUE\n        ================================================== -->\n\n        <div class=\"bt-connected-value\">\n\n\n            <div class=\"bt-connected-value__item\">\n\n                <div class=\"bt-connected-value__number\">\n                    01\n                <\/div>\n\n                <div class=\"bt-connected-value__title\">\n                    \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u062a\u0631 \u067e\u0631\u0627\u06a9\u0646\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\n                <\/div>\n\n                <div class=\"bt-connected-value__text\">\n                    \u0641\u0639\u0627\u0644\u06cc\u062a\u060c \u0632\u0645\u0627\u0646 \u0648 \u067e\u0631\u0648\u0698\u0647\n                    \u062f\u0631 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062c\u062f\u0627 \u0627\u0632 \u0647\u0645 \u0628\u0627\u0642\u06cc \u0646\u0645\u06cc\u200c\u0645\u0627\u0646\u0646\u062f.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"bt-connected-value__item\">\n\n                <div class=\"bt-connected-value__number\">\n                    02\n                <\/div>\n\n                <div class=\"bt-connected-value__title\">\n                    \u06af\u0632\u0627\u0631\u0634 \u0645\u0639\u0646\u0627 \u067e\u06cc\u062f\u0627 \u0645\u06cc\u200c\u06a9\u0646\u062f\n                <\/div>\n\n                <div class=\"bt-connected-value__text\">\n                    \u0639\u062f\u062f\u0647\u0627 \u0628\u0647 \u06a9\u0627\u0631 \u0648\u0627\u0642\u0639\u06cc\u060c\n                    \u0627\u0641\u0631\u0627\u062f \u0648 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0645\u062a\u0635\u0644 \u0647\u0633\u062a\u0646\u062f.\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"bt-connected-value__item\">\n\n                <div class=\"bt-connected-value__number\">\n                    03\n                <\/div>\n\n                <div class=\"bt-connected-value__title\">\n                    \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f\n                <\/div>\n\n                <div class=\"bt-connected-value__text\">\n                    \u0628\u0631\u0627\u06cc \u0641\u0647\u0645\u06cc\u062f\u0646 \u0648\u0636\u0639\u06cc\u062a \u0634\u0631\u06a9\u062a\n                    \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0686\u0646\u062f \u0641\u0627\u06cc\u0644 \u0648 \u0633\u0627\u0645\u0627\u0646\u0647 \u0631\u0627 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- =================================================\n             STATEMENT\n        ================================================== -->\n\n        <div class=\"bt-connected-statement\">\n\n            <p>\n                \u0628\u0631\u0627\u06cc \u06cc\u06a9 \u0634\u0631\u06a9\u062a \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u060c\n                \u0645\u0633\u0626\u0644\u0647 \u0641\u0642\u0637 \u062f\u0627\u0634\u062a\u0646 \u0627\u0628\u0632\u0627\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0646\u06cc\u0633\u062a.\n                \u0627\u0631\u0632\u0634 \u0632\u0645\u0627\u0646\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0647\n                <strong>\n                    \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0627\u0631 \u062a\u06cc\u0645 \u0628\u0647 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0645\u062a\u0635\u0644 \u0628\u0627\u0634\u0646\u062f\n                    \u0648 \u0645\u062f\u06cc\u0631 \u0628\u062a\u0648\u0627\u0646\u062f \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u06cc\u06a9 \u062a\u0635\u0648\u06cc\u0631 \u0642\u0627\u0628\u0644\u200c\u0627\u0639\u062a\u0645\u0627\u062f \u0628\u0633\u0627\u0632\u062f.\n                <\/strong>\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull ghostkit-custom-Z1fWgwW is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n\/* =========================================================\n   Behtime IT Companies - Section 10\n   Final CTA\n   ========================================================= *\/\n\n.bt-it-final {\n    --bt-orange: #f3a503;\n    --bt-orange-hover: #ffb514;\n    --bt-orange-soft: #fff6df;\n\n    --bt-ink: #22262c;\n    --bt-text: #5b6066;\n    --bt-muted: #858a90;\n\n    --bt-border: #e8e4dc;\n\n    position: relative;\n    overflow: hidden;\n    direction: rtl;\n\n    padding: 80px 24px 95px;\n\n    background: #fff;\n\n    font-family: inherit;\n}\n\n.bt-it-final *,\n.bt-it-final *::before,\n.bt-it-final *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n.bt-it-final__container {\n    width: min(1140px, 100%);\n\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   MAIN PANEL\n   ========================================================= *\/\n\n.bt-it-final__panel {\n    position: relative;\n    overflow: hidden;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        350px;\n\n    gap: 60px;\n\n    align-items: center;\n\n    min-height: 390px;\n\n    padding: 58px 64px;\n\n    border:\n        1px solid\n        #e4dfd5;\n\n    border-radius: 28px;\n\n    background:\n        radial-gradient(\n            circle at 8% 20%,\n            rgba(243,165,3,.11),\n            transparent 27%\n        ),\n        linear-gradient(\n            135deg,\n            #fbfaf7 0%,\n            #ffffff 60%,\n            #fffaf0 100%\n        );\n\n    box-shadow:\n        0 30px 80px\n        rgba(34,38,44,.07);\n}\n\n\n\/* =========================================================\n   SUBTLE BACKGROUND GRID\n   ========================================================= *\/\n\n.bt-it-final__panel::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        linear-gradient(\n            rgba(34,38,44,.022) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(34,38,44,.022) 1px,\n            transparent 1px\n        );\n\n    background-size: 48px 48px;\n\n    pointer-events: none;\n\n    mask-image:\n        linear-gradient(\n            90deg,\n            transparent,\n            #000 20%,\n            #000 80%,\n            transparent\n        );\n\n    -webkit-mask-image:\n        linear-gradient(\n            90deg,\n            transparent,\n            #000 20%,\n            #000 80%,\n            transparent\n        );\n}\n\n\n\/* orange glow *\/\n\n.bt-it-final__panel::after {\n    content: \"\";\n\n    position: absolute;\n\n    left: -120px;\n    bottom: -170px;\n\n    width: 370px;\n    height: 370px;\n\n    border-radius: 50%;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(243,165,3,.13),\n            transparent 68%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.bt-it-final__content {\n    position: relative;\n    z-index: 3;\n\n    max-width: 650px;\n}\n\n\n.bt-it-final__eyebrow {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 18px;\n\n    color: #8b650c;\n\n    font-size: 13px;\n\n    font-weight: 750;\n}\n\n\n.bt-it-final__eyebrow::before {\n    content: \"\";\n\n    width: 25px;\n    height: 2px;\n\n    border-radius: 10px;\n\n    background: var(--bt-orange);\n}\n\n\n.bt-it-final h2 {\n    margin: 0;\n\n    color: var(--bt-ink);\n\n    font-size: clamp(31px, 3.4vw, 47px);\n\n    line-height: 1.5;\n\n    letter-spacing: -.9px;\n\n    font-weight: 900;\n}\n\n\n.bt-it-final h2 span {\n    position: relative;\n    white-space: nowrap;\n}\n\n\n.bt-it-final h2 span::after {\n    content: \"\";\n\n    position: absolute;\n\n    right: 0;\n    left: 0;\n    bottom: 2px;\n\n    height: 7px;\n\n    border-radius: 10px;\n\n    background:\n        rgba(243,165,3,.2);\n\n    z-index: -1;\n}\n\n\n.bt-it-final__text {\n    max-width: 610px;\n\n    margin: 23px 0 0;\n\n    color: var(--bt-text);\n\n    font-size: 16px;\n\n    line-height: 2.05;\n}\n\n\n.bt-it-final__text strong {\n    color: var(--bt-ink);\n\n    font-weight: 780;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.bt-it-final__actions {\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n    margin-top: 31px;\n}\n\n\n.bt-it-final-btn {\n    min-height: 50px;\n\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    padding: 11px 22px;\n\n    border-radius: 11px;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n\n    font-weight: 780;\n\n    transition:\n        transform .2s ease,\n        background .2s ease,\n        border-color .2s ease,\n        box-shadow .2s ease;\n}\n\n\n.bt-it-final-btn:hover {\n    transform: translateY(-2px);\n}\n\n\n.bt-it-final-btn--primary {\n    color: #292929 !important;\n\n    background: var(--bt-orange);\n\n    border:\n        1px solid\n        var(--bt-orange);\n\n    box-shadow:\n        0 9px 23px\n        rgba(243,165,3,.2);\n}\n\n\n.bt-it-final-btn--primary:hover {\n    background: var(--bt-orange-hover);\n\n    border-color:\n        var(--bt-orange-hover);\n\n    box-shadow:\n        0 13px 30px\n        rgba(243,165,3,.27);\n}\n\n\n.bt-it-final-btn--secondary {\n    color: var(--bt-ink) !important;\n\n    background:\n        rgba(255,255,255,.78);\n\n    border:\n        1px solid\n        #ddd8cf;\n}\n\n\n.bt-it-final-btn--secondary:hover {\n    background: #fff;\n\n    border-color:\n        #cbc5ba;\n}\n\n\n.bt-it-final-btn svg {\n    width: 17px;\n    height: 17px;\n}\n\n\n\/* =========================================================\n   SMALL NOTE\n   ========================================================= *\/\n\n.bt-it-final__note {\n    display: flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    margin-top: 18px;\n\n    color: #898d92;\n\n    font-size: 11px;\n\n    line-height: 1.8;\n}\n\n\n.bt-it-final__note svg {\n    width: 14px;\n    height: 14px;\n\n    flex: 0 0 14px;\n\n    color: #a67509;\n}\n\n\n\/* =========================================================\n   VISUAL\n   ========================================================= *\/\n\n.bt-it-final__visual {\n    position: relative;\n    z-index: 3;\n\n    min-height: 280px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n}\n\n\n\/* =========================================================\n   CENTRAL BEHTIME NODE\n   ========================================================= *\/\n\n.bt-final-core {\n    position: relative;\n\n    width: 155px;\n    height: 155px;\n\n    display: flex;\n\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid\n        #ded9cf;\n\n    border-radius: 50%;\n\n    background: #fff;\n\n    box-shadow:\n        0 20px 45px\n        rgba(34,38,44,.10),\n        0 0 0 17px\n        rgba(243,165,3,.045);\n}\n\n\n.bt-final-core__logo {\n    width: 48px;\n    height: 48px;\n\n    display: grid;\n    place-items: center;\n\n    border-radius: 14px;\n\n    background: var(--bt-orange);\n\n    color: #292929;\n\n    font-size: 21px;\n\n    font-weight: 950;\n}\n\n\n.bt-final-core__name {\n    margin-top: 10px;\n\n    color: #34383d;\n\n    font-size: 14px;\n\n    font-weight: 900;\n}\n\n\n.bt-final-core__meta {\n    margin-top: 3px;\n\n    color: #969a9e;\n\n    font-size: 7px;\n}\n\n\n\/* =========================================================\n   ORBITS\n   ========================================================= *\/\n\n.bt-final-orbit {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    border-radius: 50%;\n\n    transform:\n        translate(-50%, -50%);\n\n    pointer-events: none;\n}\n\n\n.bt-final-orbit--1 {\n    width: 225px;\n    height: 225px;\n\n    border:\n        1px dashed\n        rgba(243,165,3,.28);\n}\n\n\n.bt-final-orbit--2 {\n    width: 290px;\n    height: 290px;\n\n    border:\n        1px solid\n        rgba(34,38,44,.06);\n}\n\n\n\/* =========================================================\n   TECH NODES\n   ========================================================= *\/\n\n.bt-final-tech {\n    position: absolute;\n\n    z-index: 4;\n\n    width: 42px;\n    height: 42px;\n\n    display: grid;\n    place-items: center;\n\n    border:\n        1px solid\n        #e4e0d7;\n\n    border-radius: 12px;\n\n    background: #fff;\n\n    color: #a77305;\n\n    box-shadow:\n        0 8px 20px\n        rgba(34,38,44,.06);\n}\n\n\n.bt-final-tech svg {\n    width: 19px;\n    height: 19px;\n}\n\n\n.bt-final-tech--code {\n    right: 18px;\n    top: 40px;\n}\n\n\n.bt-final-tech--project {\n    left: 13px;\n    top: 57px;\n}\n\n\n.bt-final-tech--time {\n    right: 34px;\n    bottom: 30px;\n}\n\n\n.bt-final-tech--ai {\n    left: 35px;\n    bottom: 25px;\n\n    background: var(--bt-orange-soft);\n\n    border-color:\n        rgba(243,165,3,.3);\n\n    font-size: 18px;\n\n    font-weight: 900;\n}\n\n\n\/* =========================================================\n   CONNECTION DOTS\n   ========================================================= *\/\n\n.bt-final-pulse {\n    position: absolute;\n\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--bt-orange);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(243,165,3,.10);\n}\n\n\n.bt-final-pulse--1 {\n    top: 28px;\n    left: 50%;\n}\n\n\n.bt-final-pulse--2 {\n    bottom: 22px;\n    right: 50%;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .bt-it-final__panel {\n        grid-template-columns: 1fr;\n\n        gap: 35px;\n\n        padding:\n            50px 48px;\n    }\n\n\n    .bt-it-final__content {\n        max-width: 720px;\n    }\n\n\n    .bt-it-final__visual {\n        width: min(350px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n\n@media (max-width: 650px) {\n\n    .bt-it-final {\n        padding:\n            65px 18px 78px;\n    }\n\n\n    .bt-it-final__panel {\n        padding:\n            38px 24px 40px;\n\n        border-radius: 21px;\n    }\n\n\n    .bt-it-final h2 {\n        font-size: 30px;\n    }\n\n\n    .bt-it-final__text {\n        font-size: 15.5px;\n    }\n\n\n    .bt-it-final__actions {\n        align-items: stretch;\n    }\n\n\n    .bt-it-final-btn {\n        width: 100%;\n    }\n\n\n    .bt-it-final__visual {\n        min-height: 250px;\n\n        transform: scale(.9);\n\n        margin-top: -10px;\n        margin-bottom: -15px;\n    }\n}\n\n\n@media (max-width: 420px) {\n\n    .bt-it-final__panel {\n        padding:\n            34px 19px 36px;\n    }\n\n\n    .bt-it-final__visual {\n        transform: scale(.82);\n\n        width: 310px;\n\n        margin-right: -12px;\n    }\n}\n<\/style>\n\n\n<section class=\"bt-it-final\">\n\n    <div class=\"bt-it-final__container\">\n\n        <div class=\"bt-it-final__panel\">\n\n\n            <!-- =================================================\n                 CONTENT\n            ================================================== -->\n\n            <div class=\"bt-it-final__content\">\n\n\n                <div class=\"bt-it-final__eyebrow\">\n                    \u0642\u062f\u0645 \u0628\u0639\u062f\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\n                <\/div>\n\n\n                <h2>\n                    \u062d\u0627\u0644\u0627 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0631\u0627 \u0631\u0648\u06cc\n                    <span>\u06a9\u0627\u0631 \u0648\u0627\u0642\u0639\u06cc \u062a\u06cc\u0645 \u062e\u0648\u062f\u062a\u0627\u0646<\/span>\n                    \u0628\u0628\u06cc\u0646\u06cc\u062f\n                <\/h2>\n\n\n                <p class=\"bt-it-final__text\">\n\n                    \u0644\u0627\u0632\u0645 \u0646\u06cc\u0633\u062a \u0628\u0631\u0627\u06cc \u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc\u060c\n                    \u0647\u0645\u0647 \u0641\u0631\u0627\u06cc\u0646\u062f\u0647\u0627\u06cc \u0634\u0631\u06a9\u062a \u0631\u0627 \u0627\u0632 \u0631\u0648\u0632 \u0627\u0648\u0644 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.\n\n                    \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0642\u0639\u06cc\u060c \u0686\u0646\u062f \u0639\u0636\u0648 \u062a\u06cc\u0645\n                    \u0648 \u0628\u062e\u0634\u06cc \u0627\u0632 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062c\u0627\u0631\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f\n                    \u0648 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0622\u06cc\u0627 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f\n                    <strong>\n                        \u062a\u0635\u0648\u06cc\u0631 \u0631\u0648\u0634\u0646\u200c\u062a\u0631\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u060c \u0632\u0645\u0627\u0646\u060c\n                        \u0638\u0631\u0641\u06cc\u062a \u0648 \u0647\u0632\u06cc\u0646\u0647 \u062a\u06cc\u0645\n                    <\/strong>\n                    \u062f\u0631 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u062f\u0647\u062f.\n\n                <\/p>\n\n\n                <!-- Actions -->\n\n                <div class=\"bt-it-final__actions\">\n\n\n                    <a\n                        class=\"\n                            bt-it-final-btn\n                            bt-it-final-btn--primary\n                        \"\n                        href=\"https:\/\/panel.behtime.ir\/Account\/Register\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                    >\n\n                        \u0631\u0627\u06cc\u06af\u0627\u0646 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"2\"\n                        >\n                            <path d=\"M19 12H5\"\/>\n                            <path d=\"M10 17l-5-5 5-5\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n\n                    <a\n                        class=\"\n                            bt-it-final-btn\n                            bt-it-final-btn--secondary\n                        \"\n                        href=\"https:\/\/wa.me\/989028010697\"\n                        target=\"_blank\"\n                        rel=\"noopener\"\n                    >\n\n                        \u06af\u0641\u062a\u06af\u0648 \u0628\u0627 \u0645\u0634\u0627\u0648\u0631\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            stroke-width=\"1.8\"\n                        >\n                            <path\n                                d=\"M5 6h14v10H9l-4 4V6z\"\n                            \/>\n\n                            <path d=\"M9 10h6\"\/>\n                            <path d=\"M9 13h4\"\/>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n\n                <!-- Note -->\n\n                <div class=\"bt-it-final__note\">\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    >\n                        <circle\n                            cx=\"12\"\n                            cy=\"12\"\n                            r=\"8\"\n                        \/>\n\n                        <path d=\"M8.5 12l2.3 2.3 4.8-5\"\/>\n                    <\/svg>\n\n                    \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u06cc\u06a9 \u062a\u06cc\u0645 \u06a9\u0648\u0686\u06a9 \u0648 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0648\u0627\u0642\u0639\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f.\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- =================================================\n                 VISUAL\n            ================================================== -->\n\n            <div\n                class=\"bt-it-final__visual\"\n                aria-hidden=\"true\"\n            >\n\n\n                <!-- Orbits -->\n\n                <div\n                    class=\"\n                        bt-final-orbit\n                        bt-final-orbit--1\n                    \">\n                <\/div>\n\n\n                <div\n                    class=\"\n                        bt-final-orbit\n                        bt-final-orbit--2\n                    \">\n                <\/div>\n\n\n                <!-- Central Behtime -->\n\n                <div class=\"bt-final-core\">\n\n                    <div class=\"bt-final-core__logo\">\n                        \u0628\n                    <\/div>\n\n                    <div class=\"bt-final-core__name\">\n                        \u0628\u0647\u062a\u0627\u06cc\u0645\n                    <\/div>\n\n                    <div class=\"bt-final-core__meta\">\n                        \u067e\u0631\u0648\u0698\u0647 \u00d7 \u062a\u06cc\u0645 \u00d7 \u0632\u0645\u0627\u0646\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- Code -->\n\n                <div\n                    class=\"\n                        bt-final-tech\n                        bt-final-tech--code\n                    \"\n                >\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    >\n                        <path d=\"M8 8l-4 4 4 4\"\/>\n                        <path d=\"M16 8l4 4-4 4\"\/>\n                        <path d=\"M14 5l-4 14\"\/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <!-- Project -->\n\n                <div\n                    class=\"\n                        bt-final-tech\n                        bt-final-tech--project\n                    \"\n                >\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    >\n                        <rect\n                            x=\"4\"\n                            y=\"5\"\n                            width=\"16\"\n                            height=\"14\"\n                            rx=\"2\"\n                        \/>\n\n                        <path d=\"M8 5V3\"\/>\n                        <path d=\"M16 5V3\"\/>\n                        <path d=\"M4 10h16\"\/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <!-- Time -->\n\n                <div\n                    class=\"\n                        bt-final-tech\n                        bt-final-tech--time\n                    \"\n                >\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        stroke-width=\"1.8\"\n                    >\n                        <circle\n                            cx=\"12\"\n                            cy=\"12\"\n                            r=\"8\"\n                        \/>\n\n                        <path d=\"M12 8v5l3 2\"\/>\n                    <\/svg>\n\n                <\/div>\n\n\n                <!-- AI -->\n\n                <div\n                    class=\"\n                        bt-final-tech\n                        bt-final-tech--ai\n                    \"\n                >\n                    \u2726\n                <\/div>\n\n\n                <!-- pulses -->\n\n                <span\n                    class=\"\n                        bt-final-pulse\n                        bt-final-pulse--1\n                    \">\n                <\/span>\n\n                <span\n                    class=\"\n                        bt-final-pulse\n                        bt-final-pulse--2\n                    \">\n                <\/span>\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 ghostkit-custom-Zq6N6l 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<h3 class=\"wp-block-heading has-text-align-center alignfull ghostkit-custom-2fh0xP has-nv-text-dark-bg-color has-text-color\" id=\"h-\u0628\u0647\u062a\u0627\u06cc\u0645\" style=\"font-size:18px\"><strong>\u0628\u0647\u062a\u0627\u06cc\u0645<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center ghostkit-custom-ZU9b9I has-nv-text-dark-bg-color has-text-color wp-block-paragraph\" style=\"font-size:15px\"><a href=\"https:\/\/behtime.net\/main\/plans-and-pricing\">\u0642\u06cc\u0645\u062a\u200c\u0647\u0627<\/a><br><a href=\"https:\/\/behtime.net\/main\/mag\/\">\u0648\u0628\u0644\u0627\u06af<\/a><br><a href=\"https:\/\/behtime.net\/main\/category\/behtime-news\/\">\u0627\u062e\u0628\u0627\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645<\/a><br><a href=\"https:\/\/behtime.net\/main\/knowledge-base-2\/\">\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u06cc<\/a><br><a href=\"https:\/\/behtime.net\/main\/faq\/\">\u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0645\u062a\u062f\u0627\u0648\u0644<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center ghostkit-custom-Z2jGdew has-nv-text-dark-bg-color has-text-color\" id=\"h-\u062f\u0631\u0628\u0627\u0631\u0647-\u0645\u0627\" style=\"font-size:18px\"><strong>\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center ghostkit-custom-UcFt5 wp-block-paragraph\" style=\"font-size:15px\"><a href=\"https:\/\/behtime.net\/main\/who-we-are\/\">\u0645\u0627 \u06a9\u0647 \u0647\u0633\u062a\u06cc\u0645<\/a><br><a href=\"https:\/\/behsad.com\/\">\u0634\u0631\u06a9\u062a \u0628\u0647\u0633\u0627\u062f<\/a><br><a href=\"https:\/\/behtime.net\/main\/behtime-customers\/\">\u0645\u0634\u062a\u0631\u06cc\u0627\u0646 \u0645\u0627<\/a><br><a href=\"https:\/\/panel.behtime.ir\/Home\/ContactUs\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a><br><a href=\"https:\/\/behtime.net\/main\/terms\/\">\u0642\u0648\u0627\u0646\u06cc\u0646 \u0648 \u0645\u0642\u0631\u0631\u0627\u062a<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading has-text-align-center ghostkit-custom-1Nb9MU has-nv-text-dark-bg-color has-text-color\" id=\"h-\u06a9\u0627\u0631\u06a9\u0631\u062f-\u0628\u0647\u062a\u0627\u06cc\u0645-\u062f\u0631-\u06a9\u0633\u0628-\u0648-\u06a9\u0627\u0631\u0647\u0627\" style=\"font-size:18px\"><strong>\u06a9\u0627\u0631\u06a9\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u06a9\u0633\u0628 \u0648 \u06a9\u0627\u0631\u0647\u0627<\/strong><\/h3>\n\n\n\n<p class=\"has-text-align-center ghostkit-custom-Z2qIFee wp-block-paragraph\" style=\"font-size:15px\"><a href=\"https:\/\/behtime.net\/main\/behtime-and-engineering-offices\/\">\u0634\u0631\u06a9\u062a\u200c\u0647\u0627 \u0648 \u062f\u0641\u0627\u062a\u0631 \u0641\u0646\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc<\/a><br><a href=\"https:\/\/behtime.net\/main\/behtime-and-it-company\/\">\u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a<\/a><br><a href=\"https:\/\/behtime.net\/main\/behtime-for-freelancers\/\">\u0641\u0631\u06cc\u0644\u0646\u0633\u0631\u0647\u0627<\/a><br><a href=\"https:\/\/behtime.net\/main\/task-management-software\/\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0638\u0627\u06cc\u0641 \u0628\u0627 \u0628\u0647\u062a\u0627\u06cc\u0645<\/a><br><a href=\"https:\/\/behtime.net\/main\/knowledge-base\/behtime-challenges\/\">\u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631 \u0628\u0627 \u0628\u0647\u062a\u0627\u06cc\u0645<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center ghostkit-custom-29Gvkj is-layout-flow wp-block-column-is-layout-flow\">\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<a referrerpolicy=\"origin\" target=\"_blank\" href=\"https:\/\/trustseal.enamad.ir\/?id=83848&amp;Code=tIXd4hoxoAx22a4eCbGD\" rel=\"noopener\"><img decoding=\"async\" referrerpolicy=\"origin\" src=\" https:\/\/behtime.net\/main\/wp-content\/uploads\/2024\/01\/enamad.png \" alt=\"\u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\" style=\"cursor:pointer;max-width: 120px;\" id=\"tIXd4hoxoAx22a4eCbGD\"><\/a>\n\n\n\n<p class=\"has-text-align-center ghostkit-custom-Z2wvO0Q wp-block-paragraph\" style=\"font-size:15px\"><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>const project = { &nbsp;&nbsp;status: &#8220;active&#8221;, &nbsp;&nbsp;progress: 68, &nbsp;&nbsp;team: &#8220;dev&#8221; }; API \/ v2 { } \u0631\u0627\u0647\u06a9\u0627\u0631 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0642\u062a\u06cc \u062a\u0648\u0633\u0639\u0647 \u0645\u062d\u0635\u0648\u0644\u060c \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06cc\u060c \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0647\u0645\u200c\u0632\u0645\u0627\u0646 \u0631\u0648\u06cc \u06cc\u06a9 \u062a\u06cc\u0645 \u067e\u06cc\u0634 \u0645\u06cc\u200c\u0631\u0648\u0646\u062f\u060c \u062f\u0627\u0646\u0633\u062a\u0646 \u0627\u06cc\u0646\u06a9\u0647 \u00ab\u0686\u0647 \u06a9\u0627\u0631\u06cc \u062f\u0633\u062a \u0686\u0647 \u06a9\u0633\u06cc \u0627\u0633\u062a\u00bb \u062f\u06cc\u06af\u0631 \u06a9\u0627\u0641\u06cc&hellip;&nbsp;<a href=\"https:\/\/behtime.net\/main\/behtime-and-it-company\/\" rel=\"bookmark\">\u0627\u062f\u0627\u0645\u0647 &raquo;<span class=\"screen-reader-text\">\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":65804,"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","footnotes":""},"class_list":["post-38654","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.9 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u06a9\u0627\u0631\u0628\u0631\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a | \u0628\u0647\u062a\u0627\u06cc\u0645<\/title>\n<meta name=\"description\" content=\"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/behtime.net\/main\/behtime-and-it-company\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\" \/>\n<meta property=\"og:description\" content=\"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/behtime.net\/main\/behtime-and-it-company\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0648 \u062a\u0627\u06cc\u0645 \u0634\u06cc\u062a \u0628\u0647\u062a\u0627\u06cc\u0645\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fb.com\/behtime\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T10:20:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/behtime.net\/main\/wp-content\/uploads\/2026\/08\/BTforIT.avif\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@behtime\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/\",\"url\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/\",\"name\":\"\u06a9\u0627\u0631\u0628\u0631\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a | \u0628\u0647\u062a\u0627\u06cc\u0645\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/behtime.net\\\/main\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/BTforIT.avif\",\"datePublished\":\"2022-05-16T10:41:03+00:00\",\"dateModified\":\"2026-08-19T10:20:31+00:00\",\"description\":\"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/#primaryimage\",\"url\":\"https:\\\/\\\/behtime.net\\\/main\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/BTforIT.avif\",\"contentUrl\":\"https:\\\/\\\/behtime.net\\\/main\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/BTforIT.avif\",\"width\":1200,\"height\":800,\"caption\":\"\u0628\u0640\u0647\u062a\u0640\u0627\u06cc\u0640\u0645 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/behtime-and-it-company\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/behtime.net\\\/main\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#website\",\"url\":\"https:\\\/\\\/behtime.net\\\/main\\\/\",\"name\":\"\u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0648 \u062a\u0627\u06cc\u0645 \u0634\u06cc\u062a \u0628\u0647\u062a\u0627\u06cc\u0645\",\"description\":\"\u0628\u0647\u062a\u0627\u06cc\u0645 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0645\u062c\u0647\u0632 \u0628\u0647 \u06af\u0627\u0646\u062a \u0686\u0627\u0631\u062a\u060c \u0645\u0633\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc \u0648 ...\",\"publisher\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/behtime.net\\\/main\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#organization\",\"name\":\"\u0628\u0647\u062a\u0627\u06cc\u0645\",\"url\":\"https:\\\/\\\/behtime.net\\\/main\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/behtime.net\\\/main\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/behtime.net\\\/main\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo.png\",\"width\":256,\"height\":228,\"caption\":\"\u0628\u0647\u062a\u0627\u06cc\u0645\"},\"image\":{\"@id\":\"https:\\\/\\\/behtime.net\\\/main\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/fb.com\\\/behtime\",\"https:\\\/\\\/x.com\\\/behtime\",\"https:\\\/\\\/www.instagram.com\\\/behtime.ir\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/groups\\\/8726247\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u06a9\u0627\u0631\u0628\u0631\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a | \u0628\u0647\u062a\u0627\u06cc\u0645","description":"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/behtime.net\/main\/behtime-and-it-company\/","og_locale":"fa_IR","og_type":"article","og_title":"\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a","og_description":"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.","og_url":"https:\/\/behtime.net\/main\/behtime-and-it-company\/","og_site_name":"\u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0648 \u062a\u0627\u06cc\u0645 \u0634\u06cc\u062a \u0628\u0647\u062a\u0627\u06cc\u0645","article_publisher":"https:\/\/fb.com\/behtime","article_modified_time":"2026-08-19T10:20:31+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2026\/08\/BTforIT.avif","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@behtime","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/","url":"https:\/\/behtime.net\/main\/behtime-and-it-company\/","name":"\u06a9\u0627\u0631\u0628\u0631\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a | \u0628\u0647\u062a\u0627\u06cc\u0645","isPartOf":{"@id":"https:\/\/behtime.net\/main\/#website"},"primaryImageOfPage":{"@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/#primaryimage"},"image":{"@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/#primaryimage"},"thumbnailUrl":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2026\/08\/BTforIT.avif","datePublished":"2022-05-16T10:41:03+00:00","dateModified":"2026-08-19T10:20:31+00:00","description":"\u062f\u0631 \u0627\u06cc\u0646 \u0635\u0641\u062d\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u0645\u0627\u0646\u0647 \u0628\u0647\u062a\u0627\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0628\u0647 \u062d\u0644 \u0686\u0627\u0644\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634 \u0631\u0648\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0627 \u06a9\u0627\u0631\u0634\u0646\u0627\u0633\u0627\u0646 \u0645\u0627 \u0645\u0634\u0648\u0631\u062a \u06a9\u0646\u06cc\u062f.","breadcrumb":{"@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/behtime.net\/main\/behtime-and-it-company\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/#primaryimage","url":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2026\/08\/BTforIT.avif","contentUrl":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2026\/08\/BTforIT.avif","width":1200,"height":800,"caption":"\u0628\u0640\u0647\u062a\u0640\u0627\u06cc\u0640\u0645 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0628\u0631\u0627\u06cc \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a"},{"@type":"BreadcrumbList","@id":"https:\/\/behtime.net\/main\/behtime-and-it-company\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/behtime.net\/main\/"},{"@type":"ListItem","position":2,"name":"\u06a9\u0627\u0631\u0628\u0631\u062f \u0628\u0647\u062a\u0627\u06cc\u0645 \u062f\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0631\u06a9\u062a \u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a"}]},{"@type":"WebSite","@id":"https:\/\/behtime.net\/main\/#website","url":"https:\/\/behtime.net\/main\/","name":"\u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0622\u0646\u0644\u0627\u06cc\u0646 \u0648 \u062a\u0627\u06cc\u0645 \u0634\u06cc\u062a \u0628\u0647\u062a\u0627\u06cc\u0645","description":"\u0628\u0647\u062a\u0627\u06cc\u0645 \u0646\u0631\u0645 \u0627\u0641\u0632\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0631\u0648\u0698\u0647 \u0645\u062c\u0647\u0632 \u0628\u0647 \u06af\u0627\u0646\u062a \u0686\u0627\u0631\u062a\u060c \u0645\u0633\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc \u0648 ...","publisher":{"@id":"https:\/\/behtime.net\/main\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/behtime.net\/main\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":"Organization","@id":"https:\/\/behtime.net\/main\/#organization","name":"\u0628\u0647\u062a\u0627\u06cc\u0645","url":"https:\/\/behtime.net\/main\/","logo":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/behtime.net\/main\/#\/schema\/logo\/image\/","url":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2018\/04\/logo.png","contentUrl":"https:\/\/behtime.net\/main\/wp-content\/uploads\/2018\/04\/logo.png","width":256,"height":228,"caption":"\u0628\u0647\u062a\u0627\u06cc\u0645"},"image":{"@id":"https:\/\/behtime.net\/main\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fb.com\/behtime","https:\/\/x.com\/behtime","https:\/\/www.instagram.com\/behtime.ir\/","https:\/\/www.linkedin.com\/groups\/8726247\/"]}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/pages\/38654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/comments?post=38654"}],"version-history":[{"count":23,"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/pages\/38654\/revisions"}],"predecessor-version":[{"id":65807,"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/pages\/38654\/revisions\/65807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/media\/65804"}],"wp:attachment":[{"href":"https:\/\/behtime.net\/main\/wp-json\/wp\/v2\/media?parent=38654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}