{"id":32859,"date":"2026-09-11T09:59:03","date_gmt":"2026-09-11T13:59:03","guid":{"rendered":"https:\/\/eng-cafe.net\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2026-09-11T11:44:44","modified_gmt":"2026-09-11T15:44:44","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/eng-cafe.net\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32859\" class=\"elementor elementor-32859 elementor-32784\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab0948 e-con-full e-flex e-con e-parent\" data-id=\"7ab0948\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c87677e elementor-widget elementor-widget-html\" data-id=\"c87677e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-hero-v2\">\n    \n\n    <div class=\"engc-hero-v2-noise\"><\/div>\n\n    <div class=\"engc-hero-v2-orbit engc-orbit-a\"><\/div>\n    <div class=\"engc-hero-v2-orbit engc-orbit-b\"><\/div>\n\n    <div class=\"engc-hero-v2-wrap\">\n\n        <div class=\"engc-hero-v2-copy\">\n\n            <div class=\"engc-hero-v2-badge\">\n                <span class=\"engc-live-dot\"><\/span>\n \u0627\u0644\u0645\u0642\u0647\u0649 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\n            <\/div>\n\n            <h1>\n \u062d\u064a\u062b \u064a\u0644\u062a\u0642\u064a \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0644\u0644\u062a\u0648\u0627\u0635\u0644, \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0646\u0645\u0648\n            <\/h1>\n\n            <p class=\"engc-hero-v2-lead\">\n \u0645\u0642\u0647\u0649 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 Eng-Caf\u00e9 \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0641\u0631\u0635 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0645\u062c\u062a\u0645\u0639 \u0645\u0647\u0646\u064a \u0648\u0627\u062d\u062f.\n1\/2\n            <\/p>\n\n            <div class=\"engc-hero-v2-actions\">\n\n                 <a href=\"https:\/\/eng-cafe.net\/ar\/%d8%b3%d8%ac%d9%91%d9%84\/\" class=\"engc-hero-v2-btn engc-primary\">\n\u0627\u0646\u0636\u0645 \u0627\u0644\u0623\u0646\n<span>\u2192<\/span>\n<\/a>\n\n<a href=\"https:\/\/eng-cafe.net\/ar\/%d8%a3%d8%ae%d8%b1-%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1\/\" class=\"engc-hero-v2-btn engc-secondary\">\n\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0641\u0631\u0635\n<br \/><\/a> \n\n            <\/div>\n\n            <div class=\"engc-hero-v2-meta\">\n                \u0641\u0631\u0635 \u0627\u0644\u0639\u0645\u0644\n<span>\u0627\u0644\u062a\u0639\u0644\u0645<\/span>\n<i><\/i>\n\u0634\u0628\u0643\u0629 \u0645\u0647\u0646\u064a\u0629\n<i><\/i>\n\u0627\u0644\u062a\u0639\u0627\u0648\u0646\n            <\/div>\n\n        <\/div>\n\n        <div class=\"engc-hero-v2-visual\">\n\n            <div class=\"engc-blueprint\">\n\n                <div class=\"engc-blueprint-grid\"><\/div>\n\n                <div class=\"engc-blueprint-top\">\n                    <span>ENG-CAF\u00c9 \u0634\u0628\u0643\u0629 \u0627\u0644\u0645\u0642\u0647\u0649 \u0627\u0644\u0647\u0646\u062f\u0633\u064a<\/span>\n<span>01 \/ \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/span>\n                <\/div>\n\n                <div class=\"engc-network-map\">\n\n                    <div class=\"engc-network-line line-1\"><\/div>\n                    <div class=\"engc-network-line line-2\"><\/div>\n                    <div class=\"engc-network-line line-3\"><\/div>\n                    <div class=\"engc-network-line line-4\"><\/div>\n                    <div class=\"engc-network-line line-5\"><\/div>\n\n                    <div class=\"engc-network-center\">\n                        <span>ENG<\/span>\n<strong>CAF\u00c9<\/strong>\n                    <\/div>\n\n                    <div class=\"engc-map-node node-civil\">\n                        <span><\/span>\n \u0627\u0644\u0639\u0645\u0627\u0631\u0629\n                    <\/div>\n\n                    <div class=\"engc-map-node node-energy\">\n                        <span><\/span>\n \u0627\u0644\u0637\u0627\u0642\u0629\n                    <\/div>\n\n                    <div class=\"engc-map-node node-tech\">\n                        <span><\/span>\n \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\n                    <\/div>\n\n                    <div class=\"engc-map-node node-architecture\">\n                        <span><\/span>\n \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629\n                    <\/div>\n\n                    <div class=\"engc-map-node node-electrical\">\n                        <span><\/span>\n \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\n                    <\/div>\n\n                <\/div>\n\n                <div class=\"engc-blueprint-bottom\">\n\n                    <div>\n                        <small>COMMUNITY<\/small>\n<strong>Engineers<\/strong>\n                    <\/div>\n\n                    <div>\n                        <small>\u0627\u0643\u062a\u0634\u0641<\/small>\n                        <strong>\u0627\u0644\u0641\u0631\u0635<\/strong>\n                    <\/div>\n\n                    <div>\n                        <small>\u062a\u0628\u0627\u062f\u0644<\/small>\n                        <strong>\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/strong>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"engc-floating-card engc-floating-job\">\n                <div class=\"engc-floating-icon\">\u2197<\/div>\n                <div>\n                    <small>\u0627\u0644\u0641\u0631\u0635<\/small>\n                    <strong>\u0627\u0639\u062b\u0631 \u0639\u0644\u0649 \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629<\/strong>\n                <\/div>\n            <\/div>\n\n            <div class=\"engc-floating-card engc-floating-spark\">\n                <div class=\"engc-floating-icon\">\u26a1<\/div>\n                <div>\n                    <small>\u0648\u0645\u0636\u0629 \u0647\u0646\u062f\u0633\u064a\u0629<\/small>\n                    <strong>\u0623\u0641\u0643\u0627\u0631 \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629<\/strong>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <div class=\"engc-hero-v2-bottom\">\n        <span>\u0645\u0631\u0631 \u0644\u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641<\/span>\n        <div class=\"engc-scroll-line\">\n            <i><\/i>\n        <\/div>\n    <\/div>\n\n<\/section>\n<style>\n\n#engc-hero-v2 {\n    --ink: #18252B;\n    --slate: #61727A;\n    --teal: #168C82;\n    --teal-light: #DDF2EF;\n    --blue: #427C96;\n    --blue-light: #E8F1F5;\n    --orange: #E99A35;\n    --canvas: #F7F7F2;\n    --white: #FFFFFF;\n    --border: #D9E2E1;\n\n    position: relative;\n    width: 100%;\n    min-height: 780px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    background:\n        linear-gradient(\n            rgba(24,37,43,.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(24,37,43,.035) 1px,\n            transparent 1px\n        ),\n        var(--canvas);\n\n    background-size: 48px 48px;\n\n    color: var(--ink);\n\n    font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#engc-hero-v2 * {\n    box-sizing: border-box;\n}\n\n\n\/* ----------------------------------------\n   BACKGROUND CANVAS\n---------------------------------------- *\/\n\n#engc-hero-v2-network {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    opacity: .55;\n}\n\n\n\/* ----------------------------------------\n   SUBTLE PAPER TEXTURE\n---------------------------------------- *\/\n\n.engc-hero-v2-noise {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n\n    background-image:\n        radial-gradient(\n            rgba(24,37,43,.04) .6px,\n            transparent .6px\n        );\n\n    background-size: 6px 6px;\n    opacity: .38;\n}\n\n\n\/* ----------------------------------------\n   DECORATIVE RINGS\n---------------------------------------- *\/\n\n.engc-hero-v2-orbit {\n    position: absolute;\n    border-radius: 50%;\n    border: 1px solid rgba(22,140,130,.11);\n    pointer-events: none;\n}\n\n.engc-orbit-a {\n    width: 500px;\n    height: 500px;\n    left: -250px;\n    top: 50px;\n}\n\n.engc-orbit-b {\n    width: 650px;\n    height: 650px;\n    right: -330px;\n    bottom: -250px;\n}\n\n\n\/* ----------------------------------------\n   MAIN LAYOUT\n---------------------------------------- *\/\n\n.engc-hero-v2-wrap {\n    position: relative;\n    z-index: 5;\n\n    width: min(1220px, 92%);\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 1.04fr .96fr;\n\n    gap: 80px;\n    align-items: center;\n\n    padding: 110px 0 120px;\n}\n\n\n\/* ----------------------------------------\n   LEFT COPY\n---------------------------------------- *\/\n\n.engc-hero-v2-copy {\n    max-width: 690px;\n}\n\n.engc-hero-v2-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    padding: 8px 14px;\n\n    border: 1px solid rgba(22,140,130,.22);\n    border-radius: 100px;\n\n    background: rgba(255,255,255,.66);\n    backdrop-filter: blur(8px);\n\n    color: var(--teal);\n\n    text-transform: uppercase;\n    letter-spacing: .1em;\n\n    font-size: 11px;\n    font-weight: 800;\n\n    margin-bottom: 28px;\n}\n\n.engc-live-dot {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--teal);\n\n    box-shadow:\n        0 0 0 5px rgba(22,140,130,.09),\n        0 0 14px rgba(22,140,130,.28);\n\n    animation: engcPulse 2.2s infinite;\n}\n\n@keyframes engcPulse {\n\n    0%,\n    100% {\n        transform: scale(1);\n        opacity: 1;\n    }\n\n    50% {\n        transform: scale(.76);\n        opacity: .58;\n    }\n\n}\n\n\n.engc-hero-v2-copy h1 {\n    margin: 0;\n\n    max-width: 720px;\n\n    font-size: clamp(48px, 6.3vw, 82px);\n\n    line-height: .99;\n\n    letter-spacing: -.057em;\n\n    font-weight: 760;\n\n    color: var(--ink);\n}\n\n.engc-hero-v2-copy h1 span {\n    display: block;\n    color: var(--teal);\n}\n\n\n.engc-hero-v2-lead {\n    max-width: 620px;\n\n    margin: 30px 0 0;\n\n    color: var(--slate);\n\n    font-size: clamp(17px, 1.6vw, 20px);\n\n    line-height: 1.72;\n}\n\n\n\/* ----------------------------------------\n   BUTTONS\n---------------------------------------- *\/\n\n.engc-hero-v2-actions {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n    margin-top: 38px;\n}\n\n.engc-hero-v2-btn {\n    min-height: 55px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 15px;\n\n    padding: 0 24px;\n\n    border-radius: 10px;\n\n    text-decoration: none !important;\n\n    font-size: 14px;\n    font-weight: 800;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease,\n        border .25s ease;\n}\n\n\n.engc-primary {\n    background: var(--teal);\n    color: #FFFFFF !important;\n\n    box-shadow:\n        0 10px 30px rgba(22,140,130,.14);\n}\n\n.engc-primary:hover {\n    background: #11796F;\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 18px 42px rgba(22,140,130,.22);\n}\n\n.engc-primary span {\n    transition: transform .25s ease;\n}\n\n.engc-primary:hover span {\n    transform: translateX(5px);\n}\n\n\n.engc-secondary {\n    background: rgba(255,255,255,.75);\n\n    border: 1px solid var(--border);\n\n    color: var(--ink) !important;\n\n    backdrop-filter: blur(7px);\n}\n\n.engc-secondary:hover {\n    transform: translateY(-3px);\n\n    background: #FFFFFF;\n\n    border-color: #BECBC9;\n\n    box-shadow:\n        0 15px 38px rgba(24,37,43,.07);\n}\n\n\n\/* ----------------------------------------\n   META\n---------------------------------------- *\/\n\n.engc-hero-v2-meta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-top: 43px;\n\n    color: #7A898F;\n\n    font-size: 12px;\n    font-weight: 650;\n}\n\n.engc-hero-v2-meta i {\n    width: 4px;\n    height: 4px;\n\n    border-radius: 50%;\n\n    background: var(--orange);\n}\n\n\n\/* ----------------------------------------\n   RIGHT VISUAL\n---------------------------------------- *\/\n\n.engc-hero-v2-visual {\n    position: relative;\n\n    min-height: 545px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\n\/* ----------------------------------------\n   BLUEPRINT PANEL\n---------------------------------------- *\/\n\n.engc-blueprint {\n    position: relative;\n\n    width: min(530px, 100%);\n    height: 480px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(66,124,150,.24);\n\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            rgba(66,124,150,.075) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(66,124,150,.075) 1px,\n            transparent 1px\n        ),\n        rgba(255,255,255,.72);\n\n    background-size: 28px 28px;\n\n    box-shadow:\n        0 32px 80px rgba(24,37,43,.09);\n\n    backdrop-filter: blur(14px);\n}\n\n.engc-blueprint-grid {\n    position: absolute;\n    inset: 0;\n\n    background:\n        radial-gradient(\n            circle at 50% 48%,\n            rgba(22,140,130,.10),\n            transparent 36%\n        );\n}\n\n\n\/* ----------------------------------------\n   BLUEPRINT HEADER\n---------------------------------------- *\/\n\n.engc-blueprint-top {\n    position: absolute;\n\n    left: 22px;\n    right: 22px;\n    top: 20px;\n\n    display: flex;\n    justify-content: space-between;\n\n    padding-bottom: 13px;\n\n    border-bottom:\n        1px solid rgba(24,37,43,.1);\n\n    font-size: 9px;\n    font-weight: 800;\n\n    letter-spacing: .12em;\n\n    color: #799099;\n}\n\n\n\/* ----------------------------------------\n   NETWORK MAP\n---------------------------------------- *\/\n\n.engc-network-map {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    top: 55px;\n    bottom: 100px;\n}\n\n\n\/* ----------------------------------------\n   CENTRAL NODE\n---------------------------------------- *\/\n\n.engc-network-center {\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    transform: translate(-50%, -50%);\n\n    width: 130px;\n    height: 130px;\n\n    border-radius: 50%;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    background: var(--teal);\n\n    color: white;\n\n    border:\n        9px solid rgba(221,242,239,.72);\n\n    box-shadow:\n        0 10px 40px rgba(22,140,130,.23);\n\n    z-index: 5;\n}\n\n.engc-network-center span {\n    font-size: 10px;\n    letter-spacing: .15em;\n    font-weight: 700;\n\n    opacity: .72;\n}\n\n.engc-network-center strong {\n    margin-top: 2px;\n\n    font-size: 29px;\n\n    letter-spacing: -.05em;\n}\n\n\n\/* ----------------------------------------\n   CONNECTION LINES\n---------------------------------------- *\/\n\n.engc-network-line {\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(22,140,130,.12),\n            rgba(22,140,130,.48)\n        );\n\n    transform-origin: left center;\n\n    z-index: 1;\n}\n\n.line-1 {\n    width: 145px;\n    transform: rotate(-154deg);\n}\n\n.line-2 {\n    width: 170px;\n    transform: rotate(-32deg);\n}\n\n.line-3 {\n    width: 160px;\n    transform: rotate(25deg);\n}\n\n.line-4 {\n    width: 150px;\n    transform: rotate(150deg);\n}\n\n.line-5 {\n    width: 174px;\n    transform: rotate(86deg);\n}\n\n\n\/* ----------------------------------------\n   DISCIPLINE NODES\n---------------------------------------- *\/\n\n.engc-map-node {\n    position: absolute;\n\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    padding: 8px 10px;\n\n    background: rgba(255,255,255,.88);\n\n    border: 1px solid #D8E2E1;\n\n    border-radius: 7px;\n\n    color: #52656E;\n\n    font-size: 10px;\n    font-weight: 750;\n\n    box-shadow:\n        0 7px 20px rgba(24,37,43,.05);\n\n    z-index: 4;\n}\n\n.engc-map-node span {\n    width: 7px;\n    height: 7px;\n\n    border-radius: 50%;\n\n    background: var(--teal);\n\n    box-shadow:\n        0 0 0 4px rgba(22,140,130,.09);\n}\n\n\n.node-civil {\n    left: 40px;\n    top: 65px;\n}\n\n.node-energy {\n    right: 29px;\n    top: 75px;\n}\n\n.node-tech {\n    right: 18px;\n    bottom: 42px;\n}\n\n.node-architecture {\n    left: 25px;\n    bottom: 45px;\n}\n\n.node-electrical {\n    left: 50%;\n    bottom: 3px;\n\n    transform: translateX(-50%);\n}\n\n\n\/* ----------------------------------------\n   BLUEPRINT STATS\n---------------------------------------- *\/\n\n.engc-blueprint-bottom {\n    position: absolute;\n\n    left: 22px;\n    right: 22px;\n    bottom: 20px;\n\n    height: 62px;\n\n    border-top:\n        1px solid rgba(24,37,43,.1);\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 15px;\n\n    padding-top: 15px;\n}\n\n.engc-blueprint-bottom div {\n    display: flex;\n    flex-direction: column;\n\n    gap: 3px;\n}\n\n.engc-blueprint-bottom small {\n    font-size: 8px;\n    letter-spacing: .09em;\n\n    color: #8A9BA2;\n}\n\n.engc-blueprint-bottom strong {\n    color: var(--ink);\n\n    font-size: 11px;\n    font-weight: 750;\n}\n\n\n\/* ----------------------------------------\n   FLOATING CARDS\n---------------------------------------- *\/\n\n.engc-floating-card {\n    position: absolute;\n\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    padding: 12px 15px;\n\n    border-radius: 11px;\n\n    background: rgba(255,255,255,.92);\n\n    border: 1px solid var(--border);\n\n    box-shadow:\n        0 18px 45px rgba(24,37,43,.10);\n\n    backdrop-filter: blur(10px);\n\n    animation: engcFloat 5.2s ease-in-out infinite;\n}\n\n.engc-floating-icon {\n    width: 34px;\n    height: 34px;\n\n    border-radius: 9px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background: var(--teal-light);\n\n    color: var(--teal);\n\n    font-size: 17px;\n    font-weight: 900;\n}\n\n.engc-floating-card small {\n    display: block;\n\n    margin-bottom: 2px;\n\n    color: #91A0A5;\n\n    font-size: 7px;\n    font-weight: 850;\n\n    letter-spacing: .11em;\n}\n\n.engc-floating-card strong {\n    color: var(--ink);\n\n    font-size: 10px;\n}\n\n.engc-floating-job {\n    left: -35px;\n    top: 95px;\n}\n\n.engc-floating-spark {\n    right: -35px;\n    bottom: 85px;\n\n    animation-delay: -2.2s;\n}\n\n.engc-floating-spark .engc-floating-icon {\n    background: #FFF0D8;\n    color: var(--orange);\n}\n\n@keyframes engcFloat {\n\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-9px);\n    }\n\n}\n\n\n\/* ----------------------------------------\n   BOTTOM SCROLL\n---------------------------------------- *\/\n\n.engc-hero-v2-bottom {\n    position: absolute;\n\n    z-index: 7;\n\n    left: 50%;\n    bottom: 23px;\n\n    transform: translateX(-50%);\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    gap: 7px;\n\n    color: #89979C;\n\n    font-size: 9px;\n\n    letter-spacing: .1em;\n\n    text-transform: uppercase;\n}\n\n.engc-scroll-line {\n    position: relative;\n\n    width: 1px;\n    height: 32px;\n\n    background: #CAD3D2;\n\n    overflow: hidden;\n}\n\n.engc-scroll-line i {\n    position: absolute;\n\n    top: -13px;\n    left: 0;\n\n    width: 1px;\n    height: 13px;\n\n    background: var(--teal);\n\n    animation: engcScrollDown 1.7s infinite;\n}\n\n@keyframes engcScrollDown {\n\n    0% {\n        top: -13px;\n    }\n\n    100% {\n        top: 32px;\n    }\n\n}\n\n\n\/* ----------------------------------------\n   TABLET\n---------------------------------------- *\/\n\n@media(max-width: 1050px) {\n\n    .engc-hero-v2-wrap {\n        grid-template-columns: 1fr 1fr;\n\n        gap: 35px;\n\n        width: 94%;\n    }\n\n    .engc-floating-job {\n        left: -10px;\n    }\n\n    .engc-floating-spark {\n        right: -10px;\n    }\n\n}\n\n\n\/* ----------------------------------------\n   MOBILE \/ TABLET STACK\n---------------------------------------- *\/\n\n@media(max-width: 850px) {\n\n    #engc-hero-v2 {\n        min-height: auto;\n    }\n\n    .engc-hero-v2-wrap {\n        grid-template-columns: 1fr;\n\n        padding: 90px 0 100px;\n\n        gap: 65px;\n    }\n\n    .engc-hero-v2-copy {\n        max-width: 720px;\n\n        text-align: center;\n\n        margin: auto;\n    }\n\n    .engc-hero-v2-badge {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .engc-hero-v2-lead {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .engc-hero-v2-actions {\n        justify-content: center;\n    }\n\n    .engc-hero-v2-meta {\n        justify-content: center;\n    }\n\n    .engc-hero-v2-visual {\n        min-height: 480px;\n    }\n\n    .engc-blueprint {\n        width: min(540px, 90%);\n    }\n\n}\n\n\n\/* ----------------------------------------\n   MOBILE\n---------------------------------------- *\/\n\n@media(max-width: 600px) {\n\n    .engc-hero-v2-wrap {\n        width: 92%;\n\n        padding-top: 75px;\n        padding-bottom: 90px;\n    }\n\n    .engc-hero-v2-copy h1 {\n        font-size: clamp(43px, 13vw, 62px);\n    }\n\n    .engc-hero-v2-lead {\n        font-size: 16px;\n    }\n\n    .engc-hero-v2-actions {\n        flex-direction: column;\n    }\n\n    .engc-hero-v2-btn {\n        width: 100%;\n    }\n\n    .engc-hero-v2-meta {\n        display: none;\n    }\n\n    .engc-hero-v2-visual {\n        min-height: 405px;\n    }\n\n    .engc-blueprint {\n        height: 390px;\n\n        width: 100%;\n    }\n\n    .engc-blueprint-top {\n        left: 15px;\n        right: 15px;\n    }\n\n    .engc-network-center {\n        width: 108px;\n        height: 108px;\n    }\n\n    .engc-network-center strong {\n        font-size: 24px;\n    }\n\n    .engc-map-node {\n        font-size: 8px;\n        padding: 6px 8px;\n    }\n\n    .node-civil {\n        left: 15px;\n    }\n\n    .node-energy {\n        right: 10px;\n    }\n\n    .node-tech {\n        right: 6px;\n    }\n\n    .node-architecture {\n        left: 8px;\n    }\n\n    .engc-blueprint-bottom {\n        grid-template-columns: repeat(3,1fr);\n\n        left: 15px;\n        right: 15px;\n\n        gap: 5px;\n    }\n\n    .engc-blueprint-bottom strong {\n        font-size: 9px;\n    }\n\n    .engc-floating-card {\n        display: none;\n    }\n\n    .engc-hero-v2-bottom {\n        display: none;\n    }\n\n}\n\n\n\n(function () {\n\n    const canvas =\n        document.getElementById('engc-hero-v2-network');\n\n    if (!canvas) return;\n\n    const ctx =\n        canvas.getContext('2d');\n\n    let nodes = [];\n\n    let width = 0;\n    let height = 0;\n\n    let animationFrame;\n\n\n    function createNodes() {\n\n        nodes = [];\n\n        const total =\n            window.innerWidth &lt; 768\n                ? 22\n                : 42;\n\n        for (let i = 0; i &lt; total; i++) {\n\n            nodes.push({\n\n                x:\n                    Math.random() * width,\n\n                y:\n                    Math.random() * height,\n\n                vx:\n                    (Math.random() - .5) * .11,\n\n                vy:\n                    (Math.random() - .5) * .11,\n\n                r:\n                    Math.random() * 1.2 + .7\n\n            });\n\n        }\n\n    }\n\n\n    function resizeCanvas() {\n\n        const dpr =\n            Math.min(\n                window.devicePixelRatio || 1,\n                2\n            );\n\n        width =\n            canvas.offsetWidth;\n\n        height =\n            canvas.offsetHeight;\n\n        canvas.width =\n            width * dpr;\n\n        canvas.height =\n            height * dpr;\n\n        ctx.setTransform(\n            dpr,\n            0,\n            0,\n            dpr,\n            0,\n            0\n        );\n\n        createNodes();\n\n    }\n\n\n    function render() {\n\n        ctx.clearRect(\n            0,\n            0,\n            width,\n            height\n        );\n\n\n        for (let i = 0; i &lt; nodes.length; i++) {\n\n            const node = nodes[i];\n\n            node.x += node.vx;\n            node.y += node.vy;\n\n\n            if (\n                node.x  width + 10\n            ) {\n\n                node.vx *= -1;\n\n            }\n\n\n            if (\n                node.y  height + 10\n            ) {\n\n                node.vy *= -1;\n\n            }\n\n\n            ctx.beginPath();\n\n            ctx.arc(\n                node.x,\n                node.y,\n                node.r,\n                0,\n                Math.PI * 2\n            );\n\n            ctx.fillStyle =\n                'rgba(22,140,130,.24)';\n\n            ctx.fill();\n\n        }\n\n\n        for (let i = 0; i &lt; nodes.length; i++) {\n\n            for (\n                let j = i + 1;\n                j &lt; nodes.length;\n                j++\n            ) {\n\n                const dx =\n                    nodes[i].x -\n                    nodes[j].x;\n\n                const dy =\n                    nodes[i].y -\n                    nodes[j].y;\n\n                const distance =\n                    Math.sqrt(\n                        dx * dx +\n                        dy * dy\n                    );\n\n\n                if (distance &lt; 120) {\n\n                    const opacity =\n                        ((120 - distance) \/ 120)\n                        * .07;\n\n                    ctx.beginPath();\n\n                    ctx.moveTo(\n                        nodes[i].x,\n                        nodes[i].y\n                    );\n\n                    ctx.lineTo(\n                        nodes[j].x,\n                        nodes[j].y\n                    );\n\n                    ctx.strokeStyle =\n                        &#039;rgba(22,140,130,&#039; +\n                        opacity +\n                        &#039;)&#039;;\n\n                    ctx.lineWidth =\n                        .8;\n\n                    ctx.stroke();\n\n                }\n\n            }\n\n        }\n\n\n        animationFrame =\n            requestAnimationFrame(render);\n\n    }\n\n\n    resizeCanvas();\n\n    render();\n\n\n    let resizeTimer;\n\n    window.addEventListener(\n        &#039;resize&#039;,\n        function () {\n\n            clearTimeout(resizeTimer);\n\n            resizeTimer =\n                setTimeout(\n                    resizeCanvas,\n                    150\n                );\n\n        }\n    );\n\n\n})();\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e36a2f e-con-full e-flex e-con e-parent\" data-id=\"3e36a2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2286eb elementor-widget elementor-widget-html\" data-id=\"f2286eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-purpose\">\n\n    <div class=\"engc-purpose-wrap\">\n\n        <div class=\"engc-purpose-heading\">\n            <span class=\"engc-eyebrow\">\u062f\u0627\u062e\u0644 Eng-Caf\u00e9<\/span>\n\n            <h2>\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0634\u0628\u0643\u0629.<br \/>\u0625\u0646\u0647 \u0645\u0643\u0627\u0646 \u0644\u0644\u062a\u0642\u062f\u0645.<\/h2>\n\n            <p>\n \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635\u062a\u0643 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\u060c\n \u0623\u0648 \u062a\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0623\u0648 \u062a\u0644\u062a\u0642\u064a \u0628\u0645\u062d\u062a\u0631\u0641\u064a\u0646\n \u0645\u0646 \u062a\u062e\u0635\u0635 \u0622\u062e\u0631\u060c \u064a\u0648\u0641\u0631 Eng-Caf\u00e9 \u0644\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n \u0645\u0643\u0627\u0646\u064b\u0627 \u0644\u0644\u062a\u0648\u0627\u0635\u0644.\n            <\/p>\n        <\/div>\n\n        <div class=\"engc-purpose-grid\">\n\n            <article class=\"engc-purpose-card\">\n                <div class=\"engc-purpose-number\">01<\/div>\n                <div class=\"engc-purpose-icon\">\u2197<\/div>\n                <h3>\u0627\u0639\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0641\u0631\u0635<\/h3>\n                <p>\n \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\n \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\n                <\/p>\n                <a href=\"https:\/\/eng-cafe.net\/ar\/%d8%a3%d8%ae%d8%b1-%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1\/\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0641\u0631\u0635 \u2190<\/a>\n            <\/article>\n\n            <article class=\"engc-purpose-card\">\n                <div class=\"engc-purpose-number\">02<\/div>\n                <div class=\"engc-purpose-icon\">\u2301<\/div>\n                <h3>\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/h3>\n                <p>\n \u0634\u0627\u0631\u0643 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641\u0627\u062a\n \u0648\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0627\u0644\u0631\u0624\u0649 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629.\n                <\/p>\n                <a href=\"\/forums\/\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u2190<\/a>\n            <\/article>\n\n            <article class=\"engc-purpose-card\">\n                <div class=\"engc-purpose-number\">03<\/div>\n                <div class=\"engc-purpose-icon\">\u25ce<\/div>\n                <h3>\u0627\u0628\u0646\u0650 \u0634\u0628\u0643\u062a\u0643<\/h3>\n                <p>\n \u0627\u0644\u062a\u0642\u0650 \u0628\u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646\n \u0639\u0628\u0631 \u062a\u062e\u0635\u0635\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629.\n                <\/p>\n                <a href=\"https:\/\/eng-cafe.net\/members\/\">\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u2190<\/a>\n            <\/article>\n\n            <article class=\"engc-purpose-card\">\n                <div class=\"engc-purpose-number\">04<\/div>\n                <div class=\"engc-purpose-icon\">\u25b3<\/div>\n                <h3>\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a\u0643<\/h3>\n                <p>\n \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062d \u0627\u0644\u062f\u0631\u0627\u0633\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f\n \u0648\u0641\u0631\u0635 \u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a.\n                <\/p>\n                <a href=\"\/forums\/\">\u0648\u0627\u0635\u0644 \u0627\u0644\u062a\u0639\u0644\u0645 \u2190<\/a>\n            <\/article>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n#engc-purpose {\n    padding: 115px 20px;\n    background: #F7F7F2;\n    font-family: Inter, Arial, sans-serif;\n    color:#071722;\n}\n\n#engc-purpose * {\n    box-sizing:border-box;\n}\n\n.engc-purpose-wrap {\n    width:min(1180px,100%);\n    margin:auto;\n}\n\n.engc-purpose-heading {\n    max-width:760px;\n    margin-bottom:55px;\n}\n\n.engc-eyebrow {\n    font-size:13px;\n    color:#159f94;\n    font-weight:800;\n    letter-spacing:.1em;\n    text-transform:uppercase;\n}\n\n.engc-purpose-heading h2 {\n    font-size:clamp(36px,5vw,59px);\n    line-height:1.07;\n    letter-spacing:-.045em;\n    margin:13px 0 22px;\n}\n\n.engc-purpose-heading p {\n    font-size:18px;\n    line-height:1.75;\n    color:#667985;\n}\n\n.engc-purpose-grid {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:17px;\n}\n\n.engc-purpose-card {\n    position:relative;\n    min-height:350px;\n    padding:28px;\n    border:1px solid #dde6ea;\n    border-radius:16px;\n    background:#fff;\n    transition:.28s ease;\n    overflow:hidden;\n}\n\n.engc-purpose-card:after {\n    content:\"\";\n    position:absolute;\n    width:150px;\n    height:150px;\n    background:#22c7b8;\n    border-radius:50%;\n    filter:blur(80px);\n    opacity:0;\n    right:-50px;\n    bottom:-50px;\n    transition:.3s;\n}\n\n.engc-purpose-card:hover {\n    transform:translateY(-8px);\n    border-color:#a9dcd8;\n    box-shadow:0 25px 60px rgba(7,23,34,.08);\n}\n\n.engc-purpose-card:hover:after {\n    opacity:.16;\n}\n\n.engc-purpose-number {\n    color:#a8b8c0;\n    font-size:12px;\n    font-weight:800;\n}\n\n.engc-purpose-icon {\n    margin-top:50px;\n    width:48px;\n    height:48px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:12px;\n    background:#e9faf8;\n    color:#159f94;\n    font-size:25px;\n}\n\n.engc-purpose-card h3 {\n    margin:24px 0 11px;\n    font-size:21px;\n}\n\n.engc-purpose-card p {\n    color:#70818a;\n    line-height:1.65;\n    font-size:15px;\n}\n\n.engc-purpose-card a {\n    position:absolute;\n    bottom:28px;\n    color:#159f94;\n    text-decoration:none;\n    font-size:14px;\n    font-weight:800;\n}\n\n@media(max-width:1000px) {\n    .engc-purpose-grid {\n        grid-template-columns:repeat(2,1fr);\n    }\n}\n\n@media(max-width:600px) {\n    #engc-purpose {\n        padding:80px 18px;\n    }\n\n    .engc-purpose-grid {\n        grid-template-columns:1fr;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b254c7 e-con-full e-flex e-con e-parent\" data-id=\"5b254c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41f27c7 elementor-widget elementor-widget-html\" data-id=\"41f27c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-live\">\n\n<div class=\"engc-live-wrap\">\n\n    <div class=\"engc-live-header\">\n        <div>\n            <span class=\"engc-live-label\">\n                <i><\/i> \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0646 \u0627\u0644\u0645\u0642\u0647\u0649\n            <\/span>\n\n            <h2>\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062f\u062b<br \/>\u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u061f<\/h2>\n        <\/div>\n\n        <a href=\"https:\/\/eng-cafe.net\/ar\/%d8%a3%d8%ae%d8%b1-%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1\/\" class=\"engc-live-all\">\n \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u2190\n        <\/a>\n    <\/div>\n\n    <div class=\"engc-live-grid\">\n\n        <article class=\"engc-live-card\">\n            <div class=\"engc-live-meta\">\n                <span class=\"engc-tag engc-job\">\u0627\u0644\u0641\u0631\u0635<\/span>\n                <span>\u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/span>\n            <\/div>\n\n            <h3>\u0627\u0643\u062a\u0634\u0641 \u0623\u062d\u062f\u062b \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\n\n            <p>\n \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629\n \u0645\u0639 \u0645\u062c\u062a\u0645\u0639 Eng-Caf\u00e9.\n            <\/p>\n\n            <a href=\"https:\/\/eng-cafe.net\/ar\/%d8%a3%d8%ae%d8%b1-%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1\/\">\u0639\u0631\u0636 \u0627\u0644\u0641\u0631\u0635 <b>\u2190<\/b><\/a>\n        <\/article>\n\n        <article class=\"engc-live-card\">\n            <div class=\"engc-live-meta\">\n                <span class=\"engc-tag engc-knowledge\">\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span>\n                <span>\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u064a\u0629<\/span>\n            <\/div>\n\n            <h3>\u0623\u0641\u0643\u0627\u0631 \u0648\u062e\u0628\u0631\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646<\/h3>\n\n            <p>\n \u0646\u0627\u0642\u0634 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\n \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629.\n            <\/p>\n\n            <a href=\"\/forums\/\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0646\u0642\u0627\u0634\u0627\u062a <b>\u2190<\/b><\/a>\n        <\/article>\n\n        <article class=\"engc-live-card\">\n            <div class=\"engc-live-meta\">\n                <span class=\"engc-tag engc-community\">\u0645\u062c\u0645\u0648\u0639\u0627\u062a<\/span>\n                <span>\u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/span>\n            <\/div>\n\n            <h3>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0627\u062a \u062d\u0648\u0644 \u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0643<\/h3>\n\n            <p>\n \u0627\u0644\u062a\u0642\u0650 \u0628\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u064a\u0634\u0627\u0631\u0643\u0648\u0646 \u0627\u0644\u0641\u0631\u0635\n \u0648\u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629.\n            <\/p>\n\n            <a href=\"\/groups\/\">\u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a <b>\u2190<\/b><\/a>\n        <\/article>\n\n    <\/div>\n\n<\/div>\n<\/section>\n<style>\n\n\n#engc-live {\n    background:#EEF4F5;\n    padding:115px 20px;\n    color:white;\n    font-family:Inter,Arial,sans-serif;\n}\n\n#engc-live * {\n    box-sizing:border-box;\n}\n\n.engc-live-wrap {\n    max-width:1180px;\n    margin:auto;\n}\n\n.engc-live-header {\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:50px;\n}\n\n.engc-live-label {\n    color:#9cb1bb;\n    text-transform:uppercase;\n    letter-spacing:.1em;\n    font-weight:700;\n    font-size:12px;\n}\n\n.engc-live-label i {\n    display:inline-block;\n    width:7px;\n    height:7px;\n    background:#22c7b8;\n    border-radius:50%;\n    margin-right:8px;\n    box-shadow:0 0 12px #22c7b8;\n}\n\n.engc-live-header h2 {\n    font-size:clamp(36px,5vw,60px);\n    letter-spacing:-.045em;\n    line-height:1.05;\n    margin:13px 0 0;\n}\n\n.engc-live-all {\n    color:#22c7b8 !important;\n    text-decoration:none !important;\n    font-weight:700;\n    white-space:nowrap;\n}\n\n.engc-live-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n}\n\n.engc-live-card {\n    min-height:360px;\n    padding:29px;\n    border:1px solid rgba(255,255,255,.1);\n    border-radius:16px;\n    background:#FFFFFF;\n    display:flex;\n    flex-direction:column;\n    transition:.3s ease;\n}\n\n.engc-live-card:hover {\n    background:rgba(34,199,184,.4);\n    border-color:rgba(255,255,255,.065);\n    transform:translateY(-6px);\n}\n\n.engc-live-meta {\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    color:#718a96;\n    font-size:12px;\n}\n\n.engc-tag {\n    padding:7px 10px;\n    border-radius:6px;\n    font-weight:750;\n}\n\n.engc-job {\n    background:rgba(34,199,184,.1);\n    color:#55dcd1;\n}\n\n.engc-knowledge {\n    background:rgba(245,166,35,.1);\n    color:#f5b949;\n}\n\n.engc-community {\n    background:rgba(106,139,255,.12);\n    color:#9eb2ff;\n}\n\n.engc-live-card h3 {\n    font-size:25px;\n    line-height:1.25;\n    letter-spacing:-.025em;\n    margin:65px 0 16px;\n}\n\n.engc-live-card p {\n    color:#8ca2ad;\n    line-height:1.7;\n    margin:0;\n}\n\n.engc-live-card &gt; a {\n    margin-top:auto;\n    color:#fff !important;\n    text-decoration:none !important;\n    font-weight:700;\n}\n\n.engc-live-card &gt; a b {\n    margin-left:5px;\n    color:#22c7b8;\n}\n\n@media(max-width:850px) {\n    .engc-live-grid {\n        grid-template-columns:1fr;\n    }\n\n    .engc-live-header {\n        align-items:flex-start;\n        flex-direction:column;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5fb0b7 e-con-full e-flex e-con e-parent\" data-id=\"a5fb0b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f86618e elementor-widget elementor-widget-html\" data-id=\"f86618e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-disciplines\">\n\n<div class=\"engc-disciplines-wrap\">\n\n    <div class=\"engc-disciplines-heading\">\n        <span>\u0639\u0628\u0631 \u0627\u0644\u062a\u062e\u0635\u0635\u0627\u062a<\/span>\n        <h2>\u0645\u0642\u0647\u0649 \u0648\u0627\u062d\u062f.<br>\u0645\u0647\u0646\u062f\u0633\u0648\u0646 \u0643\u062b\u064a\u0631\u0648\u0646.<\/h2>\n    <\/div>\n\n    <div class=\"engc-disciplines-grid\">\n\n        <div class=\"engc-discipline\">\n            <div>01<\/div>\n            <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u062f\u0646\u064a\u0629<\/h3>\n            <span>\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u00b7 \u0627\u0644\u0628\u0646\u0627\u0621 \u00b7 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>02<\/div>\n            <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629<\/h3>\n            <span>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u00b7 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0639\u0645\u0631\u0627\u0646\u064a \u00b7 \u0627\u0644\u0628\u064a\u0626\u0629 \u0627\u0644\u0645\u0628\u0646\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>03<\/div>\n            <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629<\/h3>\n            <span>\u0627\u0644\u0637\u0627\u0642\u0629 \u00b7 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a \u00b7 \u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>04<\/div>\n            <h3>\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629<\/h3>\n            <span>\u0627\u0644\u0622\u0644\u0627\u062a \u00b7 \u0627\u0644\u0637\u0627\u0642\u0629 \u00b7 \u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>05<\/div>\n            <h3>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0627\u0644\u062a\u062d\u0643\u0645<\/h3>\n            <span>PLC \u00b7 \u0627\u0644\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u00b7 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>06<\/div>\n            <h3>\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h3>\n            <span>\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a \u00b7 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u00b7 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0630\u0643\u064a\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>07<\/div>\n            <h3>\u0627\u0644\u0637\u0627\u0642\u0629<\/h3>\n            <span>\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0645\u062a\u062c\u062f\u062f\u0629 \u00b7 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u00b7 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/span>\n        <\/div>\n\n        <div class=\"engc-discipline\">\n            <div>08<\/div>\n            <h3>\u0648\u0645\u0627 \u0628\u0639\u062f \u0630\u0644\u0643<\/h3>\n            <span>\u0643\u0644 \u062a\u062e\u0635\u0635 \u0647\u0646\u062f\u0633\u064a \u064a\u0646\u062a\u0645\u064a \u0625\u0644\u0649 \u0647\u0646\u0627<\/span>\n        <\/div>\n\n    <\/div>\n<\/div>\n<\/section>\n\n<style>\n\n#engc-disciplines {\n    background:#fff;\n    padding:115px 20px;\n    font-family:Inter,Arial,sans-serif;\n    color:#071722;\n}\n\n#engc-disciplines * {\n    box-sizing:border-box;\n}\n\n.engc-disciplines-wrap {\n    max-width:1180px;\n    margin:auto;\n}\n\n.engc-disciplines-heading span {\n    text-transform:uppercase;\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.1em;\n    color:#159f94;\n}\n\n.engc-disciplines-heading h2 {\n    font-size:clamp(38px,5vw,60px);\n    line-height:1.04;\n    letter-spacing:-.045em;\n    margin:12px 0 50px;\n}\n\n.engc-disciplines-grid {\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    border-top:1px solid #dfe7ea;\n}\n\n.engc-discipline {\n    position:relative;\n    padding:35px 28px;\n    border-bottom:1px solid #dfe7ea;\n    transition:.25s;\n}\n\n.engc-discipline:nth-child(odd) {\n    border-right:1px solid #dfe7ea;\n}\n\n.engc-discipline:hover {\n    background:#f3fbfa;\n    padding-left:38px;\n}\n\n.engc-discipline div {\n    font-size:11px;\n    color:#a4b2b9;\n    font-weight:800;\n}\n\n.engc-discipline h3 {\n    font-size:24px;\n    margin:18px 0 8px;\n}\n\n.engc-discipline span {\n    color:#75858e;\n    font-size:14px;\n}\n\n@media(max-width:650px) {\n    .engc-disciplines-grid {\n        grid-template-columns:1fr;\n    }\n\n    .engc-discipline:nth-child(odd) {\n        border-right:none;\n    }\n}\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d74f734 e-con-full e-flex e-con e-parent\" data-id=\"d74f734\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c302dc elementor-widget elementor-widget-html\" data-id=\"5c302dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-groups\">\n\n<div class=\"engc-groups-wrap\">\n\n    <div class=\"engc-groups-heading\">\n        <span>\u0645\u0633\u0627\u062d\u0627\u062a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/span>\n        <h2>\u0627\u0639\u062b\u0631 \u0639\u0644\u0649 \u0637\u0627\u0648\u0644\u062a\u0643.<\/h2>\n        <p>\n \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0641\u0631\u0635\n \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\n        <\/p>\n    <\/div>\n\n    <div class=\"engc-groups-grid\">\n\n        <a href=\"\/groups\/\" class=\"engc-group-card engc-group-teal\">\n            <div class=\"engc-group-top\">\n                <span>\u0627\u0644\u0641\u0631\u0635<\/span>\n                <b>\u2197<\/b>\n            <\/div>\n\n            <div class=\"engc-group-symbol\">\u0627\u0644\u0645\u0646\u0638\u0645\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/div>\n\n            <h3>\u0641\u0631\u0635 \u0627\u0644\u0645\u0646\u0638\u0645\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0641\u064a \u0633\u0648\u0631\u064a\u0627<\/h3>\n\n            <p>\n \u062a\u0627\u0628\u0639 \u0627\u0644\u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0634\u0627\u063a\u0631\u0629 \u0648\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\n \u0645\u0646 \u0627\u0644\u0645\u0646\u0638\u0645\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u0633\u0648\u0631\u064a\u0627.\n            <\/p>\n        <\/a>\n\n        <a href=\"\/groups\/\" class=\"engc-group-card engc-group-gold\">\n            <div class=\"engc-group-top\">\n                <span>\u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span>\n                <b>\u2197<\/b>\n            <\/div>\n\n            <div class=\"engc-group-symbol\">\u26a1<\/div>\n\n            <h3>\u0648\u0645\u0636\u0629 \u0647\u0646\u062f\u0633\u064a\u0629<\/h3>\n\n            <p>\n \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0648\u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\n \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0645\u0639 \u0627\u0644\u0645\u062c\u062a\u0645\u0639.\n            <\/p>\n        <\/a>\n\n        <a href=\"\/groups\/\" class=\"engc-group-card engc-group-dark\">\n            <div class=\"engc-group-top\">\n                <span>\u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/span>\n                <b>\u2197<\/b>\n            <\/div>\n\n            <div class=\"engc-group-symbol\">+<\/div>\n\n            <h3>\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a<\/h3>\n\n            <p>\n \u0627\u0639\u062b\u0631 \u0639\u0644\u0649 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u064a\u0639\u0645\u0644\u0648\u0646 \u0641\u064a \u062a\u062e\u0635\u0635\u0643\n \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0643 \u0648\u0645\u062c\u0627\u0644\u0643 \u0627\u0644\u0645\u0647\u0646\u064a.\n            <\/p>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"engc-groups-action\">\n        <a href=\"\/groups\/\">\u0627\u0633\u062a\u0643\u0634\u0641 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u2190<\/a>\n    <\/div>\n\n<\/div>\n<\/section>\n\n<style>\n\n#engc-groups {\n    padding:115px 20px;\n    background:#eef4f5;\n    font-family:Inter,Arial,sans-serif;\n}\n\n#engc-groups * {\n    box-sizing:border-box;\n}\n\n.engc-groups-wrap {\n    max-width:1180px;\n    margin:auto;\n}\n\n.engc-groups-heading {\n    max-width:650px;\n}\n\n.engc-groups-heading &gt; span {\n    text-transform:uppercase;\n    letter-spacing:.1em;\n    color:#159f94;\n    font-size:12px;\n    font-weight:800;\n}\n\n.engc-groups-heading h2 {\n    margin:10px 0 15px;\n    color:#071722;\n    font-size:clamp(38px,5vw,60px);\n    letter-spacing:-.045em;\n}\n\n.engc-groups-heading p {\n    font-size:17px;\n    line-height:1.7;\n    color:#71828b;\n}\n\n.engc-groups-grid {\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:48px;\n}\n\n.engc-group-card {\n    min-height:400px;\n    padding:28px;\n    border-radius:18px;\n    text-decoration:none !important;\n    display:flex;\n    flex-direction:column;\n    transition:.3s ease;\n}\n\n.engc-group-card:hover {\n    transform:translateY(-7px);\n}\n\n.engc-group-teal {\n    background:#dff8f5;\n    color:#073d39 !important;\n}\n\n.engc-group-gold {\n    background:#fff1d6;\n    color:#493211 !important;\n}\n\n.engc-group-dark {\n    background:#071722;\n    color:#fff !important;\n}\n\n.engc-group-top {\n    display:flex;\n    justify-content:space-between;\n    font-size:12px;\n    text-transform:uppercase;\n    letter-spacing:.08em;\n    font-weight:750;\n}\n\n.engc-group-top b {\n    font-size:22px;\n}\n\n.engc-group-symbol {\n    margin-top:auto;\n    font-size:50px;\n    font-weight:800;\n    letter-spacing:-.07em;\n}\n\n.engc-group-card h3 {\n    margin:20px 0 10px;\n    font-size:24px;\n}\n\n.engc-group-card p {\n    line-height:1.6;\n    opacity:.68;\n}\n\n.engc-groups-action {\n    text-align:center;\n    margin-top:38px;\n}\n\n.engc-groups-action a {\n    color:#0a8178;\n    font-weight:750;\n    text-decoration:none;\n}\n\n@media(max-width:850px) {\n    .engc-groups-grid {\n        grid-template-columns:1fr;\n    }\n\n    .engc-group-card {\n        min-height:320px;\n    }\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc36ac6 e-con-full e-flex e-con e-parent\" data-id=\"cc36ac6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a23d8aa elementor-widget elementor-widget-html\" data-id=\"a23d8aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-partners\">\n\n    <div class=\"engc-partners-wrap\">\n\n        <div class=\"engc-partners-heading\">\n\n            <span>\u0634\u0631\u0643\u0627\u0624\u0646\u0627<\/span>\n\n            <h2>\u0646\u0628\u0646\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0645\u0639\u064b\u0627.<\/h2>\n\n            <p>\n                \u064a\u062a\u0639\u0627\u0648\u0646 Eng-Caf\u00e9 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0624\u0645\u0646 \u0628\u0623\u0647\u0645\u064a\u0629\n                \u062f\u0639\u0645 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0648\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n#engc-partners {\n    padding:110px 20px;\n    background:#FFFF;\n    font-family:Inter,Arial,sans-serif;\n    direction:rtl;\n}\n\n#engc-partners * {\n    box-sizing:border-box;\n}\n\n.engc-partners-wrap {\n    max-width:1180px;\n    margin:auto;\n}\n\n.engc-partners-heading {\n    max-width:680px;\n    text-align:right;\n}\n\n.engc-partners-heading > span {\n    color:#159f94;\n    font-size:11px;\n    letter-spacing:.05em;\n    font-weight:850;\n}\n\n.engc-partners-heading h2 {\n    color:#071722;\n    font-size:clamp(36px,5vw,56px);\n    letter-spacing:-.025em;\n    line-height:1.15;\n    margin:12px 0 18px;\n}\n\n.engc-partners-heading p {\n    color:#6f818b;\n    line-height:1.9;\n}\n\n.engc-partners-placeholder {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    margin-top:48px;\n    border-top:1px solid #dce5e8;\n    border-right:1px solid #dce5e8;\n}\n\n.engc-partner-box {\n    height:150px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-left:1px solid #dce5e8;\n    border-bottom:1px solid #dce5e8;\n    background:#fff;\n    transition:.2s;\n}\n\n.engc-partner-box:hover {\n    background:#eef9f8;\n}\n\n.engc-partner-box span {\n    font-size:10px;\n    letter-spacing:.08em;\n    color:#a1afb6;\n    font-weight:750;\n}\n\n.engc-partner-cta {\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:20px;\n    margin-top:28px;\n    color:#7d8c94;\n}\n\n.engc-partner-cta a {\n    color:#159f94 !important;\n    font-weight:800;\n    text-decoration:none !important;\n}\n\n@media(max-width:750px) {\n    .engc-partners-placeholder {\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .engc-partner-cta {\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a7853 elementor-widget elementor-widget-shortcode\" data-id=\"d6a7853\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-839ac58 elementor-widget elementor-widget-html\" data-id=\"839ac58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-partners\">\n\n    <div class=\"engc-partner-cta\">\n        <span>\u0647\u0644 \u0623\u0646\u062a \u0645\u0647\u062a\u0645 \u0628\u0641\u0643\u0631\u0629 \u0627\u0644\u0645\u0642\u0647\u0649 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u061f<\/span>\n        <a href=\"mailto:info@eng-cafe.net\">\u0633\u062c\u0644 \u0643\u0634\u0631\u064a\u0643 \u0627\u0644\u0623\u0646 \u2192<\/a>\n    <\/div>\n\n<\/section>\n\n<style>\n#engc-partners {\n    padding:110px 20px;\n    background:#FFFF;\n    font-family:Inter,Arial,sans-serif;\n}\n\n#engc-partners * {\n    box-sizing:border-box;\n}\n\n.engc-partners-wrap {\n    max-width:1180px;\n    margin:auto;\n}\n\n.engc-partners-heading {\n    max-width:680px;\n}\n\n.engc-partners-heading > span {\n    color:#159f94;\n    text-transform:uppercase;\n    font-size:11px;\n    letter-spacing:.1em;\n    font-weight:850;\n}\n\n.engc-partners-heading h2 {\n    color:#071722;\n    font-size:clamp(36px,5vw,56px);\n    letter-spacing:-.045em;\n    line-height:1.05;\n    margin:12px 0 18px;\n}\n\n.engc-partners-heading p {\n    color:#6f818b;\n    line-height:1.7;\n}\n\n.engc-partners-placeholder {\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    margin-top:48px;\n    border-top:1px solid #dce5e8;\n    border-left:1px solid #dce5e8;\n}\n\n.engc-partner-box {\n    height:150px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-right:1px solid #dce5e8;\n    border-bottom:1px solid #dce5e8;\n    background:#fff;\n    transition:.2s;\n}\n\n.engc-partner-box:hover {\n    background:#eef9f8;\n}\n\n.engc-partner-box span {\n    font-size:10px;\n    letter-spacing:.08em;\n    color:#a1afb6;\n    font-weight:750;\n}\n\n.engc-partner-cta {\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:20px;\n    margin-top:28px;\n    color:#7d8c94;\n}\n\n.engc-partner-cta a {\n    color:#159f94 !important;\n    font-weight:800;\n    text-decoration:none !important;\n}\n\n@media(max-width:750px) {\n    .engc-partners-placeholder {\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .engc-partner-cta {\n        flex-direction:column;\n        align-items:flex-start;\n    }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f02567 e-con-full e-flex e-con e-parent\" data-id=\"1f02567\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e271ad elementor-widget elementor-widget-html\" data-id=\"4e271ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"engc-final-cta\">\n\n    <canvas id=\"engc-final-grid\"><\/canvas>\n\n    <div class=\"engc-final-inner\">\n\n        <span>\u0627\u0646\u0636\u0645 \u0625\u0644\u0649 Eng-Caf\u00e9<\/span>\n\n        <h2>\n            \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u062a\u0635\u0628\u062d \u0623\u0641\u0636\u0644<br>\n            \u0639\u0646\u062f\u0645\u0627 \u062a\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629.\n        <\/h2>\n\n        <p>\n            \u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0641\u0631\u0635.\n            \u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0639\u0631\u0641\u0629. \u0648\u0627\u0628\u0646\u0650 \u0634\u064a\u0626\u064b\u0627 \u0645\u0641\u064a\u062f\u064b\u0627.\n        <\/p>\n\n        <div class=\"engc-final-actions\">\n\n            <a href=\"\/register\/\" class=\"engc-final-primary\">\n                \u0623\u0646\u0634\u0626 \u0645\u0644\u0641\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\n                <b>\u2190<\/b>\n            <\/a>\n\n            <a href=\"\/englog\/\" class=\"engc-final-login\">\n                \u0639\u0636\u0648 \u0628\u0627\u0644\u0641\u0639\u0644\u061f \u0633\u062c\u0651\u0644 \u0627\u0644\u062f\u062e\u0648\u0644\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<style>\n#engc-final-cta {\n    position:relative;\n    overflow:hidden;\n    min-height:580px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:90px 20px;\n    background:#ffff;\n    color:white;\n    font-family:Inter,Arial,sans-serif;\n    direction:rtl;\n}\n\n#engc-final-cta * {\n    box-sizing:border-box;\n}\n\n#engc-final-grid {\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    opacity:.27;\n}\n\n.engc-final-inner {\n    position:relative;\n    z-index:2;\n    max-width:900px;\n    text-align:center;\n}\n\n.engc-final-inner > span {\n    color:#22c7b8;\n    font-size:12px;\n    letter-spacing:.11em;\n    text-transform:uppercase;\n    font-weight:850;\n}\n\n.engc-final-inner h2 {\n    margin:18px 0 23px;\n    font-size:clamp(43px,6vw,72px);\n    line-height:1;\n    letter-spacing:-.052em;\n}\n\n.engc-final-inner p {\n    max-width:610px;\n    margin:auto;\n    color:#90a6b0;\n    font-size:18px;\n    line-height:1.6;\n}\n\n.engc-final-actions {\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    margin-top:38px;\n    gap:20px;\n}\n\n.engc-final-primary {\n    display:inline-flex;\n    align-items:center;\n    gap:20px;\n    padding:17px 26px;\n    min-width:235px;\n    justify-content:center;\n    border-radius:9px;\n    background:#22c7b8;\n    color:#051615 !important;\n    text-decoration:none !important;\n    font-weight:850;\n    transition:.25s;\n}\n\n.engc-final-primary:hover {\n    transform:translateY(-4px);\n    box-shadow:0 18px 50px rgba(34,199,184,.23);\n}\n\n.engc-final-login {\n    color:#94aab4 !important;\n    font-size:13px;\n    text-decoration:none !important;\n}\n\n.engc-final-login:hover {\n    color:white !important;\n}\n<\/style>\n\n<script>\n(function(){\n    const canvas=document.getElementById('engc-final-grid');\n    if(!canvas) return;\n\n    const ctx=canvas.getContext('2d');\n\n    function draw(){\n        const dpr=window.devicePixelRatio||1;\n        const w=canvas.offsetWidth;\n        const h=canvas.offsetHeight;\n\n        canvas.width=w*dpr;\n        canvas.height=h*dpr;\n\n        ctx.setTransform(dpr,0,0,dpr,0,0);\n        ctx.clearRect(0,0,w,h);\n\n        ctx.strokeStyle='rgba(34,199,184,.14)';\n        ctx.lineWidth=1;\n\n        const spacing=55;\n\n        for(let x=0;x<w;x+=spacing){\n            ctx.beginPath();\n            ctx.moveTo(x,0);\n            ctx.lineTo(x,h);\n            ctx.stroke();\n        }\n\n        for(let y=0;y<h;y+=spacing){\n            ctx.beginPath();\n            ctx.moveTo(0,y);\n            ctx.lineTo(w,y);\n            ctx.stroke();\n        }\n    }\n\n    draw();\n    window.addEventListener('resize',draw);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0645\u0642\u0647\u0649 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u062d\u064a\u062b \u064a\u0644\u062a\u0642\u064a \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0644\u0644\u062a\u0648\u0627\u0635\u0644, \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0646\u0645\u0648 \u0645\u0642\u0647\u0649 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 Eng-Caf\u00e9 \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0641\u0631\u0635 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0641\u064a \u0645\u062c\u062a\u0645\u0639 \u0645\u0647\u0646\u064a \u0648\u0627\u062d\u062f. 1\/2 \u0627\u0646\u0636\u0645&hellip;<\/p>\n","protected":false},"author":1241,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth-content.php","meta":{"footnotes":""},"class_list":["post-32859","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/pages\/32859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/users\/1241"}],"replies":[{"embeddable":true,"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/comments?post=32859"}],"version-history":[{"count":5,"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/pages\/32859\/revisions"}],"predecessor-version":[{"id":32874,"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/pages\/32859\/revisions\/32874"}],"wp:attachment":[{"href":"https:\/\/eng-cafe.net\/ar\/wp-json\/wp\/v2\/media?parent=32859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}