{"id":306,"date":"2026-05-08T23:40:55","date_gmt":"2026-05-08T20:40:55","guid":{"rendered":"https:\/\/nbtsaudi.com\/?page_id=306"},"modified":"2026-05-23T20:16:14","modified_gmt":"2026-05-23T17:16:14","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9-duplicate-250","status":"publish","type":"page","link":"https:\/\/nbtsaudi.com\/?page_id=306","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 &#8211; Duplicate &#8211; [#250]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"306\" class=\"elementor elementor-306\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9182653 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"9182653\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fb67f4 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"6fb67f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nNBT \u2014 DIGITAL MONOLITH HERO\r\nUltra Premium Cinematic Hero\r\nElementor \/ WordPress Ready\r\n========================================================= -->\r\n\r\n<section class=\"nbt-monolith-hero\" id=\"nbtMonolithHero\">\r\n\r\n    <!-- Canvas Layer -->\r\n    <canvas class=\"nbt-monolith-hero__canvas\" id=\"nbtMonolithCanvas\"><\/canvas>\r\n\r\n    <!-- Ambient Lights -->\r\n    <div class=\"nbt-monolith-hero__ambient\"><\/div>\r\n    <div class=\"nbt-monolith-hero__spotlight\"><\/div>\r\n    <div class=\"nbt-monolith-hero__mouse-glow\" id=\"nbtMonolithGlow\"><\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"nbt-monolith-hero__grid\"><\/div>\r\n\r\n    <!-- Monolith -->\r\n    <div class=\"nbt-monolith\">\r\n\r\n        <div class=\"nbt-monolith__glass\"><\/div>\r\n\r\n        <div class=\"nbt-monolith__shine\"><\/div>\r\n\r\n        <div class=\"nbt-monolith__logo-wrap\">\r\n            <span class=\"nbt-monolith__logo\">NBT<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"nbt-monolith-hero__container\">\r\n\r\n        <div class=\"nbt-monolith-hero__badge\">\r\n            <span class=\"nbt-monolith-hero__badge-dot\"><\/span>\r\n            FUTURE DIGITAL ENGINEERING\r\n        <\/div>\r\n\r\n        <h1 class=\"nbt-monolith-hero__title\">\r\n\r\n            <span class=\"nbt-monolith-hero__line nbt-parallax\" data-speed=\"0.03\">\r\n                \u0646\u0628\u0646\u064a \u062a\u062c\u0627\u0631\u0628\r\n            <\/span>\r\n\r\n            <span class=\"nbt-monolith-hero__line nbt-monolith-hero__line--stroke nbt-parallax\" data-speed=\"0.06\">\r\n                \u0631\u0642\u0645\u064a\u0629 \u062a\u062a\u0646\u0641\u0633\r\n            <\/span>\r\n\r\n            <span class=\"nbt-monolith-hero__line nbt-monolith-hero__line--gold nbt-parallax\" data-speed=\"0.09\">\r\n                \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\r\n            <\/span>\r\n\r\n        <\/h1>\r\n\r\n        <p class=\"nbt-monolith-hero__desc nbt-parallax\" data-speed=\"0.04\">\r\n            \u0646\u062f\u0645\u062c \u0628\u064a\u0646 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0642\u0646\u064a\u060c\r\n            \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0644\u0635\u0646\u0627\u0639\u0629 \u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629\r\n            \u062a\u0636\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0648\u0649 \u0645\u062e\u062a\u0644\u0641 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\r\n        <\/p>\r\n\r\n        <div class=\"nbt-monolith-hero__actions nbt-parallax\" data-speed=\"0.02\">\r\n\r\n            <a href=\"#\" class=\"nbt-monolith-btn nbt-monolith-btn--primary\">\r\n                \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"nbt-monolith-btn nbt-monolith-btn--ghost\">\r\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Metadata -->\r\n    <div class=\"nbt-monolith-meta\">\r\n        <span>\u00a9 NBT 2026<\/span>\r\n        <span class=\"nbt-monolith-meta__line\"><\/span>\r\n        <span>Luxury Interactive Systems<\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nFONTS\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');\r\n\r\n\/* =========================================================\r\nROOT\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero {\r\n\r\n    --nbt-bg: #040404;\r\n    --nbt-white: #ffffff;\r\n\r\n    --nbt-gold: #d4af37;\r\n    --nbt-gold-light: #f6df88;\r\n\r\n    --nbt-text: rgba(255,255,255,.72);\r\n    --nbt-border: rgba(255,255,255,.08);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 100vh;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background:\r\n    radial-gradient(circle at top,\r\n    rgba(212,175,55,.08),\r\n    transparent 30%),\r\n\r\n    radial-gradient(circle at bottom,\r\n    rgba(255,255,255,.03),\r\n    transparent 30%),\r\n\r\n    #040404;\r\n\r\n    direction: rtl;\r\n    font-family: 'Cairo', sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\nCANVAS\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__canvas {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================================\r\nGRID\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__grid {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background-image:\r\n    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);\r\n\r\n    background-size: 90px 90px;\r\n\r\n    mask-image:\r\n    radial-gradient(circle at center,\r\n    black 20%,\r\n    transparent 80%);\r\n}\r\n\r\n\/* =========================================================\r\nAMBIENT\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__ambient {\r\n\r\n    position: absolute;\r\n\r\n    width: 1200px;\r\n    height: 1200px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n    rgba(212,175,55,.08),\r\n    transparent 70%);\r\n\r\n    filter: blur(80px);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n.nbt-monolith-hero__spotlight {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n    radial-gradient(circle at center,\r\n    transparent 0%,\r\n    rgba(0,0,0,.4) 70%);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.nbt-monolith-hero__mouse-glow {\r\n\r\n    position: absolute;\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n    rgba(212,175,55,.16),\r\n    transparent 70%);\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 4;\r\n\r\n    transform: translate(-50%, -50%);\r\n\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* =========================================================\r\nMONOLITH\r\n========================================================= *\/\r\n\r\n.nbt-monolith {\r\n\r\n    position: absolute;\r\n\r\n    width: min(32vw, 420px);\r\n    height: min(70vh, 760px);\r\n\r\n    z-index: 3;\r\n\r\n    border-radius: 34px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n    180deg,\r\n    rgba(255,255,255,.08),\r\n    rgba(255,255,255,.01));\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n    blur(14px);\r\n\r\n    box-shadow:\r\n    0 40px 120px rgba(0,0,0,.6),\r\n    inset 0 1px 0 rgba(255,255,255,.08);\r\n\r\n    transform-style: preserve-3d;\r\n\r\n    animation:\r\n    nbtFloat 8s ease-in-out infinite;\r\n}\r\n\r\n\/* Glass Reflection *\/\r\n\r\n.nbt-monolith__glass {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    rgba(255,255,255,.08),\r\n    transparent 30%,\r\n    transparent 70%,\r\n    rgba(255,255,255,.03));\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\/* Shine Sweep *\/\r\n\r\n.nbt-monolith__shine {\r\n\r\n    position: absolute;\r\n\r\n    top: -30%;\r\n    left: -120%;\r\n\r\n    width: 80%;\r\n    height: 160%;\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.08),\r\n    transparent);\r\n\r\n    transform:\r\n    rotate(12deg);\r\n\r\n    animation:\r\n    nbtShine 8s linear infinite;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\/* Logo *\/\r\n\r\n.nbt-monolith__logo-wrap {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    z-index: 3;\r\n}\r\n\r\n.nbt-monolith__logo {\r\n\r\n    font-size: clamp(5rem, 12vw, 12rem);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: .8;\r\n\r\n    letter-spacing: -.08em;\r\n\r\n    background:\r\n    linear-gradient(\r\n    180deg,\r\n    rgba(255,255,255,.14),\r\n    rgba(212,175,55,.08),\r\n    rgba(255,255,255,.03));\r\n\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    filter:\r\n    drop-shadow(0 0 40px rgba(212,175,55,.15));\r\n\r\n    user-select: none;\r\n}\r\n\r\n\/* =========================================================\r\nCONTAINER\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    padding:\r\n    clamp(120px, 10vw, 180px)\r\n    30px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================================================\r\nBADGE\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__badge {\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 24px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n\r\n    color: var(--nbt-gold-light);\r\n\r\n    font-size: .82rem;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.nbt-monolith-hero__badge-dot {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--nbt-gold);\r\n\r\n    box-shadow:\r\n    0 0 12px var(--nbt-gold);\r\n\r\n    animation:\r\n    nbtPulse 2s infinite;\r\n}\r\n\r\n\/* =========================================================\r\nTITLE\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__title {\r\n    margin: 0;\r\n}\r\n\r\n.nbt-monolith-hero__line {\r\n\r\n    display: block;\r\n\r\n    font-size:\r\n    clamp(3rem, 8vw, 7rem);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: .9;\r\n\r\n    color: white;\r\n}\r\n\r\n.nbt-monolith-hero__line--stroke {\r\n\r\n    color: transparent;\r\n\r\n    -webkit-text-stroke:\r\n    1px rgba(255,255,255,.3);\r\n}\r\n\r\n.nbt-monolith-hero__line--gold {\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    var(--nbt-gold),\r\n    var(--nbt-gold-light));\r\n\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    text-shadow:\r\n    0 0 40px rgba(212,175,55,.2);\r\n}\r\n\r\n\/* =========================================================\r\nDESCRIPTION\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__desc {\r\n\r\n    max-width: 760px;\r\n\r\n    margin:\r\n    35px auto 55px;\r\n\r\n    color: var(--nbt-text);\r\n\r\n    font-size:\r\n    clamp(1rem, 2vw, 1.15rem);\r\n\r\n    line-height: 1.95;\r\n}\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.nbt-monolith-hero__actions {\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.nbt-monolith-btn {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 190px;\r\n\r\n    padding: 18px 36px;\r\n\r\n    border-radius: 16px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1),\r\n    background .45s,\r\n    box-shadow .45s;\r\n}\r\n\r\n.nbt-monolith-btn:hover {\r\n\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.02);\r\n}\r\n\r\n.nbt-monolith-btn--primary {\r\n\r\n    color: #000;\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    var(--nbt-gold),\r\n    var(--nbt-gold-light));\r\n\r\n    box-shadow:\r\n    0 15px 40px rgba(212,175,55,.22);\r\n}\r\n\r\n.nbt-monolith-btn--primary:hover {\r\n\r\n    box-shadow:\r\n    0 22px 55px rgba(212,175,55,.35);\r\n}\r\n\r\n.nbt-monolith-btn--ghost {\r\n\r\n    color: white;\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n}\r\n\r\n\/* =========================================================\r\nMETA\r\n========================================================= *\/\r\n\r\n.nbt-monolith-meta {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 30px;\r\n    left: 50%;\r\n\r\n    transform: translateX(-50%);\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n\r\n    color:\r\n    rgba(255,255,255,.28);\r\n\r\n    font-size: .72rem;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.nbt-monolith-meta__line {\r\n\r\n    width: 50px;\r\n    height: 1px;\r\n\r\n    background:\r\n    rgba(255,255,255,.1);\r\n}\r\n\r\n\/* =========================================================\r\nPARALLAX\r\n========================================================= *\/\r\n\r\n.nbt-parallax {\r\n    will-change: transform;\r\n}\r\n\r\n\/* =========================================================\r\nANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes nbtFloat {\r\n\r\n    0%,100% {\r\n        transform:\r\n        translateY(0px)\r\n        rotateX(0deg)\r\n        rotateY(0deg);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n        translateY(-12px)\r\n        rotateX(1deg)\r\n        rotateY(-1deg);\r\n    }\r\n}\r\n\r\n@keyframes nbtShine {\r\n\r\n    0% {\r\n        left: -120%;\r\n    }\r\n\r\n    100% {\r\n        left: 140%;\r\n    }\r\n}\r\n\r\n@keyframes nbtPulse {\r\n\r\n    0%,100% {\r\n        transform: scale(1);\r\n        opacity: 1;\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.5);\r\n        opacity: .5;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\nRESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 992px){\r\n\r\n    .nbt-monolith {\r\n        width: 260px;\r\n        height: 500px;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 768px){\r\n\r\n    .nbt-monolith {\r\n\r\n        width: 200px;\r\n        height: 380px;\r\n\r\n        opacity: .7;\r\n    }\r\n\r\n    .nbt-monolith-meta {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\"use strict\";\r\n\r\n\/* =========================================================\r\nELEMENTS\r\n========================================================= *\/\r\n\r\nconst hero = document.getElementById(\"nbtMonolithHero\");\r\n\r\nconst canvas =\r\ndocument.getElementById(\"nbtMonolithCanvas\");\r\n\r\nconst ctx =\r\ncanvas.getContext(\"2d\");\r\n\r\nconst glow =\r\ndocument.getElementById(\"nbtMonolithGlow\");\r\n\r\nconst monolith =\r\nhero.querySelector(\".nbt-monolith\");\r\n\r\nconst parallaxItems =\r\nhero.querySelectorAll(\".nbt-parallax\");\r\n\r\n\/* =========================================================\r\nSETUP\r\n========================================================= *\/\r\n\r\nlet w, h;\r\n\r\nlet particles = [];\r\n\r\nconst mouse = {\r\n    x: window.innerWidth \/ 2,\r\n    y: window.innerHeight \/ 2\r\n};\r\n\r\n\/* =========================================================\r\nPARTICLE\r\n========================================================= *\/\r\n\r\nclass Particle {\r\n\r\n    constructor(){\r\n        this.reset();\r\n    }\r\n\r\n    reset(){\r\n\r\n        this.x = Math.random() * w;\r\n        this.y = Math.random() * h;\r\n\r\n        this.vx = (Math.random() - .5) * .22;\r\n        this.vy = (Math.random() - .5) * .22;\r\n\r\n        this.radius =\r\n        Math.random() * 1.5 + .5;\r\n    }\r\n\r\n    update(){\r\n\r\n        this.x += this.vx;\r\n        this.y += this.vy;\r\n\r\n        if(this.x < 0) this.x = w;\r\n        if(this.x > w) this.x = 0;\r\n\r\n        if(this.y < 0) this.y = h;\r\n        if(this.y > h) this.y = 0;\r\n\r\n    }\r\n\r\n    draw(){\r\n\r\n        ctx.beginPath();\r\n\r\n        ctx.arc(\r\n            this.x,\r\n            this.y,\r\n            this.radius,\r\n            0,\r\n            Math.PI * 2\r\n        );\r\n\r\n        ctx.fillStyle =\r\n        \"rgba(255,255,255,.22)\";\r\n\r\n        ctx.fill();\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\nINIT\r\n========================================================= *\/\r\n\r\nfunction setup(){\r\n\r\n    w = canvas.width =\r\n    window.innerWidth;\r\n\r\n    h = canvas.height =\r\n    window.innerHeight;\r\n\r\n    particles = [];\r\n\r\n    const count =\r\n    window.innerWidth < 768 ? 50 : 120;\r\n\r\n    for(let i=0; i<count; i++){\r\n        particles.push(new Particle());\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\nLINES\r\n========================================================= *\/\r\n\r\nfunction connect(){\r\n\r\n    for(let a=0; a<particles.length; a++){\r\n\r\n        for(let b=a+1; b<particles.length; b++){\r\n\r\n            const dx =\r\n            particles[a].x -\r\n            particles[b].x;\r\n\r\n            const dy =\r\n            particles[a].y -\r\n            particles[b].y;\r\n\r\n            const dist =\r\n            Math.sqrt(dx*dx + dy*dy);\r\n\r\n            if(dist < 120){\r\n\r\n                ctx.strokeStyle =\r\n                `rgba(212,175,55,${\r\n                .08 * (1 - dist\/120)\r\n                })`;\r\n\r\n                ctx.lineWidth = .6;\r\n\r\n                ctx.beginPath();\r\n\r\n                ctx.moveTo(\r\n                    particles[a].x,\r\n                    particles[a].y\r\n                );\r\n\r\n                ctx.lineTo(\r\n                    particles[b].x,\r\n                    particles[b].y\r\n                );\r\n\r\n                ctx.stroke();\r\n\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n}\r\n\r\n\/* =========================================================\r\nRENDER\r\n========================================================= *\/\r\n\r\nfunction render(){\r\n\r\n    ctx.clearRect(0,0,w,h);\r\n\r\n    particles.forEach(p=>{\r\n        p.update();\r\n        p.draw();\r\n    });\r\n\r\n    connect();\r\n\r\n    requestAnimationFrame(render);\r\n\r\n}\r\n\r\n\/* =========================================================\r\nMAGNETIC GLOW\r\n========================================================= *\/\r\n\r\nlet gx = mouse.x;\r\nlet gy = mouse.y;\r\n\r\nfunction animateGlow(){\r\n\r\n    gx += (mouse.x - gx) * .08;\r\n    gy += (mouse.y - gy) * .08;\r\n\r\n    glow.style.left = `${gx}px`;\r\n    glow.style.top = `${gy}px`;\r\n\r\n    requestAnimationFrame(animateGlow);\r\n\r\n}\r\n\r\n\/* =========================================================\r\nMONOLITH TILT\r\n========================================================= *\/\r\n\r\nhero.addEventListener(\"mousemove\",(e)=>{\r\n\r\n    const rect =\r\n    hero.getBoundingClientRect();\r\n\r\n    mouse.x = e.clientX - rect.left;\r\n    mouse.y = e.clientY - rect.top;\r\n\r\n    const x =\r\n    (mouse.x \/ rect.width - .5) * 10;\r\n\r\n    const y =\r\n    (mouse.y \/ rect.height - .5) * -10;\r\n\r\n    monolith.style.transform =\r\n    `\r\n    rotateY(${x}deg)\r\n    rotateX(${y}deg)\r\n    translateY(-8px)\r\n    `;\r\n\r\n});\r\n\r\n\/* =========================================================\r\nPARALLAX\r\n========================================================= *\/\r\n\r\nwindow.addEventListener(\"scroll\", ()=>{\r\n\r\n    const scrollY = window.scrollY;\r\n\r\n    parallaxItems.forEach(el=>{\r\n\r\n        const speed =\r\n        parseFloat(el.dataset.speed || .03);\r\n\r\n        el.style.transform =\r\n        `translateY(${\r\n        scrollY * speed * -1\r\n        }px)`;\r\n\r\n    });\r\n\r\n});\r\n\r\n\/* =========================================================\r\nRESIZE\r\n========================================================= *\/\r\n\r\nwindow.addEventListener(\r\n\"resize\",\r\nsetup\r\n);\r\n\r\n\/* =========================================================\r\nBOOT\r\n========================================================= *\/\r\n\r\nsetup();\r\nrender();\r\nanimateGlow();\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119c49a premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"119c49a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- GSAP & Core Libraries -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n<section class=\"nbt-fracture-hero\">\r\n    <!-- 1. The Core Void (Black Background) -->\r\n    <div class=\"nbt-fracture__bg\"><\/div>\r\n\r\n    <!-- 2. Atmospheric Particles -->\r\n    <div class=\"nbt-fracture__dust js-nbt-dust\"><\/div>\r\n\r\n    <!-- 3. The Fracture Portal (Light Crack) -->\r\n    <div class=\"nbt-fracture__portal js-nbt-portal\">\r\n        <div class=\"nbt-fracture__light-beam\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- 4. Floating Glass Shards -->\r\n    <div class=\"nbt-fracture__glass-system\">\r\n        <div class=\"nbt-fracture__shard nbt-fracture__shard--1 js-nbt-shard\" data-depth=\"0.05\"><\/div>\r\n        <div class=\"nbt-fracture__shard nbt-fracture__shard--2 js-nbt-shard\" data-depth=\"0.1\"><\/div>\r\n        <div class=\"nbt-fracture__shard nbt-fracture__shard--3 js-nbt-shard\" data-depth=\"0.15\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- 5. Cinematic Content -->\r\n    <div class=\"nbt-fracture__content\">\r\n        <div class=\"nbt-fracture__text-wrap\">\r\n            <h1 class=\"nbt-fracture__title js-nbt-title\">\r\n                <span class=\"fragment\">NBT<\/span>\r\n                <span class=\"main\">\u0627\u0644\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u0646\u0643\u0633\u0631<\/span>\r\n            <\/h1>\r\n            <p class=\"nbt-fracture__subtitle js-nbt-sub\">\u062d\u064a\u062b \u062a\u0646\u062a\u0647\u064a \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0628\u062f\u0623 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629.<\/p>\r\n            <div class=\"nbt-fracture__actions js-nbt-actions\">\r\n               <div class=\"nbt-fracture__actions js-nbt-actions\">\r\n    <!-- Primary Action: Liquid Gold Style -->\r\n    <a href=\"#\" class=\"nbt-btn nbt-btn--primary\">\r\n        <span class=\"nbt-btn__glimmer\"><\/span>\r\n        <span class=\"nbt-btn__text\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0628\u0648\u0627\u0628\u0629<\/span>\r\n        <span class=\"nbt-btn__border\"><\/span>\r\n    <\/a>\r\n\r\n    <!-- Secondary Action: Ghost Glass Style -->\r\n    <a href=\"#\" class=\"nbt-btn nbt-btn--outline\">\r\n        <span class=\"nbt-btn__text\">\u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u064a\u0644\u0629<\/span>\r\n        <span class=\"nbt-btn__border\"><\/span>\r\n    <\/a>\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n:root {\r\n    --nbt-black: #000000;\r\n    --nbt-gold: #c5a35d;\r\n    --nbt-gold-glow: rgba(197, 163, 93, 0.4);\r\n    --nbt-cyan-subtle: rgba(0, 255, 255, 0.05);\r\n    --nbt-white: #ffffff;\r\n    --nbt-font-ar: 'Cairo', sans-serif;\r\n    --nbt-ease: cubic-bezier(0.2, 0, 0, 1);\r\n}\r\n\r\n.nbt-fracture-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    background: var(--nbt-black);\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    perspective: 1500px;\r\n}\r\n\r\n\/* Background Layers *\/\r\n.nbt-fracture__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at center, #0a0a0a 0%, #000 100%);\r\n    z-index: 1;\r\n}\r\n\r\n\/* The Fracture Light (The Portal) *\/\r\n.nbt-fracture__portal {\r\n    position: absolute;\r\n    width: 2px; \/* Starts as a thin line *\/\r\n    height: 100%;\r\n    background: var(--nbt-gold);\r\n    box-shadow: 0 0 50px var(--nbt-gold), 0 0 100px var(--nbt-gold);\r\n    z-index: 2;\r\n    opacity: 0;\r\n    transform: scaleY(0);\r\n}\r\n\r\n.nbt-fracture__light-beam {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, transparent, var(--nbt-gold), transparent);\r\n    filter: blur(15px);\r\n}\r\n\r\n\/* Glass Shards System *\/\r\n.nbt-fracture__glass-system {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n}\r\n\r\n.nbt-fracture__shard {\r\n    position: absolute;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(197, 163, 93, 0.15);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: 4px;\r\n    opacity: 0;\r\n}\r\n\r\n.nbt-fracture__shard--1 { width: 40vw; height: 60vh; top: 10%; left: -10%; transform: rotate(-15deg) translateZ(100px); }\r\n.nbt-fracture__shard--2 { width: 30vw; height: 50vh; bottom: 5%; right: -5%; transform: rotate(10deg) translateZ(200px); }\r\n.nbt-fracture__shard--3 { width: 25vw; height: 40vh; top: 20%; right: 15%; transform: rotate(-5deg) translateZ(50px); }\r\n\r\n\/* Typography *\/\r\n.nbt-fracture__content {\r\n    position: relative;\r\n    z-index: 10;\r\n    text-align: center;\r\n    color: var(--nbt-white);\r\n    max-width: 900px;\r\n    padding: 0 30px;\r\n}\r\n\r\n.nbt-fracture__title {\r\n    font-family: var(--nbt-font-ar);\r\n    font-size: clamp(3rem, 10vw, 6rem);\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    font-weight: 900;\r\n}\r\n\r\n.nbt-fracture__title .fragment {\r\n    display: block;\r\n    font-size: 0.3em;\r\n    letter-spacing: 15px;\r\n    color: var(--nbt-gold);\r\n    margin-bottom: 10px;\r\n    opacity: 0;\r\n}\r\n\r\n.nbt-fracture__title .main {\r\n    display: inline-block;\r\n    background: linear-gradient(to bottom, #fff, #888);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n}\r\n\r\n.nbt-fracture__subtitle {\r\n    font-family: var(--nbt-font-ar);\r\n    font-size: 1.2rem;\r\n    color: rgba(255,255,255,0.6);\r\n    margin-bottom: 40px;\r\n    opacity: 0;\r\n    direction: rtl;\r\n}\r\n\r\n.nbt-fracture__actions {\r\n    display: flex;\r\n    gap: 25px;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    perspective: 1000px;\r\n}\r\n\r\n.nbt-btn {\r\n    position: relative;\r\n    padding: 16px 42px;\r\n    border-radius: 4px; \/* Sharp premium edges or slightly rounded *\/\r\n    text-decoration: none;\r\n    font-family: var(--nbt-font-ar);\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    letter-spacing: 0.5px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\r\n    isolation: isolate;\r\n}\r\n\r\n\/* --- Primary Button: The Gold Fracture --- *\/\r\n.nbt-btn--primary {\r\n    background: rgba(197, 163, 93, 0.1);\r\n    color: #fff;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n\/* Border Animation Effect *\/\r\n.nbt-btn__border {\r\n    position: absolute;\r\n    inset: 0;\r\n    padding: 1px; \/* Border thickness *\/\r\n    background: linear-gradient(90deg, \r\n                transparent, \r\n                var(--nbt-gold), \r\n                transparent);\r\n    background-size: 200% 100%;\r\n    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    mask-composite: exclude;\r\n    -webkit-mask-composite: destination-out;\r\n    transition: 0.5s;\r\n}\r\n\r\n\/* Glimmer\/Sheen effect that moves across the button *\/\r\n.nbt-btn__glimmer {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        120deg,\r\n        transparent,\r\n        rgba(255, 255, 255, 0.2),\r\n        transparent\r\n    );\r\n    transform: translateX(-100%);\r\n    transition: 0.6s;\r\n}\r\n\r\n.nbt-btn--primary:hover {\r\n    background: var(--nbt-gold);\r\n    color: var(--nbt-black);\r\n    box-shadow: 0 0 30px var(--nbt-gold-glow);\r\n    transform: translateY(-3px) scale(1.02);\r\n}\r\n\r\n.nbt-btn--primary:hover .nbt-btn__glimmer {\r\n    transform: translateX(100%);\r\n}\r\n\r\n.nbt-btn--primary:hover .nbt-btn__border {\r\n    background-position: 100% 0;\r\n}\r\n\r\n\/* --- Outline Button: The Ghost Glass --- *\/\r\n.nbt-btn--outline {\r\n    background: rgba(255, 255, 255, 0.03);\r\n    color: rgba(255, 255, 255, 0.8);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    backdrop-filter: blur(5px);\r\n}\r\n\r\n.nbt-btn--outline:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.5);\r\n    color: #fff;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Text Protection *\/\r\n.nbt-btn__text {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Adaptive for Mobile *\/\r\n@media (max-width: 768px) {\r\n    .nbt-fracture__actions {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 15px;\r\n    }\r\n    .nbt-btn {\r\n        width: 100%;\r\n        max-width: 280px;\r\n    }\r\n}\r\n\r\n\/* Atmospheric Particles *\/\r\n.nbt-fracture__dust {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: \r\n        radial-gradient(1px 1px at 20px 30px, #fff, rgba(0,0,0,0)),\r\n        radial-gradient(1px 1px at 40px 70px, var(--nbt-gold), rgba(0,0,0,0)),\r\n        radial-gradient(2px 2px at 150px 150px, #fff, rgba(0,0,0,0));\r\n    background-size: 300px 300px;\r\n    opacity: 0.1;\r\n    z-index: 1;\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const tl = gsap.timeline({ defaults: { ease: \"expo.out\" } });\r\n    \r\n\r\n    \/\/ 1. Initial Silence to Line Appearance\r\n    tl.to(\".js-nbt-portal\", {\r\n        opacity: 1,\r\n        scaleY: 1,\r\n        duration: 1.5,\r\n        delay: 0.5\r\n    })\r\n    \/\/ 2. The Fracture Event (Line Widens & Shards appear)\r\n    .to(\".js-nbt-portal\", {\r\n        width: \"100%\",\r\n        opacity: 0.05,\r\n        duration: 2,\r\n        ease: \"power4.inOut\"\r\n    }, \"-=0.5\")\r\n    .to(\".js-nbt-shard\", {\r\n        opacity: 1,\r\n        stagger: 0.2,\r\n        duration: 2,\r\n        x: (i) => (i % 2 === 0 ? 50 : -50),\r\n        y: (i) => (i % 2 === 0 ? -30 : 30),\r\n    }, \"-=1.5\")\r\n    \/\/ 3. Text Manifestation\r\n    .to(\".nbt-fracture__title .fragment\", {\r\n        opacity: 1,\r\n        letterSpacing: \"8px\",\r\n        duration: 1.5\r\n    }, \"-=1.5\")\r\n    .to(\".nbt-fracture__title .main\", {\r\n        opacity: 1,\r\n        y: 0,\r\n        duration: 1.5\r\n    }, \"-=1.2\")\r\n    .to(\".js-nbt-sub, .js-nbt-actions\", {\r\n        opacity: 1,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        duration: 1\r\n    }, \"-=1\");\r\n\r\n    \/\/ Interactive 3D Parallax on Mouse Move\r\n    document.addEventListener(\"mousemove\", (e) => {\r\n        const { clientX, clientY } = e;\r\n        const xPos = (clientX \/ window.innerWidth - 0.5);\r\n        const yPos = (clientY \/ window.innerHeight - 0.5);\r\n\r\n        \/\/ Move Glass Shards based on depth\r\n        gsap.to(\".js-nbt-shard\", {\r\n            duration: 1.5,\r\n            x: function() { return xPos * (parseFloat(this.dataset.depth) * 1000); },\r\n            y: function() { return yPos * (parseFloat(this.dataset.depth) * 1000); },\r\n            rotateX: yPos * 10,\r\n            rotateY: xPos * 10,\r\n            ease: \"power2.out\"\r\n        });\r\n\r\n        \/\/ Subtle Tilt for Content\r\n        gsap.to(\".nbt-fracture__content\", {\r\n            duration: 1,\r\n            x: xPos * 30,\r\n            y: yPos * 30,\r\n            ease: \"power2.out\"\r\n        });\r\n        \r\n        \/\/ Dynamic Glow following Mouse\r\n        gsap.to(\".nbt-fracture__bg\", {\r\n            duration: 2,\r\n            background: `radial-gradient(circle at ${clientX}px ${clientY}px, #111 0%, #000 70%)`,\r\n            ease: \"power2.out\"\r\n        });\r\n    });\r\n\r\n    \/\/ Slow Floating Animation for Shards\r\n    gsap.to(\".js-nbt-shard\", {\r\n        y: \"+=20\",\r\n        duration: 3,\r\n        repeat: -1,\r\n        yoyo: true,\r\n        ease: \"sine.inOut\",\r\n        stagger: {\r\n            each: 0.5,\r\n            from: \"random\"\r\n        }\r\n    });\r\n});\r\n\/\/ Magnetic Button Effect for High-End UX\r\ndocument.querySelectorAll('.nbt-btn').forEach(btn => {\r\n    btn.addEventListener('mousemove', (e) => {\r\n        const rect = btn.getBoundingClientRect();\r\n        const x = e.clientX - rect.left - rect.width \/ 2;\r\n        const y = e.clientY - rect.top - rect.height \/ 2;\r\n\r\n        gsap.to(btn, {\r\n            duration: 0.3,\r\n            x: x * 0.2,\r\n            y: y * 0.2,\r\n            rotateX: -y * 0.1,\r\n            rotateY: x * 0.1,\r\n            ease: \"power2.out\"\r\n        });\r\n        \r\n        gsap.to(btn.querySelector('.nbt-btn__text'), {\r\n            duration: 0.3,\r\n            x: x * 0.1,\r\n            y: y * 0.1,\r\n            ease: \"power2.out\"\r\n        });\r\n    });\r\n\r\n    btn.addEventListener('mouseleave', () => {\r\n        gsap.to(btn, {\r\n            duration: 0.5,\r\n            x: 0,\r\n            y: 0,\r\n            rotateX: 0,\r\n            rotateY: 0,\r\n            ease: \"elastic.out(1, 0.3)\"\r\n        });\r\n        gsap.to(btn.querySelector('.nbt-btn__text'), {\r\n            duration: 0.5,\r\n            x: 0,\r\n            y: 0,\r\n            ease: \"elastic.out(1, 0.3)\"\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c0495 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"41c0495\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nNBT \u2014 DIGITAL MONOLITH v2\r\nAward-Level Cinematic Hero\r\nThree.js + GSAP\r\n========================================================= -->\r\n\r\n<div class=\"nbt-v2-hero\" id=\"nbtHero\">\r\n\r\n    <!-- WebGL -->\r\n    <div id=\"nbt-webgl\"><\/div>\r\n\r\n    <!-- Atmosphere -->\r\n    <div class=\"nbt-v2-fog\"><\/div>\r\n    <div class=\"nbt-v2-vignette\"><\/div>\r\n    <div class=\"nbt-v2-noise\"><\/div>\r\n\r\n    <!-- Floating Depth Layers -->\r\n    <div class=\"nbt-depth nbt-depth-1\"><\/div>\r\n    <div class=\"nbt-depth nbt-depth-2\"><\/div>\r\n\r\n    <!-- Interface -->\r\n    <div class=\"nbt-v2-overlay\">\r\n\r\n        <div class=\"nbt-v2-content\">\r\n\r\n            <div class=\"nbt-v2-badge\">\r\n                <span class=\"nbt-v2-dot\"><\/span>\r\n                NBT \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\r\n            <\/div>\r\n\r\n            <h1 class=\"nbt-v2-title\">\r\n\r\n                <span class=\"nbt-v2-line\">\r\n                    <span>\u0646\u0635\u0645\u0645 <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"nbt-v2-line\">\r\n                    <span>\u0648\u0627\u0642\u0639\u0627 \u0631\u0642\u0645\u064a\u0627<\/span>\r\n                <\/span>\r\n\r\n                <span class=\"nbt-v2-line nbt-v2-line-gold\">\r\n                    <span>\u0644\u0627 \u062d\u062f\u0648\u062f \u0644\u0647<\/span>\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n            <p class=\"nbt-v2-desc\">\r\n                \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646\r\n                \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629\r\n                \u0644\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.\r\n            <\/p>\r\n\r\n            <div class=\"nbt-v2-actions\">\r\n\r\n                <a href=\"#\" class=\"nbt-v2-btn nbt-v2-btn-primary\">\r\n                    ENTER THE CORE\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"nbt-v2-btn nbt-v2-btn-ghost\">\r\n                    EXPLORE\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =========================================================\r\nLIBRARIES\r\n========================================================= -->\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/three.js\/0.160.0\/three.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nFONTS\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\/* =========================================================\r\nROOT\r\n========================================================= *\/\r\n\r\n.nbt-v2-hero {\r\n\r\n    --nbt-black: #020202;\r\n    --nbt-white: #ffffff;\r\n\r\n    --nbt-gold: #d4af37;\r\n    --nbt-gold-light: #ffe082;\r\n\r\n    --nbt-cyan: #79f7ff;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 100vh;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #020202;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\nWEBGL\r\n========================================================= *\/\r\n\r\n#nbt-webgl {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================================\r\nATMOSPHERE\r\n========================================================= *\/\r\n\r\n.nbt-v2-fog {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n    radial-gradient(circle at 50% 50%,\r\n    rgba(212,175,55,.08),\r\n    transparent 60%);\r\n\r\n    filter: blur(80px);\r\n\r\n    z-index: 2;\r\n}\r\n\r\n.nbt-v2-vignette {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background:\r\n    radial-gradient(circle at center,\r\n    transparent 35%,\r\n    rgba(0,0,0,.82) 100%);\r\n\r\n    z-index: 5;\r\n}\r\n\r\n.nbt-v2-noise {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    background-image:\r\n    url('https:\/\/grainy-gradients.vercel.app\/noise.svg');\r\n\r\n    opacity: .04;\r\n\r\n    mix-blend-mode: soft-light;\r\n\r\n    z-index: 6;\r\n}\r\n\r\n\/* =========================================================\r\nDEPTH LAYERS\r\n========================================================= *\/\r\n\r\n.nbt-depth {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(120px);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n.nbt-depth-1 {\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    top: -120px;\r\n    left: -100px;\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n\r\n    animation:\r\n    nbtFloat 18s ease-in-out infinite;\r\n}\r\n\r\n.nbt-depth-2 {\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    bottom: -100px;\r\n    right: -80px;\r\n\r\n    background:\r\n    rgba(212,175,55,.05);\r\n\r\n    animation:\r\n    nbtFloat 14s ease-in-out infinite reverse;\r\n}\r\n\r\n\/* =========================================================\r\nOVERLAY\r\n========================================================= *\/\r\n\r\n.nbt-v2-overlay {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n\r\n    padding: 30px;\r\n}\r\n\r\n.nbt-v2-content {\r\n\r\n    width: 100%;\r\n    max-width: 1000px;\r\n}\r\n\r\n\/* =========================================================\r\nBADGE\r\n========================================================= *\/\r\n\r\n.nbt-v2-badge {\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 22px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n\r\n    color:\r\n    var(--nbt-gold-light);\r\n\r\n    font-size: .78rem;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .24em;\r\n\r\n    margin-bottom: 40px;\r\n\r\n    opacity: 0;\r\n}\r\n\r\n.nbt-v2-dot {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    var(--nbt-gold);\r\n\r\n    box-shadow:\r\n    0 0 14px var(--nbt-gold);\r\n\r\n    animation:\r\n    nbtPulse 2s infinite;\r\n}\r\n\r\n\/* =========================================================\r\nTITLE\r\n========================================================= *\/\r\n\r\n.nbt-v2-title {\r\n\r\n    margin: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 6px;\r\n}\r\n\r\n.nbt-v2-line {\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.nbt-v2-line span {\r\n\r\n    display: inline-block;\r\n\r\n    font-size:\r\n    clamp(3.5rem, 11vw, 8rem);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: .9;\r\n\r\n    letter-spacing: -.04em;\r\n\r\n    color: white;\r\n\r\n    transform:\r\n    translateY(120%);\r\n\r\n    opacity: 0;\r\n\r\n    position: relative;\r\n}\r\n\r\n.nbt-v2-line span::after {\r\n\r\n    content: '';\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: -120%;\r\n\r\n    width: 70%;\r\n    height: 100%;\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.18),\r\n    transparent);\r\n\r\n    transform:\r\n    skewX(-20deg);\r\n\r\n    animation:\r\n    nbtSweep 4s linear infinite;\r\n}\r\n\r\n.nbt-v2-line-gold span {\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    var(--nbt-gold),\r\n    var(--nbt-gold-light));\r\n\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    text-shadow:\r\n    0 0 40px rgba(212,175,55,.15);\r\n}\r\n\r\n\/* =========================================================\r\nDESCRIPTION\r\n========================================================= *\/\r\n\r\n.nbt-v2-desc {\r\n\r\n    max-width: 700px;\r\n\r\n    margin:\r\n    35px auto 50px;\r\n\r\n    font-size:\r\n    clamp(1rem,2vw,1.15rem);\r\n\r\n    line-height: 1.9;\r\n\r\n    color:\r\n    rgba(255,255,255,.62);\r\n\r\n    direction: rtl;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n    translateY(30px);\r\n}\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.nbt-v2-actions {\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    opacity: 0;\r\n}\r\n\r\n.nbt-v2-btn {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 190px;\r\n\r\n    padding: 18px 34px;\r\n\r\n    border-radius: 18px;\r\n\r\n    text-decoration: none;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .45s,\r\n    background .45s;\r\n\r\n    font-size: .82rem;\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .18em;\r\n}\r\n\r\n.nbt-v2-btn:hover {\r\n\r\n    transform:\r\n    translateY(-6px);\r\n}\r\n\r\n.nbt-v2-btn-primary {\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    var(--nbt-gold),\r\n    var(--nbt-gold-light));\r\n\r\n    color: #000;\r\n\r\n    box-shadow:\r\n    0 18px 40px rgba(212,175,55,.2);\r\n}\r\n\r\n.nbt-v2-btn-ghost {\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    color: white;\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n}\r\n\r\n\/* =========================================================\r\nANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes nbtPulse {\r\n\r\n    0%,100% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.4);\r\n    }\r\n}\r\n\r\n@keyframes nbtFloat {\r\n\r\n    0%,100% {\r\n\r\n        transform:\r\n        translateY(0px)\r\n        translateX(0px);\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n        translateY(30px)\r\n        translateX(20px);\r\n    }\r\n}\r\n\r\n@keyframes nbtSweep {\r\n\r\n    0% {\r\n        left: -120%;\r\n    }\r\n\r\n    100% {\r\n        left: 120%;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\nRESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .nbt-v2-actions {\r\n\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\nclass NBTMonolithV2 {\r\n\r\n    constructor(){\r\n\r\n        this.container =\r\n        document.getElementById('nbt-webgl');\r\n\r\n        this.scene =\r\n        new THREE.Scene();\r\n\r\n        this.mouse =\r\n        new THREE.Vector2();\r\n\r\n        this.target =\r\n        new THREE.Vector2();\r\n\r\n        this.clock =\r\n        new THREE.Clock();\r\n\r\n        this.init();\r\n\r\n        this.createMonolith();\r\n\r\n        this.createLights();\r\n\r\n        this.createParticles();\r\n\r\n        this.animate();\r\n\r\n        this.intro();\r\n\r\n        this.events();\r\n    }\r\n\r\n    init(){\r\n\r\n        this.camera =\r\n        new THREE.PerspectiveCamera(\r\n            45,\r\n            window.innerWidth \/ window.innerHeight,\r\n            0.1,\r\n            1000\r\n        );\r\n\r\n        this.camera.position.z = 7;\r\n\r\n        this.renderer =\r\n        new THREE.WebGLRenderer({\r\n            antialias: true,\r\n            alpha: true\r\n        });\r\n\r\n        this.renderer.setSize(\r\n            window.innerWidth,\r\n            window.innerHeight\r\n        );\r\n\r\n        this.renderer.setPixelRatio(\r\n            Math.min(window.devicePixelRatio,2)\r\n        );\r\n\r\n        this.container.appendChild(\r\n            this.renderer.domElement\r\n        );\r\n    }\r\n\r\n    createMonolith(){\r\n\r\n        this.group =\r\n        new THREE.Group();\r\n\r\n        \/* Main Body *\/\r\n\r\n        const geo =\r\n        new THREE.BoxGeometry(1.7,4,0.45);\r\n\r\n        const mat =\r\n        new THREE.MeshPhysicalMaterial({\r\n\r\n            color: 0x050505,\r\n\r\n            metalness: 1,\r\n\r\n            roughness: 0.12,\r\n\r\n            clearcoat: 1,\r\n\r\n            clearcoatRoughness: 0,\r\n\r\n            reflectivity: 1\r\n        });\r\n\r\n        this.monolith =\r\n        new THREE.Mesh(geo,mat);\r\n\r\n        this.group.add(this.monolith);\r\n\r\n        \/* Inner Core *\/\r\n\r\n        const innerGeo =\r\n        new THREE.BoxGeometry(1.3,3.6,0.2);\r\n\r\n        const innerMat =\r\n        new THREE.MeshBasicMaterial({\r\n\r\n            color: 0xd4af37,\r\n\r\n            transparent: true,\r\n\r\n            opacity: .08\r\n        });\r\n\r\n        this.innerCore =\r\n        new THREE.Mesh(innerGeo,innerMat);\r\n\r\n        this.group.add(this.innerCore);\r\n\r\n        \/* Edges *\/\r\n\r\n        const edges =\r\n        new THREE.EdgesGeometry(geo);\r\n\r\n        const line =\r\n        new THREE.LineSegments(\r\n\r\n            edges,\r\n\r\n            new THREE.LineBasicMaterial({\r\n\r\n                color: 0xd4af37,\r\n\r\n                transparent: true,\r\n\r\n                opacity: .18\r\n            })\r\n        );\r\n\r\n        this.group.add(line);\r\n\r\n        this.scene.add(this.group);\r\n    }\r\n\r\n    createLights(){\r\n\r\n        const ambient =\r\n        new THREE.AmbientLight(\r\n            0xffffff,\r\n            .08\r\n        );\r\n\r\n        this.scene.add(ambient);\r\n\r\n        this.goldLight =\r\n        new THREE.PointLight(\r\n            0xd4af37,\r\n            20,\r\n            20\r\n        );\r\n\r\n        this.goldLight.position.set(\r\n            2,\r\n            2,\r\n            4\r\n        );\r\n\r\n        this.scene.add(this.goldLight);\r\n\r\n        this.cyanLight =\r\n        new THREE.PointLight(\r\n            0x79f7ff,\r\n            8,\r\n            18\r\n        );\r\n\r\n        this.cyanLight.position.set(\r\n            -3,\r\n            -2,\r\n            4\r\n        );\r\n\r\n        this.scene.add(this.cyanLight);\r\n    }\r\n\r\n    createParticles(){\r\n\r\n        const count = 1000;\r\n\r\n        const geo =\r\n        new THREE.BufferGeometry();\r\n\r\n        const pos =\r\n        new Float32Array(count * 3);\r\n\r\n        for(let i=0; i<count*3; i++){\r\n\r\n            pos[i] =\r\n            (Math.random() - .5) * 18;\r\n        }\r\n\r\n        geo.setAttribute(\r\n            'position',\r\n            new THREE.BufferAttribute(pos,3)\r\n        );\r\n\r\n        const mat =\r\n        new THREE.PointsMaterial({\r\n\r\n            color: 0xffffff,\r\n\r\n            size: .015,\r\n\r\n            transparent: true,\r\n\r\n            opacity: .15\r\n        });\r\n\r\n        this.particles =\r\n        new THREE.Points(geo,mat);\r\n\r\n        this.scene.add(this.particles);\r\n    }\r\n\r\n    intro(){\r\n\r\n        const tl =\r\n        gsap.timeline();\r\n\r\n        tl.to('.nbt-v2-badge',{\r\n\r\n            opacity:1,\r\n            duration:1\r\n\r\n        });\r\n\r\n        tl.to('.nbt-v2-line span',{\r\n\r\n            y:0,\r\n            opacity:1,\r\n\r\n            stagger:.18,\r\n\r\n            duration:1.6,\r\n\r\n            ease:'power4.out'\r\n\r\n        },'-=.5');\r\n\r\n        tl.to('.nbt-v2-desc',{\r\n\r\n            opacity:1,\r\n            y:0,\r\n            duration:1\r\n\r\n        },'-=1');\r\n\r\n        tl.to('.nbt-v2-actions',{\r\n\r\n            opacity:1,\r\n            duration:1\r\n\r\n        },'-=.6');\r\n\r\n    }\r\n\r\n    events(){\r\n\r\n        window.addEventListener(\r\n            'mousemove',\r\n            e=>{\r\n\r\n                this.target.x =\r\n                (e.clientX \/ window.innerWidth - .5) * 2;\r\n\r\n                this.target.y =\r\n                -(e.clientY \/ window.innerHeight - .5) * 2;\r\n            }\r\n        );\r\n\r\n        window.addEventListener(\r\n            'resize',\r\n            ()=>{\r\n\r\n                this.camera.aspect =\r\n                window.innerWidth \/ window.innerHeight;\r\n\r\n                this.camera.updateProjectionMatrix();\r\n\r\n                this.renderer.setSize(\r\n                    window.innerWidth,\r\n                    window.innerHeight\r\n                );\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    animate(){\r\n\r\n        requestAnimationFrame(\r\n            this.animate.bind(this)\r\n        );\r\n\r\n        this.mouse.x +=\r\n        (this.target.x - this.mouse.x) * .04;\r\n\r\n        this.mouse.y +=\r\n        (this.target.y - this.mouse.y) * .04;\r\n\r\n        const t =\r\n        this.clock.getElapsedTime();\r\n\r\n        \/* Monolith Motion *\/\r\n\r\n        this.group.rotation.y =\r\n        this.mouse.x * .25;\r\n\r\n        this.group.rotation.x =\r\n        -this.mouse.y * .12;\r\n\r\n        this.group.rotation.z =\r\n        Math.sin(t * .4) * .03;\r\n\r\n        \/* Floating *\/\r\n\r\n        this.group.position.y =\r\n        Math.sin(t * .8) * .08;\r\n\r\n        \/* Inner Pulse *\/\r\n\r\n        this.innerCore.material.opacity =\r\n        .05 + Math.sin(t * 2) * .03;\r\n\r\n        \/* Light Motion *\/\r\n\r\n        this.goldLight.position.x =\r\n        this.mouse.x * 4;\r\n\r\n        this.goldLight.position.y =\r\n        this.mouse.y * 3;\r\n\r\n        \/* Particles *\/\r\n\r\n        this.particles.rotation.y += .0005;\r\n\r\n        this.renderer.render(\r\n            this.scene,\r\n            this.camera\r\n        );\r\n    }\r\n\r\n}\r\n\r\nnew NBTMonolithV2();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca9f767 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"ca9f767\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nNBT \u2014 REALITY FRACTURE HERO\r\nUltra Cinematic Experimental Hero\r\nElementor \/ WordPress Ready\r\n========================================================= -->\r\n\r\n<section class=\"rf-hero\" id=\"rfHero\">\r\n\r\n    <!-- Canvas Atmosphere -->\r\n    <canvas class=\"rf-hero__canvas\" id=\"rfCanvas\"><\/canvas>\r\n\r\n    <!-- Ambient -->\r\n    <div class=\"rf-hero__ambient\"><\/div>\r\n    <div class=\"rf-hero__noise\"><\/div>\r\n\r\n    <!-- Fracture Core -->\r\n    <div class=\"rf-fracture\">\r\n\r\n        <div class=\"rf-fracture__beam\"><\/div>\r\n\r\n        <div class=\"rf-fracture__glass rf-fracture__glass--1\"><\/div>\r\n        <div class=\"rf-fracture__glass rf-fracture__glass--2\"><\/div>\r\n        <div class=\"rf-fracture__glass rf-fracture__glass--3\"><\/div>\r\n\r\n        <div class=\"rf-fracture__glow\"><\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Main Content -->\r\n    <div class=\"rf-hero__container\">\r\n\r\n        <div class=\"rf-hero__badge\">\r\n            <span class=\"rf-hero__badge-dot\"><\/span>\r\n            DIGITAL REALITY ENGINEERING\r\n        <\/div>\r\n\r\n        <h1 class=\"rf-hero__title\">\r\n\r\n            <span class=\"rf-word rf-word--1\">\r\n                \u0646\u0635\u0645\u0645\r\n            <\/span>\r\n\r\n            <span class=\"rf-word rf-word--2\">\r\n                \u0648\u0627\u0642\u0639\u064b\u0627\r\n            <\/span>\r\n\r\n            <span class=\"rf-word rf-word--gold\">\r\n                \u0631\u0642\u0645\u064a\u064b\u0627 \u062c\u062f\u064a\u062f\u064b\u0627\r\n            <\/span>\r\n\r\n        <\/h1>\r\n\r\n        <p class=\"rf-hero__desc\">\r\n            \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646\r\n            \u0627\u0644\u0625\u062e\u0631\u0627\u062c \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u060c \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c\r\n            \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0630\u0643\u064a \u0644\u0635\u0646\u0627\u0639\u0629 \u062d\u0636\u0648\u0631 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a.\r\n        <\/p>\r\n\r\n        <div class=\"rf-hero__actions\">\r\n\r\n            <a href=\"#\" class=\"rf-btn rf-btn--primary\">\r\n                \u0627\u0628\u062f\u0623 \u0627\u0644\u0631\u062d\u0644\u0629\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"rf-btn rf-btn--ghost\">\r\n                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0639\u0627\u0644\u0645\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Bottom Metadata -->\r\n    <div class=\"rf-meta\">\r\n        <span>\u00a9 NBT<\/span>\r\n        <span class=\"rf-meta__line\"><\/span>\r\n        <span>Reality Fracture System<\/span>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\nFONTS\r\n========================================================= *\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap');\r\n\r\n\/* =========================================================\r\nROOT\r\n========================================================= *\/\r\n\r\n.rf-hero {\r\n\r\n    --rf-bg: #030303;\r\n    --rf-white: #ffffff;\r\n\r\n    --rf-gold: #d4af37;\r\n    --rf-gold-light: #f5df88;\r\n\r\n    --rf-cyan: #7ff7ff;\r\n\r\n    --rf-text:\r\n    rgba(255,255,255,.68);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 100vh;\r\n\r\n    overflow: hidden;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background:\r\n    radial-gradient(circle at center,\r\n    rgba(255,255,255,.02),\r\n    transparent 60%),\r\n\r\n    #030303;\r\n\r\n    direction: rtl;\r\n\r\n    font-family: 'Cairo', sans-serif;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\nATMOSPHERE\r\n========================================================= *\/\r\n\r\n.rf-hero__ambient {\r\n\r\n    position: absolute;\r\n\r\n    width: 1400px;\r\n    height: 1400px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n    rgba(212,175,55,.05),\r\n    transparent 70%);\r\n\r\n    filter: blur(120px);\r\n\r\n    z-index: 1;\r\n}\r\n\r\n.rf-hero__noise {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    opacity: .035;\r\n\r\n    background-image:\r\n    url('https:\/\/www.transparenttextures.com\/patterns\/asfalt-dark.png');\r\n\r\n    mix-blend-mode: soft-light;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================================\r\nCANVAS\r\n========================================================= *\/\r\n\r\n.rf-hero__canvas {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    z-index: 2;\r\n}\r\n\r\n\/* =========================================================\r\nFRACTURE\r\n========================================================= *\/\r\n\r\n.rf-fracture {\r\n\r\n    position: absolute;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\/* =========================================================\r\nBEAM\r\n========================================================= *\/\r\n\r\n.rf-fracture__beam {\r\n\r\n    position: absolute;\r\n\r\n    width: 2px;\r\n    height: 0%;\r\n\r\n    background:\r\n    linear-gradient(\r\n    to bottom,\r\n\r\n    transparent,\r\n\r\n    rgba(255,255,255,.95),\r\n\r\n    rgba(212,175,55,.9),\r\n\r\n    rgba(127,247,255,.6),\r\n\r\n    transparent\r\n    );\r\n\r\n    box-shadow:\r\n    0 0 30px rgba(255,255,255,.4),\r\n    0 0 80px rgba(212,175,55,.25),\r\n    0 0 160px rgba(127,247,255,.12);\r\n\r\n    animation:\r\n    rfBeamReveal 2.4s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n\/* =========================================================\r\nGLASS SHARDS\r\n========================================================= *\/\r\n\r\n.rf-fracture__glass {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 40px;\r\n\r\n    background:\r\n    linear-gradient(\r\n    180deg,\r\n    rgba(255,255,255,.06),\r\n    rgba(255,255,255,.01));\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n    blur(18px);\r\n\r\n    box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,.06),\r\n    0 40px 80px rgba(0,0,0,.4);\r\n\r\n    opacity: 0;\r\n\r\n    transform-style: preserve-3d;\r\n}\r\n\r\n\/* shard 1 *\/\r\n\r\n.rf-fracture__glass--1 {\r\n\r\n    width: 320px;\r\n    height: 620px;\r\n\r\n    transform:\r\n    translateX(-120px)\r\n    rotate(-12deg)\r\n    scale(.8);\r\n\r\n    animation:\r\n    rfGlassOne 2.2s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n\/* shard 2 *\/\r\n\r\n.rf-fracture__glass--2 {\r\n\r\n    width: 260px;\r\n    height: 520px;\r\n\r\n    transform:\r\n    translateX(150px)\r\n    rotate(10deg)\r\n    scale(.7);\r\n\r\n    animation:\r\n    rfGlassTwo 2.6s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n\/* shard 3 *\/\r\n\r\n.rf-fracture__glass--3 {\r\n\r\n    width: 180px;\r\n    height: 420px;\r\n\r\n    transform:\r\n    translateY(-120px)\r\n    rotate(-18deg)\r\n    scale(.6);\r\n\r\n    animation:\r\n    rfGlassThree 2.8s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n\/* =========================================================\r\nGLOW\r\n========================================================= *\/\r\n\r\n.rf-fracture__glow {\r\n\r\n    position: absolute;\r\n\r\n    width: 700px;\r\n    height: 700px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n\r\n    rgba(212,175,55,.12),\r\n\r\n    rgba(127,247,255,.05),\r\n\r\n    transparent 70%);\r\n\r\n    filter:\r\n    blur(80px);\r\n\r\n    animation:\r\n    rfGlowPulse 8s ease-in-out infinite;\r\n\r\n}\r\n\r\n\/* =========================================================\r\nCONTENT\r\n========================================================= *\/\r\n\r\n.rf-hero__container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 10;\r\n\r\n    width: 100%;\r\n    max-width: 1250px;\r\n\r\n    padding:\r\n    clamp(120px,10vw,180px)\r\n    30px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\/* =========================================================\r\nBADGE\r\n========================================================= *\/\r\n\r\n.rf-hero__badge {\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    padding: 12px 24px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n\r\n    color:\r\n    var(--rf-gold-light);\r\n\r\n    font-size: .82rem;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .14em;\r\n\r\n    margin-bottom: 42px;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n    translateY(30px);\r\n\r\n    animation:\r\n    rfFadeUp 1s ease forwards;\r\n\r\n    animation-delay: 1.3s;\r\n}\r\n\r\n.rf-hero__badge-dot {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n    var(--rf-gold);\r\n\r\n    box-shadow:\r\n    0 0 14px var(--rf-gold);\r\n\r\n    animation:\r\n    rfPulse 2s infinite;\r\n}\r\n\r\n\/* =========================================================\r\nTITLE\r\n========================================================= *\/\r\n\r\n.rf-hero__title {\r\n\r\n    margin: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n.rf-word {\r\n\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n\r\n    font-size:\r\n    clamp(3rem, 8vw, 7rem);\r\n\r\n    font-weight: 900;\r\n\r\n    line-height: .9;\r\n\r\n    color: white;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n    translateY(60px)\r\n    skewY(8deg);\r\n\r\n    animation:\r\n    rfWordReveal 1.4s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n.rf-word::before {\r\n\r\n    content: '';\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.18),\r\n    transparent);\r\n\r\n    transform:\r\n    translateX(-120%);\r\n\r\n    animation:\r\n    rfTextSweep 4s linear infinite;\r\n}\r\n\r\n.rf-word--1 {\r\n    animation-delay: 1.6s;\r\n}\r\n\r\n.rf-word--2 {\r\n    animation-delay: 1.9s;\r\n}\r\n\r\n.rf-word--gold {\r\n\r\n    background:\r\n    linear-gradient(\r\n    90deg,\r\n    var(--rf-gold),\r\n    var(--rf-gold-light));\r\n\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n\r\n    text-shadow:\r\n    0 0 30px rgba(212,175,55,.25);\r\n\r\n    animation-delay: 2.2s;\r\n}\r\n\r\n\/* =========================================================\r\nDESCRIPTION\r\n========================================================= *\/\r\n\r\n.rf-hero__desc {\r\n\r\n    max-width: 760px;\r\n\r\n    margin:\r\n    35px auto 55px;\r\n\r\n    color:\r\n    var(--rf-text);\r\n\r\n    font-size:\r\n    clamp(1rem,2vw,1.15rem);\r\n\r\n    line-height: 1.95;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n    translateY(40px);\r\n\r\n    animation:\r\n    rfFadeUp 1s ease forwards;\r\n\r\n    animation-delay: 2.5s;\r\n}\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.rf-hero__actions {\r\n\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 18px;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n    translateY(40px);\r\n\r\n    animation:\r\n    rfFadeUp 1s ease forwards;\r\n\r\n    animation-delay: 2.8s;\r\n}\r\n\r\n.rf-btn {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 190px;\r\n\r\n    padding: 18px 36px;\r\n\r\n    border-radius: 18px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-weight: 800;\r\n\r\n    transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .45s,\r\n    background .45s;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.rf-btn:hover {\r\n\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n}\r\n\r\n.rf-btn--primary {\r\n\r\n    color: #000;\r\n\r\n    background:\r\n    linear-gradient(\r\n    135deg,\r\n    var(--rf-gold),\r\n    var(--rf-gold-light));\r\n\r\n    box-shadow:\r\n    0 18px 45px rgba(212,175,55,.25);\r\n}\r\n\r\n.rf-btn--ghost {\r\n\r\n    color: white;\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n\r\n    border:\r\n    1px solid rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:\r\n    blur(12px);\r\n}\r\n\r\n\/* =========================================================\r\nMETA\r\n========================================================= *\/\r\n\r\n.rf-meta {\r\n\r\n    position: absolute;\r\n\r\n    bottom: 30px;\r\n    left: 50%;\r\n\r\n    transform:\r\n    translateX(-50%);\r\n\r\n    z-index: 10;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 18px;\r\n\r\n    color:\r\n    rgba(255,255,255,.28);\r\n\r\n    font-size: .72rem;\r\n\r\n    letter-spacing: .16em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.rf-meta__line {\r\n\r\n    width: 50px;\r\n    height: 1px;\r\n\r\n    background:\r\n    rgba(255,255,255,.1);\r\n}\r\n\r\n\/* =========================================================\r\nANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes rfBeamReveal {\r\n\r\n    0% {\r\n        height: 0%;\r\n        opacity: 0;\r\n    }\r\n\r\n    100% {\r\n        height: 120%;\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes rfGlassOne {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n        translateX(0px)\r\n        rotate(0deg)\r\n        scale(.2);\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n        translateX(-120px)\r\n        rotate(-12deg)\r\n        scale(1);\r\n    }\r\n}\r\n\r\n@keyframes rfGlassTwo {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n        translateX(0px)\r\n        rotate(0deg)\r\n        scale(.2);\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n        translateX(150px)\r\n        rotate(10deg)\r\n        scale(1);\r\n    }\r\n}\r\n\r\n@keyframes rfGlassThree {\r\n\r\n    0% {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n        translateY(0px)\r\n        rotate(0deg)\r\n        scale(.2);\r\n    }\r\n\r\n    100% {\r\n\r\n        opacity: .8;\r\n\r\n        transform:\r\n        translateY(-120px)\r\n        rotate(-18deg)\r\n        scale(1);\r\n    }\r\n}\r\n\r\n@keyframes rfGlowPulse {\r\n\r\n    0%,100% {\r\n\r\n        transform:\r\n        scale(1);\r\n\r\n        opacity: .7;\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n        scale(1.08);\r\n\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes rfFadeUp {\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n        translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes rfWordReveal {\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n        translateY(0)\r\n        skewY(0deg);\r\n    }\r\n}\r\n\r\n@keyframes rfTextSweep {\r\n\r\n    0% {\r\n        transform:\r\n        translateX(-120%);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n        translateX(120%);\r\n    }\r\n}\r\n\r\n@keyframes rfPulse {\r\n\r\n    0%,100% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    50% {\r\n        transform: scale(1.4);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\nRESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 992px){\r\n\r\n    .rf-fracture__glass--1 {\r\n\r\n        width: 220px;\r\n        height: 480px;\r\n    }\r\n\r\n    .rf-fracture__glass--2 {\r\n\r\n        width: 180px;\r\n        height: 400px;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width: 768px){\r\n\r\n    .rf-meta {\r\n        display: none;\r\n    }\r\n\r\n    .rf-fracture__glass {\r\n\r\n        opacity: .45 !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n\"use strict\";\r\n\r\n\/* =========================================================\r\nELEMENTS\r\n========================================================= *\/\r\n\r\nconst hero =\r\ndocument.getElementById('rfHero');\r\n\r\nconst canvas =\r\ndocument.getElementById('rfCanvas');\r\n\r\nconst ctx =\r\ncanvas.getContext('2d');\r\n\r\nconst glasses =\r\nhero.querySelectorAll('.rf-fracture__glass');\r\n\r\n\/* =========================================================\r\nSETUP\r\n========================================================= *\/\r\n\r\nlet w, h;\r\n\r\nlet particles = [];\r\n\r\nconst mouse = {\r\n\r\n    x: window.innerWidth \/ 2,\r\n    y: window.innerHeight \/ 2\r\n};\r\n\r\n\/* =========================================================\r\nPARTICLES\r\n========================================================= *\/\r\n\r\nclass Particle {\r\n\r\n    constructor(){\r\n\r\n        this.reset();\r\n    }\r\n\r\n    reset(){\r\n\r\n        this.x = Math.random() * w;\r\n        this.y = Math.random() * h;\r\n\r\n        this.size =\r\n        Math.random() * 2 + .4;\r\n\r\n        this.speed =\r\n        Math.random() * .15 + .03;\r\n\r\n        this.opacity =\r\n        Math.random() * .15 + .03;\r\n    }\r\n\r\n    update(){\r\n\r\n        this.y -= this.speed;\r\n\r\n        if(this.y < -20){\r\n\r\n            this.y = h + 20;\r\n            this.x = Math.random() * w;\r\n        }\r\n    }\r\n\r\n    draw(){\r\n\r\n        ctx.beginPath();\r\n\r\n        ctx.arc(\r\n            this.x,\r\n            this.y,\r\n            this.size,\r\n            0,\r\n            Math.PI * 2\r\n        );\r\n\r\n        ctx.fillStyle =\r\n        `rgba(255,255,255,${this.opacity})`;\r\n\r\n        ctx.fill();\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\nINIT\r\n========================================================= *\/\r\n\r\nfunction setup(){\r\n\r\n    w =\r\n    canvas.width =\r\n    window.innerWidth;\r\n\r\n    h =\r\n    canvas.height =\r\n    window.innerHeight;\r\n\r\n    particles = [];\r\n\r\n    const count =\r\n    window.innerWidth < 768 ? 40 : 90;\r\n\r\n    for(let i=0; i<count; i++){\r\n\r\n        particles.push(new Particle());\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\nRENDER\r\n========================================================= *\/\r\n\r\nfunction render(){\r\n\r\n    ctx.clearRect(0,0,w,h);\r\n\r\n    particles.forEach(p=>{\r\n\r\n        p.update();\r\n        p.draw();\r\n    });\r\n\r\n    requestAnimationFrame(render);\r\n}\r\n\r\n\/* =========================================================\r\nGLASS PARALLAX\r\n========================================================= *\/\r\n\r\nhero.addEventListener('mousemove',(e)=>{\r\n\r\n    const rect =\r\n    hero.getBoundingClientRect();\r\n\r\n    mouse.x =\r\n    e.clientX - rect.left;\r\n\r\n    mouse.y =\r\n    e.clientY - rect.top;\r\n\r\n    const rx =\r\n    (mouse.x \/ rect.width - .5);\r\n\r\n    const ry =\r\n    (mouse.y \/ rect.height - .5);\r\n\r\n    glasses.forEach((glass,index)=>{\r\n\r\n        const depth =\r\n        (index + 1) * 12;\r\n\r\n        glass.style.transform +=\r\n        `\r\n        translate3d(\r\n        ${rx * depth}px,\r\n        ${ry * depth}px,\r\n        0)\r\n        `;\r\n    });\r\n\r\n});\r\n\r\n\/* =========================================================\r\nBOOT\r\n========================================================= *\/\r\n\r\nsetup();\r\nrender();\r\n\r\nwindow.addEventListener(\r\n'resize',\r\nsetup\r\n);\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eff5703 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"eff5703\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-864f147 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"864f147\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"s-services-root\" id=\"s-services-section\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <div class=\"s-services-container\">\r\n        <div class=\"s-services-header\">\r\n            <h2 class=\"s-services-sub\">\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\r\n            <h1 class=\"s-services-main-title\">\u0646\u062d\u0646 \u0644\u0627 \u0646\u0628\u0646\u064a \u0645\u062c\u0631\u062f \u0645\u0648\u0627\u0642\u0639\u060c \u0628\u0644 \u0646\u0635\u0646\u0639 <span class=\"s-services-gold\">\u0625\u0645\u0628\u0631\u0627\u0637\u0648\u0631\u064a\u0627\u062a \u0631\u0642\u0645\u064a\u0629<\/span><\/h1>\r\n        <\/div>\r\n\r\n        <div class=\"s-services-grid\">\r\n            \r\n            <div class=\"s-services-card s-services-wide\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=1200');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"layout-template\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>1. \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h4>\r\n                            <p>\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 <b>\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/b>\u060c \u0645\u0631\u0648\u0631\u0627\u064b \u0628\u0640 <b>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629<\/b>\u060c \u0648\u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 <b>\u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/b>.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"s-services-card s-services-tall\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1512941937669-90a1b58e7e9c?q=80&w=800');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"smartphone\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>2. \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/h4>\r\n                            <p>\u0628\u0646\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a Android \u0648 iOS \u0645\u062e\u0635\u0635\u0629\u060c \u0645\u0639 \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062a\u0642\u062f\u0645\u064a\u0629 (PWA) \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"s-services-card\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1557821552-17105176677c?q=80&w=800');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"shopping-bag\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>3. \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h4>\r\n                            <p>\u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u0627\u062c\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0631\u0628\u0637 \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639\u060c \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0632\u0646.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"s-services-card\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551288049-bb1c003f0859?q=80&w=800');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"trending-up\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>4. \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a<\/h4>\r\n                            <p>\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0631\u0641\u0639 \u0627\u0644\u0646\u0645\u0648.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"s-services-card\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1451187530220-47e59f796a32?q=80&w=800');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"shield-check\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>5. \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646<\/h4>\r\n                            <p>\u0627\u0633\u062a\u0636\u0627\u0641\u0627\u062a \u0633\u062d\u0627\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u0633\u0631\u0639\u0629\u060c \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0636\u062f \u0627\u0644\u0647\u062c\u0645\u0627\u062a\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0631\u0641\u0631\u0627\u062a.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"s-services-card\">\r\n                <div class=\"s-services-border-rotate\"><\/div>\r\n                <div class=\"s-services-inner\">\r\n                    <div class=\"s-services-bg-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?q=80&w=800');\"><\/div>\r\n                    <div class=\"s-services-mag-glow\"><\/div>\r\n                    <div class=\"s-services-content\">\r\n                        <div class=\"s-services-icon\"><i data-lucide=\"refresh-cw\"><\/i><\/div>\r\n                        <div class=\"s-services-text\">\r\n                            <h4>6. \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/h4>\r\n                            <p>\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062f\u0648\u0631\u064a\u0629\u060c \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ... (\u0627\u0644\u0625\u0628\u0642\u0627\u0621 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u0633\u0627\u0628\u0642\u0629) ... *\/\r\n.s-services-root {\r\n    --s-gold: #D4AF37;\r\n    --s-bg: #050505;\r\n    --s-card-bg: #0D0D0D;\r\n    background: var(--s-bg);\r\n    padding: 100px 5%;\r\n    direction: rtl;\r\n    font-family: 'Cairo', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.s-services-header { text-align: center; margin-bottom: 70px; }\r\n.s-services-sub { color: var(--s-gold); font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; }\r\n.s-services-main-title { color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; line-height: 1.2; }\r\n.s-services-gold { color: var(--s-gold); }\r\n\r\n.s-services-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    grid-auto-rows: 280px;\r\n    gap: 25px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.s-services-card {\r\n    position: relative;\r\n    border-radius: 30px;\r\n    padding: 1.5px; \r\n    overflow: hidden;\r\n    transition: 0.4s ease;\r\n}\r\n\r\n.s-services-card:hover { transform: translateY(-10px); }\r\n\r\n\/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062f\u0648\u0627\u0631 *\/\r\n.s-services-border-rotate {\r\n    position: absolute; inset: -150%;\r\n    background: conic-gradient(from 0deg, transparent 75%, var(--s-gold) 100%);\r\n    animation: s-rotate 6s linear infinite;\r\n    z-index: 1;\r\n}\r\n@keyframes s-rotate { to { transform: rotate(360deg); } }\r\n\r\n.s-services-inner {\r\n    position: relative;\r\n    background: var(--s-card-bg);\r\n    border-radius: 29px;\r\n    width: 100%; height: 100%;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* --- \u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0639 \u0627\u0644\u0623\u0648\u0641\u0631\u0644\u0627\u064a --- *\/\r\n.s-services-bg-img {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-size: cover;\r\n    background-position: center;\r\n    transition: 0.6s ease;\r\n    opacity: 0.35; \/* \u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\r\n    filter: grayscale(40%) brightness(0.6);\r\n    z-index: 1;\r\n}\r\n\r\n\/* \u0627\u0644\u0623\u0648\u0641\u0631\u0644\u0627\u064a \u0627\u0644\u0645\u0639\u062a\u0645 \u0627\u0644\u0645\u062a\u062f\u0631\u062c \u0644\u0636\u0645\u0627\u0646 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635 *\/\r\n.s-services-inner::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(5, 5, 5, 0.95) 20%, rgba(5, 5, 5, 0.6) 100%);\r\n    z-index: 2;\r\n}\r\n\r\n.s-services-card:hover .s-services-bg-img {\r\n    transform: scale(1.1);\r\n    opacity: 0.5;\r\n    filter: grayscale(0%) brightness(0.8);\r\n}\r\n\r\n.s-services-mag-glow {\r\n    position: absolute;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 3;\r\n}\r\n.s-services-card:hover .s-services-mag-glow { opacity: 1; }\r\n\r\n.s-services-content { position: relative; z-index: 4; padding: 35px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }\r\n.s-services-wide { grid-column: span 2; }\r\n.s-services-tall { grid-column: span 1; grid-row: span 2; }\r\n\r\n.s-services-icon {\r\n    width: 55px; height: 55px; \r\n    background: rgba(212, 175, 55, 0.15); \r\n    backdrop-filter: blur(5px);\r\n    border-radius: 15px; \r\n    display: flex; align-items: center; justify-content: center; \r\n    border: 1px solid rgba(212, 175, 55, 0.3); \r\n    margin-bottom: 20px;\r\n}\r\n.s-services-icon svg { width: 26px; height: 26px; color: var(--s-gold); }\r\n\r\n.s-services-text h4 { color: #fff; font-size: 1.3rem; font-weight: 800; margin-bottom: 12px; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }\r\n.s-services-text p { color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; line-height: 1.7; }\r\n\r\n@media (max-width: 1100px) {\r\n    .s-services-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 260px; }\r\n    .s-services-wide, .s-services-tall { grid-column: span 2; grid-row: span 1; }\r\n}\r\n@media (max-width: 650px) {\r\n    .s-services-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }\r\n    .s-services-card { min-height: 250px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    if (typeof lucide !== 'undefined') lucide.createIcons();\r\n    const cards = document.querySelectorAll('.s-services-card');\r\n    cards.forEach(card => {\r\n        const glow = card.querySelector('.s-services-mag-glow');\r\n        card.addEventListener('mousemove', (e) => {\r\n            const rect = card.getBoundingClientRect();\r\n            glow.style.left = (e.clientX - rect.left) + 'px';\r\n            glow.style.top = (e.clientY - rect.top) + 'px';\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fcee67 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"3fcee67\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cpu-stack-root\" id=\"cpu-process\">\r\n    <div class=\"cpu-container\">\r\n        \r\n        <div class=\"cpu-left-info\">\r\n            <div class=\"cpu-sticky-content\">\r\n                <h2 class=\"cpu-sub\">\u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h2>\r\n                <h1 class=\"cpu-title\">\u0647\u0646\u062f\u0633\u0629 <span class=\"cpu-gold\">\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0631\u0642\u0645\u064a<\/span><\/h1>\r\n                <p class=\"cpu-desc\">\u0646\u062d\u0646 \u0644\u0627 \u0646\u0628\u0631\u0645\u062c \u0639\u0634\u0648\u0627\u0626\u064a\u0627\u064b\u060c \u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062a\u0637\u0648\u0631 \u0645\u0639 \u0637\u0645\u0648\u062d\u0627\u062a\u0643 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0642\u0646\u064a.<\/p>\r\n                \r\n                <div class=\"cpu-status-box\">\r\n                    <div class=\"cpu-status-tag\">\r\n                        <span class=\"cpu-pulse-dot\"><\/span>\r\n                        \u0627\u0644\u062d\u0627\u0644\u0629: <strong class=\"cpu-gold\">\u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/strong>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cpu-right-steps\">\r\n            <div class=\"cpu-main-line\"><\/div>\r\n\r\n            <div class=\"cpu-step\" data-step=\"1\">\r\n                <div class=\"cpu-connection\">\r\n                    <div class=\"cpu-chip-icon\"><i data-lucide=\"binary\"><\/i><\/div>\r\n                    <div class=\"cpu-energy-beam\"><\/div> \r\n                <\/div>\r\n                <div class=\"cpu-card\">\r\n                    <div class=\"cpu-card-glare\"><\/div>\r\n                    <h3>01. \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0634\u064a\u0641\u0631\u0629<\/h3>\r\n                    <p>\u062a\u0641\u0643\u064a\u0643 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0631\u0633\u0645 \u062e\u0627\u0631\u0637\u0629 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cpu-step\" data-step=\"2\">\r\n                <div class=\"cpu-connection\">\r\n                    <div class=\"cpu-chip-icon\"><i data-lucide=\"layout\"><\/i><\/div>\r\n                    <div class=\"cpu-energy-beam\"><\/div>\r\n                <\/div>\r\n                <div class=\"cpu-card\">\r\n                    <div class=\"cpu-card-glare\"><\/div>\r\n                    <h3>02. \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u064a\u0643\u0644<\/h3>\r\n                    <p>\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a UI\/UX \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0633\u064a\u0643\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0639\u062f\u0644 \u062a\u062d\u0648\u064a\u0644.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cpu-step\" data-step=\"3\">\r\n                <div class=\"cpu-connection\">\r\n                    <div class=\"cpu-chip-icon\"><i data-lucide=\"database\"><\/i><\/div>\r\n                    <div class=\"cpu-energy-beam\"><\/div>\r\n                <\/div>\r\n                <div class=\"cpu-card\">\r\n                    <div class=\"cpu-card-glare\"><\/div>\r\n                    <h3>03. \u062d\u0642\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h3>\r\n                    <p>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0631\u0628\u0637 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0623\u062f\u0627\u0621 \u0641\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0639\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cpu-step\" data-step=\"4\">\r\n                <div class=\"cpu-connection\">\r\n                    <div class=\"cpu-chip-icon\"><i data-lucide=\"shield-check\"><\/i><\/div>\r\n                    <div class=\"cpu-energy-beam\"><\/div>\r\n                <\/div>\r\n                <div class=\"cpu-card\">\r\n                    <div class=\"cpu-card-glare\"><\/div>\r\n                    <h3>04. \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0646\u0637\u0627\u0642<\/h3>\r\n                    <p>\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0642\u060c \u0636\u063a\u0637 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u0623\u0645\u064a\u0646 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0644\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 *\/\r\n:root {\r\n    --primary-gold: #D4AF37;\r\n    --text-main: #FFFFFF;\r\n    --text-dim: #A0A0A0;\r\n    --bg-dark: #050505;\r\n}\r\n\r\n.cpu-stack-root {\r\n    background: var(--bg-dark);\r\n    padding: 120px 5%;\r\n    font-family: 'Cairo', sans-serif;\r\n    color: var(--text-main);\r\n    direction: rtl;\r\n    overflow: hidden;\r\n}\r\n\r\n.cpu-container { display: flex; max-width: 1300px; margin: 0 auto; gap: 80px; }\r\n\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0633\u0631 - \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u062d\u062f *\/\r\n.cpu-left-info { flex: 1; }\r\n.cpu-sticky-content { position: sticky; top: 120px; }\r\n\r\n.cpu-sub { \r\n    color: var(--primary-gold); \r\n    font-size: 1rem; \r\n    font-weight: 700;\r\n    margin-bottom: 15px; \r\n    letter-spacing: 1px;\r\n}\r\n\r\n.cpu-title { \r\n    font-size: clamp(2.5rem, 5vw, 4rem); \r\n    font-weight: 800; \r\n    line-height: 1.2; \r\n    margin-bottom: 25px;\r\n    color: var(--text-main);\r\n}\r\n\r\n.cpu-gold { color: var(--primary-gold); }\r\n\r\n.cpu-desc { \r\n    color: var(--text-dim); \r\n    line-height: 1.8; \r\n    font-size: 1.15rem; \r\n    margin-bottom: 35px;\r\n    max-width: 90%;\r\n}\r\n\r\n\/* \u0646\u0628\u0636\u0629 \u0627\u0644\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u0648\u062d\u062f\u0629 *\/\r\n.cpu-status-tag { \r\n    display: inline-flex; \r\n    align-items: center; \r\n    gap: 12px; \r\n    background: rgba(212, 175, 55, 0.08); \r\n    padding: 10px 24px; \r\n    border-radius: 8px; \r\n    border: 1px solid rgba(212, 175, 55, 0.2); \r\n    font-size: 0.95rem; \r\n}\r\n.cpu-pulse-dot { \r\n    width: 10px; \r\n    height: 10px; \r\n    background: var(--primary-gold); \r\n    border-radius: 50%; \r\n    box-shadow: 0 0 12px var(--primary-gold); \r\n    animation: cpu-ping 2s infinite; \r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0623\u064a\u0645\u0646 \u0648\u0627\u0644\u0643\u0631\u0648\u062a - \u0628\u062f\u0648\u0646 \u062a\u063a\u064a\u064a\u0631 \u0641\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f *\/\r\n.cpu-right-steps { flex: 1.3; position: relative; display: flex; flex-direction: column; gap: 60px; }\r\n.cpu-main-line { position: absolute; right: 35px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.05) 15%, rgba(255,255,255,0.05) 85%, transparent); }\r\n\r\n.cpu-step { display: flex; align-items: center; gap: 30px; position: relative; transition: 0.5s ease; cursor: pointer; }\r\n.cpu-chip-icon { width: 72px; height: 72px; background: #0a0a0a; border: 1px solid #222; border-radius: 14px; display: flex; align-items: center; justify-content: center; transition: 0.4s; position: relative; z-index: 2; }\r\n.cpu-chip-icon svg { width: 28px; height: 28px; color: #555; transition: 0.4s; }\r\n\r\n.cpu-energy-beam { position: absolute; right: 100%; top: 50%; width: 0; height: 2px; background: linear-gradient(to left, var(--primary-gold), transparent); transition: 0.5s ease; transform: translateY(-50%); opacity: 0; }\r\n\r\n.cpu-card { flex: 1; background: rgba(255, 255, 255, 0.02); padding: 35px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.03); position: relative; overflow: hidden; transition: 0.5s ease; }\r\n.cpu-card-glare { position: absolute; inset: 0; background: radial-gradient(circle at var(--x, 50%) var(--y, 50%), rgba(212, 175, 55, 0.12) 0%, transparent 65%); opacity: 0; transition: 0.3s; }\r\n\r\n.cpu-card h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 12px; color: var(--text-main); transition: 0.3s; }\r\n.cpu-card p { color: var(--text-dim); font-size: 1rem; line-height: 1.7; transition: 0.3s; }\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0648\u0645 \u0627\u0644\u0645\u0633\u062a\u0642\u0631\u0629 *\/\r\n.cpu-step:hover { transform: translateX(-8px); }\r\n.cpu-step:hover .cpu-chip-icon { border-color: var(--primary-gold); box-shadow: 0 0 20px rgba(212, 175, 55, 0.2); }\r\n.cpu-step:hover .cpu-chip-icon svg { color: var(--primary-gold); }\r\n.cpu-step:hover .cpu-energy-beam { width: 30px; opacity: 1; }\r\n.cpu-step:hover .cpu-card { background: rgba(212, 175, 55, 0.04); border-color: rgba(212, 175, 55, 0.2); }\r\n.cpu-step:hover .cpu-card-glare { opacity: 1; }\r\n.cpu-step:hover .cpu-card h3 { color: var(--primary-gold); }\r\n\r\n@keyframes cpu-ping { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2.2); opacity: 0; } }\r\n\r\n@media (max-width: 1100px) {\r\n    .cpu-container { flex-direction: column; gap: 50px; }\r\n    .cpu-sticky-content { position: relative; top: 0; text-align: center; }\r\n    .cpu-desc { margin-left: auto; margin-right: auto; }\r\n    .cpu-main-line, .cpu-energy-beam { display: none; }\r\n    .cpu-step { flex-direction: column; text-align: center; }\r\n    .cpu-step:hover { transform: translateY(-10px); }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n    if (typeof lucide !== 'undefined') lucide.createIcons();\r\n    \r\n    \/\/ \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\n    const cards = document.querySelectorAll('.cpu-card');\r\n    cards.forEach(card => {\r\n        card.addEventListener('mousemove', (e) => {\r\n            const rect = card.getBoundingClientRect();\r\n            const x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n            const y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n            card.style.setProperty('--x', x + '%');\r\n            card.style.setProperty('--y', y + '%');\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5d3057 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"e5d3057\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"portfolio-root\" id=\"portfolio\">\r\n    <div class=\"portfolio-header\">\r\n        <h2 class=\"portfolio-sub\">\u0625\u0628\u062f\u0627\u0639\u0627\u062a\u0646\u0627<\/h2>\r\n        <h1 class=\"portfolio-title\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0635\u064f\u0645\u0645\u062a <span class=\"portfolio-gold\">\u0644\u062a\u062a\u0635\u062f\u0631<\/span><\/h1>\r\n        <p class=\"portfolio-desc\">\u0646\u0633\u062a\u0639\u0631\u0636 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062c\u0633\u062f \u0631\u0624\u064a\u0629 NBT \u0641\u064a \u062f\u0645\u062c \u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-grid\">\r\n        <div class=\"portfolio-card\">\r\n            <div class=\"project-media\">\r\n                <div class=\"gold-overlay\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/nbtsaudi.com\/wp-content\/uploads\/2026\/04\/\u0644\u0648\u062c\u0648-\u0633\u0644\u0627\u0634-\u0646\u064a\u0648\u0632.jpg\" alt=\"Slash News\" title=\"\">\r\n                <div class=\"project-tag\">\u0645\u0646\u0635\u0629 \u0625\u062e\u0628\u0627\u0631\u064a\u0629 SEO<\/div>\r\n            <\/div>\r\n            <div class=\"project-content\">\r\n                <h3 class=\"f-project-title-gold\">Slash News<\/h3>\r\n                <p>\u0628\u0648\u0627\u0628\u0629 \u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 Google Discover \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0642\u0631\u0627\u0621\u0629 \u0645\u062b\u0627\u0644\u064a\u0629.<\/p>\r\n                <a href=\"#\" class=\"project-link\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u0635\u0629 <i data-lucide=\"arrow-left\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-card\">\r\n            <div class=\"project-media\">\r\n                <div class=\"gold-overlay\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/nbtsaudi.com\/wp-content\/uploads\/2026\/04\/Marj-Al-Bahrain-Investment1.jpg\" alt=\"\u0645\u0631\u062c \u0627\u0644\u0628\u062d\u0631\u064a\u0646\" title=\"\">\r\n                <div class=\"project-tag\">\u0647\u0648\u064a\u0629 \u0645\u0624\u0633\u0633\u064a\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"project-content\">\r\n                <h3 class=\"f-project-title-gold\">\u0645\u0624\u0633\u0633\u0629 \u0645\u0631\u062c \u0627\u0644\u0628\u062d\u0631\u064a\u0646<\/h3>\r\n                <p>\u0648\u0627\u062c\u0647\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0631\u0642\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0645\u0635\u0645\u0645\u0629 \u0628\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629.<\/p>\r\n                <a href=\"#\" class=\"project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i data-lucide=\"arrow-left\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-card\">\r\n            <div class=\"project-media\">\r\n                <div class=\"gold-overlay\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/nbtsaudi.com\/wp-content\/uploads\/2026\/04\/\u0639\u0647\u062f-\u0627\u0644\u0627\u0639\u0644\u0627\u0646\u064a\u0647.jpg\" alt=\"\u0639\u0647\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\" title=\"\">\r\n                <div class=\"project-tag\">\u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"project-content\">\r\n                <h3 class=\"f-project-title-gold\">\u0639\u0647\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629<\/h3>\r\n                <p>\u0645\u0646\u0635\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629\u060c \u062a\u0628\u0631\u0632 \u0642\u0648\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u062a\u062f\u0639\u0645 \u0646\u0645\u0648 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p>\r\n                <a href=\"#\" class=\"project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i data-lucide=\"arrow-left\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"portfolio-card\">\r\n            <div class=\"project-media\">\r\n                <div class=\"gold-overlay\"><\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/nbtsaudi.com\/wp-content\/uploads\/2026\/04\/\u0637\u0631\u064a\u0642-\u0627\u0644\u0646\u0647\u0636\u0647-1.jpg\" alt=\"\u0645\u0637\u0627\u0628\u0639 \u0637\u0631\u064a\u0642 \u0627\u0644\u0646\u0647\u0648\u0636\" title=\"\">\r\n                <div class=\"project-tag\">\u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629<\/div>\r\n            <\/div>\r\n            <div class=\"project-content\">\r\n                <h3 class=\"f-project-title-gold\">\u0645\u0637\u0627\u0628\u0639 \u0637\u0631\u064a\u0642 \u0627\u0644\u0646\u0647\u0636\u0629<\/h3>\r\n                <p>\u0646\u0638\u0627\u0645 \u0631\u0642\u0645\u064a \u0644\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0623\u062a\u0645\u062a\u0629 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n                <a href=\"#\" class=\"project-link\">\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 <i data-lucide=\"arrow-left\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.portfolio-root {\r\n    --gold: #D4AF37;\r\n    --gold-l: #F9E076;\r\n    --bg: #050505;\r\n    background: var(--bg);\r\n    padding: 100px 5%;\r\n    font-family: 'Cairo', sans-serif;\r\n    color: #fff;\r\n    direction: rtl;\r\n}\r\n\r\n.portfolio-header { text-align: center; margin-bottom: 80px; }\r\n.portfolio-sub { color: var(--gold); font-size: 1rem; font-weight: 700; letter-spacing: 2px; margin-bottom: 10px; }\r\n.portfolio-title { color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; line-height: 1.2;  }\r\n.portfolio-gold { background: linear-gradient(90deg, var(--gold), var(--gold-l)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n.portfolio-desc { color: rgba(255,255,255,0.6); max-width: 700px; margin: 0 auto; line-height: 1.8; font-size: 1.1rem; }\r\n\r\n.portfolio-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n    gap: 35px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* \u0627\u0644\u0643\u0631\u062a \u0627\u0644\u062c\u062f\u064a\u062f \u0627\u0644\u0645\u062a\u062f\u0627\u062e\u0644 *\/\r\n.portfolio-card {\r\n    background: #0a0a0a;\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(255, 255, 255, 0.03);\r\n    overflow: hidden;\r\n    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0645\u064a\u062f\u064a\u0627 \u0645\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n.project-media {\r\n    height: 320px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    \/* \u0647\u0630\u0627 \u0627\u0644\u0645\u0627\u0633\u0643 \u0647\u0648 \u0633\u0631 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u0633\u0645\u0648\u062b \u0628\u064a\u0646 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\r\n    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);\r\n    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);\r\n}\r\n\r\n.project-media img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(20%) brightness(0.8); \/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0642\u0644\u064a\u0644\u0627\u064b *\/\r\n    transition: 1s ease;\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u0627\u0644\u0639\u062a\u0645\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 \u0627\u0644\u062e\u0641\u064a\u0641\u0629 *\/\r\n.gold-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    \/* \u062a\u062f\u0627\u062e\u0644 \u0630\u0647\u0628\u064a \u063a\u0627\u0645\u0642 \u064a\u0639\u0637\u064a \u0641\u062e\u0627\u0645\u0629 \u0644\u0644\u0635\u0648\u0631\u0629 *\/\r\n    background: linear-gradient(45deg, rgba(212, 175, 55, 0.15), rgba(5, 5, 5, 0.6));\r\n    z-index: 1;\r\n    transition: 0.5s ease;\r\n}\r\n\r\n.project-tag {\r\n    position: absolute; top: 25px; right: 25px;\r\n    background: rgba(212, 175, 55, 0.15); \r\n    backdrop-filter: blur(10px);\r\n    padding: 6px 16px; border-radius: 50px;\r\n    border: 1px solid rgba(212, 175, 55, 0.3);\r\n    color: var(--gold-l); font-size: 0.75rem; font-weight: 700; z-index: 2;\r\n}\r\n\r\n\/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0630\u064a \u064a\u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\r\n.project-content { \r\n    padding: 0 35px 40px; \r\n    margin-top: -50px; \/* \u0633\u062d\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u0644\u0623\u0639\u0644\u0649 \u0644\u064a\u062d\u062f\u062b \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n    position: relative; \r\n    z-index: 5; \r\n}\r\n\r\n.f-project-title-gold {\r\n    font-size: 1.7rem;\r\n    margin-bottom: 12px;\r\n    font-weight: 800;\r\n    background: linear-gradient(90deg, var(--gold), var(--gold-l));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    text-shadow: 0 10px 20px rgba(0,0,0,0.5); \/* \u0644\u0628\u0631\u0648\u0632 \u0627\u0644\u0646\u0635 \u0641\u0648\u0642 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/\r\n}\r\n\r\n.project-content p { \r\n    color: rgba(255,255,255,0.5); \r\n    font-size: 0.95rem; \r\n    line-height: 1.7; \r\n    margin-bottom: 25px; \r\n}\r\n\r\n.project-link {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    color: #fff; text-decoration: none; font-weight: 700; font-size: 0.85rem; \r\n    opacity: 0.8; transition: 0.3s;\r\n}\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u0640 Hover \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 *\/\r\n.portfolio-card:hover {\r\n    transform: translateY(-15px);\r\n    border-color: rgba(212, 175, 55, 0.25);\r\n    box-shadow: 0 40px 80px rgba(0,0,0,0.8);\r\n}\r\n\r\n.portfolio-card:hover .gold-overlay {\r\n    background: linear-gradient(45deg, rgba(212, 175, 55, 0.25), rgba(5, 5, 5, 0.4));\r\n}\r\n\r\n.portfolio-card:hover img { \r\n    transform: scale(1.1); \r\n    filter: grayscale(0%) brightness(1); \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u0646\u0628\u0636 \u0628\u0627\u0644\u062d\u064a\u0627\u0629 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645 *\/\r\n}\r\n\r\n.portfolio-card:hover .project-link {\r\n    color: var(--gold-l);\r\n    opacity: 1;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-feab905 premium-floating-effects-yes elementor-widget elementor-widget-html\" data-id=\"feab905\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_fe_trigger&quot;:&quot;hover&quot;,&quot;premium_fe_direction&quot;:&quot;alternate&quot;,&quot;premium_fe_loop&quot;:&quot;default&quot;,&quot;premium_fe_easing&quot;:&quot;easeInOutSine&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cyber-root\" id=\"tech-core\">\r\n    <div class=\"cyber-grid-bg\"><\/div>\r\n\r\n    <div class=\"cyber-container\">\r\n        <div class=\"cyber-header\">\r\n            <div class=\"cyber-badge\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/div>\r\n            <h1 class=\"cyber-title\">\u0627\u0644\u0646\u0638\u0627\u0645 <span class=\"cyber-glitch\">\u0627\u0644\u0628\u064a\u0626\u064a<\/span> \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h1>\r\n            <p class=\"cyber-desc\">\u0647\u0646\u062f\u0633\u0629 \u0631\u0642\u0645\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cyber-mesh\" id=\"cyber-float-grid\">\r\n            <div class=\"cyber-unit float-item\" data-depth=\"0.10\">\r\n                <div class=\"unit-border\"><\/div>\r\n                <div class=\"unit-content\">\r\n                    <div class=\"unit-num\">01<\/div>\r\n                    <div class=\"unit-icon\"><i data-lucide=\"zap\"><\/i><\/div>\r\n                    <h3>\u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0644\u062d\u0638\u064a\u0629<\/h3>\r\n                    <p>\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u0648\u0632\u0639\u0629 \u062a\u0636\u0645\u0646 \u0623\u0642\u0644 \u0632\u0645\u0646 \u062a\u0623\u062e\u064a\u0631 \u0645\u0645\u0643\u0646 \u0639\u0627\u0644\u0645\u064a\u0627\u064b.<\/p>\r\n                <\/div>\r\n                <div class=\"unit-scan\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cyber-unit float-item\" data-depth=\"0.15\">\r\n                <div class=\"unit-border\"><\/div>\r\n                <div class=\"unit-content\">\r\n                    <div class=\"unit-num\">02<\/div>\r\n                    <div class=\"unit-icon\"><i data-lucide=\"shield-check\"><\/i><\/div>\r\n                    <h3>\u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u064a\u0629<\/h3>\r\n                    <p>\u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0627\u0639 \u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"unit-scan\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cyber-unit float-item\" data-depth=\"0.20\">\r\n                <div class=\"unit-border\"><\/div>\r\n                <div class=\"unit-content\">\r\n                    <div class=\"unit-num\">03<\/div>\r\n                    <div class=\"unit-icon\"><i data-lucide=\"cpu\"><\/i><\/div>\r\n                    <h3>\u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0622\u0644\u064a<\/h3>\r\n                    <p>\u062f\u0645\u062c \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0645\u0624\u062a\u0645\u062a\u0629.<\/p>\r\n                <\/div>\r\n                <div class=\"unit-scan\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cyber-unit float-item\" data-depth=\"0.25\">\r\n                <div class=\"unit-border\"><\/div>\r\n                <div class=\"unit-content\">\r\n                    <div class=\"unit-num\">04<\/div>\r\n                    <div class=\"unit-icon\"><i data-lucide=\"orbit\"><\/i><\/div>\r\n                    <h3>\u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0643\u0648\u0646\u064a<\/h3>\r\n                    <p>\u0647\u0646\u062f\u0633\u0629 \u0645\u0631\u0646\u0629 \u062a\u0633\u0645\u062d \u0644\u0644\u0646\u0638\u0627\u0645 \u0628\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u062b\u0628\u0627\u062a.<\/p>\r\n                <\/div>\r\n                <div class=\"unit-scan\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ... (\u0646\u0641\u0633 \u0627\u0644\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0640 .cyber-root \u0648\u0627\u0644\u0640 .cyber-header \u0648\u0627\u0644\u0640 .cyber-glitch \u0627\u0644\u0633\u0627\u0628\u0642\u0629) ... *\/\r\n.cyber-root {\r\n    --gold: #D4AF37;\r\n    --neon: rgba(212, 175, 55, 0.5);\r\n    --dark: #030303;\r\n    background: var(--dark);\r\n    padding: 120px 5%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: #fff;\r\n    font-family: 'Cairo', sans-serif;\r\n    direction: rtl;\r\n}\r\n\r\n.cyber-grid-bg {\r\n    position: absolute; inset: 0;\r\n    background-image: \r\n        linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    mask-image: radial-gradient(circle, black, transparent 80%);\r\n}\r\n\r\n.cyber-container { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; }\r\n.cyber-header { text-align: center; margin-bottom: 100px; }\r\n.cyber-badge { \r\n    display: inline-block; padding: 6px 15px; background: rgba(212, 175, 55, 0.1);\r\n    border: 1px solid var(--gold); border-radius: 4px; font-size: 0.8rem;\r\n    letter-spacing: 2px; margin-bottom: 20px; color: var(--gold);\r\n}\r\n.cyber-title { color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 900; line-height: 1.2;  }\r\n.cyber-glitch { color: var(--gold); text-shadow: 2px 2px rgba(255,255,255,0.1); }\r\n.cyber-desc { color: #aaa; font-size: 1.2rem; max-width: 700px; margin: 0 auto; line-height: 1.6; }\r\n\r\n\/* ... (\u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0634\u0628\u0643\u0629 \u0627\u0644\u0648\u062d\u062f\u0627\u062a) ... *\/\r\n.cyber-mesh {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    \/* \u0625\u0636\u0627\u0641\u0629 \u0645\u0646\u0638\u0648\u0631 (Perspective) \u0644\u0625\u0639\u0637\u0627\u0621 \u062a\u0623\u062b\u064a\u0631 \u062b\u0644\u0627\u062b\u064a \u0627\u0644\u0623\u0628\u0639\u0627\u062f *\/\r\n    perspective: 2000px; \r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062c\u0648\u0647\u0631\u064a: \u0625\u0636\u0627\u0641\u0629 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0637\u0641\u0648 \u0627\u0644\u062f\u0627\u0626\u0645 *\/\r\n.cyber-unit {\r\n    position: relative;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    padding: 60px 40px;\r\n    border-radius: 2px;\r\n    border: 1px solid rgba(255, 255, 255, 0.05);\r\n    overflow: hidden;\r\n    cursor: crosshair;\r\n    \r\n    \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0637\u0641\u0648 \u0627\u0644\u062f\u0627\u0626\u0645 *\/\r\n    animation: cyber-float 6s ease-in-out infinite;\r\n    \/* \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\r\n    will-change: transform;\r\n    \/* \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Parallax \u0645\u0646 \u0627\u0644\u0640 JS *\/\r\n    transition: transform 0.1s ease-out, background 0.5s, border-color 0.5s; \r\n}\r\n\r\n\/* \u062a\u062d\u062f\u064a\u062f \u062a\u0623\u062e\u064a\u0631\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0643\u0644 \u0643\u0631\u062a \u0644\u062a\u0628\u062f\u0648 \u0639\u0634\u0648\u0627\u0626\u064a\u0629 *\/\r\n.cyber-unit:nth-child(1) { animation-delay: 0s; }\r\n.cyber-unit:nth-child(2) { animation-delay: 1.5s; }\r\n.cyber-unit:nth-child(3) { animation-delay: 0.8s; }\r\n.cyber-unit:nth-child(4) { animation-delay: 2.2s; }\r\n\r\n\/* \u062a\u0639\u0631\u064a\u0641 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0637\u0641\u0648 \u0627\u0644\u0628\u0633\u064a\u0637 (\u0627\u0631\u062a\u0641\u0627\u0639 \u0648\u0627\u0646\u062e\u0641\u0627\u0636 \u0648\u062f\u0648\u0631\u0627\u0646 \u062e\u0641\u064a\u0641) *\/\r\n@keyframes cyber-float {\r\n    0% { transform: translateY(0px) rotateX(0deg) rotateY(0deg); }\r\n    50% { transform: translateY(-15px) rotateX(2deg) rotateY(-2deg); }\r\n    100% { transform: translateY(0px) rotateX(0deg) rotateY(0deg); }\r\n}\r\n\r\n\/* \u0625\u064a\u0642\u0627\u0641 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0637\u0641\u0648 \u0627\u0644\u062f\u0627\u0626\u0645 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 JS \u0648\u0627\u0644\u0640 Hover \u0627\u0644\u0645\u062d\u0644\u064a *\/\r\n.cyber-unit:hover {\r\n    animation-play-state: paused;\r\n    background: rgba(212, 175, 55, 0.03);\r\n    border-color: var(--gold);\r\n    \/* \u0627\u0644\u062a\u062e\u0644\u0635 \u0645\u0646 \u0627\u0644\u0640 transform \u0627\u0644\u0645\u062d\u0644\u064a \u0644\u0644\u0640 hover \u0644\u0623\u0646\u0647 \u0633\u064a\u062a\u062f\u0627\u062e\u0644 \u0645\u0639 \u0627\u0644\u0640 Parallax *\/\r\n}\r\n\r\n\/* ... (\u0628\u0627\u0642\u064a \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u0627\u0644\u0640 .unit-content \u0648\u0627\u0644\u0640 .unit-num \u0648\u0627\u0644\u0640 .unit-icon \u0627\u0644\u0633\u0627\u0628\u0642\u0629) ... *\/\r\n.unit-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid transparent; transition: 0.5s; }\r\n.unit-num { position: absolute; top: 20px; left: 20px; font-size: 4rem; font-weight: 900; color: rgba(255, 255, 255, 0.03); line-height: 1; transition: 0.5s; }\r\n.unit-content { position: relative; z-index: 3; }\r\n.unit-icon { width: 60px; height: 60px; background: #111; border: 1px solid #333; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; transition: 0.5s; }\r\n.unit-icon svg { width: 28px; color: #666; transition: 0.5s; }\r\n.cyber-unit h3 { font-size: 1.6rem; font-weight: 800; margin-bottom: 15px; color: #eee; }\r\n.cyber-unit p { color: #777; line-height: 1.7; transition: 0.5s; }\r\n.unit-scan { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(212, 175, 55, 0.1), transparent); transition: none; pointer-events: none; }\r\n\r\n\/* \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0627\u0644\u062d\u0648\u0645 (Hover FX) \u0627\u0644\u0645\u062d\u0644\u064a (\u0627\u0644\u0640 transforms \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u062a\u0645 \u062d\u0630\u0641\u0647\u0627 \u0644\u0639\u062f\u0645 \u0627\u0644\u062a\u0639\u0627\u0631\u0636 \u0645\u0639 \u0627\u0644\u0640 Parallax) *\/\r\n.cyber-unit:hover .unit-num { color: rgba(212, 175, 55, 0.1); }\r\n.cyber-unit:hover .unit-icon { border-color: var(--gold); box-shadow: 0 0 20px var(--neon); }\r\n.cyber-unit:hover .unit-icon svg { color: var(--gold); }\r\n.cyber-unit:hover p { color: #ccc; }\r\n.cyber-unit:hover .unit-scan { animation: cyber-scan 2s linear infinite; }\r\n\r\n@keyframes cyber-scan { 0% { top: -100%; } 100% { top: 100%; } }\r\n\r\n@media (max-width: 768px) {\r\n    .cyber-title { font-size: 2.5rem; }\r\n    .cyber-unit { padding: 40px 30px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ \u062a\u0641\u0639\u064a\u0644 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Lucide\r\nif (typeof lucide !== 'undefined') lucide.createIcons();\r\n\r\n\/\/ \u0625\u0636\u0627\u0641\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0637\u0641\u0648 \u0648\u0627\u0644\u0640 Parallax \u0627\u0644\u0630\u0643\u064a\r\n(function() {\r\n    const grid = document.getElementById('cyber-float-grid');\r\n    const items = grid.querySelectorAll('.float-item');\r\n\r\n    \/\/ \u0648\u0638\u064a\u0641\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0625\u062d\u062f\u0627\u062b\u064a\u0627\u062a \u0627\u0644\u0645\u0627\u0648\u0633 \u0644\u062a\u0623\u062b\u064a\u0631 Parallax\r\n    grid.addEventListener('mousemove', (e) => {\r\n        const rect = grid.getBoundingClientRect();\r\n        const gridCenterX = rect.left + rect.width \/ 2;\r\n        const gridCenterY = rect.top + rect.height \/ 2;\r\n\r\n        const moveX = (e.clientX - gridCenterX) \/ (rect.width \/ 2);\r\n        const moveY = (e.clientY - gridCenterY) \/ (rect.height \/ 2);\r\n\r\n        items.forEach(item => {\r\n            \/\/ \u0642\u0631\u0627\u0621\u0629 \"\u0627\u0644\u0639\u0645\u0642\" \u0645\u0646 \u062e\u0627\u0635\u064a\u0629 data-depth (\u0643\u0644\u0645\u0627 \u0632\u0627\u062f\u060c \u0632\u0627\u062f\u062a \u0627\u0644\u062d\u0631\u0643\u0629)\r\n            const depth = item.getAttribute('data-depth');\r\n            const translateX = moveX * depth * 50; \/\/ \u062a\u062d\u0631\u064a\u0643 \u0623\u0641\u0642\u064a (Parallax)\r\n            const translateY = moveY * depth * 50; \/\/ \u062a\u062d\u0631\u064a\u0643 \u0639\u0645\u0648\u062f\u064a (Parallax)\r\n            \r\n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u062f\u0648\u0631\u0627\u0646 \u062e\u0641\u064a\u0641 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0627\u0648\u0633 (\u0627\u062e\u062a\u064a\u0627\u0631\u064a\u060c \u0644\u0644\u0641\u062e\u0627\u0645\u0629)\r\n            const rotateX = moveY * depth * -15; \/\/ \u062f\u0648\u0631\u0627\u0646 \u0639\u0643\u0633\u064a \u0639\u0645\u0648\u062f\u064a\r\n            const rotateY = moveX * depth * 15;  \/\/ \u062f\u0648\u0631\u0627\u0646 \u0623\u0641\u0642\u064a\r\n\r\n            \/\/ \u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u062f\u0627\u0626\u0645 (\u0627\u0644\u0630\u064a \u062a\u0645 \u0625\u064a\u0642\u0627\u0641\u0647 \u0639\u0646\u062f \u0627\u0644\u062d\u0648\u0645)\r\n            item.style.transform = `translate(${translateX}px, ${translateY}px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\r\n        });\r\n    });\r\n\r\n    \/\/ \u0639\u0646\u062f \u062e\u0631\u0648\u062c \u0627\u0644\u0645\u0627\u0648\u0633\u060c \u062a\u0639\u0648\u062f \u0627\u0644\u0643\u0631\u0648\u062a \u0625\u0644\u0649 \u0648\u0636\u0639\u064a\u062a\u0647\u0627 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 (\u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0637\u0641\u0648 \u0627\u0644\u062f\u0627\u0626\u0645)\r\n    grid.addEventListener('mouseleave', () => {\r\n        items.forEach(item => {\r\n            item.style.transform = `translate(0px, 0px) rotateX(0deg) rotateY(0deg)`;\r\n        });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7bf9070 elementor-widget elementor-widget-spacer\" data-id=\"7bf9070\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7442efd e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"7442efd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b130a2 elementor-widget elementor-widget-html\" data-id=\"1b130a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"f-footer\">\r\n    <div class=\"f-footer-bg-text\">NBT DIGITAL<\/div>\r\n\r\n    <div class=\"f-footer-container\">\r\n        <div class=\"f-footer-main\">\r\n            <div class=\"f-footer-brand\">\r\n                <div class=\"f-logo\">\r\n                    <span class=\"f-logo-text\">NBT<\/span>\r\n                    <span class=\"f-logo-dot\"><\/span>\r\n                <\/div>\r\n                <p class=\"f-footer-tagline\">\r\n                    \u0646\u0635\u0646\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0628\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u064a\u0648\u0645. \u062a\u0645\u064a\u0632\u060c \u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u0631\u064a\u0627\u062f\u0629 \u0644\u0627 \u062a\u0639\u0631\u0641 \u0627\u0644\u062d\u062f\u0648\u062f.\r\n                <\/p>\r\n                <div class=\"f-social-links\">\r\n                    <a href=\"#\" class=\"f-social-icon\" aria-label=\"Instagram\"><i data-lucide=\"instagram\"><\/i><\/a>\r\n                    <a href=\"#\" class=\"f-social-icon\" aria-label=\"Twitter\"><i data-lucide=\"twitter\"><\/i><\/a>\r\n                    <a href=\"#\" class=\"f-social-icon\" aria-label=\"LinkedIn\"><i data-lucide=\"linkedin\"><\/i><\/a>\r\n                    <a href=\"#\" class=\"f-social-icon\" aria-label=\"Facebook\"><i data-lucide=\"facebook\"><\/i><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"f-footer-links\">\r\n                <h4 class=\"f-link-title\">\u0627\u0644\u0631\u0648\u0627\u0628\u0637<\/h4>\r\n                <ul>\r\n                    <li><a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a><\/li>\r\n                    <li><a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a><\/li>\r\n                    <li><a href=\"#portfolio\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a><\/li>\r\n                    <!-- \u062a\u0645 \u062a\u062d\u062f\u064a\u062b \u0647\u0630\u0627 \u0627\u0644\u0631\u0627\u0628\u0637 \u0644\u0644\u0648\u0627\u062a\u0633\u0627\u0628 -->\r\n                    <li><a href=\"https:\/\/wa.me\/966548015339?text=\u0627\u0644\u0633\u0644\u0627\u0645%20\u0639\u0644\u064a\u0643\u0645%20NBT%20Digital\u060c%20\u0623\u0631\u063a\u0628%20\u0641\u064a%20\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631%20\u0639\u0646%20\u062e\u062f\u0645\u0627\u062a\u0643\u0645\" target=\"_blank\" rel=\"noopener noreferrer\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"f-footer-links\">\r\n                <h4 class=\"f-link-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/h4>\r\n                <ul>\r\n                    <li><a href=\"#\">\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628<\/a><\/li>\r\n                    <li><a href=\"#\">\u062a\u0635\u0645\u064a\u0645 UI\/UX<\/a><\/li>\r\n                    <li><a href=\"#\">\u062d\u0644\u0648\u0644 \u0627\u0644\u0640 SEO<\/a><\/li>\r\n                    <li><a href=\"#\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"f-footer-newsletter\">\r\n                <h4 class=\"f-link-title\">\u0643\u0646 \u0639\u0644\u0649 \u0627\u062a\u0635\u0627\u0644<\/h4>\r\n                <p>\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0648\u0631\u064a\u0629.<\/p>\r\n                <!-- \u0625\u0636\u0627\u0641\u0629 \u0632\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0641\u064a \u0642\u0633\u0645 \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629 -->\r\n                <a href=\"https:\/\/wa.me\/966548015339?text=\u0627\u0644\u0633\u0644\u0627\u0645%20\u0639\u0644\u064a\u0643\u0645%20NBT%20Digital\u060c%20\u0623\u0631\u063a\u0628%20\u0641\u064a%20\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631%20\u0639\u0646%20\u062e\u062f\u0645\u0627\u062a\u0643\u0645\" class=\"f-whatsapp-primary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                    <span>\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628<\/span>\r\n                    <i data-lucide=\"message-circle\"><\/i>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"f-footer-bottom\">\r\n            <div class=\"f-copyright\">\r\n                &copy; 2026 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u0644\u0640 <span>NBT Agency<\/span>\r\n            <\/div>\r\n            <div class=\"f-footer-secondary-links\">\r\n                <a href=\"#\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>\r\n                <a href=\"#\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n<style>\r\n\/* \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u0644\u0645\u0643\u0648\u0646 *\/\r\n.f-footer {\r\n    --f-gold: #D4AF37;\r\n    --f-gold-light: #F9E076;\r\n    --f-bg-dark: #050505;\r\n    --f-text-dim: #888;\r\n    --f-white: #ffffff;\r\n    \r\n    background: var(--f-bg-dark);\r\n    padding: 100px 5% 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: var(--f-white);\r\n    font-family: 'Cairo', sans-serif;\r\n    direction: rtl;\r\n    border-top: 1px solid rgba(212, 175, 55, 0.1);\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 \u0627\u0644\u062e\u0644\u0641\u064a *\/\r\n.f-footer-bg-text {\r\n    position: absolute;\r\n    bottom: -20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    font-size: clamp(5rem, 15vw, 12rem);\r\n    font-weight: 900;\r\n    color: rgba(255, 255, 255, 0.02);\r\n    white-space: nowrap;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    letter-spacing: 10px;\r\n}\r\n\r\n.f-footer-container {\r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.f-footer-main {\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1.5fr;\r\n    gap: 60px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n\/* \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u062a\u0627\u063a\u0644\u0627\u064a\u0646 *\/\r\n.f-footer-brand .f-logo-text { \r\n    font-size: 2rem; \r\n    font-weight: 900; \r\n    background: linear-gradient(90deg, #fff, var(--f-gold)); \r\n    -webkit-background-clip: text; \r\n    -webkit-text-fill-color: transparent; \r\n}\r\n.f-footer-brand .f-logo-dot { \r\n    width: 8px; height: 8px; background: var(--f-gold); border-radius: 50%; \r\n    display: inline-block; box-shadow: 0 0 15px var(--f-gold); \r\n}\r\n.f-footer-tagline { color: var(--f-text-dim); line-height: 1.8; margin: 20px 0; font-size: 0.95rem; }\r\n\r\n\/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 *\/\r\n.f-social-links { display: flex; gap: 15px; }\r\n.f-social-icon {\r\n    width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.03);\r\n    display: flex; align-items: center; justify-content: center; color: var(--f-white);\r\n    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(255,255,255,0.05);\r\n    text-decoration: none;\r\n}\r\n.f-social-icon:hover { \r\n    background: var(--f-gold); color: #000; transform: translateY(-5px);\r\n    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2);\r\n}\r\n\r\n\/* \u0627\u0644\u0642\u0648\u0627\u0626\u0645 *\/\r\n.f-link-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 30px; color: var(--f-gold); }\r\n.f-footer-links ul { list-style: none; padding: 0; margin: 0; }\r\n.f-footer-links ul li { margin-bottom: 15px; }\r\n.f-footer-links ul li a { color: var(--f-text-dim); text-decoration: none; transition: 0.3s; font-size: 0.95rem; display: block; width: fit-content; }\r\n.f-footer-links ul li a:hover { color: var(--f-white); transform: translateX(-5px); }\r\n\r\n\/* \u0632\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0627\u0644\u0628\u0631\u064a\u0645\u064a\u0648\u0645 *\/\r\n.f-whatsapp-primary-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: rgba(212, 175, 55, 0.05);\r\n    border: 1px solid rgba(212, 175, 55, 0.2);\r\n    padding: 12px 25px;\r\n    border-radius: 50px;\r\n    color: var(--f-white);\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    margin-top: 20px;\r\n    transition: 0.4s;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.f-whatsapp-primary-btn i {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--f-gold);\r\n}\r\n\r\n.f-whatsapp-primary-btn:hover {\r\n    background: var(--f-gold);\r\n    color: #000;\r\n    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.f-whatsapp-primary-btn:hover i {\r\n    color: #000;\r\n}\r\n\r\n\/* \u0627\u0644\u062d\u0642\u0648\u0642 *\/\r\n.f-footer-bottom {\r\n    padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.05);\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    color: #555; font-size: 0.85rem;\r\n}\r\n.f-footer-bottom span { color: var(--f-gold); font-weight: 700; }\r\n.f-footer-secondary-links a { color: #555; text-decoration: none; margin-right: 20px; transition: 0.3s; }\r\n.f-footer-secondary-links a:hover { color: var(--f-white); }\r\n\r\n\/* \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 Responsive *\/\r\n@media (max-width: 992px) {\r\n    .f-footer-main { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n    .f-footer-bg-text { display: none; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .f-footer-main { grid-template-columns: 1fr; text-align: center; }\r\n    .f-social-links { justify-content: center; }\r\n    .f-footer-links ul li a { margin: 0 auto 15px; }\r\n    .f-footer-bottom { flex-direction: column; gap: 20px; text-align: center; }\r\n    .f-whatsapp-primary-btn { max-width: 250px; margin: 20px auto; }\r\n}\r\n<\/style>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ \u062a\u0641\u0639\u064a\u0644 \u0623\u064a\u0642\u0648\u0646\u0627\u062a Lucide \u0628\u0634\u0643\u0644 \u0622\u0645\u0646\r\n    if (typeof lucide !== 'undefined') {\r\n        lucide.createIcons();\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8636c21 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8636c21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f86317d elementor-widget elementor-widget-image_reveal_menu_19177996\" data-id=\"f86317d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image_reveal_menu_19177996.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"irm-19177996-wrapper\" data-transition=\"500\">\n                            <div class=\"irm-19177996-bg\" data-index=\"0\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1612911126322-a97db13b8f10?crop=entropy&#038;cs=tinysrgb&#038;fit=max&#038;fm=jpg&#038;ixid=M3w1MjE4NDd8MHwxfHNlYXJjaHwxfHxFbmdsYW5kJTIwY291bnRyeXNpZGUlMjBsYW5kc2NhcGUlMjBpY29uaWN8ZW58MHwwfHx8MTc3OTQ2MjIyOHww&#038;ixlib=rb-4.1.0&#038;q=80&#038;w=1080');\"><\/div>\n                            <div class=\"irm-19177996-bg\" data-index=\"1\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1483729558449-99ef09a8c325?crop=entropy&#038;cs=tinysrgb&#038;fit=max&#038;fm=jpg&#038;ixid=M3w1MjE4NDd8MHwxfHNlYXJjaHwxfHxCcmF6aWwlMjBSaW8lMjBkZSUyMEphbmVpcm8lMjBsYW5kc2NhcGV8ZW58MHwwfHx8MTc3OTUwOTA4OHww&#038;ixlib=rb-4.1.0&#038;q=80&#038;w=1080');\"><\/div>\n                            <div class=\"irm-19177996-bg\" data-index=\"2\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1502602898657-3e91760cbb34?w=1080&#038;q=80');\"><\/div>\n                            <div class=\"irm-19177996-bg\" data-index=\"3\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1493976040374-85c8e12f0c0e?w=1080&#038;q=80');\"><\/div>\n                            <div class=\"irm-19177996-bg\" data-index=\"4\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1552832230-c0197dd311b5?w=1080&#038;q=80');\"><\/div>\n                        <div class=\"irm-19177996-overlay\"><\/div>\n            <nav class=\"irm-19177996-menu\">\n                                    <a href=\"#\" class=\"irm-19177996-item\" data-index=\"0\">\n                        England                    <\/a>\n                                    <a href=\"#\" class=\"irm-19177996-item\" data-index=\"1\">\n                        Brazil                    <\/a>\n                                    <a href=\"#\" class=\"irm-19177996-item\" data-index=\"2\">\n                        France                    <\/a>\n                                    <a href=\"#\" class=\"irm-19177996-item\" data-index=\"3\">\n                        Japan                    <\/a>\n                                    <a href=\"#\" class=\"irm-19177996-item\" data-index=\"4\">\n                        Italy                    <\/a>\n                            <\/nav>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<header class=\"elementor-element elementor-element-4cb6053 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4cb6053\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de8e50c elementor-fixed elementor-widget elementor-widget-horizontal_3d_menu_1fdc0691\" data-id=\"de8e50c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"horizontal_3d_menu_1fdc0691.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <nav class=\"h3dm-1fdc0691-nav\" data-breakpoint=\"767\">\n            <button class=\"h3dm-1fdc0691-hamburger\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\n                <span class=\"h3dm-1fdc0691-hamburger-line h3dm-1fdc0691-line-top\"><\/span>\n                <span class=\"h3dm-1fdc0691-hamburger-line h3dm-1fdc0691-line-mid\"><\/span>\n                <span class=\"h3dm-1fdc0691-hamburger-line h3dm-1fdc0691-line-bot\"><\/span>\n            <\/button>\n            <ul class=\"h3dm-1fdc0691-list\">\n                                    <li class=\"h3dm-1fdc0691-li\">\n                        <a href=\"#\" class=\"h3dm-1fdc0691-item h3dm-1fdc0691-active\">\n                                                            <span class=\"h3dm-1fdc0691-icon\">\n                                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg>                                <\/span>\n                                                        <span class=\"h3dm-1fdc0691-label\">Home<\/span>\n                        <\/a>\n                    <\/li>\n                                    <li class=\"h3dm-1fdc0691-li\">\n                        <a href=\"#\" class=\"h3dm-1fdc0691-item\">\n                                                            <span class=\"h3dm-1fdc0691-icon\">\n                                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z\"><\/path><\/svg>                                <\/span>\n                                                        <span class=\"h3dm-1fdc0691-label\">About<\/span>\n                        <\/a>\n                    <\/li>\n                                    <li class=\"h3dm-1fdc0691-li\">\n                        <a href=\"#\" class=\"h3dm-1fdc0691-item\">\n                                                            <span class=\"h3dm-1fdc0691-icon\">\n                                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-cogs\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z\"><\/path><\/svg>                                <\/span>\n                                                        <span class=\"h3dm-1fdc0691-label\">Services<\/span>\n                        <\/a>\n                    <\/li>\n                                    <li class=\"h3dm-1fdc0691-li\">\n                        <a href=\"#\" class=\"h3dm-1fdc0691-item\">\n                                                            <span class=\"h3dm-1fdc0691-icon\">\n                                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-briefcase\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M320 336c0 8.84-7.16 16-16 16h-96c-8.84 0-16-7.16-16-16v-48H0v144c0 25.6 22.4 48 48 48h416c25.6 0 48-22.4 48-48V288H320v48zm144-208h-80V80c0-25.6-22.4-48-48-48H176c-25.6 0-48 22.4-48 48v48H48c-25.6 0-48 22.4-48 48v80h512v-80c0-25.6-22.4-48-48-48zm-144 0H192V96h128v32z\"><\/path><\/svg>                                <\/span>\n                                                        <span class=\"h3dm-1fdc0691-label\">Portfolio<\/span>\n                        <\/a>\n                    <\/li>\n                                    <li class=\"h3dm-1fdc0691-li\">\n                        <a href=\"#\" class=\"h3dm-1fdc0691-item\">\n                                                            <span class=\"h3dm-1fdc0691-icon\">\n                                    <svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>                                <\/span>\n                                                        <span class=\"h3dm-1fdc0691-label\">Contact<\/span>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n        <\/nav>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NBT FUTURE DIGITAL ENGINEERING \u0646\u0628\u0646\u064a \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u062a\u062a\u0646\u0641\u0633 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0646\u062f\u0645\u062c \u0628\u064a\u0646 \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u062a\u0642\u0646\u064a\u060c \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0644\u0635\u0646\u0627\u0639\u0629 \u0645\u0648\u0627\u0642\u0639 \u0648\u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u062a\u0636\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0645\u0633\u062a\u0648\u0649 \u0645\u062e\u062a\u0644\u0641 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u00a9 NBT 2026 Luxury Interactive Systems NBT \u0627\u0644\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u0646\u0643\u0633\u0631 \u062d\u064a\u062b \u062a\u0646\u062a\u0647\u064a \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u062a\u0628\u062f\u0623 \u0627\u0644\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629. \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0628\u0648\u0627\u0628\u0629 \u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u064a\u0644\u0629 NBT \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0646\u0635\u0645\u0645 \u0648\u0627\u0642\u0639\u0627 \u0631\u0642\u0645\u064a\u0627 \u0644\u0627 \u062d\u062f\u0648\u062f \u0644\u0647 \u0646\u0635\u0646\u0639 \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a \u0644\u0627 \u064a\u064f\u0646\u0633\u0649. ENTER THE CORE EXPLORE DIGITAL REALITY ENGINEERING \u0646\u0635\u0645\u0645 \u0648\u0627\u0642\u0639\u064b\u0627 \u0631\u0642\u0645\u064a\u064b\u0627 \u062c\u062f\u064a\u062f\u064b\u0627 \u062a\u062c\u0627\u0631\u0628 \u0631\u0642\u0645\u064a\u0629 \u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u062e\u0631\u0627\u062c \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u060c \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0630\u0643\u064a \u0644\u0635\u0646\u0627\u0639\u0629 \u062d\u0636\u0648\u0631 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a. \u0627\u0628\u062f\u0623 \u0627\u0644\u0631\u062d\u0644\u0629 \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0639\u0627\u0644\u0645 \u00a9 NBT Reality Fracture System \u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0646\u062d\u0646 \u0644\u0627 \u0646\u0628\u0646\u064a \u0645\u062c\u0631\u062f \u0645\u0648\u0627\u0642\u0639\u060c \u0628\u0644 \u0646\u0635\u0646\u0639 \u0625\u0645\u0628\u0631\u0627\u0637\u0648\u0631\u064a\u0627\u062a \u0631\u0642\u0645\u064a\u0629 1. \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0645\u0631\u0648\u0631\u0627\u064b \u0628\u0640 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629\u060c \u0648\u0648\u0635\u0648\u0644\u0627\u064b \u0625\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a. 2. \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0628\u0646\u0627\u0621 \u062a\u0637\u0628\u064a\u0642\u0627\u062a Android \u0648 iOS \u0645\u062e\u0635\u0635\u0629\u060c \u0645\u0639 \u062a\u0637\u0648\u064a\u0631 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062a\u0642\u062f\u0645\u064a\u0629 (PWA) \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629. 3. \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0625\u0646\u0634\u0627\u0621 \u0645\u062a\u0627\u062c\u0631 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0639 \u0631\u0628\u0637 \u0628\u0648\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0641\u0639\u060c \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0634\u062d\u0646\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0632\u0646. 4. \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0648\u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0631\u0642\u0645\u064a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b (SEO)\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\u060c \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0631\u0641\u0639 \u0627\u0644\u0646\u0645\u0648. 5. \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0633\u062a\u0636\u0627\u0641\u0627\u062a \u0633\u062d\u0627\u0628\u064a\u0629 \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u0633\u0631\u0639\u0629\u060c \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0636\u062f \u0627\u0644\u0647\u062c\u0645\u0627\u062a\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0631\u0641\u0631\u0627\u062a. 6. \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0641\u0646\u064a \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062f\u0648\u0631\u064a\u0629\u060c \u0625\u0635\u0644\u0627\u062d \u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629. \u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0631\u0642\u0645\u064a \u0646\u062d\u0646 \u0644\u0627 \u0646\u0628\u0631\u0645\u062c \u0639\u0634\u0648\u0627\u0626\u064a\u0627\u064b\u060c \u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062a\u0637\u0648\u0631 \u0645\u0639 \u0637\u0645\u0648\u062d\u0627\u062a\u0643 \u0644\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0642\u0646\u064a. \u0627\u0644\u062d\u0627\u0644\u0629: \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 01. \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0634\u064a\u0641\u0631\u0629 \u062a\u0641\u0643\u064a\u0643 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0631\u0633\u0645 \u062e\u0627\u0631\u0637\u0629 \u062a\u062f\u0641\u0642 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a. 02. \u0628\u0646\u0627\u0621 \u0627\u0644\u0647\u064a\u0643\u0644 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a UI\/UX \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0633\u064a\u0643\u0648\u0644\u0648\u062c\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0639\u062f\u0644 \u062a\u062d\u0648\u064a\u0644. 03. \u062d\u0642\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0631\u0628\u0637 \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0623\u062f\u0627\u0621 \u0641\u0627\u0626\u0642 \u0627\u0644\u0633\u0631\u0639\u0629. 04. \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0646\u0637\u0627\u0642 \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0642\u060c \u0636\u063a\u0637 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u0623\u0645\u064a\u0646 \u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629. \u0625\u0628\u062f\u0627\u0639\u0627\u062a\u0646\u0627 \u0645\u0634\u0627\u0631\u064a\u0639 \u0635\u064f\u0645\u0645\u062a \u0644\u062a\u062a\u0635\u062f\u0631 \u0646\u0633\u062a\u0639\u0631\u0636 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u064a \u062a\u062c\u0633\u062f \u0631\u0624\u064a\u0629 NBT \u0641\u064a \u062f\u0645\u062c \u0627\u0644\u0623\u0646\u0627\u0642\u0629 \u0628\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629. \u0645\u0646\u0635\u0629 \u0625\u062e\u0628\u0627\u0631\u064a\u0629 SEO Slash News \u0628\u0648\u0627\u0628\u0629 \u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 Google Discover \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0642\u0631\u0627\u0621\u0629 \u0645\u062b\u0627\u0644\u064a\u0629. \u0627\u0633\u062a\u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u0635\u0629 \u0647\u0648\u064a\u0629 \u0645\u0624\u0633\u0633\u064a\u0629 \u0645\u0624\u0633\u0633\u0629 \u0645\u0631\u062c \u0627\u0644\u0628\u062d\u0631\u064a\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0631\u0642\u0645\u064a\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0645\u0635\u0645\u0645\u0629 \u0628\u0623\u062d\u062f\u062b \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0646\u0633\u064a\u0627\u0628\u064a\u0629. \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0639\u0647\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u0646\u0635\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629\u060c \u062a\u0628\u0631\u0632 \u0642\u0648\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0628\u0635\u0631\u064a \u0648\u062a\u062f\u0639\u0645 \u0646\u0645\u0648 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u062d\u0644\u0648\u0644 \u062a\u0642\u0646\u064a\u0629 \u0645\u0637\u0627\u0628\u0639 \u0637\u0631\u064a\u0642 \u0627\u0644\u0646\u0647\u0636\u0629 \u0646\u0638\u0627\u0645 \u0631\u0642\u0645\u064a \u0644\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0623\u062a\u0645\u062a\u0629 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629. \u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u064a \u0644\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0647\u0646\u062f\u0633\u0629 \u0631\u0642\u0645\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062d\u062f\u0648\u062f \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0633\u0631\u0639\u0629 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a. 01 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0644\u062d\u0638\u064a\u0629 \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0645\u0648\u0632\u0639\u0629 \u062a\u0636\u0645\u0646 \u0623\u0642\u0644 \u0632\u0645\u0646 \u062a\u0623\u062e\u064a\u0631 \u0645\u0645\u0643\u0646 \u0639\u0627\u0644\u0645\u064a\u0627\u064b. 02 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u062d\u064a\u0648\u064a\u0629 \u0623\u0646\u0638\u0645\u0629 \u062f\u0641\u0627\u0639 \u0627\u0633\u062a\u0628\u0627\u0642\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u062a\u0634\u0641\u064a\u0631 \u0627\u0644\u0645\u062a\u0637\u0648\u0631\u0629. 03 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0622\u0644\u064a \u062f\u0645\u062c \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0644\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0645\u0624\u062a\u0645\u062a\u0629. 04 \u0627\u0644\u062a\u0648\u0633\u0639 \u0627\u0644\u0643\u0648\u0646\u064a \u0647\u0646\u062f\u0633\u0629 \u0645\u0631\u0646\u0629 \u062a\u0633\u0645\u062d \u0644\u0644\u0646\u0638\u0627\u0645 \u0628\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a \u062f\u0648\u0646 \u0641\u0642\u062f\u0627\u0646 \u0627\u0644\u062b\u0628\u0627\u062a. NBT \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0645\u0646 \u0646\u062d\u0646 \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 NBT DIGITAL NBT \u0646\u0635\u0646\u0639 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0628\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u064a\u0648\u0645. \u062a\u0645\u064a\u0632\u060c \u0627\u0628\u062a\u0643\u0627\u0631\u060c \u0648\u0631\u064a\u0627\u062f\u0629 \u0644\u0627 \u062a\u0639\u0631\u0641 \u0627\u0644\u062d\u062f\u0648\u062f. \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u062a\u0635\u0645\u064a\u0645 UI\/UX \u062d\u0644\u0648\u0644 \u0627\u0644\u0640 SEO \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0643\u0646 \u0639\u0644\u0649 \u0627\u062a\u0635\u0627\u0644 \u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0627\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0641\u0648\u0631\u064a\u0629. \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 &copy; 2026 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u0644\u0640 NBT Agency \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645 England Brazil France Japan Italy Home About Services Portfolio Contact<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-306","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/pages\/306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=306"}],"version-history":[{"count":48,"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions"}],"predecessor-version":[{"id":707,"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=\/wp\/v2\/pages\/306\/revisions\/707"}],"wp:attachment":[{"href":"https:\/\/nbtsaudi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}