{"id":3218,"date":"2026-01-29T16:46:48","date_gmt":"2026-01-29T16:46:48","guid":{"rendered":"https:\/\/levant-sy.com\/services\/digital-transformation\/"},"modified":"2026-07-08T14:05:14","modified_gmt":"2026-07-08T14:05:14","slug":"smart-business-os","status":"publish","type":"page","link":"https:\/\/sila-tech.net\/ar\/services\/smart-business-os\/","title":{"rendered":"\u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a"},"content":{"rendered":"\t\t
\n\t\t\t\t
\r\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a | \u0633\u064a\u0644\u0627<\/title>\n\n <!-- \u062e\u0637 \u0639\u0631\u0628\u064a -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\n\n <!--\n \u0627\u0644\u0635\u0648\u0631 \u2014 \u0627\u0633\u062a\u0628\u062f\u0644 \u0647\u0627\u0644\u0640 3 \u0631\u0648\u0627\u0628\u0637 \u0628\u0635\u0648\u0631 \u0623\u0646\u0638\u0645\u0629\/\u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0645\u0646 \u0645\u0643\u062a\u0628\u0629 \u0633\u064a\u0644\u0627:\n 1) \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0647\u064a\u0631\u0648 -> \u0634\u0648\u0641 .hero::before\n 2) \u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 -> \u0634\u0648\u0641 .img\n 3) \u0635\u0648\u0631\u0629 \u0627\u0644\u0646\u0638\u0627\u0645 -> \u0634\u0648\u0641 .img2\n \u0623\u0641\u0643\u0627\u0631: \u062f\u0627\u0634\u0628\u0648\u0631\u062f SaaS \u0646\u0638\u064a\u0641 \/ \u0633\u064a\u0631 \u0639\u0645\u0644 \u0645\u062a\u0631\u0627\u0628\u0637 \/ \u0641\u0631\u064a\u0642 \u064a\u0633\u062a\u062e\u062f\u0645 \u0645\u0646\u0635\u0651\u0629 \u0648\u0627\u062d\u062f\u0629.\n -->\n\n <style>\n :root{\n --accent:#f05046;\n --ink:#0f172a;\n --muted:#64748b;\n --bg:#f7f8fb;\n --card:#ffffff;\n --line:rgba(15, 23, 42, .10);\n --shadow: 0 18px 45px rgba(15, 23, 42, .10);\n --radius:22px;\n }\n\n *{box-sizing:border-box}\n body{\n margin:0;\n font-family: \"Tajawal\", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\n color:var(--ink);\n background: radial-gradient(1100px 700px at 85% -10%, rgba(240,80,70,.12), transparent 65%),\n radial-gradient(900px 700px at 5% 0%, rgba(15,23,42,.08), transparent 60%),\n var(--bg);\n line-height:1.7;\n }\n\n a{color:inherit; text-decoration:none}\n .wrap{margin:0 auto; padding:28px 18px 70px}\n\n \/* ===== HERO ===== *\/\n .hero{\n position:relative;\n border-radius: clamp(18px, 2.2vw, 28px);\n overflow:hidden;\n box-shadow: var(--shadow);\n background:#111;\n }\n .hero::before{\n content:\"\";\n position:absolute; inset:0;\n background:\n linear-gradient(270deg, rgba(15,23,42,.92) 0%, rgba(15,23,42,.65) 45%, rgba(15,23,42,.15) 100%),\n url(\"https:\/\/sila-tech.net\/wp-content\/uploads\/2026\/01\/2d15iy2d15iy2d1.webp\") center\/cover no-repeat;\n filter:saturate(1.05);\n transform:scale(1.02);\n }\n .hero::after{\n content:\"\";\n position:absolute; inset:-2px;\n background:\n radial-gradient(900px 500px at 80% 10%, rgba(240,80,70,.35), transparent 60%),\n radial-gradient(900px 500px at 20% 90%, rgba(240,80,70,.18), transparent 65%);\n pointer-events:none;\n }\n .hero-inner{\n position:relative;\n display:grid;\n grid-template-columns: 1.2fr .8fr;\n gap: 22px;\n padding: clamp(22px, 3.5vw, 44px);\n align-items:center;\n min-height: 420px;\n }\n .badge{\n display:inline-flex; align-items:center; gap:10px;\n padding:10px 14px;\n border-radius:999px;\n background: rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.16);\n color:#fff;\n backdrop-filter: blur(10px);\n font-weight:600;\n font-size:13px;\n letter-spacing:.2px;\n width:max-content;\n }\n .dot{\n width:10px; height:10px; border-radius:50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(240,80,70,.18);\n }\n h1{\n margin:14px 0 12px;\n font-size: clamp(28px, 3.2vw, 44px);\n line-height:1.25;\n color:#fff;\n letter-spacing:-.4px;\n }\n .sub{\n margin:0 0 18px;\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 1.2vw, 17px);\n max-width: 58ch;\n }\n .hero-actions{display:flex; gap:12px; flex-wrap:wrap}\n .btn{\n display:inline-flex; align-items:center; justify-content:center; gap:10px;\n padding:12px 16px;\n border-radius:999px;\n font-weight:700;\n border:1px solid transparent;\n transition: .2s ease;\n cursor:pointer;\n user-select:none;\n font-size:14px;\n }\n .btn-primary{\n background: var(--accent);\n color:#fff;\n box-shadow: 0 12px 26px rgba(240,80,70,.28);\n }\n .btn-primary:hover{transform: translateY(-1px); box-shadow: 0 16px 30px rgba(240,80,70,.34)}\n .btn-ghost{\n background: rgba(255,255,255,.10);\n color:#fff;\n border-color: rgba(255,255,255,.18);\n backdrop-filter: blur(10px);\n }\n .btn-ghost:hover{background: rgba(255,255,255,.14); transform: translateY(-1px)}\n \/* \u0627\u0644\u0633\u0647\u0645 \u064a\u0642\u0644\u0628 \u0628\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u064a\u0633\u0627\u0631 \u0645\u0634\u0627\u0646 \u0627\u0644\u0640 RTL *\/\n .arrow{\n width:18px; height:18px;\n display:inline-block;\n transform: scaleX(-1);\n }\n\n .hero-card{\n position:relative;\n border-radius: var(--radius);\n background: rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.16);\n padding:18px;\n backdrop-filter: blur(12px);\n color:#fff;\n overflow:hidden;\n }\n .hero-card::before{\n content:\"\";\n position:absolute; inset:-2px;\n background:\n radial-gradient(260px 180px at 80% 20%, rgba(240,80,70,.30), transparent 70%),\n radial-gradient(260px 200px at 20% 80%, rgba(255,255,255,.12), transparent 70%);\n pointer-events:none;\n }\n .hero-card > *{position:relative}\n .kpi{\n display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;\n margin:0 0 10px;\n }\n .kpi strong{\n font-size:36px; letter-spacing:-.5px;\n color:#fff;\n }\n .kpi span{color:rgba(255,255,255,.82); font-weight:600}\n .mini{\n margin:0;\n color:rgba(255,255,255,.78);\n font-size:13px;\n }\n .chip-row{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}\n .chip{\n font-size:12px; font-weight:700;\n padding:8px 10px;\n border-radius:999px;\n background: rgba(255,255,255,.10);\n border:1px solid rgba(255,255,255,.14);\n color:#fff;\n white-space:nowrap;\n }\n\n \/* ===== SECTION ===== *\/\n .section{\n margin-top: 26px;\n display:grid;\n gap: 18px;\n }\n .section-head{\n display:flex;\n align-items:flex-end;\n justify-content:space-between;\n gap:14px;\n flex-wrap:wrap;\n padding: 4px 2px;\n }\n .section-head h2{\n margin:0;\n font-size: clamp(20px, 2.2vw, 30px);\n letter-spacing:-.3px;\n }\n .section-head p{\n margin:0;\n color: var(--muted);\n max-width: 70ch;\n font-size:14px;\n }\n\n \/* ===== PROBLEM\/SOLUTION ===== *\/\n .grid-2{\n display:grid;\n grid-template-columns: 1.05fr .95fr;\n gap: 18px;\n align-items:stretch;\n }\n .card{\n background: var(--card);\n border:1px solid var(--line);\n border-radius: var(--radius);\n box-shadow: 0 12px 34px rgba(15,23,42,.06);\n overflow:hidden;\n }\n .card-pad{padding:18px}\n .lead{\n margin:0;\n color: var(--muted);\n font-size:14px;\n }\n .split{\n display:grid;\n grid-template-columns: 1fr;\n gap: 12px;\n }\n .pill{\n display:inline-flex; align-items:center; gap:8px;\n padding:8px 10px;\n border-radius: 999px;\n background: rgba(240,80,70,.10);\n color: #a31810;\n font-weight:800;\n font-size:12px;\n width:max-content;\n }\n .icon{\n width:18px; height:18px; display:inline-block;\n color: var(--accent);\n }\n\n .img{\n width:100%;\n height:100%;\n min-height: 260px;\n background:\n linear-gradient(0deg, rgba(15,23,42,.10), rgba(15,23,42,.10)),\n url(\"https:\/\/sila-tech.net\/wp-content\/uploads\/2026\/01\/ecjgg7ecjgg7ec.webp\") center\/cover no-repeat;\n border-radius: var(--radius);\n }\n .img2{\n width:100%;\n height:100%;\n min-height: 260px;\n background:\n linear-gradient(0deg, rgba(15,23,42,.08), rgba(15,23,42,.08)),\n url(\"https:\/\/sila-tech.net\/wp-content\/uploads\/2026\/01\/qn0lnsqn0lnsqn0.webp\") center\/cover no-repeat;\n border-radius: var(--radius);\n }\n .img-wrap{\n padding:14px;\n background: linear-gradient(180deg, rgba(240,80,70,.08), transparent 60%);\n }\n\n \/* ===== FEATURES ===== *\/\n .features{\n display:grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n }\n .fcard{\n padding:16px;\n border-radius: var(--radius);\n border:1px solid var(--line);\n background: linear-gradient(180deg, rgba(240,80,70,.08), transparent 70%), #fff;\n box-shadow: 0 12px 34px rgba(15,23,42,.06);\n position:relative;\n overflow:hidden;\n }\n .fcard::before{\n content:\"\";\n position:absolute; inset:-2px;\n background: radial-gradient(240px 140px at 80% 0%, rgba(240,80,70,.18), transparent 60%);\n pointer-events:none;\n }\n .fcard > *{position:relative}\n .fhead{\n display:flex; align-items:flex-start; gap:12px;\n margin-bottom: 10px;\n }\n .ficon{\n width:44px; height:44px;\n border-radius: 14px;\n background: rgba(240,80,70,.12);\n display:grid; place-items:center;\n border:1px solid rgba(240,80,70,.18);\n flex:0 0 auto;\n }\n .fcard h3{\n margin:0;\n font-size:16px;\n letter-spacing:-.2px;\n }\n .fcard p{\n margin:0;\n color: var(--muted);\n font-size:13.5px;\n }\n\n \/* ===== HOW WE DO IT ===== *\/\n .steps{\n display:grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n }\n .step{\n background:#fff;\n border:1px solid var(--line);\n border-radius: var(--radius);\n padding:16px;\n box-shadow: 0 12px 34px rgba(15,23,42,.06);\n position:relative;\n overflow:hidden;\n }\n .step::before{\n content:\"\";\n position:absolute; right:-40px; top:-40px;\n width:120px; height:120px;\n background: radial-gradient(circle, rgba(240,80,70,.18), transparent 60%);\n pointer-events:none;\n }\n .step strong{\n display:inline-flex; align-items:center; gap:8px;\n font-size:12px; color: #a31810;\n background: rgba(240,80,70,.10);\n padding:6px 10px;\n border-radius:999px;\n border:1px solid rgba(240,80,70,.16);\n }\n .step h4{margin:10px 0 6px; font-size:15px}\n .step p{margin:0; color:var(--muted); font-size:13.5px}\n\n \/* ===== CTA ===== *\/\n .cta{\n margin-top: 18px;\n border-radius: var(--radius);\n border:1px solid rgba(240,80,70,.18);\n background:\n radial-gradient(900px 400px at 90% 10%, rgba(240,80,70,.18), transparent 60%),\n radial-gradient(900px 400px at 10% 90%, rgba(15,23,42,.06), transparent 60%),\n #fff;\n box-shadow: var(--shadow);\n padding:18px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:14px;\n flex-wrap:wrap;\n }\n .cta h3{margin:0; font-size:18px}\n .cta p{margin:6px 0 0; color:var(--muted); font-size:13.5px; max-width: 70ch}\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 980px){\n .hero-inner{grid-template-columns: 1fr; min-height: 0}\n .grid-2{grid-template-columns: 1fr}\n .features{grid-template-columns: 1fr}\n .steps{grid-template-columns: 1fr 1fr}\n }\n @media (max-width: 520px){\n .steps{grid-template-columns: 1fr}\n .btn{width:100%}\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"wrap\">\n\n <!-- HERO -->\n <section class=\"hero\" aria-label=\"\u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a\">\n <div class=\"hero-inner\">\n <div>\n <div class=\"badge\"><span class=\"dot\"><\/span> \u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a<\/div>\n\n <h1>\u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f \u064a\u064f\u062f\u064a\u0631 \u0643\u0627\u0645\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u2014 \u0644\u0627 \u0623\u062f\u0627\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u062a\u062a\u0646\u0642\u0651\u0644 \u0628\u064a\u0646\u0647\u0627.<\/h1>\n\n <p class=\"sub\">\n \u0641\u064a <b>\u0633\u064a\u0644\u0627<\/b>\u060c \u0646\u0628\u0646\u064a \u0644\u0643 \u0645\u0646\u0635\u0651\u0629 \u0645\u0648\u062d\u0651\u062f\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u2014 \u0645\u0635\u0645\u064e\u0651\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0641\u0639\u0644\u064a\u0629.\n \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\u060c \u0643\u0644 \u0634\u064a\u0621 \u064a\u0639\u0645\u0644 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f \u0648\u0628\u062a\u0646\u0627\u063a\u0645.\n <\/p>\n\n <div class=\"hero-actions\">\n <a class=\"btn btn-primary\" href=\"#cta\">\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\n <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 12h12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M13 6l6 6-6 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <a class=\"btn btn-ghost\" href=\"#features\">\u0645\u0627\u0630\u0627 \u064a\u062a\u0636\u0645\u0651\u0646<\/a>\n <\/div>\n <\/div>\n\n <aside class=\"hero-card\" aria-label=\"\u0628\u0637\u0627\u0642\u0629 \u0645\u0644\u062e\u0651\u0635\">\n <div class=\"kpi\">\n <strong>\u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f<\/strong><span>\u064a\u064f\u062f\u064a\u0631 \u0643\u0644 \u0634\u064a\u0621<\/span>\n <\/div>\n <p class=\"mini\">\n \u0627\u0631\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0641\u064a \u0633\u064a\u0631 \u0639\u0645\u0644 \u0648\u0627\u062d\u062f \u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u2014 \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u062a\u062d\u0643\u0651\u0645 \u0643\u0627\u0645\u0644 \u0645\u0646 \u0634\u0627\u0634\u0629 \u0648\u0627\u062d\u062f\u0629.\n <\/p>\n <div class=\"chip-row\">\n <span class=\"chip\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\n <span class=\"chip\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a<\/span>\n <span class=\"chip\">\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0630\u0643\u064a\u0629<\/span>\n <span class=\"chip\">\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n <\/div>\n <\/aside>\n <\/div>\n <\/section>\n\n <!-- PROBLEM & SOLUTION -->\n <section class=\"section\" aria-label=\"\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0648\u0627\u0644\u062d\u0644\">\n <div class=\"section-head\">\n <div>\n <h2>\u0644\u0645\u0627\u0630\u0627 \u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0644\u0644\u0623\u0639\u0645\u0627\u0644\u061f<\/h2>\n <p>\u0647\u0630\u0647 \u0644\u064a\u0633\u062a \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0641\u0631\u064a\u0642\u0643 \u2014 \u0628\u0644 \u0645\u0634\u0627\u0643\u0644 \u0641\u064a \u0627\u0644\u0646\u0638\u0627\u0645. \u0648\u062d\u0644\u0651\u0647\u0627 \u064a\u062d\u062a\u0627\u062c \u0646\u0638\u0627\u0645\u0627\u064b\u060c \u0644\u0627 \u062a\u0637\u0628\u064a\u0642\u0627\u064b \u0625\u0636\u0627\u0641\u064a\u0627\u064b.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"grid-2\">\n <div class=\"card\">\n <div class=\"card-pad split\">\n <span class=\"pill\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 2v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4.93 4.93l2.83 2.83\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M2 12h4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M4.93 19.07l2.83-2.83\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M12 18a6 6 0 1 0 0-12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n \u0627\u0644\u0645\u0634\u0643\u0644\u0629\n <\/span>\n <p class=\"lead\">\n \u0641\u0631\u064a\u0642\u0643 \u064a\u0642\u0636\u064a \u0633\u0627\u0639\u0627\u062a \u0643\u0644 \u064a\u0648\u0645 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0645\u0647\u0627\u0645 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0645\u0644\u0641\u0627\u062a Excel \u0627\u0644\u0645\u0628\u0639\u062b\u0631\u0629.\n \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u064a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0630\u0627\u0643\u0631\u0629 \u0627\u0644\u0645\u0624\u0633\u0650\u0651\u0633\u060c \u0648\u0623\u0646\u062a \u062a\u062a\u0646\u0642\u0651\u0644 \u0628\u064a\u0646 8\u201310 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0644\u0627 \u062a\u062a\u062d\u062f\u0651\u062b \u0645\u0639 \u0628\u0639\u0636\u0647\u0627\u060c\n \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u062a\u0623\u062e\u0630 \u0623\u0633\u0628\u0648\u0639\u0627\u064b \u0644\u0623\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0648\u0632\u0651\u0639\u0629 \u0641\u064a \u0643\u0644 \u0645\u0643\u0627\u0646.\n <\/p>\n\n <span class=\"pill\" style=\"margin-top:6px\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M20 7l-9 9-4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n \u0627\u0644\u062d\u0644\n <\/span>\n <p class=\"lead\">\n \u0646\u0635\u0645\u0651\u0645 \u0648\u0646\u0628\u0646\u064a \u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0643\u0627\u0645\u0644 \u0645\u062e\u0635\u064e\u0651\u0635\u0627\u064b \u0644\u0645\u0634\u0631\u0648\u0639\u0643 \u2014\n \u0645\u0646\u0635\u0651\u0629 \u0648\u0627\u062d\u062f\u0629 \u062a\u062c\u0645\u0639 \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0634\u0631\u0643\u062a\u0643 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f.\n \u0644\u064a\u0633\u062a \u0623\u062f\u0627\u0629 \u062c\u0627\u0647\u0632\u0629 \u062a\u062a\u0643\u064a\u0651\u0641 \u0645\u0639\u0647\u0627\u060c \u0628\u0644 \u0646\u0638\u0627\u0645 \u0645\u0628\u0646\u064a \u062d\u0648\u0644 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0643 \u0623\u0646\u062a.\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"card img-wrap\" aria-label=\"\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\">\n <div class=\"img\" title=\"\u0623\u062f\u0648\u0627\u062a \u0645\u0628\u0639\u062b\u0631\u0629 \u0648\u0639\u0645\u0644 \u064a\u062f\u0648\u064a\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FEATURES -->\n <section id=\"features\" class=\"section\" aria-label=\"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\">\n <div class=\"section-head\">\n <div>\n <h2>\u0645\u0627\u0630\u0627 \u064a\u062a\u0636\u0645\u0651\u0646<\/h2>\n <p>\u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0628\u0639\u062b\u0631\u0629 \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f \u0648\u0627\u0636\u062d \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u0625\u062f\u0627\u0631\u0629.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"features\">\n <!-- Feature 1 -->\n <div class=\"fcard\">\n <div class=\"fhead\">\n <div class=\"ficon\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>\u0645\u0646\u0635\u0651\u0629 \u0645\u0648\u062d\u0651\u062f\u0629 \u0648\u0627\u062d\u062f\u0629<\/h3>\n <p>\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0648\u0627\u0644\u0641\u0648\u0627\u062a\u064a\u0631 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u2014 \u0643\u0644 \u0634\u064a\u0621 \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u062f\u0648\u0646 \u062a\u0646\u0642\u0651\u0644 \u0628\u064a\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Feature 2 -->\n <div class=\"fcard\">\n <div class=\"fhead\">\n <div class=\"ficon\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 3l1.7 4.1L18 8.5l-3.2 2.9.8 4.3L12 13.6 8.4 15.7l.8-4.3L6 8.5l4.3-1.4L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\n <path d=\"M5 17l.6 1.5 1.6.5-1.4.8-.2 1.6-1-1.3-1.6.2.9-1.4-.6-1.5 1.7.6L5 17Z\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062f\u0645\u062c<\/h3>\n <p>\u0642\u0631\u0627\u0631\u0627\u062a \u0623\u0633\u0631\u0639 \u0639\u0628\u0631 \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u060c \u0648\u0627\u0644\u0631\u062f\u0648\u062f \u0627\u0644\u0645\u0642\u062a\u0631\u064e\u062d\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u0631\u064e\u062c\u0629 \u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Feature 3 -->\n <div class=\"fcard\">\n <div class=\"fhead\">\n <div class=\"ficon\">\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 16l5-5 4 4 6-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M15 8h4v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>\u064a\u0646\u0645\u0648 \u0645\u0639\u0643<\/h3>\n <p>\u0627\u0628\u062f\u0623 \u0628\u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a\u060c \u062b\u0645 \u0623\u0636\u0650\u0641 \u0648\u062d\u062f\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0643\u0644\u0645\u0627 \u0646\u0645\u062a \u0634\u0631\u0643\u062a\u0643 \u2014 \u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid-2\" style=\"margin-top:14px\">\n <div class=\"card img-wrap\" aria-label=\"\u0635\u0648\u0631\u0629 \u0627\u0644\u0646\u0638\u0627\u0645\">\n <div class=\"img2\" title=\"\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0651\u0645 \u0645\u0648\u062d\u0651\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628\"><\/div>\n <\/div>\n <div class=\"card\">\n <div class=\"card-pad\">\n <h3 style=\"margin:0 0 8px; font-size:18px; letter-spacing:-.2px;\">\u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f. \u0631\u0624\u064a\u0629 \u0648\u0627\u062d\u062f\u0629. \u062a\u0634\u0648\u064a\u0634 \u0623\u0642\u0644.<\/h3>\n <p class=\"lead\" style=\"margin:0\">\n \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0627\u0644\u0645\u0628\u0639\u062b\u0631\u0629 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0646\u0641\u0635\u0644\u0629\u060c \u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f \u0645\u062a\u0631\u0627\u0628\u0637 \u064a\u064f\u062f\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u064a\u0648\u0645\u064a\u0629\n \u0648\u064a\u062c\u0639\u0644 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0633\u0647\u0644\u0627\u064b \u0628\u0644\u0627 \u0639\u0646\u0627\u0621. \u0641\u0631\u064a\u0642\u0643 \u064a\u0639\u0645\u0644 \u0623\u0633\u0631\u0639\u060c \u0648\u0623\u0646\u062a \u062a\u0631\u0649 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0634\u0631\u0648\u0639\u0643 \u0641\u064a \u0623\u064a \u0644\u062d\u0638\u0629.\n <\/p>\n <div style=\"margin-top:14px; display:grid; gap:10px\">\n <div style=\"display:flex; gap:10px; align-items:flex-start\">\n <span class=\"dot\" style=\"width:8px; height:8px; box-shadow:none; margin-top:7px\"><\/span>\n <p class=\"lead\" style=\"margin:0\">\u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0651\u0645 \u0644\u0644\u0645\u0624\u0633\u0650\u0651\u0633 \u062a\u064f\u0638\u0647\u0631 \u0627\u0644\u0645\u0647\u0627\u0645 \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0648\u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0646\u0638\u0631\u0629 \u0648\u0627\u062d\u062f\u0629.<\/p>\n <\/div>\n <div style=\"display:flex; gap:10px; align-items:flex-start\">\n <span class=\"dot\" style=\"width:8px; height:8px; box-shadow:none; margin-top:7px\"><\/span>\n <p class=\"lead\" style=\"margin:0\">\u0623\u062f\u0648\u0627\u0631 \u0648\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u2014 \u0643\u0644 \u0634\u062e\u0635 \u064a\u0631\u0649 \u0628\u0627\u0644\u0636\u0628\u0637 \u0645\u0627 \u064a\u062c\u0628 \u0623\u0646 \u064a\u0631\u0627\u0647.<\/p>\n <\/div>\n <div style=\"display:flex; gap:10px; align-items:flex-start\">\n <span class=\"dot\" style=\"width:8px; height:8px; box-shadow:none; margin-top:7px\"><\/span>\n <p class=\"lead\" style=\"margin:0\">\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0648\u062a\u0623\u0643\u064a\u062f\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- HOW WE DO IT -->\n <section class=\"section\" aria-label=\"\u0643\u064a\u0641 \u0646\u0646\u0641\u0651\u0630\u0647\u0627\">\n <div class=\"section-head\">\n <div>\n <h2>\u0643\u064a\u0641 \u0646\u0646\u0641\u0651\u0630\u0647\u0627<\/h2>\n <p>\u0645\u0633\u0627\u0631 \u0648\u0627\u0636\u062d \u064a\u062d\u0648\u0651\u0644 \u0641\u0648\u0636\u0649 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f \u0645\u0646\u0638\u064e\u0651\u0645 \u2014 \u0645\u0639 \u0628\u0642\u0627\u0621 \u0641\u0631\u064a\u0642\u0643 \u0645\u0631\u062a\u0627\u062d\u0627\u064b \u0641\u064a \u0643\u0644 \u062e\u0637\u0648\u0629.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"steps\">\n <div class=\"step\">\n <strong>\u0627\u0644\u062e\u0637\u0648\u0629 01<\/strong>\n <h4>\u0648\u0631\u0634\u0629 \u0627\u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641<\/h4>\n <p>\u0646\u0631\u0633\u0645 \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0634\u0631\u0643\u062a\u0643 \u0627\u0644\u064a\u0648\u0645 \u2014 \u0627\u0644\u0641\u0631\u0642\u060c \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a\u060c \u0627\u0644\u0623\u062f\u0648\u0627\u062a\u060c \u0648\u0623\u064a\u0646 \u064a\u0636\u064a\u0639 \u0627\u0644\u0648\u0642\u062a.<\/p>\n <\/div>\n <div class=\"step\">\n <strong>\u0627\u0644\u062e\u0637\u0648\u0629 02<\/strong>\n <h4>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0646\u0638\u0627\u0645<\/h4>\n <p>\u0646\u062d\u062f\u0651\u062f \u0627\u0644\u0648\u062d\u062f\u0627\u062a \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0648\u0631\u062d\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0644\u0648\u062d\u0629 \u0627\u0644\u062a\u062d\u0643\u0651\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u064a\u062d\u062a\u0627\u062c\u0647\u0627 \u0645\u0634\u0631\u0648\u0639\u0643.<\/p>\n <\/div>\n <div class=\"step\">\n <strong>\u0627\u0644\u062e\u0637\u0648\u0629 03<\/strong>\n <h4>\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644<\/h4>\n <p>\u0646\u0637\u0648\u0651\u0631 \u0627\u0644\u0646\u0638\u0627\u0645 \u0648\u0646\u0631\u0628\u0637\u0647 \u0628\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627 \u0623\u0635\u0644\u0627\u064b\u060c \u0648\u0646\u0636\u064a\u0641 \u0637\u0628\u0642\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u0648\u0642\u0647.<\/p>\n <\/div>\n <div class=\"step\">\n <strong>\u0627\u0644\u062e\u0637\u0648\u0629 04<\/strong>\n <h4>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0625\u0637\u0644\u0627\u0642<\/h4>\n <p>\u0646\u0646\u0642\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643\u060c \u0646\u062f\u0631\u0651\u0628 \u0641\u0631\u064a\u0642\u0643\u060c \u0646\u0637\u0644\u0642 \u0627\u0644\u0646\u0638\u0627\u0645\u060c \u062b\u0645 \u0646\u0631\u0627\u0642\u0628 \u0648\u0646\u062d\u0633\u0651\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0641\u0639\u0644\u064a.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA -->\n <section id=\"cta\" class=\"cta\" aria-label=\"\u062f\u0639\u0648\u0629 \u0644\u0644\u062a\u0648\u0627\u0635\u0644\">\n <div>\n <h3>\u062c\u0627\u0647\u0632 \u0644\u062a\u0634\u063a\u064a\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0639\u0644\u0649 \u0646\u0638\u0627\u0645 \u0630\u0643\u064a \u0648\u0627\u062d\u062f\u061f<\/h3>\n <p>\n \u0627\u0628\u062f\u0623 \u0628\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0645\u062f\u0651\u062a\u0647\u0627 30 \u062f\u0642\u064a\u0642\u0629. \u0646\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0634\u0631\u0643\u062a\u0643\u060c \u0648\u0646\u0641\u0647\u0645 \u062a\u062d\u062f\u0651\u064a\u0627\u062a\u0643\u060c\n \u0648\u0646\u0642\u062a\u0631\u062d \u0639\u0644\u064a\u0643 \u0631\u0624\u064a\u0629 \u0623\u0648\u0651\u0644\u064a\u0629 \u0644\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0630\u064a \u062a\u062d\u062a\u0627\u062c\u0647 \u2014 \u062f\u0648\u0646 \u0623\u064a \u0627\u0644\u062a\u0632\u0627\u0645.\n <\/p>\n <\/div>\n <a class=\"btn btn-primary\" href=\"\/contact\">\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\n <svg class=\"arrow\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M5 12h12\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M13 6l6 6-6 6\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n <\/section>\n\n <\/div>\n<\/body>\n<\/html>\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>\u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a | \u0633\u064a\u0644\u0627 \u0646\u0638\u0627\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0630\u0643\u064a \u0646\u0638\u0627\u0645 \u0648\u0627\u062d\u062f \u064a\u064f\u062f\u064a\u0631 \u0643\u0627\u0645\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u2014 \u0644\u0627 \u0623\u062f\u0627\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u062a\u062a\u0646\u0642\u0651\u0644…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3188,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-3218","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/pages\/3218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/comments?post=3218"}],"version-history":[{"count":15,"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/pages\/3218\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/pages\/3218\/revisions\/3622"}],"up":[{"embeddable":true,"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/pages\/3188"}],"wp:attachment":[{"href":"https:\/\/sila-tech.net\/ar\/wp-json\/wp\/v2\/media?parent=3218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}