\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 | \u062f\u064a\u0646\u0627\u0631\u064a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kufam:wght@400;600;700;900&family=Tajawal:wght@300;400;500;700&display=swap\" rel=\"stylesheet\"\/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n#dts-root,#dts-root *,#dts-root *::before,#dts-root *::after{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2550\u2550\u2550 ROOT \u2550\u2550\u2550 *\/\n#dts-root{\n position:relative;width:100vw;margin-left:calc(-50vw + 50%);\n height:100vh;min-height:680px;background:#200F8C;overflow:hidden;\n display:flex;align-items:center;justify-content:center;direction:rtl;\n}\n\n\/* \u2500\u2500 BG gradient \u2500\u2500 *\/\n#dts-bg{\n position:absolute;inset:0;z-index:0;\n background:radial-gradient(ellipse 68% 72% at 50% 50%,\n rgba(5,2,32,1) 0%, rgba(14,6,78,1) 26%,\n rgba(32,15,140,1) 60%, rgba(38,20,152,1) 100%);\n}\n\n\/* \u2500\u2500 Grain \u2500\u2500 *\/\n#dts-grain{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n mix-blend-mode:overlay;opacity:.28;\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'\/%3E%3C\/svg%3E\");\n background-size:200px;\n}\n\n\/* \u2500\u2500 Perspective lines \u2500\u2500 *\/\n#dts-hlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;}\n#dts-hlines svg{width:100%;height:100%;}\n\n\/* \u2500\u2500 Signal rings \u2500\u2500 *\/\n#dts-rings{position:absolute;inset:0;z-index:2;pointer-events:none;}\n\n\/* \u2500\u2500 Full-width audio spectrum \u2500\u2500 *\/\n#dts-spectrum{\n position:absolute;inset:0;z-index:3;pointer-events:none;\n display:flex;align-items:center;gap:2px;padding:0 1vw;opacity:0;\n}\n.dts-sbar{\n flex:1;max-width:9px;border-radius:2px;\n background:rgba(255,255,255,.038);flex-shrink:0;\n}\n.dts-sbar.lime{background:rgba(212,217,63,.15);}\n\n\/* \u2500\u2500 Mouse glow \u2500\u2500 *\/\n#dts-glow{\n position:absolute;z-index:4;pointer-events:none;\n width:460px;height:460px;border-radius:50%;\n background:radial-gradient(circle,rgba(212,217,63,.12) 0%,rgba(32,15,140,.04) 45%,transparent 72%);\n filter:blur(22px);transform:translate(-50%,-50%);\n opacity:0;transition:opacity .5s ease;will-change:transform;\n}\n\n\/* \u2500\u2500 Centre spotlight \u2500\u2500 *\/\n#dts-spot{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n background:radial-gradient(ellipse 40% 52% at 50% 50%,rgba(212,217,63,.055) 0%,transparent 72%);\n}\n\n\/* \u2500\u2500 Edge fades \u2500\u2500 *\/\n.dts-fe{position:absolute;left:0;right:0;z-index:5;pointer-events:none;height:120px;}\n.dts-fe.top{top:0;background:linear-gradient(180deg,rgba(4,2,30,.9) 0%,transparent 100%);}\n.dts-fe.bot{bottom:0;background:linear-gradient(0deg,rgba(4,2,30,.9) 0%,transparent 100%);}\n\n\/* \u2500\u2500 Corner marks \u2500\u2500 *\/\n.dts-corner{position:absolute;z-index:6;width:22px;height:22px;opacity:0;}\n.dts-corner.tl{top:36px;right:36px;border-top:1px solid rgba(212,217,63,.42);border-right:1px solid rgba(212,217,63,.42);}\n.dts-corner.tr{top:36px;left:36px; border-top:1px solid rgba(212,217,63,.42);border-left:1px solid rgba(212,217,63,.42);}\n.dts-corner.bl{bottom:90px;right:36px;border-bottom:1px solid rgba(212,217,63,.18);border-right:1px solid rgba(212,217,63,.18);}\n.dts-corner.br{bottom:90px;left:36px; border-bottom:1px solid rgba(212,217,63,.18);border-left:1px solid rgba(212,217,63,.18);}\n\n\/* \u2500\u2500 TV bug \u2500\u2500 *\/\n#dts-bug{position:absolute;top:36px;right:36px;z-index:10;display:flex;align-items:center;gap:10px;opacity:0;}\n.dts-bug-name{font-family:'Kufam',sans-serif;font-size:18px;font-weight:700;color:#fff;letter-spacing:.04em;}\n.dts-bug-name span{color:#D4D93F;}\n.dts-bug-tag{\n font-family:'Tajawal',sans-serif;font-size:10px;font-weight:500;\n color:rgba(212,217,63,.65);letter-spacing:.16em;text-transform:uppercase;\n border:1px solid rgba(212,217,63,.25);padding:2px 8px;border-radius:2px;\n}\n\n\/* \u2500\u2500 ON AIR strip \u2500\u2500 *\/\n#dts-onair{\n position:absolute;top:40px;left:0;right:0;z-index:10;\n display:flex;justify-content:center;pointer-events:none;opacity:0;\n}\n.dts-air-inner{\n display:inline-flex;align-items:center;gap:9px;direction:ltr;\n font-family:'Tajawal',sans-serif;font-size:10px;font-weight:500;\n color:rgba(255,255,255,.32);letter-spacing:.2em;text-transform:uppercase;\n}\n.dts-air-dot{\n width:7px;height:7px;border-radius:50%;\n background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.7);\n animation:airblink 1.8s ease-in-out infinite;\n}\n@keyframes airblink{0%,100%{opacity:1;}50%{opacity:.2;}}\n.dts-air-sep{width:1px;height:10px;background:rgba(255,255,255,.14);}\n.dts-air-freq{color:rgba(212,217,63,.52);}\n\n\/* \u2500\u2500 Coord label \u2500\u2500 *\/\n#dts-coord{\n position:absolute;bottom:88px;left:36px;z-index:10;\n font-family:'Tajawal',sans-serif;font-size:9.5px;\n color:rgba(255,255,255,.18);letter-spacing:.2em;direction:ltr;opacity:0;\n}\n\n\/* \u2500\u2500 Small wave (bottom) \u2500\u2500 *\/\n#dts-wave{\n position:absolute;bottom:0;left:0;right:0;height:70px;z-index:4;\n pointer-events:none;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;opacity:0;\n}\n.dts-wb{width:2px;border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(32,15,140,0) 0%,rgba(212,217,63,.28) 100%);transform-origin:bottom;}\n\n\/* \u2500\u2500 Scroll cue \u2500\u2500 *\/\n#dts-scue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;}\n.dts-sc-l{font-family:'Tajawal',sans-serif;font-size:9px;color:rgba(255,255,255,.2);letter-spacing:.22em;text-transform:uppercase;}\n.dts-sc-bar{width:1px;height:42px;background:linear-gradient(180deg,rgba(212,217,63,.55),transparent);animation:scpulse 2s infinite;}\n@keyframes scpulse{0%,100%{opacity:.3;}50%{opacity:1;}}\n\n\/* \u2550\u2550 CONTENT \u2550\u2550 *\/\n#dts-content{\n position:relative;z-index:10;\n display:flex;flex-direction:column;align-items:center;text-align:center;\n max-width:860px;padding:0 5vw;will-change:transform;\n}\n\n\/* Label *\/\n#dts-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;opacity:0;}\n.dts-lbar{width:28px;height:1px;background:#D4D93F;flex-shrink:0;}\n.dts-ltxt{font-family:'Tajawal',sans-serif;font-size:11px;font-weight:500;color:rgba(212,217,63,.75);letter-spacing:.28em;text-transform:uppercase;}\n\n\/* Headline *\/\n#dts-hw{position:relative;margin-bottom:26px;will-change:transform,opacity;opacity:0;}\n#dts-shimmer{\n position:absolute;top:0;bottom:0;width:140px;left:0;\n background:linear-gradient(90deg,transparent 0%,rgba(212,217,63,.22) 40%,rgba(255,255,255,.12) 50%,rgba(212,217,63,.22) 60%,transparent 100%);\n filter:blur(8px);transform:translateX(-200px) skewX(-10deg);\n pointer-events:none;z-index:1;mix-blend-mode:screen;\n}\n.dts-hl{display:block;overflow:hidden;line-height:1.05;}\n.dts-w{\n display:inline-block;font-family:'Kufam',sans-serif;font-weight:900;\n font-size:clamp(38px,6.5vw,92px);color:#fff;line-height:1.1;letter-spacing:-.01em;\n opacity:0;transform:translateY(60px);will-change:transform,opacity;\n}\n.dts-w.lime{color:#D4D93F;text-shadow:0 0 72px rgba(212,217,63,.42);}\n.dts-w.ghost{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);}\n\n\/* Body *\/\n#dts-body{\n font-family:'Tajawal',sans-serif;font-size:clamp(14px,1.45vw,17px);font-weight:300;\n color:rgba(255,255,255,.48);line-height:2.0;max-width:580px;margin-bottom:44px;\n opacity:0;transform:translateY(16px);\n}\n\n\/* Buttons *\/\n#dts-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(12px);}\n.dts-bp{\n position:relative;display:inline-flex;align-items:center;gap:11px;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:700;\n color:#050318;background:#D4D93F;padding:15px 40px;border:none;\n border-radius:2px;cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease;\n}\n.dts-bp::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .25s ease;}\n.dts-bp:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(212,217,63,.35);}\n.dts-bp:hover::before{background:rgba(255,255,255,.1);}\n.dts-bico{width:20px;height:20px;border-radius:50%;background:rgba(5,3,24,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.dts-bico svg{fill:#050318;width:8px;}\n\n.dts-bs{\n position:relative;display:inline-flex;align-items:center;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:600;\n color:#fff;background:transparent;padding:14px 36px;\n border:1px solid rgba(255,255,255,.22);border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:border-color .3s ease,transform .35s cubic-bezier(.23,1,.32,1);\n}\n.dts-bs::before{content:'';position:absolute;inset:0;background:rgba(212,217,63,0);transition:background .25s ease;}\n.dts-bs:hover{border-color:rgba(212,217,63,.5);transform:translateY(-4px);}\n.dts-bs:hover::before{background:rgba(212,217,63,.06);}\n\n@media(max-width:680px){\n #dts-btns{flex-direction:column;width:100%;}\n .dts-bp,.dts-bs{width:100%;justify-content:center;}\n #dts-onair{display:none;}\n}\n\n\/* Elementor compat *\/\n.elementor-widget-html,.elementor-widget-container,.elementor-column,.elementor-column-wrap,\n.elementor-widget-wrap,.elementor-section,.elementor-container,.e-container{\n overflow:visible!important;max-width:none!important;padding:0!important;\n}\n<\/style>\n<\/head>\n<body style=\"background:#200F8C;margin:0;padding:0;\">\n\n<section id=\"dts-root\">\n\n <div id=\"dts-bg\"><\/div>\n <div id=\"dts-grain\"><\/div>\n <div id=\"dts-spot\"><\/div>\n\n \n <div id=\"dts-hlines\">\n <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <filter id=\"lf\"><feGaussianBlur stdDeviation=\"1.5\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <line x1=\"0\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"1440\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"0\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"1440\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"0\" y1=\"450\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"1440\" y1=\"450\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"720\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"720\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <\/svg>\n <\/div>\n\n \n <div id=\"dts-rings\"><\/div>\n\n \n <div id=\"dts-spectrum\"><\/div>\n\n <div id=\"dts-glow\"><\/div>\n <div class=\"dts-fe top\"><\/div>\n <div class=\"dts-fe bot\"><\/div>\n\n <div class=\"dts-corner tl\"><\/div>\n <div class=\"dts-corner tr\"><\/div>\n <div class=\"dts-corner bl\"><\/div>\n <div class=\"dts-corner br\"><\/div>\n\n \n <div id=\"dts-bug\">\n <span class=\"dts-bug-name\">\u062f\u064a\u0646\u0640\u0627\u0631\u064a<span>.<\/span><\/span>\n <span class=\"dts-bug-tag\">PODCAST STUDIO<\/span>\n <\/div>\n\n \n <div id=\"dts-onair\">\n <div class=\"dts-air-inner\">\n <span class=\"dts-air-dot\"><\/span>\n ON AIR\n <span class=\"dts-air-sep\"><\/span>\n <span class=\"dts-air-freq\">\u062f\u064a\u0646\u0640\u0627\u0631\u064a \u00b7 \u0628\u063a\u062f\u0627\u062f<\/span>\n <\/div>\n <\/div>\n\n <div id=\"dts-coord\">33.3406\u00b0 N \u00b7 44.4009\u00b0 E \u00b7 MEDIA STUDIO<\/div>\n <div id=\"dts-wave\"><\/div>\n\n <div id=\"dts-scue\">\n <span class=\"dts-sc-l\">\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\n <div class=\"dts-sc-bar\"><\/div>\n <\/div>\n\n \n <div id=\"dts-content\">\n\n <div id=\"dts-label\">\n <div class=\"dts-lbar\"><\/div>\n <span class=\"dts-ltxt\">\u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n <\/div>\n\n <h1 id=\"dts-hw\">\n <div id=\"dts-shimmer\"><\/div>\n <span class=\"dts-hl\">\n <span class=\"dts-w\">\u062e\u062f\u0645\u0627\u062a<\/span>\n <span class=\"dts-w lime\">\u0625\u0639\u0644\u0627\u0645\u064a\u0629<\/span>\n <\/span>\n <span class=\"dts-hl\">\n <span class=\"dts-w ghost\">\u0641\u064a<\/span>\n <span class=\"dts-w\">\u0627\u0644\u0639\u0631\u0627\u0642<\/span>\n <\/span>\n <\/h1>\n\n <p id=\"dts-body\">\n \u062a\u0642\u062f\u0645 \u062f\u064a\u0646\u0627\u0631\u064a \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u0634\u0645\u0644 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\u060c \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c\n \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\u060c \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631\n \u0642\u0648\u064a \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0624\u062b\u0631\u0629.\n <\/p>\n\n <div id=\"dts-btns\">\n <a href=\"#\" class=\"dts-bp\">\n <span class=\"dts-bico\">\n <svg viewBox=\"0 0 10 12\"><path d=\"M0 0L10 6 0 12Z\"\/><\/svg>\n <\/span>\n \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n <\/a>\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dts-bs\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<script>\n(function(){\n gsap.registerPlugin(ScrollTrigger);\n\n \/* \u2500\u2500 Elementor unchain \u2500\u2500 *\/\n var rt = document.getElementById('dts-root');\n var p = rt && rt.parentElement;\n while(p && p.tagName!=='BODY'){\n p.style.setProperty('max-width','none','important');\n p.style.setProperty('overflow','visible','important');\n p.style.setProperty('padding','0','important');\n p.style.setProperty('margin','0','important');\n p = p.parentElement;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SIGNAL RINGS (concentric circles)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var ringsEl = document.getElementById('dts-rings');\n var rSizes = [260,450,660,900,1200];\n var rAlphas = [0.08,0.06,0.042,0.028,0.016];\n\n rSizes.forEach(function(sz,i){\n var el = document.createElement('div');\n var glow = 10 + i*9;\n el.style.cssText = [\n 'position:absolute','top:50%','left:50%',\n 'width:'+sz+'px','height:'+sz+'px',\n 'border-radius:50%',\n 'border:1px solid rgba(212,217,63,'+rAlphas[i]+')',\n 'box-shadow:0 0 '+glow+'px rgba(212,217,63,'+(rAlphas[i]*.45)+')'\n ].join(';');\n el.dataset.alpha = rAlphas[i];\n gsap.set(el,{xPercent:-50,yPercent:-50,opacity:0});\n ringsEl.appendChild(el);\n });\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n AUDIO SPECTRUM BARS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var specEl = document.getElementById('dts-spectrum');\n var specBars= [];\n var barCount= 160;\n var ctr = Math.floor(barCount\/2);\n\n for(var i=0;i<barCount;i++){\n var b = document.createElement('div');\n b.className = 'dts-sbar';\n var distR = Math.abs(i-ctr)\/ctr;\n var bh = 24 + Math.random()*120 + (1-distR)*90;\n b.style.height = bh+'px';\n b.dataset.h = bh;\n \/* Lime accent: central 22 bars *\/\n if(Math.abs(i-ctr)<11){\n b.classList.add('lime');\n var la = .1+(1-Math.abs(i-ctr)\/11)*.22;\n b.style.background='rgba(212,217,63,'+la+')';\n }\n specEl.appendChild(b);\n specBars.push({el:b,h:bh});\n }\n\n function animSpec(){\n var t=Date.now()\/1000;\n specBars.forEach(function(bar,i){\n var wave=Math.sin(t*1.5+i*.17)*.36+Math.sin(t*.88+i*.11)*.2;\n bar.el.style.height=Math.max(4,bar.h*(1+wave))+'px';\n });\n requestAnimationFrame(animSpec);\n }\n animSpec();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SMALL WAVE (bottom edge)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var wEl=document.getElementById('dts-wave');\n var wbars=[];\n for(var j=0;j<88;j++){\n var wb=document.createElement('div');\n wb.className='dts-wb';\n var wh=5+Math.random()*18;\n wb.style.height=wh+'px';wb.dataset.h=wh;\n wEl.appendChild(wb);wbars.push(wb);\n }\n function animWave(){\n var t2=Date.now()\/1000;\n wbars.forEach(function(bar2,i2){\n var b2=parseFloat(bar2.dataset.h);\n var w2=Math.sin(t2*2.6+i2*.21)*.42+Math.sin(t2*1.6+i2*.13)*.28;\n bar2.style.height=Math.max(2,b2*(1+w2))+'px';\n });\n requestAnimationFrame(animWave);\n }\n animWave();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOUSE GLOW\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var glowEl=document.getElementById('dts-glow');\n var gx=0,gy=0,mx=0,my=0;\n rt.addEventListener('mousemove',function(e){\n var r=rt.getBoundingClientRect();mx=e.clientX-r.left;my=e.clientY-r.top;\n glowEl.style.opacity='1';\n });\n rt.addEventListener('mouseleave',function(){glowEl.style.opacity='0';});\n (function gl(){gx+=(mx-gx)*.08;gy+=(my-gy)*.08;glowEl.style.left=gx+'px';glowEl.style.top=gy+'px';requestAnimationFrame(gl);})();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ENTRANCE TIMELINE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var enter=gsap.timeline({defaults:{ease:'power3.out'},delay:.1});\n\n enter.to('#dts-hlines', {opacity:1,duration:.9},0);\n enter.to('#dts-spectrum',{opacity:1,duration:1.4},.2);\n enter.to(ringsEl.children,{opacity:1,stagger:{each:.14,from:'center'},duration:.75},.3);\n enter.to('.dts-corner', {opacity:1,duration:.6,stagger:.1},.4);\n enter.to('#dts-bug', {opacity:1,duration:.7},.5);\n enter.to('#dts-onair', {opacity:1,duration:.6},.6);\n enter.to('#dts-coord', {opacity:1,duration:.6},.7);\n\n \/* Headline *\/\n enter.to('#dts-hw',{opacity:1,duration:.45},.28);\n enter.to('.dts-w', {opacity:1,y:0,stagger:.1,duration:.85,ease:'power4.out'},.52);\n enter.to('#dts-shimmer',{x:'+=1200',duration:1.0,ease:'power2.inOut'},1.2);\n\n \/* Label + body + buttons *\/\n enter.fromTo('#dts-label',{opacity:0,x:14}, {opacity:1,x:0, duration:.65},.55);\n enter.fromTo('#dts-body', {opacity:0,y:16}, {opacity:1,y:0, duration:.75},1.0);\n enter.fromTo('#dts-btns', {opacity:0,y:12}, {opacity:1,y:0, duration:.65},1.2);\n\n \/* Bottom elements *\/\n enter.to('#dts-wave', {opacity:1,duration:.8},.7);\n enter.to('#dts-scue', {opacity:1,duration:.5},1.5);\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCROLL EFFECTS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n gsap.to('#dts-hw',{\n scale:1.07,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:1.2}\n });\n gsap.to(ringsEl.children,{\n scale:1.1,xPercent:-50,yPercent:-50,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:true}\n });\n gsap.to('#dts-spectrum',{\n yPercent:-5,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:true}\n });\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LOOPS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n \/* Spotlight drift *\/\n gsap.to('#dts-spot',{x:28,duration:7,ease:'sine.inOut',yoyo:true,repeat:-1});\n\n \/* Shimmer sweep loop *\/\n gsap.to('#dts-shimmer',{\n x:'+=1400',duration:2.6,ease:'power1.inOut',\n delay:5,repeat:-1,repeatDelay:7,\n onRepeat:function(){gsap.set('#dts-shimmer',{x:'-=2800'});}\n });\n\n \/* Ring slow breathe *\/\n Array.from(ringsEl.children).forEach(function(r,i){\n gsap.to(r,{\n scale:1.04,xPercent:-50,yPercent:-50,\n opacity:parseFloat(r.dataset.alpha)*.6,\n duration:2.5+i*.5,ease:'sine.inOut',yoyo:true,repeat:-1,delay:i*.35\n });\n });\n\n \/* Button micro interactions *\/\n document.querySelectorAll('.dts-bp,.dts-bs').forEach(function(btn){\n btn.addEventListener('mouseenter',function(){gsap.to(btn,{scale:1.03,duration:.28,ease:'power2.out'});});\n btn.addEventListener('mouseleave',function(){gsap.to(btn,{scale:1,duration:.3,ease:'power2.inOut'});});\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9dbb308 e-flex e-con-boxed e-con e-parent\" data-id=\"9dbb308\" 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-2ffcc20 elementor-widget elementor-widget-heading\" data-id=\"2ffcc20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"> \u062a\u062c\u0631\u0628\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71db2ec elementor-widget elementor-widget-heading\" data-id=\"71db2ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u0635\u0646\u0639 \u0627\u0644\u062a\u0623\u062b\u064a\u0631<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3560920 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3560920\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-413cc2f elementor-widget elementor-widget-text-editor\" data-id=\"413cc2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\" dir=\"rtl\">\u062a\u0642\u062f\u0645 \u062f\u064a\u0646\u0627\u0631\u064a \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\u060c \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0627\u0644\u062a\u063a\u0637\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629. \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0642\u0648\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0648\u0631\u0633\u0627\u0626\u0644 \u0645\u0624\u062b\u0631\u0629\u060c \u0648\u062a\u062c\u0627\u0631\u0628 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0648\u0627\u0643\u0628 \u062a\u0637\u0648\u0631 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0627\u0642\u064a \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59567c50 e-con-full e-flex e-con e-parent\" data-id=\"59567c50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3b9a7751 e-con-full e-flex e-con e-child\" data-id=\"3b9a7751\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d858542 elementor-widget elementor-widget-heading\" data-id=\"1d858542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-239e7a06 elementor-widget elementor-widget-heading\" data-id=\"239e7a06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a\n\n\u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-798797c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"798797c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19054731 elementor-widget elementor-widget-image\" data-id=\"19054731\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1707\" height=\"2560\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-scaled.jpg\" class=\"attachment-full size-full wp-image-454\" alt=\"\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0636\u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\" srcset=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-scaled.jpg 1707w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-200x300.jpg 200w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-683x1024.jpg 683w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-768x1152.jpg 768w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0644\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0642\u0648\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ee02bc elementor-widget elementor-widget-heading\" data-id=\"15ee02bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u062a\u0639\u0627\u0648\u0646\u0627\u062a \u0648\u0634\u0631\u0627\u0643\u0627\u062a<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ffb6b4b e-con-full e-flex e-con e-child\" data-id=\"1ffb6b4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c116f1 elementor-widget elementor-widget-heading\" data-id=\"31c116f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181bff8a elementor-widget elementor-widget-heading\" data-id=\"181bff8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f8ae9b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"38f8ae9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2059fa22 elementor-widget elementor-widget-image\" data-id=\"2059fa22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-683x1024.jpg\" class=\"attachment-large size-large wp-image-453\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\" srcset=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-683x1024.jpg 683w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-200x300.jpg 200w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-768x1152.jpg 768w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-1024x1536.jpg 1024w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-1365x2048.jpg 1365w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-scaled.jpg 1707w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0625\u0639\u0644\u0627\u0645\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u060c \u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c\u060c \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u0639\u0635\u0631\u064a \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0ba26a elementor-widget elementor-widget-heading\" data-id=\"4e0ba26a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-467ace3c e-con-full e-flex e-con e-child\" data-id=\"467ace3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b7e454 elementor-widget elementor-widget-heading\" data-id=\"64b7e454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0639\u0644\u0627\u0645 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae17fca elementor-widget elementor-widget-heading\" data-id=\"7ae17fca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469c4b66 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"469c4b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21b0a0d7 elementor-widget elementor-widget-image\" data-id=\"21b0a0d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-8089248-8089248-scaled.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u0625\u0646\u062a\u0627\u062c \u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0633\u062a\u0636\u064a\u0641 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646\u060c \u0648\u0635\u0646\u0627\u0639 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u062d\u062a\u0648\u0649 \u0625\u0639\u0644\u0627\u0645\u064a \u0645\u0624\u062b\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62c48c66 elementor-widget elementor-widget-heading\" data-id=\"62c48c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u062d\u0644\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a09f3c2 e-con e-atomic-element e-div-block-base \" data-id=\"a09f3c2\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a09f3c2\" data-e-type=\"e-div-block\" data-id=\"a09f3c2\">\n \t\t<div class=\"elementor-element elementor-element-d9d2db6 elementor-widget elementor-widget-html\" data-id=\"d9d2db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062f\u064a\u0646\u0627\u0631\u064a | \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n dinariDark: '#200F8C',\n dinariInk: '#0d0845',\n dinariLime: '#D4D93F',\n },\n fontFamily: { cairo: ['Cairo', 'sans-serif'] }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n background-color: #200F8C;\n font-family: 'Cairo', sans-serif;\n overflow-x: hidden;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: #200F8C; }\n ::-webkit-scrollbar-thumb { background: #D4D93F; border-radius: 3px; }\n\n \/* Watermark *\/\n .text-stroke {\n -webkit-text-stroke: 1px rgba(212,217,63,.1);\n color: transparent;\n user-select: none;\n }\n\n \/* Card *\/\n .service-card {\n position: relative;\n overflow: hidden;\n transition: background-color 0.35s ease;\n }\n .service-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 0;\n height: 1px;\n background: #D4D93F;\n transition: width 0.45s cubic-bezier(0.25,1,0.5,1);\n }\n .service-card:hover {\n background-color: rgba(255,255,255,0.035);\n }\n .service-card:hover::after {\n width: 100%;\n }\n .service-card:hover .card-title {\n color: #D4D93F;\n }\n .card-title {\n transition: color 0.35s ease;\n }\n .card-num {\n font-variant-numeric: tabular-nums;\n }\n\n \/* Pulse dot *\/\n @keyframes pulse-dot {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .5; transform: scale(.75); }\n }\n .pulse { animation: pulse-dot 2s ease-in-out infinite; }\n <\/style>\n<\/head>\n<body class=\"text-white antialiased\">\n\n<section id=\"dinari-services\" class=\"relative w-full bg-dinariDark overflow-hidden\">\n\n \n <div class=\"absolute inset-0 pointer-events-none overflow-hidden\" aria-hidden=\"true\">\n <div class=\"absolute -top-4 right-6 text-[22vw] font-black text-stroke uppercase tracking-tighter leading-none\">\n DINARY\n <\/div>\n <\/div>\n\n <div class=\"max-w-[1600px] mx-auto px-6 lg:px-16 relative z-10\">\n\n \n <div class=\"flex items-center justify-between border-b border-white\/10 py-8\">\n <div class=\"flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime pulse flex-shrink-0\"><\/span>\n <span class=\"text-xs uppercase tracking-widest font-bold text-dinariLime\">\n \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\n <\/span>\n <\/div>\n <span class=\"text-xs text-white\/35 font-mono tracking-wider\">01 \u2014 06<\/span>\n <\/div>\n\n \n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-px bg-white\/10 mt-px\">\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0661 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\u060c \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\n \u0648\u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c \u0648\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0635\u0646\u0627\u0639 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u0625\u0646\u062a\u0627\u062c \u062d\u0644\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0662 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u062e\u062f\u0645\u0627\u062a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c\u060c\n \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0663 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u062e\u0637\u0637 \u0648\u0646\u0646\u0641\u0630 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0633\u0627\u0639\u062f\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0664 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0645\u0624\u062b\u0631.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0665 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u062d\u0645\u0644\u0627\u062a\n \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642 \u0648\u062e\u0627\u0631\u062c\u0647.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0666 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u062a\u0648\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0648\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629\n \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0642\u0628\u0644 \u0648\u0623\u062b\u0646\u0627\u0621 \u0648\u0628\u0639\u062f \u0627\u0644\u062d\u062f\u062b.\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"flex items-center justify-between border-t border-white\/10 py-7\">\n <span class=\"text-xs text-white\/25 font-mono tracking-widest uppercase\">\n Dinary \u00b7 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u00b7 \u0627\u0644\u0639\u0631\u0627\u0642\n <\/span>\n <div class=\"flex gap-2 items-center\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fd2a34b e-con e-atomic-element e-flexbox-base e-390cc42 \" data-id=\"fd2a34b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd2a34b\" data-e-type=\"e-flexbox\" data-id=\"fd2a34b\">\n <div class=\"elementor-element elementor-element-496bb78 e-con e-atomic-element e-div-block-base \" data-id=\"496bb78\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"496bb78\" data-e-type=\"e-div-block\" data-id=\"496bb78\">\n \t\t<div class=\"elementor-element elementor-element-b3c7b33 elementor-widget elementor-widget-html\" data-id=\"b3c7b33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 | \u062d\u0644\u0648\u0644 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n dinariDark: '#200F8C',\n dinariLime: '#D4D93F',\n dinariMuted: 'rgba(255,255,255,0.6)',\n cardBg: '#180B6B'\n },\n fontFamily: {\n cairo: ['Cairo', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n background-color: #200F8C;\n font-family: 'Cairo', sans-serif;\n }\n \/* \u0633\u062a\u0627\u064a\u0644 \u0641\u0627\u062e\u0631 \u0648\u0645\u0628\u062a\u0643\u0631 \u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\n .service-card {\n background: #180B6B;\n border: 1px solid rgba(255, 255, 255, 0.08);\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n }\n .service-card:hover {\n border-color: #D4D93F;\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n }\n <\/style>\n<\/head>\n<body class=\"text-white antialiased\">\n\n <header class=\"relative w-full py-24 border-b border-white\/10 overflow-hidden\">\n <div class=\"max-w-[1400px] mx-auto px-6 lg:px-16 text-center relative z-10\">\n <span class=\"text-dinariLime font-mono text-sm uppercase tracking-widest mb-4 block\">\/\/ \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n <h1 class=\"text-4xl lg:text-6xl font-black tracking-tight leading-tight mb-6\">\n \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0640 <span class=\"text-dinariLime\">\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span> \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\n <\/h1>\n <p class=\"text-dinariMuted text-lg lg:text-xl max-w-3xl mx-auto font-light leading-relaxed\">\n \u0646\u062d\u0646 \u0644\u0627 \u0646\u0642\u062f\u0645 \u0645\u062c\u0631\u062f \u0623\u062f\u0648\u0627\u062a \u062a\u0642\u0646\u064a\u0629\u060c \u0628\u0644 \u0646\u0628\u0646\u064a \u062d\u0644\u0648\u0644\u0627\u064b \u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0645\u0627\u0644\u0643\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0643\u060c \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635 \u0627\u0644\u062d\u062c\u0632 \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0628\u0634\u0643\u0644 \u062a\u0644\u0642\u0627\u0626\u064a.\n <\/p>\n <\/div>\n <div class=\"absolute inset-0 opacity-5 pointer-events-none bg-[radial-gradient(#D4D93F_1px,transparent_1px)] [background-size:24px_24px]\"><\/div>\n <\/header>\n\n <main class=\"max-w-[1400px] mx-auto px-6 lg:px-16 py-20\">\n \n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u0623\u0648\u0644\u0627\u064b: \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0648\u0627\u0644\u0631\u0628\u0637 \u0627\u0644\u0630\u0643\u064a \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-20\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0661<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u0648\u062d\u064a\u062f \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0645\u0646 \u0639\u062f\u0629 \u0645\u0646\u0635\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062c\u0645\u0639 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0641\u064a\u0633\u0628\u0648\u0643\u060c \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u063a\u064a\u0631\u0647\u0627 \u062f\u0627\u062e\u0644 \u0648\u0627\u062c\u0647\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0631\u062f \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0633\u064a\u0627\u0646. \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0634\u062a\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0633\u062a\u0631\u0649 \u0643\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0641\u064a \u0634\u0627\u0634\u0629 \u0648\u0627\u062d\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0645\u0646 \u062a\u0645 \u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0647 \u0648\u0645\u0646 \u0644\u0627 \u064a\u0632\u0627\u0644 \u064a\u0646\u062a\u0638\u0631.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0662<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 (CRM)<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u062c\u0645\u0639 \u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u0648\u064a\u064f\u0638\u0647\u0631 \u062d\u0627\u0644\u0629 \u0643\u0644 \u0639\u0645\u064a\u0644 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 (\u062c\u062f\u064a\u062f\u060c \u062a\u0645 \u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0647\u060c \u064a\u062d\u062a\u0627\u062c \u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0623\u0648 \u062c\u0627\u0647\u0632 \u0644\u0644\u062d\u062c\u0632\/\u0627\u0644\u0634\u0631\u0627\u0621). \u064a\u0638\u0647\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u0633\u062c\u0644 \u0648\u0627\u062d\u062f \u0645\u0639 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u062e\u0637\u0648\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0644\u0645\u0646\u0639 \u0636\u064a\u0627\u0639 \u0623\u064a \u0641\u0631\u0635\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0663<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0631\u062f \u0627\u0644\u0641\u0648\u0631\u064a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u0631\u062f \u0627\u0644\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u062d\u062a\u0649 \u062e\u0627\u0631\u062c \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0645. \u0625\u0630\u0627 \u0631\u0627\u0633\u0644 \u0634\u062e\u0635 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0633\u0627\u0639\u0629 11 \u0644\u064a\u0644\u0627\u064b \u064a\u0633\u0623\u0644 \u0639\u0646 \u0627\u0644\u0633\u0639\u0631\u060c \u064a\u062d\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0631\u062f \u0645\u0646\u0638\u0645 \u064a\u0634\u0631\u062d \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u064a\u0623\u062e\u0630 \u0627\u0633\u0645\u0647 \u0648\u0631\u0642\u0645\u0647 \u0644\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0627\u0644\u0646\u0638\u0627\u0645.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0623\u062f\u0648\u0627\u062a \u062d\u0635\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-20\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0664<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u0641\u0631\u0635 \u0628\u064a\u0639<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u062a\u062d\u062a \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u062a\u062d\u0648\u064a\u0644 \u0623\u0635\u062d\u0627\u0628\u0647\u0627 \u0625\u0644\u0649 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u062e\u0627\u0635\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0641\u0639\u0644\u064a\u0629. \u0628\u0645\u062c\u0631\u062f \u0623\u0646 \u064a\u0643\u062a\u0628 \u0634\u062e\u0635 \u062a\u062d\u062a \u0625\u0639\u0644\u0627\u0646 \u0641\u064a\u0633\u0628\u0648\u0643 \u0623\u0648 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645: \"\u0623\u0631\u064a\u062f \u0627\u0644\u0633\u0639\u0631\" \u0623\u0648 \"\u0648\u064a\u0646 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\u061f\"\u060c \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0647\u0630\u0627 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0633\u0631\u0639\u0629 \u0625\u0644\u0649 \u0631\u0633\u0627\u0644\u0629 \u062e\u0627\u0635\u0629 \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0638\u0645\u0629 \u062d\u062a\u0649 \u064a\u0635\u0628\u062d \u062d\u062c\u0632\u0627\u064b \u0623\u0648 \u0637\u0644\u0628\u0627\u064b.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0665<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0633\u062a\u0645\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0646\u0645\u0627\u0630\u062c \u062a\u0639\u0628\u0626\u0629 \u0633\u0647\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0648\u062a\u0648\u0635\u0644\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u0633\u0644\u0633. \u0639\u0646\u062f\u0645\u0627 \u064a\u0623\u062a\u064a \u0639\u0645\u064a\u0644 \u0645\u0646 \u0625\u0639\u0644\u0627\u0646 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643 \u0623\u0648 \u0645\u0646 \u0631\u0627\u0628\u0637 \u0627\u0644\u0628\u0627\u064a\u0648 \u0639\u0644\u0649 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u064a\u0645\u0644\u0623 \u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0641\u062a\u0635\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0648\u0631\u0627\u064b \u0625\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u064a\u0645\u0643\u0646 \u0623\u064a\u0636\u0627\u064b \u0625\u0631\u0633\u0627\u0644\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0666<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0635\u0641\u062d\u0627\u062a \u0639\u0631\u0636 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062a\u0637\u0648\u064a\u0631 \u0635\u0641\u062d\u0627\u062a \u0647\u0628\u0648\u0637 \u0645\u062e\u0635\u0635\u0629 \u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d \u0648\u0645\u0642\u0646\u0639 \u0648\u062a\u0633\u0647\u0651\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u0647\u0645 \u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u0627\u062a\u062e\u0627\u0630 \u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0641\u0648\u0631\u064a. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0645\u0643\u0646 \u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0629 \u062e\u0627\u0635\u0629 \u0644\u062e\u062f\u0645\u0629 \u0644\u064a\u0632\u0631\u060c \u062f\u0648\u0631\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629\u060c \u0623\u0648 \u0639\u0631\u0636 \u0644\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u062b\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0628\u062d\u064a\u062b \u064a\u0631\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u0633\u0639\u0631 \u0648\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0628\u0634\u0643\u0644 \u0645\u0631\u062a\u0628.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u062b\u0627\u0644\u062b\u0627\u064b: \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u062f\u0648\u0644\u0629\u060c \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0621<\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0667<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0623\u0646\u0638\u0645\u0629 \u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062a\u0646\u0638\u064a\u0645 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062d\u062c\u0632 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0645\u0639 \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0648\u062a\u0633\u0647\u064a\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0645\u0648\u0639\u062f. \u0641\u064a \u0639\u064a\u0627\u062f\u0629 \u0623\u0648 \u0645\u0631\u0643\u0632 \u062a\u062c\u0645\u064a\u0644 \u0623\u0648 \u0645\u0639\u0647\u062f \u062a\u062f\u0631\u064a\u0628\u064a\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0639\u0645\u064a\u0644 \u0637\u0644\u0628 \u0645\u0648\u0639\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0631\u0627\u0628\u0637 \u0645\u062e\u0635\u0635 \u064a\u064f\u0631\u0633\u0644 \u0644\u0647 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u064a\u064f\u0648\u0636\u0639 \u0641\u064a \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u062b\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0648\u0639\u062f \u0648\u0645\u062a\u0627\u0628\u0639\u062a\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0668<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0630\u0643\u064a\u0631 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0625\u0646\u0634\u0627\u0621 \u062e\u0637\u0648\u0627\u062a \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u0623\u0648 \u0634\u0628\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u060c \u0642\u0628\u0644 \u0627\u0644\u0645\u0648\u0639\u062f\u060c \u0623\u0648 \u0628\u0639\u062f \u0627\u0644\u062e\u062f\u0645\u0629 \u062d\u062a\u0649 \u0644\u0627 \u062a\u0636\u064a\u0639 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629. \u0625\u0630\u0627 \u0633\u0623\u0644 \u0639\u0645\u064a\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0644\u0645 \u064a\u0624\u0643\u062f \u0627\u0644\u062d\u062c\u0632\u060c \u064a\u062a\u0645 \u062a\u0630\u0643\u064a\u0631\u0647 \u0628\u0639\u062f \u0641\u062a\u0631\u0629 \u0628\u0631\u0633\u0627\u0644\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0623\u0648 \u0625\u0631\u0633\u0627\u0644 \u062a\u0630\u0643\u064a\u0631 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f\u0647 \u0628\u064a\u0648\u0645\u060c \u0623\u0648 \u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0626\u0647\u0627.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0669<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0645\u0639\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\u0629 \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u062a\u062d\u0633\u064a\u0646 \u0635\u0648\u0631\u062a\u0647\u0627 \u0623\u0645\u0627\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062c\u062f\u062f. \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0629\u060c \u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0631\u0627\u0636\u064a \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0642\u0646\u0627\u0629 \u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0629 \u0633\u0644\u0628\u064a\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b \u0628\u0633\u0631\u0639\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0633\u0645\u0639\u0629 \u0627\u0644\u0628\u0631\u0627\u0646\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0660<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0627\u062a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u064a\u0633\u0647\u0651\u0644 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0634\u062a\u062a\u0629. \u0644\u0645\u062a\u062c\u0631 \u0633\u0627\u0639\u0627\u062a \u0623\u0648 \u0645\u0644\u0627\u0628\u0633\u060c \u064a\u0631\u0628\u0637 \u0645\u0646\u0634\u0648\u0631\u0627\u062a\u0647 \u0639\u0644\u0649 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0648\u0641\u064a\u0633\u0628\u0648\u0643 \u0628\u0635\u0641\u062d\u0627\u062a \u0637\u0644\u0628 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0639\u0646\u062f\u0645\u0627 \u064a\u062e\u062a\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u062a\u064f\u0633\u062c\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0647 \u0648\u062a\u0635\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0661<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u0646\u0638\u064a\u0645 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062d\u0636\u0648\u0631 \u0645\u0633\u062a\u0645\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0628\u062f\u0648\u0646 \u0641\u0648\u0636\u0649. \u064a\u0645\u0643\u0646 \u062a\u062c\u0647\u064a\u0632 \u0645\u062d\u062a\u0648\u0649 \u0623\u0633\u0628\u0648\u0639\u064a \u0623\u0648 \u0634\u0647\u0631\u064a \u0648\u0646\u0634\u0631\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0639\u0644\u0649 YouTube \u0648LinkedIn \u0648TikTok \u0648Instagram \u0648Facebook \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a \u0623\u0648 \u0627\u0644\u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0648\u064a\u0644.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0662<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0639\u0637\u064a \u0635\u0627\u062d\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u060c \u0633\u0631\u0639\u0629 \u0627\u0644\u0631\u062f\u060c \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629. \u064a\u0645\u0643\u0646 \u0645\u0639\u0631\u0641\u0629 \u0643\u0645 \u0631\u0633\u0627\u0644\u0629 \u062c\u0627\u0621\u062a \u0645\u0646 \u0641\u064a\u0633\u0628\u0648\u0643\u060c \u0648\u0643\u0645 \u0645\u0646 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u0648\u0643\u0645 \u0645\u0646 \u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0648\u0643\u0645 \u062d\u0627\u0644\u0629 \u062a\u062d\u0648\u0644\u062a \u0625\u0644\u0649 \u062d\u062c\u0632 \u0623\u0648 \u0628\u064a\u0639\u060c \u0648\u0647\u0630\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u062a\u0633\u0648\u064a\u0642\u064a \u0623\u062f\u0642 \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0644\u063a\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/main>\n\n <footer class=\"w-full bg-black\/30 border-t border-white\/10 py-16 text-center\">\n <div class=\"max-w-[1400px] mx-auto px-6\">\n <h2 class=\"text-2xl lg:text-3xl font-black mb-4 text-dinariLime\">\u0627\u0644\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/h2>\n <p class=\"text-dinariMuted max-w-2xl mx-auto leading-relaxed text-sm font-light\">\n \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u064a\u0633\u062a \u0623\u062f\u0648\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0641\u0642\u0637\u060c \u0628\u0644 \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635 \u0627\u0644\u062d\u062c\u0632 \u0648\u0627\u0644\u0628\u064a\u0639. \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u0646\u0642\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0644\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a.\n <\/p>\n <div class=\"mt-8\">\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"inline-block bg-dinariLime text-dinariDark px-8 py-3 rounded-full font-bold text-sm transition-transform hover:scale-105\">\u0627\u0628\u062f\u0623 \u0623\u062a\u0645\u062a\u0629 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2a09bfe e-con e-atomic-element e-div-block-base \" data-id=\"2a09bfe\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2a09bfe\" data-e-type=\"e-div-block\" data-id=\"2a09bfe\">\n \t\t<div class=\"elementor-element elementor-element-92e71f9 elementor-widget elementor-widget-html\" data-id=\"92e71f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062f\u064a\u0646\u0627\u0631\u064a - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a (\u0628\u064a\u062a \u0627\u0644\u062d\u0643\u0645\u0629)<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kufam:wght@700&family=Tajawal:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u062a\u062b\u0628\u064a\u062a \u0623\u0644\u0648\u0627\u0646 \u062f\u064a\u0646\u0627\u0631\u064a *\/\n :root {\n --dinari-blue: #200F8C; \/* \u0623\u0632\u0631\u0642 \u062f\u064a\u0646\u0627\u0631\u064a \u0627\u0644\u0645\u0644\u0643\u064a \u0627\u0644\u0633\u0627\u062f\u0629 *\/\n --dinari-neon: #D4D93F; \/* \u0644\u064a\u0645\u0648\u0646\u064a \u0646\u064a\u0648\u0646 *\/\n --dinari-white: #FFFFFF;\n --dinari-text: #E2E8F0;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: var(--dinari-blue);\n color: var(--dinari-white);\n font-family: 'Tajawal', sans-serif;\n line-height: 1.6;\n }\n\n \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\n .section-container {\n padding: 80px 10%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u062f\u064a\u0646\u0627\u0631\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a *\/\n .section-title {\n font-family: 'Kufam', sans-serif;\n font-size: 42px;\n color: var(--dinari-neon);\n margin-bottom: 15px;\n text-shadow: 0 0 15px rgba(212, 217, 63, 0.15);\n }\n\n .section-subtitle {\n font-size: 20px;\n font-weight: 300;\n color: var(--dinari-text);\n max-width: 900px;\n margin-bottom: 50px;\n }\n\n \/* \u0634\u0628\u0643\u0629 \u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .service-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-top: 4px solid var(--dinari-neon);\n padding: 40px 30px;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .service-card:hover {\n background: rgba(255, 255, 255, 0.06);\n transform: translateY(-5px);\n }\n\n .card-number {\n font-family: 'Kufam', sans-serif;\n color: var(--dinari-neon);\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 15px;\n display: block;\n }\n\n .card-title {\n font-family: 'Kufam', sans-serif;\n font-size: 26px;\n color: var(--dinari-white);\n margin-bottom: 20px;\n }\n\n .card-body {\n font-size: 16px;\n color: var(--dinari-text);\n font-weight: 300;\n text-align: justify;\n }\n\n \/* \u0642\u0633\u0645 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a *\/\n .partnerships-box {\n background: rgba(212, 217, 63, 0.05);\n border: 1px dashed var(--dinari-neon);\n padding: 40px;\n border-radius: 4px;\n margin-top: 40px;\n }\n\n .partnerships-box h4 {\n font-family: 'Kufam', sans-serif;\n font-size: 22px;\n color: var(--dinari-neon);\n margin-bottom: 20px;\n }\n\n .custom-list {\n list-style: none;\n }\n\n .custom-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 12px;\n font-size: 18px;\n font-weight: 300;\n }\n\n .custom-list li::before {\n content: \"\u25a0\";\n position: absolute;\n right: 0;\n color: var(--dinari-neon);\n font-size: 14px;\n top: 2px;\n }\n\n \/* \u0642\u0627\u0626\u0645\u0629 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0645\u0646 \u0642\u0637\u0639\u062a\u064a\u0646 (Two columns list) *\/\n .events-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n \n .why-us-item {\n\n\n \/* \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\n @media (max-width: 992px) {\n .services-grid, .why-us-grid { grid-template-columns: 1fr; }\n .events-grid { grid-template-columns: 1fr; }\n .section-container { padding: 50px 5%; }\n .section-title { font-size: 32px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"section-container\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/h2>\n <p class=\"section-subtitle\">\u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0641\u0642 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0648\u0631\u0641\u0639 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u062f\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u0639\u0645\u0644\u064a\u0629 \u064a\u0642\u062f\u0645\u0647\u0627 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0648\u0627\u0644\u0645\u062f\u0631\u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646.<\/p>\n \n <div class=\"services-grid\">\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u0623\u0648\u0644\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0627\u0644\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0627\u0644\u0645\u0648\u0627\u0632\u0646\u0627\u062a\u060c \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0628\u0645\u0627 \u064a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062e\u0627\u0635.<\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u062b\u0627\u0646\u064a\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0635\u0631\u0641\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0648\u062c\u0647\u0629 \u0644\u0644\u0645\u0635\u0627\u0631\u0641 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u062a\u063a\u0637\u064a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u0641\u064a\u0629\u060c \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0645\u0643\u0627\u0641\u062d\u0629 \u063a\u0633\u0644 \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0648\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0625\u0631\u0647\u0627\u0628\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u0627\u062f\u0631\u0629 \u0639\u0646 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0639\u0631\u0627\u0642\u064a.<\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u062b\u0627\u0644\u062b\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0625\u062f\u0627\u0631\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0627\u0644\u0642\u064a\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"partnerships-box\">\n <h4>\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\n <p style=\"margin-bottom: 20px; font-weight: 300;\">\u064a\u062a\u0645\u064a\u0632 \u062f\u064a\u0646\u0627\u0631\u064a \u0628\u062a\u0646\u0641\u064a\u0630 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0648\u0645\u0633\u062a\u0642\u0644\u0629 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629:<\/p>\n <ul class=\"custom-list\">\n <li>\u062a\u0646\u0641\u064a\u0630 \u0628\u0631\u0627\u0645\u062c \u0645\u0634\u062a\u0631\u0643\u0629 \u0645\u0639 <strong>\u0631\u0627\u0628\u0637\u0629 \u0627\u0644\u0645\u0635\u0627\u0631\u0641 \u0627\u0644\u062e\u0627\u0635\u0629 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629<\/strong>.<\/li>\n <li>\u0634\u0631\u0627\u0643\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0639 <strong>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a<\/strong>.<\/li>\n <li>\u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u0648\u0645\u062d\u0644\u064a\u0627\u064b \u0628\u0625\u0634\u0631\u0627\u0641 <strong>\u0627\u0644\u0648\u0643\u0627\u0644\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 (GAFM)<\/strong>.<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section class=\"section-container\">\n <h2 class=\"section-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h2>\n <p class=\"section-subtitle\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u062e\u0637\u064a\u0637 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0644\u062a\u0642\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062d\u062a\u0649 \u0627\u0644\u062e\u062a\u0627\u0645\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0635\u0648\u0631\u0629 \u062a\u0644\u064a\u0642 \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629.<\/p>\n \n <div class=\"events-grid\">\n <ul class=\"custom-list\">\n <li>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/li>\n <li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u062d\u062c\u0632 \u0645\u0648\u0627\u0642\u0639 \u0627\u0646\u0639\u0642\u0627\u062f \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u0641\u0627\u062a\u060c \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644\u060c \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.<\/li>\n <li>\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\u060c \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0635\u0648\u062a\u060c \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0648\u0627\u0644\u0636\u064a\u0648\u0641 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b \u0648\u0645\u064a\u062f\u0627\u0646\u064a\u0627\u064b.<\/li>\n <\/ul>\n <ul class=\"custom-list\">\n <li>\u062a\u0646\u0638\u064a\u0645 \u0648\u062a\u062c\u0644\u064a\u0633 \u0643\u0628\u0627\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a (VIP) \u0628\u0645\u0627 \u064a\u0644\u064a\u0642 \u0628\u0627\u0644\u0645\u0642\u0627\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a.<\/li>\n <li>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0628\u0648\u062b\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0631\u0639\u0627\u0629 \u0648\u0627\u0644\u0639\u0627\u0631\u0636\u064a\u0646.<\/li>\n <li>\u062a\u0635\u0645\u064a\u0645 \u0648\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0647\u0648\u064a\u0627\u062a (Badges)\u060c \u0627\u0644\u0623\u062c\u0646\u062f\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0631\u0642 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629.<\/li>\n <li>\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0631\u0639\u0627\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u064a\u0646 \u0639\u0628\u0631 \u0628\u0627\u0642\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.<\/li>\n <\/ul>\n <\/div>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-13841fa elementor-widget elementor-widget-html\" data-id=\"13841fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#dig-root,#dig-root *,#dig-root *::before,#dig-root *::after{\n box-sizing:border-box;margin:0;padding:0;\n}\n\n\/* \u2550\u2550 ELEMENTOR PARENT OVERRIDE \u2550\u2550 *\/\n.elementor-widget-html:has(#dig-root),\n.elementor-widget:has(#dig-root),\n.e-con:has(#dig-root),\n.e-con-inner:has(#dig-root),\n.elementor-container:has(#dig-root),\n.elementor-section:has(#dig-root),\n.elementor-top-section:has(#dig-root) {\n max-width:100% !important;\n width:100% !important;\n padding-left:0 !important;\n padding-right:0 !important;\n margin-left:0 !important;\n margin-right:0 !important;\n overflow:visible !important;\n}\n\n#dig-root{\n position:relative;\n width:100%;max-width:100%;margin:0;\n min-height:100vh;\n background:#200F8C;\n overflow:hidden;\n display:flex;\n align-items:center;\n justify-content:center;\n \/* \u0633\u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b \u0639\u0628\u0631 \u0627\u0644\u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u0628\u062a \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0636\u0627\u0631\u0628 *\/\n}\n\n\/* \u0641\u0626\u0627\u062a \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\n#dig-root.dig-rtl { direction: rtl; }\n#dig-root.dig-ltr { direction: ltr; }\n\n#dig-bg{\n position:absolute;inset:0;z-index:0;pointer-events:none;\n background:\n radial-gradient(ellipse 65% 80% at 50% 50%,\n rgba(10,4,65,1) 0%,\n rgba(22,10,110,1) 40%,\n rgba(32,15,140,1) 70%,\n rgba(38,20,158,1) 100%);\n}\n\n#dig-grid{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n opacity:0;\n background-image:\n linear-gradient(rgba(212,217,63,.06) 1px,transparent 1px),\n linear-gradient(90deg,rgba(212,217,63,.06) 1px,transparent 1px);\n background-size:70px 70px;\n mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%);\n -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%);\n}\n\n#dig-grain{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n mix-blend-mode:overlay;opacity:.3;\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'\/%3E%3C\/svg%3E\");\n background-size:200px;\n}\n\n.dig-edge{\n position:absolute;left:0;right:0;z-index:3;pointer-events:none;height:90px;\n}\n.dig-edge.t{top:0;background:linear-gradient(180deg,rgba(8,3,50,.8) 0%,transparent 100%);}\n.dig-edge.b{bottom:0;background:linear-gradient(0deg,rgba(8,3,50,.8) 0%,transparent 100%);}\n\n#dig-mglow{\n position:absolute;z-index:3;pointer-events:none;\n width:520px;height:520px;border-radius:50%;\n background:radial-gradient(circle,rgba(212,217,63,.12) 0%,transparent 68%);\n filter:blur(28px);\n transform:translate(-50%,-50%);\n opacity:0;transition:opacity .5s ease;\n will-change:left,top;left:50%;top:50%;\n}\n\n\/* \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u0645\u062a\u0643\u064a\u0641\u0629 \u0644\u0644\u0623\u0631\u0643\u0627\u0646 \u062a\u0644\u062a\u0641 \u0628\u0634\u0643\u0644 \u062a\u0644\u0642\u0627\u0626\u064a \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0644\u064a\u0629 \u0644\u062a\u0623\u0645\u064a\u0646 \u062a\u0645\u0627\u062b\u0644 \u0628\u0635\u0631\u064a \u0641\u0627\u062e\u0631 *\/\n#dig-root.dig-rtl .dig-corner.tl{top:32px;right:32px;border-top:1px solid rgba(212,217,63,.4);border-right:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-rtl .dig-corner.tr{top:32px;left:32px;border-top:1px solid rgba(212,217,63,.4);border-left:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-rtl .dig-corner.bl{bottom:32px;right:32px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-rtl .dig-corner.br{bottom:32px;left:32px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n\n#dig-root.dig-ltr .dig-corner.tl{top:32px;left:32px;border-top:1px solid rgba(212,217,63,.4);border-left:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-ltr .dig-corner.tr{top:32px;right:32px;border-top:1px solid rgba(212,217,63,.4);border-right:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-ltr .dig-corner.bl{bottom:32px;left:32px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-ltr .dig-corner.br{bottom:32px;right:32px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n\n.dig-corner{\n position:absolute;z-index:8;\n width:20px;height:20px;opacity:0;pointer-events:none;\n}\n\n\/* \u2500\u2500 GATEWAY \u2500\u2500 *\/\n#dig-gateway{\n position:absolute;inset:0;z-index:5;\n display:flex;pointer-events:none;\n}\n.dig-panel{\n position:absolute;top:0;bottom:0;width:50%;\n will-change:transform;overflow:hidden;\n}\n\n\/* \u0631\u0628\u0637 \u0627\u0644\u0623\u0644\u0648\u0627\u062d \u0628\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0636\u0645\u0627\u0646 \u0641\u062a\u062d \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0628\u0627\u0646\u062a\u0638\u0627\u0645 \u0645\u062a\u0637\u0627\u0628\u0642 \u0628\u0627\u0644\u062c\u0647\u062a\u064a\u0646 *\/\n#dig-root.dig-rtl .dig-panel.left { right:0; }\n#dig-root.dig-rtl .dig-panel.right{ left:0; }\n#dig-root.dig-ltr .dig-panel.left { left:0; }\n#dig-root.dig-ltr .dig-panel.right{ right:0; }\n\n.dig-panel-face{\n position:absolute;inset:0;\n background:linear-gradient(180deg,\n rgba(10,5,55,1) 0%,rgba(18,9,95,1) 40%,\n rgba(14,7,72,1) 70%,rgba(8,3,48,1) 100%);\n}\n\n#dig-root.dig-rtl .dig-panel.left .dig-panel-edge{ position:absolute;left:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-rtl .dig-panel.right .dig-panel-edge{ position:absolute;right:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-ltr .dig-panel.left .dig-panel-edge{ position:absolute;right:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-ltr .dig-panel.right .dig-panel-edge{ position:absolute;left:0;top:0;bottom:0;width:3px; }\n\n.dig-panel-edge{\n background:linear-gradient(180deg,transparent 0%,rgba(212,217,63,.6) 20%,rgba(212,217,63,1) 50%,rgba(212,217,63,.6) 80%,transparent 100%);\n box-shadow:0 0 24px 4px rgba(212,217,63,.45),0 0 60px 8px rgba(212,217,63,.18);\n opacity:0;\n}\n.dig-panel-hlines{\n position:absolute;inset:0;\n background-image:linear-gradient(rgba(212,217,63,.055) 1px,transparent 1px);\n background-size:100% 56px;opacity:.5;\n}\n.dig-panel-vlines{\n position:absolute;inset:0;\n background-image:linear-gradient(90deg,rgba(212,217,63,.04) 1px,transparent 1px);\n background-size:80px 100%;opacity:.5;\n}\n.dig-panel-mark{position:absolute;width:14px;height:14px;}\n\n#dig-root.dig-rtl .dig-panel.left .dig-panel-mark.tc{top:18px;left:18px;border-top:1px solid rgba(212,217,63,.3);border-left:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-rtl .dig-panel.left .dig-panel-mark.bc{bottom:18px;left:18px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-rtl .dig-panel.right .dig-panel-mark.tc{top:18px;right:18px;border-top:1px solid rgba(212,217,63,.3);border-right:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-rtl .dig-panel.right .dig-panel-mark.bc{bottom:18px;right:18px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n\n#dig-root.dig-ltr .dig-panel.left .dig-panel-mark.tc{top:18px;right:18px;border-top:1px solid rgba(212,217,63,.3);border-right:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-ltr .dig-panel.left .dig-panel-mark.bc{bottom:18px;right:18px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-ltr .dig-panel.right .dig-panel-mark.tc{top:18px;left:18px;border-top:1px solid rgba(212,217,63,.3);border-left:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-ltr .dig-panel.right .dig-panel-mark.bc{bottom:18px;left:18px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n\n#dig-center-glow{\n position:absolute;top:0;bottom:0;\n left:50%;transform:translateX(-50%);\n width:2px;z-index:6;pointer-events:none;\n background:linear-gradient(180deg,transparent 0%,rgba(212,217,63,.8) 20%,#D4D93F 50%,rgba(212,217,63,.8) 80%,transparent 100%);\n box-shadow:0 0 30px 6px rgba(212,217,63,.5),0 0 80px 18px rgba(212,217,63,.2);\n opacity:0;\n}\n#dig-crack-halo{\n position:absolute;top:0;bottom:0;\n left:50%;transform:translateX(-50%);\n width:300px;z-index:4;pointer-events:none;\n background:radial-gradient(ellipse 50% 80% at 50% 50%,rgba(212,217,63,.15) 0%,rgba(32,15,140,.08) 40%,transparent 70%);\n filter:blur(18px);opacity:0;\n}\n\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\n#dig-content{\n position:relative;z-index:4;\n display:flex;flex-direction:column;\n align-items:center;\n max-width:820px;\n padding:80px 6vw 60px;\n}\n#dig-root.dig-rtl #dig-content { text-align:center; }\n#dig-root.dig-ltr #dig-content { text-align:center; }\n\n#dig-label{\n display:inline-flex;align-items:center;gap:12px;\n margin-bottom:28px;opacity:0;\n}\n.dig-label-line{width:26px;height:1px;background:#D4D93F;flex-shrink:0;}\n.dig-label-txt{\n font-family:'Tajawal',sans-serif;font-size:11px;font-weight:500;\n color:rgba(212,217,63,.75);letter-spacing:.28em;text-transform:uppercase;\n}\n\n#dig-h{\n position:relative;margin-bottom:26px;\n overflow:visible;\n padding-top:12px;\n}\n#dig-shimmer{\n position:absolute;inset:0;\n background:linear-gradient(90deg,transparent 0%,rgba(212,217,63,.22) 40%,rgba(255,255,255,.14) 50%,rgba(212,217,63,.22) 60%,transparent 100%);\n filter:blur(10px);\n transform:translateX(-120%) skewX(-8deg);\n pointer-events:none;z-index:2;\n mix-blend-mode:screen;\n}\n.dig-hl{\n display:block;\n overflow:visible;\n line-height:1.15;\n margin-bottom:6px;\n}\n.dig-hw{\n display:inline-block;\n font-family:'Kufam',sans-serif;font-weight:900;\n font-size:clamp(32px,5.2vw,76px);\n color:#FFFFFF;line-height:1.15;letter-spacing:-.01em;\n opacity:0;transform:translateY(30px);\n will-change:transform,opacity;\n}\n.dig-hw.lime{\n color:#D4D93F;\n text-shadow:0 0 60px rgba(212,217,63,.4);\n}\n\n#dig-body{\n font-family:'Tajawal',sans-serif;\n font-size:clamp(14px,1.4vw,17px);font-weight:300;\n color:rgba(255,255,255,.5);line-height:2.0;\n max-width:580px;margin-bottom:48px;\n opacity:0;transform:translateY(14px);\n}\n\n#dig-btns{\n display:flex;align-items:center;justify-content:center;\n gap:16px;flex-wrap:wrap;\n opacity:0;transform:translateY(12px);\n}\n\n.dig-btn-p{\n position:relative;display:inline-flex;align-items:center;gap:12px;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:700;\n color:#050318;background:#D4D93F;\n padding:15px 42px;border:none;border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;\n overflow:hidden;\n transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease;\n}\n\n\/* \u0639\u0643\u0633 \u062a\u0631\u062a\u064a\u0628 \u0648\u062a\u0648\u062c\u064a\u0647 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u0647\u0645 \u0628\u062f\u0627\u062e\u0644 \u0627\u0644\u0632\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u0641\u0639\u0651\u0644\u0629 *\/\n#dig-root.dig-rtl .dig-btn-p { flex-direction: row; }\n#dig-root.dig-ltr .dig-btn-p { flex-direction: row-reverse; }\n\n.dig-btn-p::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .25s ease;}\n.dig-btn-p:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(212,217,63,.38);}\n.dig-btn-p:hover::before{background:rgba(255,255,255,.1);}\n.dig-btn-ico{\n width:20px;height:20px;border-radius:50%;\n background:rgba(5,3,24,.2);\n display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.dig-btn-ico svg{fill:#050318;width:8px;}\n\n\/* \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0632\u0627\u0648\u064a\u0629 180 \u062f\u0631\u062c\u0629 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0640 LTR \u0644\u064a\u0634\u064a\u0631 \u0627\u0644\u0633\u0647\u0645 \u0644\u0644\u064a\u0645\u064a\u0646 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d *\/\n#dig-root.dig-ltr .dig-btn-ico svg { transform: rotate(180deg); }\n\n.dig-btn-s{\n position:relative;display:inline-flex;align-items:center;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:600;\n color:#FFFFFF;background:transparent;\n padding:14px 36px;\n border:1px solid rgba(255,255,255,.22);border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:border-color .3s ease,transform .35s cubic-bezier(.23,1,.32,1);\n}\n.dig-btn-s::before{content:'';position:absolute;inset:0;background:rgba(212,217,63,0);transition:background .25s ease;}\n.dig-btn-s:hover{border-color:rgba(212,217,63,.5);transform:translateY(-4px);}\n.dig-btn-s:hover::before{background:rgba(212,217,63,.06);}\n\n@media(max-width:680px){\n #dig-btns{flex-direction:column;width:100%;padding:0 6vw;}\n .dig-btn-p,.dig-btn-s{width:100%;justify-content:center;}\n}\n<\/style>\n\n<section id=\"dig-root\">\n <div id=\"dig-bg\"><\/div>\n <div id=\"dig-grid\"><\/div>\n <div id=\"dig-grain\"><\/div>\n <div class=\"dig-edge t\"><\/div>\n <div class=\"dig-edge b\"><\/div>\n <div id=\"dig-mglow\"><\/div>\n <div class=\"dig-corner tl\"><\/div>\n <div class=\"dig-corner tr\"><\/div>\n <div class=\"dig-corner bl\"><\/div>\n <div class=\"dig-corner br\"><\/div>\n <div id=\"dig-crack-halo\"><\/div>\n <div id=\"dig-center-glow\"><\/div>\n\n <div id=\"dig-content\">\n <div id=\"dig-label\">\n <div class=\"dig-label-line\"><\/div>\n <span class=\"dig-label-txt\" id=\"dig-target-label\"><\/span>\n <\/div>\n <div id=\"dig-h\">\n <div id=\"dig-shimmer\"><\/div>\n <div id=\"dig-headline-container\"><\/div>\n <\/div>\n <p id=\"dig-body\"><\/p>\n <div id=\"dig-btns\">\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dig-btn-p\" id=\"dig-target-btn-p\">\n <span class=\"dig-btn-ico\">\n <svg viewBox=\"0 0 10 12\"><path d=\"M0 0L10 6 0 12Z\"\/><\/svg>\n <\/span>\n <span id=\"dig-btn-p-text\"><\/span>\n <\/a>\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dig-btn-s\" id=\"dig-target-btn-s\"><\/a>\n <\/div>\n <\/div>\n\n <div id=\"dig-gateway\">\n <div class=\"dig-panel left\" id=\"dig-panel-l\">\n <div class=\"dig-panel-face\">\n <div class=\"dig-panel-hlines\"><\/div>\n <div class=\"dig-panel-vlines\"><\/div>\n <div class=\"dig-panel-mark tc\"><\/div>\n <div class=\"dig-panel-mark bc\"><\/div>\n <\/div>\n <div class=\"dig-panel-edge\"><\/div>\n <\/div>\n <div class=\"dig-panel right\" id=\"dig-panel-r\">\n <div class=\"dig-panel-face\">\n <div class=\"dig-panel-hlines\"><\/div>\n <div class=\"dig-panel-vlines\"><\/div>\n <div class=\"dig-panel-mark tc\"><\/div>\n <div class=\"dig-panel-mark bc\"><\/div>\n <\/div>\n <div class=\"dig-panel-edge\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n\n \/* \u2500\u2500 OBJECT MAP FOR MULTILINGUAL PRODUCTION \u2500\u2500 *\/\n const translations = {\n ar: {\n label: \"\u0627\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\",\n headline: [\n [ { text: \"\u062d\u0648\u0651\u0644\", lime: false }, { text: \"\u062e\u062f\u0645\u062a\u0643\", lime: true } ],\n [ { text: \"\u0625\u0644\u0649\", lime: false }, { text: \"\u062d\u0636\u0648\u0631\", lime: false }, { text: \"\u0625\u0639\u0644\u0627\u0645\u064a\", lime: true }, { text: \"\u0645\u0624\u062b\u0631\", lime: false } ]\n ],\n body: \"\u0645\u0639 \u062f\u064a\u0646\u0627\u0631\u064a\u060c \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631 \u064a\u0647\u062a\u0645 \u0628\u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u060c \u0648\u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\",\n btnPrimary: \"\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0627\u0648\u0646\",\n btnSecondary: \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\"\n },\n en: {\n label: \"START HERE\",\n headline: [\n [ { text: \"Turn\", lime: false }, { text: \"Your Service\", lime: true } ],\n [ { text: \"Into\", lime: false }, { text: \"an Influential\", lime: false }, { text: \"Media Presence\", lime: true } ]\n ],\n body: \"With Dinary, sponsorship, advertising, and content creation are transformed into a premium media experience that reaches an audience deeply invested in business, investment, and entrepreneurship.\",\n btnPrimary: \"Start Collaboration\",\n btnSecondary: \"Contact Us\"\n }\n };\n\n \/* \u2500\u2500 AUTOMATIC LANGUAGE DETECTION \u2500\u2500 *\/\n let lang = document.documentElement.lang ? document.documentElement.lang.toLowerCase() : 'ar';\n let currentLang = lang.startsWith('en') ? 'en' : 'ar';\n\n \/* \u2500\u2500 INJECT TEXT CONTENT & STRUCTURAL DOM \u2500\u2500 *\/\n const rootEl = document.getElementById('dig-root');\n if (currentLang === 'en') {\n rootEl.classList.remove('dig-rtl');\n rootEl.classList.add('dig-ltr');\n } else {\n rootEl.classList.remove('dig-ltr');\n rootEl.classList.add('dig-rtl');\n }\n\n const data = translations[currentLang];\n document.getElementById('dig-target-label').textContent = data.label;\n document.getElementById('dig-body').textContent = data.body;\n document.getElementById('dig-btn-p-text').textContent = data.btnPrimary;\n document.getElementById('dig-target-btn-s').textContent = data.btnSecondary;\n\n \/\/ \u0628\u0646\u0627\u0621 \u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0626\u0645\u0629 \u0644\u0640 GSAP Stagger \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0648\u0635\u062d\u064a\u062d \u0644\u0643\u0644 \u0644\u063a\u0629\n const headlineWrapper = document.getElementById('dig-headline-container');\n headlineWrapper.innerHTML = '';\n data.headline.forEach(lineData => {\n const lineSpan = document.createElement('span');\n lineSpan.className = 'dig-hl';\n \n lineData.forEach(wordData => {\n const wordSpan = document.createElement('span');\n wordSpan.className = wordData.lime ? 'dig-hw lime' : 'dig-hw';\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0633\u0627\u0641\u0629 \u0639\u062f\u0645 \u0627\u0644\u0627\u0644\u062a\u0635\u0627\u0642 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u062a\u0648\u0632\u064a\u0639 \u0633\u0644\u064a\u0645 \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0644\u063a\u0627\u062a\n wordSpan.innerHTML = wordData.text + ' ';\n lineSpan.appendChild(wordSpan);\n });\n \n headlineWrapper.appendChild(lineSpan);\n });\n\n \/* \u2550\u2550 DOM PARENT UNCHAINER \u2550\u2550 *\/\n function unchainParents(){\n var el=document.getElementById('dig-root');\n if(!el)return;\n var p=el.parentElement;\n while(p&&p!==document.body&&p!==document.documentElement){\n p.style.setProperty('max-width','100%','important');\n p.style.setProperty('width','100%','important');\n p.style.setProperty('padding-left','0','important');\n p.style.setProperty('padding-right','0','important');\n p.style.setProperty('margin-left','0','important');\n p.style.setProperty('margin-right','0','important');\n p.style.setProperty('overflow','visible','important');\n p=p.parentElement;\n }\n document.body.style.setProperty('overflow-x','hidden','important');\n }\n unchainParents();\n setTimeout(unchainParents,300);\n\n \/* \u2500\u2500 LOAD GSAP \u2500\u2500 *\/\n function loadScript(src,cb){\n var s=document.createElement('script');s.src=src;s.onload=cb;document.head.appendChild(s);\n }\n\n function init(){\n var gsap=window.gsap, ST=window.ScrollTrigger;\n if(!gsap||!ST)return;\n gsap.registerPlugin(ST);\n\n \/* \u2500\u2500 MOUSE GLOW \u2500\u2500 *\/\n var mglow=document.getElementById('dig-mglow');\n var gx=0,gy=0,mx=0,my=0;\n var rt=document.getElementById('dig-root');\n rt.addEventListener('mousemove',function(e){\n var r=rt.getBoundingClientRect();\n mx=e.clientX-r.left; my=e.clientY-r.top;\n mglow.style.opacity='1';\n });\n rt.addEventListener('mouseleave',function(){mglow.style.opacity='0';});\n (function tick(){\n gx+=(mx-gx)*.1; gy+=(my-gy)*.1;\n mglow.style.left=gx+'px'; mglow.style.top=gy+'px';\n requestAnimationFrame(tick);\n })();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STEP 1 \u2014 ATMOSPHERE enters on viewport\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var atmoTL = gsap.timeline({\n scrollTrigger:{\n trigger:'#dig-root',\n start:'top 60%',\n toggleActions:'play none none none',\n once:true\n },\n defaults:{ease:'power3.out'}\n });\n\n atmoTL\n .to('#dig-grid', {opacity:1,duration:.8},0)\n .to('.dig-corner', {opacity:1,duration:.5,stagger:.08},.2)\n .to('#dig-center-glow', {opacity:1,duration:.9},.1)\n .to('#dig-crack-halo', {opacity:1,duration:.8},.2)\n .to('.dig-panel-edge', {opacity:1,duration:.8,stagger:.1},.3);\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STEP 2 \u2014 PIN + GATEWAY OPEN on scroll\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var gateTL = gsap.timeline({\n scrollTrigger:{\n trigger:'#dig-root',\n start:'top top',\n end:'+=120%',\n pin:true,\n pinSpacing:true,\n anticipatePin:1,\n scrub:1.2,\n onUpdate:function(self){\n var w=300+self.progress*480;\n document.getElementById('dig-crack-halo').style.width=w+'px';\n }\n }\n });\n\n \/* \u062a\u0628\u062f\u064a\u0644 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0625\u0632\u0627\u062d\u0629 \u0648\u0627\u0644\u0641\u062a\u062d \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0645\u0635\u0631\u0627\u0639\u064a\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062a\u062c\u0627\u0647 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 *\/\n var lXPercent = currentLang === 'en' ? -102 : 102;\n var rXPercent = currentLang === 'en' ? 102 : -102;\n\n gateTL.to('#dig-panel-l',{xPercent:lXPercent,ease:'power2.inOut',duration:1},0);\n gateTL.to('#dig-panel-r',{xPercent:rXPercent,ease:'power2.inOut',duration:1},0);\n\n gateTL.to('#dig-center-glow',{\n boxShadow:'0 0 50px 12px rgba(212,217,63,.7),0 0 120px 30px rgba(212,217,63,.3)',\n duration:.3\n },0);\n\n gateTL.fromTo('#dig-label',{opacity:0,y:-10},{opacity:1,y:0,duration:.2},.25);\n \n \/* \u0636\u0628\u0637 \u0627\u062a\u062c\u0627\u0647 \u062a\u062a\u0627\u0628\u0639 \u0627\u0644\u0627\u0646\u0645\u064a\u0634\u0646 Stagger \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0644\u064a\u0637\u0627\u0628\u0642 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0635\u062d\u064a\u062d (\u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *\/\n var isLtrMode = currentLang === 'en';\n gateTL.to('.dig-hw',{\n opacity:1,\n y:0,\n stagger: isLtrMode ? 0.07 : { each: 0.07, from: \"start\" },\n duration:.25,\n ease:'power4.out'\n },.32);\n\n gateTL.to('#dig-shimmer',{x:'+=900',duration:.3,ease:'power2.inOut'},.52);\n gateTL.fromTo('#dig-body',{opacity:0,y:12},{opacity:1,y:0,duration:.2},.50);\n gateTL.fromTo('#dig-btns',{opacity:0,y:10},{opacity:1,y:0,duration:.2},.65);\n gateTL.to('#dig-center-glow',{opacity:0,duration:.15},.85);\n\n \/* shimmer loop after full open *\/\n gsap.to('#dig-shimmer',{\n x:'+=1200',duration:2.6,ease:'power1.inOut',\n delay:4,repeat:-1,repeatDelay:7,\n onRepeat:function(){gsap.set('#dig-shimmer',{x:'-=2400'});}\n });\n\n \/* grid parallax *\/\n gsap.to('#dig-grid',{\n backgroundPositionY:'+=50px',ease:'none',\n scrollTrigger:{trigger:'#dig-root',start:'top bottom',end:'bottom top',scrub:true}\n });\n\n \/* button hover *\/\n document.querySelectorAll('.dig-btn-p,.dig-btn-s').forEach(function(btn){\n btn.addEventListener('mouseenter',function(){gsap.to(btn,{scale:1.03,duration:.28,ease:'power2.out'});});\n btn.addEventListener('mouseleave',function(){gsap.to(btn,{scale:1,duration:.3,ease:'power2.inOut'});});\n });\n }\n\n if(window.gsap&&window.ScrollTrigger){init();}\n else if(window.gsap){\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js',init);\n } else {\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js',function(){\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js',init);\n });\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 | \u062f\u064a\u0646\u0627\u0631\u064a \u062f\u064a\u0646\u0640\u0627\u0631\u064a. PODCAST STUDIO ON AIR \u062f\u064a\u0646\u0640\u0627\u0631\u064a \u00b7 \u0628\u063a\u062f\u0627\u062f 33.3406\u00b0 N \u00b7 44.4009\u00b0 E \u00b7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":92,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\n\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 | \u062f\u064a\u0646\u0627\u0631\u064a<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kufam:wght@400;600;700;900&family=Tajawal:wght@300;400;500;700&display=swap\" rel=\"stylesheet\"\/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n#dts-root,#dts-root *,#dts-root *::before,#dts-root *::after{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2550\u2550\u2550 ROOT \u2550\u2550\u2550 *\/\n#dts-root{\n position:relative;width:100vw;margin-left:calc(-50vw + 50%);\n height:100vh;min-height:680px;background:#200F8C;overflow:hidden;\n display:flex;align-items:center;justify-content:center;direction:rtl;\n}\n\n\/* \u2500\u2500 BG gradient \u2500\u2500 *\/\n#dts-bg{\n position:absolute;inset:0;z-index:0;\n background:radial-gradient(ellipse 68% 72% at 50% 50%,\n rgba(5,2,32,1) 0%, rgba(14,6,78,1) 26%,\n rgba(32,15,140,1) 60%, rgba(38,20,152,1) 100%);\n}\n\n\/* \u2500\u2500 Grain \u2500\u2500 *\/\n#dts-grain{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n mix-blend-mode:overlay;opacity:.28;\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'\/%3E%3C\/svg%3E\");\n background-size:200px;\n}\n\n\/* \u2500\u2500 Perspective lines \u2500\u2500 *\/\n#dts-hlines{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;}\n#dts-hlines svg{width:100%;height:100%;}\n\n\/* \u2500\u2500 Signal rings \u2500\u2500 *\/\n#dts-rings{position:absolute;inset:0;z-index:2;pointer-events:none;}\n\n\/* \u2500\u2500 Full-width audio spectrum \u2500\u2500 *\/\n#dts-spectrum{\n position:absolute;inset:0;z-index:3;pointer-events:none;\n display:flex;align-items:center;gap:2px;padding:0 1vw;opacity:0;\n}\n.dts-sbar{\n flex:1;max-width:9px;border-radius:2px;\n background:rgba(255,255,255,.038);flex-shrink:0;\n}\n.dts-sbar.lime{background:rgba(212,217,63,.15);}\n\n\/* \u2500\u2500 Mouse glow \u2500\u2500 *\/\n#dts-glow{\n position:absolute;z-index:4;pointer-events:none;\n width:460px;height:460px;border-radius:50%;\n background:radial-gradient(circle,rgba(212,217,63,.12) 0%,rgba(32,15,140,.04) 45%,transparent 72%);\n filter:blur(22px);transform:translate(-50%,-50%);\n opacity:0;transition:opacity .5s ease;will-change:transform;\n}\n\n\/* \u2500\u2500 Centre spotlight \u2500\u2500 *\/\n#dts-spot{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n background:radial-gradient(ellipse 40% 52% at 50% 50%,rgba(212,217,63,.055) 0%,transparent 72%);\n}\n\n\/* \u2500\u2500 Edge fades \u2500\u2500 *\/\n.dts-fe{position:absolute;left:0;right:0;z-index:5;pointer-events:none;height:120px;}\n.dts-fe.top{top:0;background:linear-gradient(180deg,rgba(4,2,30,.9) 0%,transparent 100%);}\n.dts-fe.bot{bottom:0;background:linear-gradient(0deg,rgba(4,2,30,.9) 0%,transparent 100%);}\n\n\/* \u2500\u2500 Corner marks \u2500\u2500 *\/\n.dts-corner{position:absolute;z-index:6;width:22px;height:22px;opacity:0;}\n.dts-corner.tl{top:36px;right:36px;border-top:1px solid rgba(212,217,63,.42);border-right:1px solid rgba(212,217,63,.42);}\n.dts-corner.tr{top:36px;left:36px; border-top:1px solid rgba(212,217,63,.42);border-left:1px solid rgba(212,217,63,.42);}\n.dts-corner.bl{bottom:90px;right:36px;border-bottom:1px solid rgba(212,217,63,.18);border-right:1px solid rgba(212,217,63,.18);}\n.dts-corner.br{bottom:90px;left:36px; border-bottom:1px solid rgba(212,217,63,.18);border-left:1px solid rgba(212,217,63,.18);}\n\n\/* \u2500\u2500 TV bug \u2500\u2500 *\/\n#dts-bug{position:absolute;top:36px;right:36px;z-index:10;display:flex;align-items:center;gap:10px;opacity:0;}\n.dts-bug-name{font-family:'Kufam',sans-serif;font-size:18px;font-weight:700;color:#fff;letter-spacing:.04em;}\n.dts-bug-name span{color:#D4D93F;}\n.dts-bug-tag{\n font-family:'Tajawal',sans-serif;font-size:10px;font-weight:500;\n color:rgba(212,217,63,.65);letter-spacing:.16em;text-transform:uppercase;\n border:1px solid rgba(212,217,63,.25);padding:2px 8px;border-radius:2px;\n}\n\n\/* \u2500\u2500 ON AIR strip \u2500\u2500 *\/\n#dts-onair{\n position:absolute;top:40px;left:0;right:0;z-index:10;\n display:flex;justify-content:center;pointer-events:none;opacity:0;\n}\n.dts-air-inner{\n display:inline-flex;align-items:center;gap:9px;direction:ltr;\n font-family:'Tajawal',sans-serif;font-size:10px;font-weight:500;\n color:rgba(255,255,255,.32);letter-spacing:.2em;text-transform:uppercase;\n}\n.dts-air-dot{\n width:7px;height:7px;border-radius:50%;\n background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.7);\n animation:airblink 1.8s ease-in-out infinite;\n}\n@keyframes airblink{0%,100%{opacity:1;}50%{opacity:.2;}}\n.dts-air-sep{width:1px;height:10px;background:rgba(255,255,255,.14);}\n.dts-air-freq{color:rgba(212,217,63,.52);}\n\n\/* \u2500\u2500 Coord label \u2500\u2500 *\/\n#dts-coord{\n position:absolute;bottom:88px;left:36px;z-index:10;\n font-family:'Tajawal',sans-serif;font-size:9.5px;\n color:rgba(255,255,255,.18);letter-spacing:.2em;direction:ltr;opacity:0;\n}\n\n\/* \u2500\u2500 Small wave (bottom) \u2500\u2500 *\/\n#dts-wave{\n position:absolute;bottom:0;left:0;right:0;height:70px;z-index:4;\n pointer-events:none;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;opacity:0;\n}\n.dts-wb{width:2px;border-radius:2px 2px 0 0;background:linear-gradient(0deg,rgba(32,15,140,0) 0%,rgba(212,217,63,.28) 100%);transform-origin:bottom;}\n\n\/* \u2500\u2500 Scroll cue \u2500\u2500 *\/\n#dts-scue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;}\n.dts-sc-l{font-family:'Tajawal',sans-serif;font-size:9px;color:rgba(255,255,255,.2);letter-spacing:.22em;text-transform:uppercase;}\n.dts-sc-bar{width:1px;height:42px;background:linear-gradient(180deg,rgba(212,217,63,.55),transparent);animation:scpulse 2s infinite;}\n@keyframes scpulse{0%,100%{opacity:.3;}50%{opacity:1;}}\n\n\/* \u2550\u2550 CONTENT \u2550\u2550 *\/\n#dts-content{\n position:relative;z-index:10;\n display:flex;flex-direction:column;align-items:center;text-align:center;\n max-width:860px;padding:0 5vw;will-change:transform;\n}\n\n\/* Label *\/\n#dts-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:28px;opacity:0;}\n.dts-lbar{width:28px;height:1px;background:#D4D93F;flex-shrink:0;}\n.dts-ltxt{font-family:'Tajawal',sans-serif;font-size:11px;font-weight:500;color:rgba(212,217,63,.75);letter-spacing:.28em;text-transform:uppercase;}\n\n\/* Headline *\/\n#dts-hw{position:relative;margin-bottom:26px;will-change:transform,opacity;opacity:0;}\n#dts-shimmer{\n position:absolute;top:0;bottom:0;width:140px;left:0;\n background:linear-gradient(90deg,transparent 0%,rgba(212,217,63,.22) 40%,rgba(255,255,255,.12) 50%,rgba(212,217,63,.22) 60%,transparent 100%);\n filter:blur(8px);transform:translateX(-200px) skewX(-10deg);\n pointer-events:none;z-index:1;mix-blend-mode:screen;\n}\n.dts-hl{display:block;overflow:hidden;line-height:1.05;}\n.dts-w{\n display:inline-block;font-family:'Kufam',sans-serif;font-weight:900;\n font-size:clamp(38px,6.5vw,92px);color:#fff;line-height:1.1;letter-spacing:-.01em;\n opacity:0;transform:translateY(60px);will-change:transform,opacity;\n}\n.dts-w.lime{color:#D4D93F;text-shadow:0 0 72px rgba(212,217,63,.42);}\n.dts-w.ghost{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55);}\n\n\/* Body *\/\n#dts-body{\n font-family:'Tajawal',sans-serif;font-size:clamp(14px,1.45vw,17px);font-weight:300;\n color:rgba(255,255,255,.48);line-height:2.0;max-width:580px;margin-bottom:44px;\n opacity:0;transform:translateY(16px);\n}\n\n\/* Buttons *\/\n#dts-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(12px);}\n.dts-bp{\n position:relative;display:inline-flex;align-items:center;gap:11px;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:700;\n color:#050318;background:#D4D93F;padding:15px 40px;border:none;\n border-radius:2px;cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease;\n}\n.dts-bp::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .25s ease;}\n.dts-bp:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(212,217,63,.35);}\n.dts-bp:hover::before{background:rgba(255,255,255,.1);}\n.dts-bico{width:20px;height:20px;border-radius:50%;background:rgba(5,3,24,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;}\n.dts-bico svg{fill:#050318;width:8px;}\n\n.dts-bs{\n position:relative;display:inline-flex;align-items:center;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:600;\n color:#fff;background:transparent;padding:14px 36px;\n border:1px solid rgba(255,255,255,.22);border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:border-color .3s ease,transform .35s cubic-bezier(.23,1,.32,1);\n}\n.dts-bs::before{content:'';position:absolute;inset:0;background:rgba(212,217,63,0);transition:background .25s ease;}\n.dts-bs:hover{border-color:rgba(212,217,63,.5);transform:translateY(-4px);}\n.dts-bs:hover::before{background:rgba(212,217,63,.06);}\n\n@media(max-width:680px){\n #dts-btns{flex-direction:column;width:100%;}\n .dts-bp,.dts-bs{width:100%;justify-content:center;}\n #dts-onair{display:none;}\n}\n\n\/* Elementor compat *\/\n.elementor-widget-html,.elementor-widget-container,.elementor-column,.elementor-column-wrap,\n.elementor-widget-wrap,.elementor-section,.elementor-container,.e-container{\n overflow:visible!important;max-width:none!important;padding:0!important;\n}\n<\/style>\n<\/head>\n<body style=\"background:#200F8C;margin:0;padding:0;\">\n\n<section id=\"dts-root\">\n\n <div id=\"dts-bg\"><\/div>\n <div id=\"dts-grain\"><\/div>\n <div id=\"dts-spot\"><\/div>\n\n \n <div id=\"dts-hlines\">\n <svg viewBox=\"0 0 1440 900\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <filter id=\"lf\"><feGaussianBlur stdDeviation=\"1.5\" result=\"b\"\/><feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter>\n <\/defs>\n <line x1=\"0\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"1440\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"0\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"1440\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.055)\" stroke-width=\"1\" filter=\"url(#lf)\"\/>\n <line x1=\"0\" y1=\"450\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"1440\" y1=\"450\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"720\" y1=\"0\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <line x1=\"720\" y1=\"900\" x2=\"720\" y2=\"450\" stroke=\"rgba(212,217,63,.03)\" stroke-width=\".8\"\/>\n <\/svg>\n <\/div>\n\n \n <div id=\"dts-rings\"><\/div>\n\n \n <div id=\"dts-spectrum\"><\/div>\n\n <div id=\"dts-glow\"><\/div>\n <div class=\"dts-fe top\"><\/div>\n <div class=\"dts-fe bot\"><\/div>\n\n <div class=\"dts-corner tl\"><\/div>\n <div class=\"dts-corner tr\"><\/div>\n <div class=\"dts-corner bl\"><\/div>\n <div class=\"dts-corner br\"><\/div>\n\n \n <div id=\"dts-bug\">\n <span class=\"dts-bug-name\">\u062f\u064a\u0646\u0640\u0627\u0631\u064a<span>.<\/span><\/span>\n <span class=\"dts-bug-tag\">PODCAST STUDIO<\/span>\n <\/div>\n\n \n <div id=\"dts-onair\">\n <div class=\"dts-air-inner\">\n <span class=\"dts-air-dot\"><\/span>\n ON AIR\n <span class=\"dts-air-sep\"><\/span>\n <span class=\"dts-air-freq\">\u062f\u064a\u0646\u0640\u0627\u0631\u064a \u00b7 \u0628\u063a\u062f\u0627\u062f<\/span>\n <\/div>\n <\/div>\n\n <div id=\"dts-coord\">33.3406\u00b0 N \u00b7 44.4009\u00b0 E \u00b7 MEDIA STUDIO<\/div>\n <div id=\"dts-wave\"><\/div>\n\n <div id=\"dts-scue\">\n <span class=\"dts-sc-l\">\u0627\u0633\u062a\u0643\u0634\u0641<\/span>\n <div class=\"dts-sc-bar\"><\/div>\n <\/div>\n\n \n <div id=\"dts-content\">\n\n <div id=\"dts-label\">\n <div class=\"dts-lbar\"><\/div>\n <span class=\"dts-ltxt\">\u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span>\n <\/div>\n\n <h1 id=\"dts-hw\">\n <div id=\"dts-shimmer\"><\/div>\n <span class=\"dts-hl\">\n <span class=\"dts-w\">\u062e\u062f\u0645\u0627\u062a<\/span>\n <span class=\"dts-w lime\">\u0625\u0639\u0644\u0627\u0645\u064a\u0629<\/span>\n <\/span>\n <span class=\"dts-hl\">\n <span class=\"dts-w ghost\">\u0641\u064a<\/span>\n <span class=\"dts-w\">\u0627\u0644\u0639\u0631\u0627\u0642<\/span>\n <\/span>\n <\/h1>\n\n <p id=\"dts-body\">\n \u062a\u0642\u062f\u0645 \u062f\u064a\u0646\u0627\u0631\u064a \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u0634\u0645\u0644 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\u060c \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\u060c\n \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629\u060c \u0648\u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\u060c \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631\n \u0642\u0648\u064a \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0624\u062b\u0631\u0629.\n <\/p>\n\n <div id=\"dts-btns\">\n <a href=\"#\" class=\"dts-bp\">\n <span class=\"dts-bico\">\n <svg viewBox=\"0 0 10 12\"><path d=\"M0 0L10 6 0 12Z\"\/><\/svg>\n <\/span>\n \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\n <\/a>\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dts-bs\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\n <\/div>\n\n <\/div>\n\n<\/section>\n\n<script>\n(function(){\n gsap.registerPlugin(ScrollTrigger);\n\n \/* \u2500\u2500 Elementor unchain \u2500\u2500 *\/\n var rt = document.getElementById('dts-root');\n var p = rt && rt.parentElement;\n while(p && p.tagName!=='BODY'){\n p.style.setProperty('max-width','none','important');\n p.style.setProperty('overflow','visible','important');\n p.style.setProperty('padding','0','important');\n p.style.setProperty('margin','0','important');\n p = p.parentElement;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SIGNAL RINGS (concentric circles)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var ringsEl = document.getElementById('dts-rings');\n var rSizes = [260,450,660,900,1200];\n var rAlphas = [0.08,0.06,0.042,0.028,0.016];\n\n rSizes.forEach(function(sz,i){\n var el = document.createElement('div');\n var glow = 10 + i*9;\n el.style.cssText = [\n 'position:absolute','top:50%','left:50%',\n 'width:'+sz+'px','height:'+sz+'px',\n 'border-radius:50%',\n 'border:1px solid rgba(212,217,63,'+rAlphas[i]+')',\n 'box-shadow:0 0 '+glow+'px rgba(212,217,63,'+(rAlphas[i]*.45)+')'\n ].join(';');\n el.dataset.alpha = rAlphas[i];\n gsap.set(el,{xPercent:-50,yPercent:-50,opacity:0});\n ringsEl.appendChild(el);\n });\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n AUDIO SPECTRUM BARS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var specEl = document.getElementById('dts-spectrum');\n var specBars= [];\n var barCount= 160;\n var ctr = Math.floor(barCount\/2);\n\n for(var i=0;i<barCount;i++){\n var b = document.createElement('div');\n b.className = 'dts-sbar';\n var distR = Math.abs(i-ctr)\/ctr;\n var bh = 24 + Math.random()*120 + (1-distR)*90;\n b.style.height = bh+'px';\n b.dataset.h = bh;\n \/* Lime accent: central 22 bars *\/\n if(Math.abs(i-ctr)<11){\n b.classList.add('lime');\n var la = .1+(1-Math.abs(i-ctr)\/11)*.22;\n b.style.background='rgba(212,217,63,'+la+')';\n }\n specEl.appendChild(b);\n specBars.push({el:b,h:bh});\n }\n\n function animSpec(){\n var t=Date.now()\/1000;\n specBars.forEach(function(bar,i){\n var wave=Math.sin(t*1.5+i*.17)*.36+Math.sin(t*.88+i*.11)*.2;\n bar.el.style.height=Math.max(4,bar.h*(1+wave))+'px';\n });\n requestAnimationFrame(animSpec);\n }\n animSpec();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SMALL WAVE (bottom edge)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var wEl=document.getElementById('dts-wave');\n var wbars=[];\n for(var j=0;j<88;j++){\n var wb=document.createElement('div');\n wb.className='dts-wb';\n var wh=5+Math.random()*18;\n wb.style.height=wh+'px';wb.dataset.h=wh;\n wEl.appendChild(wb);wbars.push(wb);\n }\n function animWave(){\n var t2=Date.now()\/1000;\n wbars.forEach(function(bar2,i2){\n var b2=parseFloat(bar2.dataset.h);\n var w2=Math.sin(t2*2.6+i2*.21)*.42+Math.sin(t2*1.6+i2*.13)*.28;\n bar2.style.height=Math.max(2,b2*(1+w2))+'px';\n });\n requestAnimationFrame(animWave);\n }\n animWave();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MOUSE GLOW\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var glowEl=document.getElementById('dts-glow');\n var gx=0,gy=0,mx=0,my=0;\n rt.addEventListener('mousemove',function(e){\n var r=rt.getBoundingClientRect();mx=e.clientX-r.left;my=e.clientY-r.top;\n glowEl.style.opacity='1';\n });\n rt.addEventListener('mouseleave',function(){glowEl.style.opacity='0';});\n (function gl(){gx+=(mx-gx)*.08;gy+=(my-gy)*.08;glowEl.style.left=gx+'px';glowEl.style.top=gy+'px';requestAnimationFrame(gl);})();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ENTRANCE TIMELINE\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var enter=gsap.timeline({defaults:{ease:'power3.out'},delay:.1});\n\n enter.to('#dts-hlines', {opacity:1,duration:.9},0);\n enter.to('#dts-spectrum',{opacity:1,duration:1.4},.2);\n enter.to(ringsEl.children,{opacity:1,stagger:{each:.14,from:'center'},duration:.75},.3);\n enter.to('.dts-corner', {opacity:1,duration:.6,stagger:.1},.4);\n enter.to('#dts-bug', {opacity:1,duration:.7},.5);\n enter.to('#dts-onair', {opacity:1,duration:.6},.6);\n enter.to('#dts-coord', {opacity:1,duration:.6},.7);\n\n \/* Headline *\/\n enter.to('#dts-hw',{opacity:1,duration:.45},.28);\n enter.to('.dts-w', {opacity:1,y:0,stagger:.1,duration:.85,ease:'power4.out'},.52);\n enter.to('#dts-shimmer',{x:'+=1200',duration:1.0,ease:'power2.inOut'},1.2);\n\n \/* Label + body + buttons *\/\n enter.fromTo('#dts-label',{opacity:0,x:14}, {opacity:1,x:0, duration:.65},.55);\n enter.fromTo('#dts-body', {opacity:0,y:16}, {opacity:1,y:0, duration:.75},1.0);\n enter.fromTo('#dts-btns', {opacity:0,y:12}, {opacity:1,y:0, duration:.65},1.2);\n\n \/* Bottom elements *\/\n enter.to('#dts-wave', {opacity:1,duration:.8},.7);\n enter.to('#dts-scue', {opacity:1,duration:.5},1.5);\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SCROLL EFFECTS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n gsap.to('#dts-hw',{\n scale:1.07,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:1.2}\n });\n gsap.to(ringsEl.children,{\n scale:1.1,xPercent:-50,yPercent:-50,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:true}\n });\n gsap.to('#dts-spectrum',{\n yPercent:-5,ease:'none',\n scrollTrigger:{trigger:'#dts-root',start:'top top',end:'bottom top',scrub:true}\n });\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LOOPS\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n \/* Spotlight drift *\/\n gsap.to('#dts-spot',{x:28,duration:7,ease:'sine.inOut',yoyo:true,repeat:-1});\n\n \/* Shimmer sweep loop *\/\n gsap.to('#dts-shimmer',{\n x:'+=1400',duration:2.6,ease:'power1.inOut',\n delay:5,repeat:-1,repeatDelay:7,\n onRepeat:function(){gsap.set('#dts-shimmer',{x:'-=2800'});}\n });\n\n \/* Ring slow breathe *\/\n Array.from(ringsEl.children).forEach(function(r,i){\n gsap.to(r,{\n scale:1.04,xPercent:-50,yPercent:-50,\n opacity:parseFloat(r.dataset.alpha)*.6,\n duration:2.5+i*.5,ease:'sine.inOut',yoyo:true,repeat:-1,delay:i*.35\n });\n });\n\n \/* Button micro interactions *\/\n document.querySelectorAll('.dts-bp,.dts-bs').forEach(function(btn){\n btn.addEventListener('mouseenter',function(){gsap.to(btn,{scale:1.03,duration:.28,ease:'power2.out'});});\n btn.addEventListener('mouseleave',function(){gsap.to(btn,{scale:1,duration:.3,ease:'power2.inOut'});});\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9dbb308 e-flex e-con-boxed e-con e-parent\" data-id=\"9dbb308\" 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-2ffcc20 elementor-widget elementor-widget-heading\" data-id=\"2ffcc20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\"> \u062a\u062c\u0631\u0628\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 <\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71db2ec elementor-widget elementor-widget-heading\" data-id=\"71db2ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u0635\u0646\u0639 \u0627\u0644\u062a\u0623\u062b\u064a\u0631<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3560920 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3560920\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-413cc2f elementor-widget elementor-widget-text-editor\" data-id=\"413cc2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\" dir=\"rtl\">\u062a\u0642\u062f\u0645 \u062f\u064a\u0646\u0627\u0631\u064a \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\u060c \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0627\u0644\u062a\u063a\u0637\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629. \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0642\u0648\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0648\u0631\u0633\u0627\u0626\u0644 \u0645\u0624\u062b\u0631\u0629\u060c \u0648\u062a\u062c\u0627\u0631\u0628 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0648\u0627\u0643\u0628 \u062a\u0637\u0648\u0631 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0639\u0631\u0627\u0642\u064a \u0648\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59567c50 e-con-full e-flex e-con e-parent\" data-id=\"59567c50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3b9a7751 e-con-full e-flex e-con e-child\" data-id=\"3b9a7751\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d858542 elementor-widget elementor-widget-heading\" data-id=\"1d858542\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-239e7a06 elementor-widget elementor-widget-heading\" data-id=\"239e7a06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a\n\n\u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-798797c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"798797c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19054731 elementor-widget elementor-widget-image\" data-id=\"19054731\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1707\" height=\"2560\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-scaled.jpg\" class=\"attachment-full size-full wp-image-454\" alt=\"\u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0636\u0645\u0646 \u062e\u062f\u0645\u0627\u062a \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\" srcset=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-scaled.jpg 1707w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-200x300.jpg 200w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-683x1024.jpg 683w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-13884538-13884538-768x1152.jpg 768w\" sizes=\"(max-width: 1707px) 100vw, 1707px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0644\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0642\u0648\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ee02bc elementor-widget elementor-widget-heading\" data-id=\"15ee02bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u062a\u0639\u0627\u0648\u0646\u0627\u062a \u0648\u0634\u0631\u0627\u0643\u0627\u062a<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ffb6b4b e-con-full e-flex e-con e-child\" data-id=\"1ffb6b4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c116f1 elementor-widget elementor-widget-heading\" data-id=\"31c116f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-181bff8a elementor-widget elementor-widget-heading\" data-id=\"181bff8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f8ae9b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"38f8ae9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2059fa22 elementor-widget elementor-widget-image\" data-id=\"2059fa22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-683x1024.jpg\" class=\"attachment-large size-large wp-image-453\" alt=\"\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\" srcset=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-683x1024.jpg 683w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-200x300.jpg 200w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-768x1152.jpg 768w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-1024x1536.jpg 1024w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-1365x2048.jpg 1365w, https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-34516462-34516462-scaled.jpg 1707w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0625\u0639\u0644\u0627\u0645\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0634\u0645\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\u060c \u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c\u060c \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u0639\u0635\u0631\u064a \u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0ba26a elementor-widget elementor-widget-heading\" data-id=\"4e0ba26a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0645\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-467ace3c e-con-full e-flex e-con e-child\" data-id=\"467ace3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b7e454 elementor-widget elementor-widget-heading\" data-id=\"64b7e454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u0625\u0639\u0644\u0627\u0645 \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u062d\u062f\u064a\u062b<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae17fca elementor-widget elementor-widget-heading\" data-id=\"7ae17fca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469c4b66 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"469c4b66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21b0a0d7 elementor-widget elementor-widget-image\" data-id=\"21b0a0d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/dinary-iq.com\/wp-content\/uploads\/2026\/05\/pexels-photo-8089248-8089248-scaled.jpg\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">\u0625\u0646\u062a\u0627\u062c \u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0633\u062a\u0636\u064a\u0641 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646\u060c \u0648\u0635\u0646\u0627\u0639 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u062a\u0642\u062f\u064a\u0645 \u0645\u062d\u062a\u0648\u0649 \u0625\u0639\u0644\u0627\u0645\u064a \u0645\u0624\u062b\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642.<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62c48c66 elementor-widget elementor-widget-heading\" data-id=\"62c48c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u062d\u0644\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a09f3c2 e-con e-atomic-element e-div-block-base \" data-id=\"a09f3c2\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"a09f3c2\" data-e-type=\"e-div-block\" data-id=\"a09f3c2\">\n \t\t<div class=\"elementor-element elementor-element-d9d2db6 elementor-widget elementor-widget-html\" data-id=\"d9d2db6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062f\u064a\u0646\u0627\u0631\u064a | \u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/title>\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n dinariDark: '#200F8C',\n dinariInk: '#0d0845',\n dinariLime: '#D4D93F',\n },\n fontFamily: { cairo: ['Cairo', 'sans-serif'] }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n background-color: #200F8C;\n font-family: 'Cairo', sans-serif;\n overflow-x: hidden;\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 5px; }\n ::-webkit-scrollbar-track { background: #200F8C; }\n ::-webkit-scrollbar-thumb { background: #D4D93F; border-radius: 3px; }\n\n \/* Watermark *\/\n .text-stroke {\n -webkit-text-stroke: 1px rgba(212,217,63,.1);\n color: transparent;\n user-select: none;\n }\n\n \/* Card *\/\n .service-card {\n position: relative;\n overflow: hidden;\n transition: background-color 0.35s ease;\n }\n .service-card::after {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n width: 0;\n height: 1px;\n background: #D4D93F;\n transition: width 0.45s cubic-bezier(0.25,1,0.5,1);\n }\n .service-card:hover {\n background-color: rgba(255,255,255,0.035);\n }\n .service-card:hover::after {\n width: 100%;\n }\n .service-card:hover .card-title {\n color: #D4D93F;\n }\n .card-title {\n transition: color 0.35s ease;\n }\n .card-num {\n font-variant-numeric: tabular-nums;\n }\n\n \/* Pulse dot *\/\n @keyframes pulse-dot {\n 0%,100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .5; transform: scale(.75); }\n }\n .pulse { animation: pulse-dot 2s ease-in-out infinite; }\n <\/style>\n<\/head>\n<body class=\"text-white antialiased\">\n\n<section id=\"dinari-services\" class=\"relative w-full bg-dinariDark overflow-hidden\">\n\n \n <div class=\"absolute inset-0 pointer-events-none overflow-hidden\" aria-hidden=\"true\">\n <div class=\"absolute -top-4 right-6 text-[22vw] font-black text-stroke uppercase tracking-tighter leading-none\">\n DINARY\n <\/div>\n <\/div>\n\n <div class=\"max-w-[1600px] mx-auto px-6 lg:px-16 relative z-10\">\n\n \n <div class=\"flex items-center justify-between border-b border-white\/10 py-8\">\n <div class=\"flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime pulse flex-shrink-0\"><\/span>\n <span class=\"text-xs uppercase tracking-widest font-bold text-dinariLime\">\n \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\n <\/span>\n <\/div>\n <span class=\"text-xs text-white\/35 font-mono tracking-wider\">01 \u2014 06<\/span>\n <\/div>\n\n \n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-px bg-white\/10 mt-px\">\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0661 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642\u060c \u0645\u0646 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0641\u0643\u0631\u0629 \u0648\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0648\u064a\u0631\n \u0648\u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c \u0648\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0635\u0646\u0627\u0639 \u0627\u0644\u0642\u0631\u0627\u0631 \u0644\u0625\u0646\u062a\u0627\u062c \u062d\u0644\u0642\u0627\u062a \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\n \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0662 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u062e\u062f\u0645\u0627\u062a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u060c \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0627\u0644\u0645\u0648\u0646\u062a\u0627\u062c\u060c\n \u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0663 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u062e\u0637\u0637 \u0648\u0646\u0646\u0641\u0630 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0627\u0639\u062a\u0645\u0627\u062f\u0627\u064b \u0639\u0644\u0649 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u0633\u0627\u0639\u062f\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0664 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0648\u0641\u0631 \u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u0628\u0646\u0627\u0621 \u062d\u0636\u0648\u0631 \u0625\u0639\u0644\u0627\u0645\u064a \u0645\u0624\u062b\u0631.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0665 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u0627\u064b \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u062d\u0645\u0644\u0627\u062a\n \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0639\u0631\u0627\u0642 \u0648\u062e\u0627\u0631\u062c\u0647.\n <\/p>\n <\/div>\n\n \n <div class=\"service-card bg-dinariDark p-8 lg:p-12 xl:p-14\">\n <p class=\"card-num text-dinariLime font-mono text-xs tracking-widest mb-5\">\u0660\u0666 \/\/<\/p>\n <h3 class=\"card-title text-3xl lg:text-4xl font-black leading-snug mb-5\">\n \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629\n <\/h3>\n <p class=\"text-white\/45 text-base lg:text-lg leading-relaxed font-light\">\n \u0646\u062a\u0648\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0648\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0645\u0639 \u0625\u062f\u0627\u0631\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629\n \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0625\u0646\u062a\u0627\u062c \u0645\u062d\u062a\u0648\u0649 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0642\u0628\u0644 \u0648\u0623\u062b\u0646\u0627\u0621 \u0648\u0628\u0639\u062f \u0627\u0644\u062d\u062f\u062b.\n <\/p>\n <\/div>\n\n <\/div>\n\n \n <div class=\"flex items-center justify-between border-t border-white\/10 py-7\">\n <span class=\"text-xs text-white\/25 font-mono tracking-widest uppercase\">\n Dinary \u00b7 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u00b7 \u0627\u0644\u0639\u0631\u0627\u0642\n <\/span>\n <div class=\"flex gap-2 items-center\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-white\/20\"><\/span>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fd2a34b e-con e-atomic-element e-flexbox-base e-390cc42 \" data-id=\"fd2a34b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd2a34b\" data-e-type=\"e-flexbox\" data-id=\"fd2a34b\">\n <div class=\"elementor-element elementor-element-496bb78 e-con e-atomic-element e-div-block-base \" data-id=\"496bb78\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"496bb78\" data-e-type=\"e-div-block\" data-id=\"496bb78\">\n \t\t<div class=\"elementor-element elementor-element-b3c7b33 elementor-widget elementor-widget-html\" data-id=\"b3c7b33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 | \u062d\u0644\u0648\u0644 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n dinariDark: '#200F8C',\n dinariLime: '#D4D93F',\n dinariMuted: 'rgba(255,255,255,0.6)',\n cardBg: '#180B6B'\n },\n fontFamily: {\n cairo: ['Cairo', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n body {\n background-color: #200F8C;\n font-family: 'Cairo', sans-serif;\n }\n \/* \u0633\u062a\u0627\u064a\u0644 \u0641\u0627\u062e\u0631 \u0648\u0645\u0628\u062a\u0643\u0631 \u0644\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a *\/\n .service-card {\n background: #180B6B;\n border: 1px solid rgba(255, 255, 255, 0.08);\n transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n }\n .service-card:hover {\n border-color: #D4D93F;\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n }\n <\/style>\n<\/head>\n<body class=\"text-white antialiased\">\n\n <header class=\"relative w-full py-24 border-b border-white\/10 overflow-hidden\">\n <div class=\"max-w-[1400px] mx-auto px-6 lg:px-16 text-center relative z-10\">\n <span class=\"text-dinariLime font-mono text-sm uppercase tracking-widest mb-4 block\">\/\/ \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/span>\n <h1 class=\"text-4xl lg:text-6xl font-black tracking-tight leading-tight mb-6\">\n \u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0640 <span class=\"text-dinariLime\">\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span> \u0648\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\n <\/h1>\n <p class=\"text-dinariMuted text-lg lg:text-xl max-w-3xl mx-auto font-light leading-relaxed\">\n \u0646\u062d\u0646 \u0644\u0627 \u0646\u0642\u062f\u0645 \u0645\u062c\u0631\u062f \u0623\u062f\u0648\u0627\u062a \u062a\u0642\u0646\u064a\u0629\u060c \u0628\u0644 \u0646\u0628\u0646\u064a \u062d\u0644\u0648\u0644\u0627\u064b \u0639\u0645\u0644\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0645\u0627\u0644\u0643\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0643\u060c \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635 \u0627\u0644\u062d\u062c\u0632 \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0628\u0634\u0643\u0644 \u062a\u0644\u0642\u0627\u0626\u064a.\n <\/p>\n <\/div>\n <div class=\"absolute inset-0 opacity-5 pointer-events-none bg-[radial-gradient(#D4D93F_1px,transparent_1px)] [background-size:24px_24px]\"><\/div>\n <\/header>\n\n <main class=\"max-w-[1400px] mx-auto px-6 lg:px-16 py-20\">\n \n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u0623\u0648\u0644\u0627\u064b: \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0648\u0627\u0644\u0631\u0628\u0637 \u0627\u0644\u0630\u0643\u064a \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-20\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0661<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u0648\u062d\u064a\u062f \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0645\u0646 \u0639\u062f\u0629 \u0645\u0646\u0635\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062c\u0645\u0639 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0641\u064a\u0633\u0628\u0648\u0643\u060c \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u063a\u064a\u0631\u0647\u0627 \u062f\u0627\u062e\u0644 \u0648\u0627\u062c\u0647\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0631\u062f \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0646\u0633\u064a\u0627\u0646. \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0634\u062a\u062a \u0628\u064a\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0633\u062a\u0631\u0649 \u0643\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0641\u064a \u0634\u0627\u0634\u0629 \u0648\u0627\u062d\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0645\u0646 \u062a\u0645 \u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0647 \u0648\u0645\u0646 \u0644\u0627 \u064a\u0632\u0627\u0644 \u064a\u0646\u062a\u0638\u0631.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0662<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 (CRM)<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u062c\u0645\u0639 \u0643\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0641\u064a \u0645\u0643\u0627\u0646 \u0648\u0627\u062d\u062f\u060c \u0648\u064a\u064f\u0638\u0647\u0631 \u062d\u0627\u0644\u0629 \u0643\u0644 \u0639\u0645\u064a\u0644 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 (\u062c\u062f\u064a\u062f\u060c \u062a\u0645 \u0627\u0644\u0631\u062f \u0639\u0644\u064a\u0647\u060c \u064a\u062d\u062a\u0627\u062c \u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0623\u0648 \u062c\u0627\u0647\u0632 \u0644\u0644\u062d\u062c\u0632\/\u0627\u0644\u0634\u0631\u0627\u0621). \u064a\u0638\u0647\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u064a \u0633\u062c\u0644 \u0648\u0627\u062d\u062f \u0645\u0639 \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0627\u0644\u0641\u0631\u064a\u0642 \u0648\u062e\u0637\u0648\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629 \u0644\u0645\u0646\u0639 \u0636\u064a\u0627\u0639 \u0623\u064a \u0641\u0631\u0635\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0663<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0631\u062f \u0627\u0644\u0641\u0648\u0631\u064a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u0644\u0631\u062f \u0627\u0644\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0623\u0648\u0644\u064a\u0629\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u062d\u062a\u0649 \u062e\u0627\u0631\u062c \u0623\u0648\u0642\u0627\u062a \u0627\u0644\u062f\u0648\u0627\u0645. \u0625\u0630\u0627 \u0631\u0627\u0633\u0644 \u0634\u062e\u0635 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0633\u0627\u0639\u0629 11 \u0644\u064a\u0644\u0627\u064b \u064a\u0633\u0623\u0644 \u0639\u0646 \u0627\u0644\u0633\u0639\u0631\u060c \u064a\u062d\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0631\u062f \u0645\u0646\u0638\u0645 \u064a\u0634\u0631\u062d \u0627\u0644\u062e\u062f\u0645\u0629 \u0648\u064a\u0623\u062e\u0630 \u0627\u0633\u0645\u0647 \u0648\u0631\u0642\u0645\u0647 \u0644\u0644\u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0627\u0644\u0646\u0638\u0627\u0645.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u062b\u0627\u0646\u064a\u0627\u064b: \u0623\u062f\u0648\u0627\u062a \u062d\u0635\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-20\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0664<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0625\u0644\u0649 \u0641\u0631\u0635 \u0628\u064a\u0639<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0647\u0645\u0629 \u062a\u062d\u062a \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u062a\u062d\u0648\u064a\u0644 \u0623\u0635\u062d\u0627\u0628\u0647\u0627 \u0625\u0644\u0649 \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u062e\u0627\u0635\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0641\u0639\u0644\u064a\u0629. \u0628\u0645\u062c\u0631\u062f \u0623\u0646 \u064a\u0643\u062a\u0628 \u0634\u062e\u0635 \u062a\u062d\u062a \u0625\u0639\u0644\u0627\u0646 \u0641\u064a\u0633\u0628\u0648\u0643 \u0623\u0648 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645: \"\u0623\u0631\u064a\u062f \u0627\u0644\u0633\u0639\u0631\" \u0623\u0648 \"\u0648\u064a\u0646 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\u061f\"\u060c \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0647\u0630\u0627 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0633\u0631\u0639\u0629 \u0625\u0644\u0649 \u0631\u0633\u0627\u0644\u0629 \u062e\u0627\u0635\u0629 \u062b\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0638\u0645\u0629 \u062d\u062a\u0649 \u064a\u0635\u0628\u062d \u062d\u062c\u0632\u0627\u064b \u0623\u0648 \u0637\u0644\u0628\u0627\u064b.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0665<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0633\u062a\u0645\u0627\u0631\u0627\u062a \u0630\u0643\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0646\u0645\u0627\u0630\u062c \u062a\u0639\u0628\u0626\u0629 \u0633\u0647\u0644\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629 \u0648\u062a\u0648\u0635\u0644\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u0633\u0644\u0633. \u0639\u0646\u062f\u0645\u0627 \u064a\u0623\u062a\u064a \u0639\u0645\u064a\u0644 \u0645\u0646 \u0625\u0639\u0644\u0627\u0646 \u0639\u0644\u0649 \u0641\u064a\u0633\u0628\u0648\u0643 \u0623\u0648 \u0645\u0646 \u0631\u0627\u0628\u0637 \u0627\u0644\u0628\u0627\u064a\u0648 \u0639\u0644\u0649 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u064a\u0645\u0644\u0623 \u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0641\u062a\u0635\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u0648\u0631\u0627\u064b \u0625\u0644\u0649 \u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u064a\u0645\u0643\u0646 \u0623\u064a\u0636\u0627\u064b \u0625\u0631\u0633\u0627\u0644\u0647\u0627 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0633\u0631\u064a\u0639\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0666<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0635\u0641\u062d\u0627\u062a \u0639\u0631\u0636 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062a\u0637\u0648\u064a\u0631 \u0635\u0641\u062d\u0627\u062a \u0647\u0628\u0648\u0637 \u0645\u062e\u0635\u0635\u0629 \u062a\u0639\u0631\u0636 \u0627\u0644\u062e\u062f\u0645\u0629 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636 \u0628\u0634\u0643\u0644 \u0648\u0627\u0636\u062d \u0648\u0645\u0642\u0646\u0639 \u0648\u062a\u0633\u0647\u0651\u0644 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0641\u0647\u0645 \u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u0627\u062a\u062e\u0627\u0630 \u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0641\u0648\u0631\u064a. \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0645\u0643\u0646 \u0625\u0646\u0634\u0627\u0621 \u0635\u0641\u062d\u0629 \u062e\u0627\u0635\u0629 \u0644\u062e\u062f\u0645\u0629 \u0644\u064a\u0632\u0631\u060c \u062f\u0648\u0631\u0629 \u062a\u062f\u0631\u064a\u0628\u064a\u0629\u060c \u0623\u0648 \u0639\u0631\u0636 \u0644\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u062b\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0628\u062d\u064a\u062b \u064a\u0631\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0648\u0627\u0644\u0633\u0639\u0631 \u0648\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0628\u0634\u0643\u0644 \u0645\u0631\u062a\u0628.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"mb-12 flex items-center gap-3\">\n <span class=\"w-2 h-2 rounded-full bg-dinariLime\"><\/span>\n <h2 class=\"text-xl font-bold tracking-wider text-dinariLime\">\u062b\u0627\u0644\u062b\u0627\u064b: \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u062f\u0648\u0644\u0629\u060c \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0623\u062f\u0627\u0621<\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0667<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0623\u0646\u0638\u0645\u0629 \u062d\u062c\u0632 \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f \u0648\u0627\u0644\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u062a\u0646\u0638\u064a\u0645 \u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062d\u062c\u0632 \u0648\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 \u0648\u0627\u0644\u0623\u062e\u0637\u0627\u0621\u060c \u0645\u0639 \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0623\u0648\u0642\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0648\u062a\u0633\u0647\u064a\u0644 \u062a\u0623\u0643\u064a\u062f \u0627\u0644\u0645\u0648\u0639\u062f. \u0641\u064a \u0639\u064a\u0627\u062f\u0629 \u0623\u0648 \u0645\u0631\u0643\u0632 \u062a\u062c\u0645\u064a\u0644 \u0623\u0648 \u0645\u0639\u0647\u062f \u062a\u062f\u0631\u064a\u0628\u064a\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0639\u0645\u064a\u0644 \u0637\u0644\u0628 \u0645\u0648\u0639\u062f \u0645\u0646 \u062e\u0644\u0627\u0644 \u0631\u0627\u0628\u0637 \u0645\u062e\u0635\u0635 \u064a\u064f\u0631\u0633\u0644 \u0644\u0647 \u0639\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u064a\u064f\u0648\u0636\u0639 \u0641\u064a \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u062b\u0645 \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0648\u0639\u062f \u0648\u0645\u062a\u0627\u0628\u0639\u062a\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0668<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0630\u0643\u064a\u0631 \u0627\u0644\u0630\u0643\u064a \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0625\u0646\u0634\u0627\u0621 \u062e\u0637\u0648\u0627\u062a \u0645\u062a\u0627\u0628\u0639\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u0623\u0648 \u0634\u0628\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u0628\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u060c \u0642\u0628\u0644 \u0627\u0644\u0645\u0648\u0639\u062f\u060c \u0623\u0648 \u0628\u0639\u062f \u0627\u0644\u062e\u062f\u0645\u0629 \u062d\u062a\u0649 \u0644\u0627 \u062a\u0636\u064a\u0639 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629. \u0625\u0630\u0627 \u0633\u0623\u0644 \u0639\u0645\u064a\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0644\u0645 \u064a\u0624\u0643\u062f \u0627\u0644\u062d\u062c\u0632\u060c \u064a\u062a\u0645 \u062a\u0630\u0643\u064a\u0631\u0647 \u0628\u0639\u062f \u0641\u062a\u0631\u0629 \u0628\u0631\u0633\u0627\u0644\u0629 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0646\u0627\u0633\u0628\u0629\u060c \u0623\u0648 \u0625\u0631\u0633\u0627\u0644 \u062a\u0630\u0643\u064a\u0631 \u0642\u0628\u0644 \u0645\u0648\u0639\u062f\u0647 \u0628\u064a\u0648\u0645\u060c \u0623\u0648 \u0637\u0644\u0628 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0626\u0647\u0627.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0660\u0669<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0645\u0639\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a\u0629 \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0628\u0634\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u062a\u062d\u0633\u064a\u0646 \u0635\u0648\u0631\u062a\u0647\u0627 \u0623\u0645\u0627\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u062c\u062f\u062f. \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0627\u0644\u062e\u062f\u0645\u0629\u060c \u064a\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0627\u0628\u0637 \u062a\u0642\u064a\u064a\u0645 \u0644\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0631\u0627\u0636\u064a \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628 \u0623\u0648 \u0642\u0646\u0627\u0629 \u062a\u0648\u0627\u0635\u0644 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u062a\u0645 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0629 \u0633\u0644\u0628\u064a\u0629 \u062f\u0627\u062e\u0644\u064a\u0627\u064b \u0628\u0633\u0631\u0639\u0629 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0633\u0645\u0639\u0629 \u0627\u0644\u0628\u0631\u0627\u0646\u062f \u0627\u0644\u0631\u0642\u0645\u064a\u0629.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0660<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0637\u0644\u0628\u0627\u062a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u0639\u0631\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0623\u0648 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0648\u064a\u0633\u0647\u0651\u0644 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u0634\u062a\u062a\u0629. \u0644\u0645\u062a\u062c\u0631 \u0633\u0627\u0639\u0627\u062a \u0623\u0648 \u0645\u0644\u0627\u0628\u0633\u060c \u064a\u0631\u0628\u0637 \u0645\u0646\u0634\u0648\u0631\u0627\u062a\u0647 \u0639\u0644\u0649 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645 \u0648\u0641\u064a\u0633\u0628\u0648\u0643 \u0628\u0635\u0641\u062d\u0627\u062a \u0637\u0644\u0628 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u0639\u0646\u062f\u0645\u0627 \u064a\u062e\u062a\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u062a\u064f\u0633\u062c\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0647 \u0648\u062a\u0635\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0637\u0644\u0628 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0661<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u062a\u0646\u0638\u064a\u0645 \u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u062c\u062f\u0648\u0644\u0629 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062d\u0636\u0648\u0631 \u0645\u0633\u062a\u0645\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0628\u062f\u0648\u0646 \u0641\u0648\u0636\u0649. \u064a\u0645\u0643\u0646 \u062a\u062c\u0647\u064a\u0632 \u0645\u062d\u062a\u0648\u0649 \u0623\u0633\u0628\u0648\u0639\u064a \u0623\u0648 \u0634\u0647\u0631\u064a \u0648\u0646\u0634\u0631\u0647 \u0628\u0634\u0643\u0644 \u0645\u0646\u0638\u0645 \u0639\u0644\u0649 YouTube \u0648LinkedIn \u0648TikTok \u0648Instagram \u0648Facebook \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a \u0623\u0648 \u0627\u0644\u0627\u0646\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u0648\u064a\u0644.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <div class=\"service-card rounded-2xl p-8 flex flex-col justify-between\">\n <div>\n <div class=\"w-12 h-12 rounded-xl bg-white\/5 flex items-center justify-center text-dinariLime mb-6 font-mono font-bold\">\u0661\u0662<\/div>\n <h3 class=\"text-2xl font-black mb-4\">\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0623\u062f\u0627\u0621<\/h3>\n <p class=\"text-dinariMuted text-sm leading-relaxed mb-6\">\n \u064a\u0639\u0637\u064a \u0635\u0627\u062d\u0628 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0635\u0648\u0631\u0629 \u0623\u0648\u0636\u062d \u0639\u0646 \u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u060c \u0633\u0631\u0639\u0629 \u0627\u0644\u0631\u062f\u060c \u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629. \u064a\u0645\u0643\u0646 \u0645\u0639\u0631\u0641\u0629 \u0643\u0645 \u0631\u0633\u0627\u0644\u0629 \u062c\u0627\u0621\u062a \u0645\u0646 \u0641\u064a\u0633\u0628\u0648\u0643\u060c \u0648\u0643\u0645 \u0645\u0646 \u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645\u060c \u0648\u0643\u0645 \u0645\u0646 \u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0648\u0643\u0645 \u062d\u0627\u0644\u0629 \u062a\u062d\u0648\u0644\u062a \u0625\u0644\u0649 \u062d\u062c\u0632 \u0623\u0648 \u0628\u064a\u0639\u060c \u0648\u0647\u0630\u0627 \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u062a\u0633\u0648\u064a\u0642\u064a \u0623\u062f\u0642 \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0644\u063a\u0629 \u0627\u0644\u0623\u0631\u0642\u0627\u0645.\n <\/p>\n <\/div>\n <div class=\"border-t border-white\/10 pt-4 text-xs font-semibold text-dinariLime flex justify-between items-center\">\n <span>\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0645\u0628\u064a\u0639\u0627\u062a<\/span>\n <span class=\"font-mono\">\u062a\u0646\u0638\u064a\u0645 \u0623\u0639\u0644\u0649 & \u0627\u0644\u0631\u062f \u0623\u0633\u0631\u0639<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/main>\n\n <footer class=\"w-full bg-black\/30 border-t border-white\/10 py-16 text-center\">\n <div class=\"max-w-[1400px] mx-auto px-6\">\n <h2 class=\"text-2xl lg:text-3xl font-black mb-4 text-dinariLime\">\u0627\u0644\u062e\u0644\u0627\u0635\u0629 \u0627\u0644\u0625\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/h2>\n <p class=\"text-dinariMuted max-w-2xl mx-auto leading-relaxed text-sm font-light\">\n \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0644\u064a\u0633\u062a \u0623\u062f\u0648\u0627\u062a \u062a\u0642\u0646\u064a\u0629 \u0641\u0642\u0637\u060c \u0628\u0644 \u062d\u0644\u0648\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u060c \u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0631\u0641\u0639 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0641\u0631\u0635 \u0627\u0644\u062d\u062c\u0632 \u0648\u0627\u0644\u0628\u064a\u0639. \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u0646\u0642\u0644 \u0623\u0639\u0645\u0627\u0644\u0643 \u0644\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u0627\u0644\u064a.\n <\/p>\n <div class=\"mt-8\">\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"inline-block bg-dinariLime text-dinariDark px-8 py-3 rounded-full font-bold text-sm transition-transform hover:scale-105\">\u0627\u0628\u062f\u0623 \u0623\u062a\u0645\u062a\u0629 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0622\u0646<\/a>\n <\/div>\n <\/div>\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2a09bfe e-con e-atomic-element e-div-block-base \" data-id=\"2a09bfe\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"2a09bfe\" data-e-type=\"e-div-block\" data-id=\"2a09bfe\">\n \t\t<div class=\"elementor-element elementor-element-92e71f9 elementor-widget elementor-widget-html\" data-id=\"92e71f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u062f\u064a\u0646\u0627\u0631\u064a - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a (\u0628\u064a\u062a \u0627\u0644\u062d\u0643\u0645\u0629)<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kufam:wght@700&family=Tajawal:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* \u0625\u0639\u062f\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0648\u062a\u062b\u0628\u064a\u062a \u0623\u0644\u0648\u0627\u0646 \u062f\u064a\u0646\u0627\u0631\u064a *\/\n :root {\n --dinari-blue: #200F8C; \/* \u0623\u0632\u0631\u0642 \u062f\u064a\u0646\u0627\u0631\u064a \u0627\u0644\u0645\u0644\u0643\u064a \u0627\u0644\u0633\u0627\u062f\u0629 *\/\n --dinari-neon: #D4D93F; \/* \u0644\u064a\u0645\u0648\u0646\u064a \u0646\u064a\u0648\u0646 *\/\n --dinari-white: #FFFFFF;\n --dinari-text: #E2E8F0;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background-color: var(--dinari-blue);\n color: var(--dinari-white);\n font-family: 'Tajawal', sans-serif;\n line-height: 1.6;\n }\n\n \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0639\u0627\u0645\u0629 *\/\n .section-container {\n padding: 80px 10%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n }\n\n \/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u062f\u064a\u0646\u0627\u0631\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a *\/\n .section-title {\n font-family: 'Kufam', sans-serif;\n font-size: 42px;\n color: var(--dinari-neon);\n margin-bottom: 15px;\n text-shadow: 0 0 15px rgba(212, 217, 63, 0.15);\n }\n\n .section-subtitle {\n font-size: 20px;\n font-weight: 300;\n color: var(--dinari-text);\n max-width: 900px;\n margin-bottom: 50px;\n }\n\n \/* \u0634\u0628\u0643\u0629 \u0639\u0631\u0636 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 *\/\n .services-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .service-card {\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-top: 4px solid var(--dinari-neon);\n padding: 40px 30px;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .service-card:hover {\n background: rgba(255, 255, 255, 0.06);\n transform: translateY(-5px);\n }\n\n .card-number {\n font-family: 'Kufam', sans-serif;\n color: var(--dinari-neon);\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 15px;\n display: block;\n }\n\n .card-title {\n font-family: 'Kufam', sans-serif;\n font-size: 26px;\n color: var(--dinari-white);\n margin-bottom: 20px;\n }\n\n .card-body {\n font-size: 16px;\n color: var(--dinari-text);\n font-weight: 300;\n text-align: justify;\n }\n\n \/* \u0642\u0633\u0645 \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a *\/\n .partnerships-box {\n background: rgba(212, 217, 63, 0.05);\n border: 1px dashed var(--dinari-neon);\n padding: 40px;\n border-radius: 4px;\n margin-top: 40px;\n }\n\n .partnerships-box h4 {\n font-family: 'Kufam', sans-serif;\n font-size: 22px;\n color: var(--dinari-neon);\n margin-bottom: 20px;\n }\n\n .custom-list {\n list-style: none;\n }\n\n .custom-list li {\n position: relative;\n padding-right: 25px;\n margin-bottom: 12px;\n font-size: 18px;\n font-weight: 300;\n }\n\n .custom-list li::before {\n content: \"\u25a0\";\n position: absolute;\n right: 0;\n color: var(--dinari-neon);\n font-size: 14px;\n top: 2px;\n }\n\n \/* \u0642\u0627\u0626\u0645\u0629 \u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0648\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0645\u0646 \u0642\u0637\u0639\u062a\u064a\u0646 (Two columns list) *\/\n .events-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n\n \n .why-us-item {\n\n\n \/* \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629 *\/\n @media (max-width: 992px) {\n .services-grid, .why-us-grid { grid-template-columns: 1fr; }\n .events-grid { grid-template-columns: 1fr; }\n .section-container { padding: 50px 5%; }\n .section-title { font-size: 32px; }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"section-container\">\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/h2>\n <p class=\"section-subtitle\">\u0646\u0642\u062f\u0645 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u0641\u0642 \u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0648\u0631\u0641\u0639 \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u062f\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0631\u0627\u0645\u062c \u0639\u0645\u0644\u064a\u0629 \u064a\u0642\u062f\u0645\u0647\u0627 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0648\u0627\u0644\u0645\u062f\u0631\u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646.<\/p>\n \n <div class=\"services-grid\">\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u0623\u0648\u0644\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0627\u0644\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0627\u0644\u064a\u060c \u0627\u0644\u0645\u0648\u0627\u0632\u0646\u0627\u062a\u060c \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0628\u0645\u0627 \u064a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u0639\u0627\u0645 \u0648\u0627\u0644\u062e\u0627\u0635.<\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u062b\u0627\u0646\u064a\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0635\u0631\u0641\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0648\u062c\u0647\u0629 \u0644\u0644\u0645\u0635\u0627\u0631\u0641 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u062a\u063a\u0637\u064a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u0641\u064a\u0629\u060c \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644\u060c \u0645\u0643\u0627\u0641\u062d\u0629 \u063a\u0633\u0644 \u0627\u0644\u0623\u0645\u0648\u0627\u0644 \u0648\u062a\u0645\u0648\u064a\u0644 \u0627\u0644\u0625\u0631\u0647\u0627\u0628\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0635\u0627\u062f\u0631\u0629 \u0639\u0646 \u0627\u0644\u0628\u0646\u0643 \u0627\u0644\u0645\u0631\u0643\u0632\u064a \u0627\u0644\u0639\u0631\u0627\u0642\u064a.<\/p>\n <\/div>\n\n \n <div class=\"service-card\">\n <span class=\"card-number\">\u062b\u0627\u0644\u062b\u0627\u064b \/\/<\/span>\n <h3 class=\"card-title\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0625\u062f\u0627\u0631\u064a<\/h3>\n <p class=\"card-body\">\u0628\u0631\u0627\u0645\u062c \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629\u060c \u0627\u0644\u0642\u064a\u0627\u062f\u0629\u060c \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u062f\u0627\u0621.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"partnerships-box\">\n <h4>\u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h4>\n <p style=\"margin-bottom: 20px; font-weight: 300;\">\u064a\u062a\u0645\u064a\u0632 \u062f\u064a\u0646\u0627\u0631\u064a \u0628\u062a\u0646\u0641\u064a\u0630 \u0628\u0631\u0627\u0645\u062c \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0648\u0645\u0633\u062a\u0642\u0644\u0629 \u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0643\u0628\u0631\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u062f\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0644\u064a\u0629:<\/p>\n <ul class=\"custom-list\">\n <li>\u062a\u0646\u0641\u064a\u0630 \u0628\u0631\u0627\u0645\u062c \u0645\u0634\u062a\u0631\u0643\u0629 \u0645\u0639 <strong>\u0631\u0627\u0628\u0637\u0629 \u0627\u0644\u0645\u0635\u0627\u0631\u0641 \u0627\u0644\u062e\u0627\u0635\u0629 \u0627\u0644\u0639\u0631\u0627\u0642\u064a\u0629<\/strong>.<\/li>\n <li>\u0634\u0631\u0627\u0643\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0645\u0639 <strong>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a \u0627\u0644\u0645\u0627\u0644\u064a \u0648\u0627\u0644\u0645\u062d\u0627\u0633\u0628\u064a<\/strong>.<\/li>\n <li>\u0645\u0646\u062d \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u0648\u0645\u062d\u0644\u064a\u0627\u064b \u0628\u0625\u0634\u0631\u0627\u0641 <strong>\u0627\u0644\u0648\u0643\u0627\u0644\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 (GAFM)<\/strong>.<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n \n <section class=\"section-container\">\n <h2 class=\"section-title\">\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/h2>\n <p class=\"section-subtitle\">\u0625\u062f\u0627\u0631\u0629 \u0648\u062a\u062e\u0637\u064a\u0637 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0644\u062a\u0642\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062f\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0631\u0636 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u062d\u062a\u0649 \u0627\u0644\u062e\u062a\u0627\u0645\u060c \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u0643\u0633 \u0635\u0648\u0631\u0629 \u062a\u0644\u064a\u0642 \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629.<\/p>\n \n <div class=\"events-grid\">\n <ul class=\"custom-list\">\n <li>\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a.<\/li>\n <li>\u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u062d\u062c\u0632 \u0645\u0648\u0627\u0642\u0639 \u0627\u0646\u0639\u0642\u0627\u062f \u0627\u0644\u0645\u0624\u062a\u0645\u0631\u0627\u062a \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0634\u0631\u064a\u0641\u0627\u062a\u060c \u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644\u060c \u0648\u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.<\/li>\n <li>\u062a\u062c\u0647\u064a\u0632 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\u060c \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0635\u0648\u062a\u060c \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646 \u0648\u0627\u0644\u0636\u064a\u0648\u0641 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u064b \u0648\u0645\u064a\u062f\u0627\u0646\u064a\u0627\u064b.<\/li>\n <\/ul>\n <ul class=\"custom-list\">\n <li>\u062a\u0646\u0638\u064a\u0645 \u0648\u062a\u062c\u0644\u064a\u0633 \u0643\u0628\u0627\u0631 \u0627\u0644\u0634\u062e\u0635\u064a\u0627\u062a (VIP) \u0628\u0645\u0627 \u064a\u0644\u064a\u0642 \u0628\u0627\u0644\u0645\u0642\u0627\u0645 \u0627\u0644\u0645\u0624\u0633\u0633\u064a.<\/li>\n <li>\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0628\u0648\u062b\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0646\u062d\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0627\u0644\u0631\u0639\u0627\u0629 \u0648\u0627\u0644\u0639\u0627\u0631\u0636\u064a\u0646.<\/li>\n <li>\u062a\u0635\u0645\u064a\u0645 \u0648\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0647\u0648\u064a\u0627\u062a (Badges)\u060c \u0627\u0644\u0623\u062c\u0646\u062f\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\u0629.<\/li>\n <li>\u0625\u062f\u0627\u0631\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0641\u0631\u0642 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629.<\/li>\n <li>\u0627\u0633\u062a\u0642\u0637\u0627\u0628 \u0627\u0644\u0631\u0639\u0627\u0629 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u064a\u0646 \u0639\u0628\u0631 \u0628\u0627\u0642\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u0645\u062a\u0627\u0632\u0629.<\/li>\n <\/ul>\n <\/div>\n\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<div class=\"elementor-element elementor-element-13841fa elementor-widget elementor-widget-html\" data-id=\"13841fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#dig-root,#dig-root *,#dig-root *::before,#dig-root *::after{\n box-sizing:border-box;margin:0;padding:0;\n}\n\n\/* \u2550\u2550 ELEMENTOR PARENT OVERRIDE \u2550\u2550 *\/\n.elementor-widget-html:has(#dig-root),\n.elementor-widget:has(#dig-root),\n.e-con:has(#dig-root),\n.e-con-inner:has(#dig-root),\n.elementor-container:has(#dig-root),\n.elementor-section:has(#dig-root),\n.elementor-top-section:has(#dig-root) {\n max-width:100% !important;\n width:100% !important;\n padding-left:0 !important;\n padding-right:0 !important;\n margin-left:0 !important;\n margin-right:0 !important;\n overflow:visible !important;\n}\n\n#dig-root{\n position:relative;\n width:100%;max-width:100%;margin:0;\n min-height:100vh;\n background:#200F8C;\n overflow:hidden;\n display:flex;\n align-items:center;\n justify-content:center;\n \/* \u0633\u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u0643\u0645 \u0628\u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u064b \u0639\u0628\u0631 \u0627\u0644\u062c\u0627\u0641\u0627 \u0633\u0643\u0631\u0628\u062a \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u0636\u0627\u0631\u0628 *\/\n}\n\n\/* \u0641\u0626\u0627\u062a \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 *\/\n#dig-root.dig-rtl { direction: rtl; }\n#dig-root.dig-ltr { direction: ltr; }\n\n#dig-bg{\n position:absolute;inset:0;z-index:0;pointer-events:none;\n background:\n radial-gradient(ellipse 65% 80% at 50% 50%,\n rgba(10,4,65,1) 0%,\n rgba(22,10,110,1) 40%,\n rgba(32,15,140,1) 70%,\n rgba(38,20,158,1) 100%);\n}\n\n#dig-grid{\n position:absolute;inset:0;z-index:1;pointer-events:none;\n opacity:0;\n background-image:\n linear-gradient(rgba(212,217,63,.06) 1px,transparent 1px),\n linear-gradient(90deg,rgba(212,217,63,.06) 1px,transparent 1px);\n background-size:70px 70px;\n mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%);\n -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%);\n}\n\n#dig-grain{\n position:absolute;inset:0;z-index:2;pointer-events:none;\n mix-blend-mode:overlay;opacity:.3;\n background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'\/%3E%3C\/svg%3E\");\n background-size:200px;\n}\n\n.dig-edge{\n position:absolute;left:0;right:0;z-index:3;pointer-events:none;height:90px;\n}\n.dig-edge.t{top:0;background:linear-gradient(180deg,rgba(8,3,50,.8) 0%,transparent 100%);}\n.dig-edge.b{bottom:0;background:linear-gradient(0deg,rgba(8,3,50,.8) 0%,transparent 100%);}\n\n#dig-mglow{\n position:absolute;z-index:3;pointer-events:none;\n width:520px;height:520px;border-radius:50%;\n background:radial-gradient(circle,rgba(212,217,63,.12) 0%,transparent 68%);\n filter:blur(28px);\n transform:translate(-50%,-50%);\n opacity:0;transition:opacity .5s ease;\n will-change:left,top;left:50%;top:50%;\n}\n\n\/* \u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u0645\u062a\u0643\u064a\u0641\u0629 \u0644\u0644\u0623\u0631\u0643\u0627\u0646 \u062a\u0644\u062a\u0641 \u0628\u0634\u0643\u0644 \u062a\u0644\u0642\u0627\u0626\u064a \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0643\u0644\u064a\u0629 \u0644\u062a\u0623\u0645\u064a\u0646 \u062a\u0645\u0627\u062b\u0644 \u0628\u0635\u0631\u064a \u0641\u0627\u062e\u0631 *\/\n#dig-root.dig-rtl .dig-corner.tl{top:32px;right:32px;border-top:1px solid rgba(212,217,63,.4);border-right:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-rtl .dig-corner.tr{top:32px;left:32px;border-top:1px solid rgba(212,217,63,.4);border-left:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-rtl .dig-corner.bl{bottom:32px;right:32px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-rtl .dig-corner.br{bottom:32px;left:32px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n\n#dig-root.dig-ltr .dig-corner.tl{top:32px;left:32px;border-top:1px solid rgba(212,217,63,.4);border-left:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-ltr .dig-corner.tr{top:32px;right:32px;border-top:1px solid rgba(212,217,63,.4);border-right:1px solid rgba(212,217,63,.4);}\n#dig-root.dig-ltr .dig-corner.bl{bottom:32px;left:32px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-ltr .dig-corner.br{bottom:32px;right:32px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n\n.dig-corner{\n position:absolute;z-index:8;\n width:20px;height:20px;opacity:0;pointer-events:none;\n}\n\n\/* \u2500\u2500 GATEWAY \u2500\u2500 *\/\n#dig-gateway{\n position:absolute;inset:0;z-index:5;\n display:flex;pointer-events:none;\n}\n.dig-panel{\n position:absolute;top:0;bottom:0;width:50%;\n will-change:transform;overflow:hidden;\n}\n\n\/* \u0631\u0628\u0637 \u0627\u0644\u0623\u0644\u0648\u0627\u062d \u0628\u0648\u0636\u0639\u064a\u0629 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0636\u0645\u0627\u0646 \u0641\u062a\u062d \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0628\u0627\u0646\u062a\u0638\u0627\u0645 \u0645\u062a\u0637\u0627\u0628\u0642 \u0628\u0627\u0644\u062c\u0647\u062a\u064a\u0646 *\/\n#dig-root.dig-rtl .dig-panel.left { right:0; }\n#dig-root.dig-rtl .dig-panel.right{ left:0; }\n#dig-root.dig-ltr .dig-panel.left { left:0; }\n#dig-root.dig-ltr .dig-panel.right{ right:0; }\n\n.dig-panel-face{\n position:absolute;inset:0;\n background:linear-gradient(180deg,\n rgba(10,5,55,1) 0%,rgba(18,9,95,1) 40%,\n rgba(14,7,72,1) 70%,rgba(8,3,48,1) 100%);\n}\n\n#dig-root.dig-rtl .dig-panel.left .dig-panel-edge{ position:absolute;left:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-rtl .dig-panel.right .dig-panel-edge{ position:absolute;right:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-ltr .dig-panel.left .dig-panel-edge{ position:absolute;right:0;top:0;bottom:0;width:3px; }\n#dig-root.dig-ltr .dig-panel.right .dig-panel-edge{ position:absolute;left:0;top:0;bottom:0;width:3px; }\n\n.dig-panel-edge{\n background:linear-gradient(180deg,transparent 0%,rgba(212,217,63,.6) 20%,rgba(212,217,63,1) 50%,rgba(212,217,63,.6) 80%,transparent 100%);\n box-shadow:0 0 24px 4px rgba(212,217,63,.45),0 0 60px 8px rgba(212,217,63,.18);\n opacity:0;\n}\n.dig-panel-hlines{\n position:absolute;inset:0;\n background-image:linear-gradient(rgba(212,217,63,.055) 1px,transparent 1px);\n background-size:100% 56px;opacity:.5;\n}\n.dig-panel-vlines{\n position:absolute;inset:0;\n background-image:linear-gradient(90deg,rgba(212,217,63,.04) 1px,transparent 1px);\n background-size:80px 100%;opacity:.5;\n}\n.dig-panel-mark{position:absolute;width:14px;height:14px;}\n\n#dig-root.dig-rtl .dig-panel.left .dig-panel-mark.tc{top:18px;left:18px;border-top:1px solid rgba(212,217,63,.3);border-left:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-rtl .dig-panel.left .dig-panel-mark.bc{bottom:18px;left:18px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-rtl .dig-panel.right .dig-panel-mark.tc{top:18px;right:18px;border-top:1px solid rgba(212,217,63,.3);border-right:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-rtl .dig-panel.right .dig-panel-mark.bc{bottom:18px;right:18px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n\n#dig-root.dig-ltr .dig-panel.left .dig-panel-mark.tc{top:18px;right:18px;border-top:1px solid rgba(212,217,63,.3);border-right:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-ltr .dig-panel.left .dig-panel-mark.bc{bottom:18px;right:18px;border-bottom:1px solid rgba(212,217,63,.2);border-right:1px solid rgba(212,217,63,.2);}\n#dig-root.dig-ltr .dig-panel.right .dig-panel-mark.tc{top:18px;left:18px;border-top:1px solid rgba(212,217,63,.3);border-left:1px solid rgba(212,217,63,.3);}\n#dig-root.dig-ltr .dig-panel.right .dig-panel-mark.bc{bottom:18px;left:18px;border-bottom:1px solid rgba(212,217,63,.2);border-left:1px solid rgba(212,217,63,.2);}\n\n#dig-center-glow{\n position:absolute;top:0;bottom:0;\n left:50%;transform:translateX(-50%);\n width:2px;z-index:6;pointer-events:none;\n background:linear-gradient(180deg,transparent 0%,rgba(212,217,63,.8) 20%,#D4D93F 50%,rgba(212,217,63,.8) 80%,transparent 100%);\n box-shadow:0 0 30px 6px rgba(212,217,63,.5),0 0 80px 18px rgba(212,217,63,.2);\n opacity:0;\n}\n#dig-crack-halo{\n position:absolute;top:0;bottom:0;\n left:50%;transform:translateX(-50%);\n width:300px;z-index:4;pointer-events:none;\n background:radial-gradient(ellipse 50% 80% at 50% 50%,rgba(212,217,63,.15) 0%,rgba(32,15,140,.08) 40%,transparent 70%);\n filter:blur(18px);opacity:0;\n}\n\n\/* \u2500\u2500 CONTENT \u2500\u2500 *\/\n#dig-content{\n position:relative;z-index:4;\n display:flex;flex-direction:column;\n align-items:center;\n max-width:820px;\n padding:80px 6vw 60px;\n}\n#dig-root.dig-rtl #dig-content { text-align:center; }\n#dig-root.dig-ltr #dig-content { text-align:center; }\n\n#dig-label{\n display:inline-flex;align-items:center;gap:12px;\n margin-bottom:28px;opacity:0;\n}\n.dig-label-line{width:26px;height:1px;background:#D4D93F;flex-shrink:0;}\n.dig-label-txt{\n font-family:'Tajawal',sans-serif;font-size:11px;font-weight:500;\n color:rgba(212,217,63,.75);letter-spacing:.28em;text-transform:uppercase;\n}\n\n#dig-h{\n position:relative;margin-bottom:26px;\n overflow:visible;\n padding-top:12px;\n}\n#dig-shimmer{\n position:absolute;inset:0;\n background:linear-gradient(90deg,transparent 0%,rgba(212,217,63,.22) 40%,rgba(255,255,255,.14) 50%,rgba(212,217,63,.22) 60%,transparent 100%);\n filter:blur(10px);\n transform:translateX(-120%) skewX(-8deg);\n pointer-events:none;z-index:2;\n mix-blend-mode:screen;\n}\n.dig-hl{\n display:block;\n overflow:visible;\n line-height:1.15;\n margin-bottom:6px;\n}\n.dig-hw{\n display:inline-block;\n font-family:'Kufam',sans-serif;font-weight:900;\n font-size:clamp(32px,5.2vw,76px);\n color:#FFFFFF;line-height:1.15;letter-spacing:-.01em;\n opacity:0;transform:translateY(30px);\n will-change:transform,opacity;\n}\n.dig-hw.lime{\n color:#D4D93F;\n text-shadow:0 0 60px rgba(212,217,63,.4);\n}\n\n#dig-body{\n font-family:'Tajawal',sans-serif;\n font-size:clamp(14px,1.4vw,17px);font-weight:300;\n color:rgba(255,255,255,.5);line-height:2.0;\n max-width:580px;margin-bottom:48px;\n opacity:0;transform:translateY(14px);\n}\n\n#dig-btns{\n display:flex;align-items:center;justify-content:center;\n gap:16px;flex-wrap:wrap;\n opacity:0;transform:translateY(12px);\n}\n\n.dig-btn-p{\n position:relative;display:inline-flex;align-items:center;gap:12px;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:700;\n color:#050318;background:#D4D93F;\n padding:15px 42px;border:none;border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;\n overflow:hidden;\n transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s ease;\n}\n\n\/* \u0639\u0643\u0633 \u062a\u0631\u062a\u064a\u0628 \u0648\u062a\u0648\u062c\u064a\u0647 \u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u0633\u0647\u0645 \u0628\u062f\u0627\u062e\u0644 \u0627\u0644\u0632\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u0641\u0639\u0651\u0644\u0629 *\/\n#dig-root.dig-rtl .dig-btn-p { flex-direction: row; }\n#dig-root.dig-ltr .dig-btn-p { flex-direction: row-reverse; }\n\n.dig-btn-p::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .25s ease;}\n.dig-btn-p:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(212,217,63,.38);}\n.dig-btn-p:hover::before{background:rgba(255,255,255,.1);}\n.dig-btn-ico{\n width:20px;height:20px;border-radius:50%;\n background:rgba(5,3,24,.2);\n display:flex;align-items:center;justify-content:center;flex-shrink:0;\n}\n.dig-btn-ico svg{fill:#050318;width:8px;}\n\n\/* \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0628\u0632\u0627\u0648\u064a\u0629 180 \u062f\u0631\u062c\u0629 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0640 LTR \u0644\u064a\u0634\u064a\u0631 \u0627\u0644\u0633\u0647\u0645 \u0644\u0644\u064a\u0645\u064a\u0646 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d *\/\n#dig-root.dig-ltr .dig-btn-ico svg { transform: rotate(180deg); }\n\n.dig-btn-s{\n position:relative;display:inline-flex;align-items:center;\n font-family:'Kufam',sans-serif;font-size:14px;font-weight:600;\n color:#FFFFFF;background:transparent;\n padding:14px 36px;\n border:1px solid rgba(255,255,255,.22);border-radius:2px;\n cursor:pointer;text-decoration:none;letter-spacing:.04em;overflow:hidden;\n transition:border-color .3s ease,transform .35s cubic-bezier(.23,1,.32,1);\n}\n.dig-btn-s::before{content:'';position:absolute;inset:0;background:rgba(212,217,63,0);transition:background .25s ease;}\n.dig-btn-s:hover{border-color:rgba(212,217,63,.5);transform:translateY(-4px);}\n.dig-btn-s:hover::before{background:rgba(212,217,63,.06);}\n\n@media(max-width:680px){\n #dig-btns{flex-direction:column;width:100%;padding:0 6vw;}\n .dig-btn-p,.dig-btn-s{width:100%;justify-content:center;}\n}\n<\/style>\n\n<section id=\"dig-root\">\n <div id=\"dig-bg\"><\/div>\n <div id=\"dig-grid\"><\/div>\n <div id=\"dig-grain\"><\/div>\n <div class=\"dig-edge t\"><\/div>\n <div class=\"dig-edge b\"><\/div>\n <div id=\"dig-mglow\"><\/div>\n <div class=\"dig-corner tl\"><\/div>\n <div class=\"dig-corner tr\"><\/div>\n <div class=\"dig-corner bl\"><\/div>\n <div class=\"dig-corner br\"><\/div>\n <div id=\"dig-crack-halo\"><\/div>\n <div id=\"dig-center-glow\"><\/div>\n\n <div id=\"dig-content\">\n <div id=\"dig-label\">\n <div class=\"dig-label-line\"><\/div>\n <span class=\"dig-label-txt\" id=\"dig-target-label\"><\/span>\n <\/div>\n <div id=\"dig-h\">\n <div id=\"dig-shimmer\"><\/div>\n <div id=\"dig-headline-container\"><\/div>\n <\/div>\n <p id=\"dig-body\"><\/p>\n <div id=\"dig-btns\">\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dig-btn-p\" id=\"dig-target-btn-p\">\n <span class=\"dig-btn-ico\">\n <svg viewBox=\"0 0 10 12\"><path d=\"M0 0L10 6 0 12Z\"\/><\/svg>\n <\/span>\n <span id=\"dig-btn-p-text\"><\/span>\n <\/a>\n <a href=\"https:\/\/dinary-iq.com\/contact-us\/\" class=\"dig-btn-s\" id=\"dig-target-btn-s\"><\/a>\n <\/div>\n <\/div>\n\n <div id=\"dig-gateway\">\n <div class=\"dig-panel left\" id=\"dig-panel-l\">\n <div class=\"dig-panel-face\">\n <div class=\"dig-panel-hlines\"><\/div>\n <div class=\"dig-panel-vlines\"><\/div>\n <div class=\"dig-panel-mark tc\"><\/div>\n <div class=\"dig-panel-mark bc\"><\/div>\n <\/div>\n <div class=\"dig-panel-edge\"><\/div>\n <\/div>\n <div class=\"dig-panel right\" id=\"dig-panel-r\">\n <div class=\"dig-panel-face\">\n <div class=\"dig-panel-hlines\"><\/div>\n <div class=\"dig-panel-vlines\"><\/div>\n <div class=\"dig-panel-mark tc\"><\/div>\n <div class=\"dig-panel-mark bc\"><\/div>\n <\/div>\n <div class=\"dig-panel-edge\"><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n\n \/* \u2500\u2500 OBJECT MAP FOR MULTILINGUAL PRODUCTION \u2500\u2500 *\/\n const translations = {\n ar: {\n label: \"\u0627\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\",\n headline: [\n [ { text: \"\u062d\u0648\u0651\u0644\", lime: false }, { text: \"\u062e\u062f\u0645\u062a\u0643\", lime: true } ],\n [ { text: \"\u0625\u0644\u0649\", lime: false }, { text: \"\u062d\u0636\u0648\u0631\", lime: false }, { text: \"\u0625\u0639\u0644\u0627\u0645\u064a\", lime: true }, { text: \"\u0645\u0624\u062b\u0631\", lime: false } ]\n ],\n body: \"\u0645\u0639 \u062f\u064a\u0646\u0627\u0631\u064a\u060c \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0648\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0625\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 \u062c\u0645\u0647\u0648\u0631 \u064a\u0647\u062a\u0645 \u0628\u0627\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u060c \u0648\u0631\u064a\u0627\u062f\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\",\n btnPrimary: \"\u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u0639\u0627\u0648\u0646\",\n btnSecondary: \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\"\n },\n en: {\n label: \"START HERE\",\n headline: [\n [ { text: \"Turn\", lime: false }, { text: \"Your Service\", lime: true } ],\n [ { text: \"Into\", lime: false }, { text: \"an Influential\", lime: false }, { text: \"Media Presence\", lime: true } ]\n ],\n body: \"With Dinary, sponsorship, advertising, and content creation are transformed into a premium media experience that reaches an audience deeply invested in business, investment, and entrepreneurship.\",\n btnPrimary: \"Start Collaboration\",\n btnSecondary: \"Contact Us\"\n }\n };\n\n \/* \u2500\u2500 AUTOMATIC LANGUAGE DETECTION \u2500\u2500 *\/\n let lang = document.documentElement.lang ? document.documentElement.lang.toLowerCase() : 'ar';\n let currentLang = lang.startsWith('en') ? 'en' : 'ar';\n\n \/* \u2500\u2500 INJECT TEXT CONTENT & STRUCTURAL DOM \u2500\u2500 *\/\n const rootEl = document.getElementById('dig-root');\n if (currentLang === 'en') {\n rootEl.classList.remove('dig-rtl');\n rootEl.classList.add('dig-ltr');\n } else {\n rootEl.classList.remove('dig-ltr');\n rootEl.classList.add('dig-rtl');\n }\n\n const data = translations[currentLang];\n document.getElementById('dig-target-label').textContent = data.label;\n document.getElementById('dig-body').textContent = data.body;\n document.getElementById('dig-btn-p-text').textContent = data.btnPrimary;\n document.getElementById('dig-target-btn-s').textContent = data.btnSecondary;\n\n \/\/ \u0628\u0646\u0627\u0621 \u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u0627\u0626\u0645\u0629 \u0644\u0640 GSAP Stagger \u0628\u0634\u0643\u0644 \u0643\u0627\u0645\u0644 \u0648\u0635\u062d\u064a\u062d \u0644\u0643\u0644 \u0644\u063a\u0629\n const headlineWrapper = document.getElementById('dig-headline-container');\n headlineWrapper.innerHTML = '';\n data.headline.forEach(lineData => {\n const lineSpan = document.createElement('span');\n lineSpan.className = 'dig-hl';\n \n lineData.forEach(wordData => {\n const wordSpan = document.createElement('span');\n wordSpan.className = wordData.lime ? 'dig-hw lime' : 'dig-hw';\n \/\/ \u0625\u0636\u0627\u0641\u0629 \u0645\u0633\u0627\u0641\u0629 \u0639\u062f\u0645 \u0627\u0644\u0627\u0644\u062a\u0635\u0627\u0642 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u062a\u0648\u0632\u064a\u0639 \u0633\u0644\u064a\u0645 \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0644\u063a\u0627\u062a\n wordSpan.innerHTML = wordData.text + ' ';\n lineSpan.appendChild(wordSpan);\n });\n \n headlineWrapper.appendChild(lineSpan);\n });\n\n \/* \u2550\u2550 DOM PARENT UNCHAINER \u2550\u2550 *\/\n function unchainParents(){\n var el=document.getElementById('dig-root');\n if(!el)return;\n var p=el.parentElement;\n while(p&&p!==document.body&&p!==document.documentElement){\n p.style.setProperty('max-width','100%','important');\n p.style.setProperty('width','100%','important');\n p.style.setProperty('padding-left','0','important');\n p.style.setProperty('padding-right','0','important');\n p.style.setProperty('margin-left','0','important');\n p.style.setProperty('margin-right','0','important');\n p.style.setProperty('overflow','visible','important');\n p=p.parentElement;\n }\n document.body.style.setProperty('overflow-x','hidden','important');\n }\n unchainParents();\n setTimeout(unchainParents,300);\n\n \/* \u2500\u2500 LOAD GSAP \u2500\u2500 *\/\n function loadScript(src,cb){\n var s=document.createElement('script');s.src=src;s.onload=cb;document.head.appendChild(s);\n }\n\n function init(){\n var gsap=window.gsap, ST=window.ScrollTrigger;\n if(!gsap||!ST)return;\n gsap.registerPlugin(ST);\n\n \/* \u2500\u2500 MOUSE GLOW \u2500\u2500 *\/\n var mglow=document.getElementById('dig-mglow');\n var gx=0,gy=0,mx=0,my=0;\n var rt=document.getElementById('dig-root');\n rt.addEventListener('mousemove',function(e){\n var r=rt.getBoundingClientRect();\n mx=e.clientX-r.left; my=e.clientY-r.top;\n mglow.style.opacity='1';\n });\n rt.addEventListener('mouseleave',function(){mglow.style.opacity='0';});\n (function tick(){\n gx+=(mx-gx)*.1; gy+=(my-gy)*.1;\n mglow.style.left=gx+'px'; mglow.style.top=gy+'px';\n requestAnimationFrame(tick);\n })();\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STEP 1 \u2014 ATMOSPHERE enters on viewport\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var atmoTL = gsap.timeline({\n scrollTrigger:{\n trigger:'#dig-root',\n start:'top 60%',\n toggleActions:'play none none none',\n once:true\n },\n defaults:{ease:'power3.out'}\n });\n\n atmoTL\n .to('#dig-grid', {opacity:1,duration:.8},0)\n .to('.dig-corner', {opacity:1,duration:.5,stagger:.08},.2)\n .to('#dig-center-glow', {opacity:1,duration:.9},.1)\n .to('#dig-crack-halo', {opacity:1,duration:.8},.2)\n .to('.dig-panel-edge', {opacity:1,duration:.8,stagger:.1},.3);\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n STEP 2 \u2014 PIN + GATEWAY OPEN on scroll\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n var gateTL = gsap.timeline({\n scrollTrigger:{\n trigger:'#dig-root',\n start:'top top',\n end:'+=120%',\n pin:true,\n pinSpacing:true,\n anticipatePin:1,\n scrub:1.2,\n onUpdate:function(self){\n var w=300+self.progress*480;\n document.getElementById('dig-crack-halo').style.width=w+'px';\n }\n }\n });\n\n \/* \u062a\u0628\u062f\u064a\u0644 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0625\u0632\u0627\u062d\u0629 \u0648\u0627\u0644\u0641\u062a\u062d \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0645\u0635\u0631\u0627\u0639\u064a\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062a\u062c\u0627\u0647 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 *\/\n var lXPercent = currentLang === 'en' ? -102 : 102;\n var rXPercent = currentLang === 'en' ? 102 : -102;\n\n gateTL.to('#dig-panel-l',{xPercent:lXPercent,ease:'power2.inOut',duration:1},0);\n gateTL.to('#dig-panel-r',{xPercent:rXPercent,ease:'power2.inOut',duration:1},0);\n\n gateTL.to('#dig-center-glow',{\n boxShadow:'0 0 50px 12px rgba(212,217,63,.7),0 0 120px 30px rgba(212,217,63,.3)',\n duration:.3\n },0);\n\n gateTL.fromTo('#dig-label',{opacity:0,y:-10},{opacity:1,y:0,duration:.2},.25);\n \n \/* \u0636\u0628\u0637 \u0627\u062a\u062c\u0627\u0647 \u062a\u062a\u0627\u0628\u0639 \u0627\u0644\u0627\u0646\u0645\u064a\u0634\u0646 Stagger \u0644\u0644\u0643\u0644\u0645\u0627\u062a \u0644\u064a\u0637\u0627\u0628\u0642 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0635\u062d\u064a\u062d (\u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 \u0644\u0644\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629) *\/\n var isLtrMode = currentLang === 'en';\n gateTL.to('.dig-hw',{\n opacity:1,\n y:0,\n stagger: isLtrMode ? 0.07 : { each: 0.07, from: \"start\" },\n duration:.25,\n ease:'power4.out'\n },.32);\n\n gateTL.to('#dig-shimmer',{x:'+=900',duration:.3,ease:'power2.inOut'},.52);\n gateTL.fromTo('#dig-body',{opacity:0,y:12},{opacity:1,y:0,duration:.2},.50);\n gateTL.fromTo('#dig-btns',{opacity:0,y:10},{opacity:1,y:0,duration:.2},.65);\n gateTL.to('#dig-center-glow',{opacity:0,duration:.15},.85);\n\n \/* shimmer loop after full open *\/\n gsap.to('#dig-shimmer',{\n x:'+=1200',duration:2.6,ease:'power1.inOut',\n delay:4,repeat:-1,repeatDelay:7,\n onRepeat:function(){gsap.set('#dig-shimmer',{x:'-=2400'});}\n });\n\n \/* grid parallax *\/\n gsap.to('#dig-grid',{\n backgroundPositionY:'+=50px',ease:'none',\n scrollTrigger:{trigger:'#dig-root',start:'top bottom',end:'bottom top',scrub:true}\n });\n\n \/* button hover *\/\n document.querySelectorAll('.dig-btn-p,.dig-btn-s').forEach(function(btn){\n btn.addEventListener('mouseenter',function(){gsap.to(btn,{scale:1.03,duration:.28,ease:'power2.out'});});\n btn.addEventListener('mouseleave',function(){gsap.to(btn,{scale:1,duration:.3,ease:'power2.inOut'});});\n });\n }\n\n if(window.gsap&&window.ScrollTrigger){init();}\n else if(window.gsap){\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js',init);\n } else {\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js',function(){\n loadScript('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js',init);\n });\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0641\u064a \u0627\u0644\u0639\u0631\u0627\u0642 | \u062f\u064a\u0646\u0627\u0631\u064a \u062f\u064a\u0646\u0640\u0627\u0631\u064a. PODCAST STUDIO ON AIR \u062f\u064a\u0646\u0640\u0627\u0631\u064a \u00b7 \u0628\u063a\u062f\u0627\u062f 33.3406\u00b0 N \u00b7 44.4009\u00b0 E \u00b7 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":92,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":1428,"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/pages\/61\/revisions\/1428"}],"wp:attachment":[{"href":"https:\/\/dinary-iq.com\/en\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}