{"id":1392,"date":"2024-11-10T01:09:12","date_gmt":"2024-11-10T01:09:12","guid":{"rendered":"https:\/\/gramentheme.com\/wp\/digtek\/?page_id=9"},"modified":"2026-05-10T13:26:29","modified_gmt":"2026-05-10T13:26:29","slug":"home","status":"publish","type":"page","link":"https:\/\/movmatic.studio\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0645\u0648\u06a4\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n --primary:#3345bb;--accent:#5a6ee8;--accent-light:#8a9bff;\r\n --text-light:#e8ebff;--text-mid:#b8c0ec;\r\n --f:'Tajawal',system-ui,sans-serif;\r\n}\r\nhtml{scroll-behavior:smooth}\r\n\r\n.hero{\r\n min-height:100vh;display:flex;flex-direction:column;align-items:center;\r\n justify-content:center;text-align:center;padding:120px 32px 100px;\r\n position:relative;overflow:hidden;\r\n background:\r\n radial-gradient(ellipse at top right,rgba(51,69,187,.55) 0%,transparent 55%),\r\n radial-gradient(ellipse at bottom left,rgba(31,45,138,.6) 0%,transparent 55%),\r\n linear-gradient(160deg,#0a1140 0%,#1a2570 50%,#2a3aa0 100%);\r\n}\r\n\r\n.hero-shape-1{position:absolute;top:-80px;right:-60px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(90,110,232,.35) 0%,transparent 70%);pointer-events:none;transition:transform .3s ease-out}\r\n.hero-shape-2{position:absolute;bottom:-100px;left:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(138,155,255,.25) 0%,transparent 70%);pointer-events:none;transition:transform .3s ease-out}\r\n.orbit{position:absolute;top:50%;left:50%;border-radius:50%;pointer-events:none}\r\n.orbit-1{width:760px;height:760px;margin:-380px 0 0 -380px;border:1px dashed rgba(138,155,255,.25);animation:spin 60s linear infinite}\r\n.orbit-2{width:560px;height:560px;margin:-280px 0 0 -280px;border:1px dashed rgba(138,155,255,.18);animation:spin 40s linear infinite reverse}\r\n.orbit-dot{position:absolute;top:-12px;left:50%;width:24px;height:24px;margin-left:-12px;background:url('https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-2-scaled.png') center\/contain no-repeat;filter:drop-shadow(0 0 10px rgba(138,155,255,.7))}\r\n.orbit-arm{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;}\r\n.od-144{transform:rotate(144deg)}.od-288{transform:rotate(288deg)}.od-90{transform:rotate(90deg)}.od-270{transform:rotate(270deg)}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(138,155,255,.1);border:1px solid rgba(138,155,255,.3);border-radius:100px;padding:9px 22px;font-size:11px;font-weight:800;color:var(--accent-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:36px;animation:up .8s ease both;position:relative;z-index:1;backdrop-filter:blur(10px)}\r\n.badge-pulse{width:7px;height:7px;background:var(--accent-light);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 10px rgba(138,155,255,.8)}\r\n@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(.55);opacity:.5}}\r\n\r\nh1{font-size:clamp(40px,7vw,76px);font-weight:900;letter-spacing:-.03em;max-width:900px;margin:0 auto 24px;animation:up .9s .1s ease both;line-height:1.2;position:relative;z-index:1}\r\n.t1{display:block;color:#fff}\r\n.t2{display:block;background:linear-gradient(135deg,var(--accent-light),#c5cfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\r\n\r\n.sub{font-size:clamp(15px,2vw,18px);color:var(--text-mid);max-width:580px;line-height:1.9;margin:0 auto 40px;animation:up 1s .2s ease both;position:relative;z-index:1}\r\n\r\n\/* ===== 3D CAROUSEL ===== *\/\r\n.scene-wrap{\r\n position:relative;width:100%;max-width:700px;margin:0 auto 44px;\r\n animation:up .9s .15s ease both;z-index:1;\r\n}\r\n.scene{\r\n width:100%;height:320px;perspective:900px;\r\n display:flex;align-items:center;justify-content:center;\r\n position:relative;cursor:pointer;\r\n}\r\n.cards-3d{\r\n position:relative;width:280px;height:240px;\r\n transform-style:preserve-3d;\r\n}\r\n.card-3d{\r\n position:absolute;top:0;left:0;width:100%;height:100%;\r\n border-radius:18px;overflow:hidden;\r\n transition:all .6s cubic-bezier(.77,0,.18,1);\r\n cursor:pointer;\r\n}\r\n.card-3d img{width:100%;height:100%;object-fit:cover;display:block}\r\n.card-3d .c-label{\r\n position:absolute;bottom:14px;right:14px;\r\n background:rgba(10,17,64,.82);backdrop-filter:blur(8px);\r\n color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;\r\n text-transform:uppercase;padding:6px 13px;border-radius:100px;\r\n border:1px solid rgba(138,155,255,.35);font-family:var(--f);\r\n}\r\n.card-3d.pos-center{\r\n transform:translateX(0) translateZ(60px) scale(1);\r\n z-index:3;opacity:1;\r\n box-shadow:0 0 0 2px rgba(138,155,255,.5),0 0 40px rgba(80,100,230,.5),0 20px 60px rgba(0,0,0,.6);\r\n filter:brightness(1);\r\n}\r\n.card-3d.pos-right{\r\n transform:translateX(68%) translateZ(-60px) rotateY(-18deg) scale(0.85);\r\n z-index:2;opacity:0.65;\r\n box-shadow:0 0 0 1px rgba(138,155,255,.2),0 10px 30px rgba(0,0,0,.4);\r\n filter:brightness(0.65);\r\n}\r\n.card-3d.pos-left{\r\n transform:translateX(-68%) translateZ(-60px) rotateY(18deg) scale(0.85);\r\n z-index:2;opacity:0.65;\r\n box-shadow:0 0 0 1px rgba(138,155,255,.2),0 10px 30px rgba(0,0,0,.4);\r\n filter:brightness(0.65);\r\n}\r\n.glow-center{\r\n position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);\r\n width:220px;height:30px;\r\n background:rgba(80,100,230,.35);\r\n filter:blur(18px);border-radius:50%;\r\n pointer-events:none;z-index:0;\r\n}\r\n.nav-3d{\r\n display:flex;justify-content:center;align-items:center;gap:20px;\r\n margin-top:20px;\r\n}\r\n.nav-btn{\r\n width:40px;height:40px;border-radius:50%;\r\n background:rgba(10,17,64,.75);backdrop-filter:blur(10px);\r\n border:1.5px solid rgba(138,155,255,.25);color:#fff;\r\n font-size:22px;cursor:pointer;display:flex;align-items:center;\r\n justify-content:center;transition:all .2s;font-family:var(--f);line-height:1;padding:0;\r\n}\r\n.nav-btn:hover{background:rgba(83,74,183,.85);border-color:rgba(138,155,255,.5)}\r\n.dots-3d{display:flex;gap:8px;align-items:center}\r\n.dot-3d{width:7px;height:7px;border-radius:50%;background:rgba(138,155,255,.25);border:none;cursor:pointer;padding:0;transition:all .3s}\r\n.dot-3d.on{background:var(--accent-light);width:24px;border-radius:4px}\r\n\r\n.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:up 1.1s .3s ease both;position:relative;z-index:1}\r\n.btn-p{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;border-radius:12px;padding:16px 38px;font-size:15px;font-weight:800;font-family:var(--f);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 28px rgba(51,69,187,.4)}\r\n.btn-p:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(90,110,232,.6)}\r\n.btn-g{background:rgba(138,155,255,.08);color:var(--text-light);border:1.5px solid rgba(138,155,255,.3);border-radius:12px;padding:16px 38px;font-size:15px;font-weight:700;font-family:var(--f);cursor:pointer;transition:all .25s;backdrop-filter:blur(10px)}\r\n.btn-g:hover{border-color:var(--accent-light);background:rgba(138,155,255,.14)}\r\n\r\n@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\r\n@media(max-width:480px){.nav-btn{width:32px;height:32px;font-size:17px}}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\">\r\n <div class=\"hero-shape-1\"><\/div>\r\n <div class=\"hero-shape-2\"><\/div>\r\n\r\n <div class=\"orbit orbit-1\">\r\n <span class=\"orbit-dot\"><\/span>\r\n <span class=\"orbit-arm od-144\"><span class=\"orbit-dot\"><\/span><\/span>\r\n <span class=\"orbit-arm od-288\"><span class=\"orbit-dot\"><\/span><\/span>\r\n <\/div>\r\n <div class=\"orbit orbit-2\">\r\n <span class=\"orbit-arm od-90\"><span class=\"orbit-dot\"><\/span><\/span>\r\n <span class=\"orbit-arm od-270\"><span class=\"orbit-dot\"><\/span><\/span>\r\n <\/div>\r\n\r\n <div class=\"badge\"><span class=\"badge-pulse\"><\/span>\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629<\/div>\r\n\r\n <h1>\r\n <span class=\"t1\">\u0646\u0635\u0646\u0639 \u0642\u0635\u0635\u0627\u064b \u0628\u0635\u0631\u064a\u0629<\/span>\r\n <span class=\"t2\">\u062a\u062a\u062d\u0631\u0643 \u0648\u062a\u064f\u0644\u0647\u0645<\/span>\r\n <\/h1>\r\n\r\n <p class=\"sub\">\u0641\u064a \u0645\u0648\u06a4\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648\u060c \u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u0627\u064b \u0648\u062d\u0631\u0643\u064a\u0627\u064b \u0645\u0642\u0646\u0639\u0627\u064b \u064a\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u064a\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u060c \u0648\u064a\u062d\u0642\u0642 \u062a\u0641\u0627\u0639\u0644\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b.<\/p>\r\n\r\n <!-- ===== 3D CAROUSEL ===== -->\r\n <div class=\"scene-wrap\">\r\n <div class=\"scene\" id=\"scene\">\r\n <div class=\"glow-center\"><\/div>\r\n <div class=\"cards-3d\" id=\"deck\">\r\n <div class=\"card-3d pos-left\" data-i=\"2\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/05.jpg\" alt=\"\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0646\u064a\">\r\n <span class=\"c-label\">\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0646\u064a<\/span>\r\n <\/div>\r\n <div class=\"card-3d pos-center\" data-i=\"0\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/blog-details-02.jpg\" alt=\"\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643\">\r\n <span class=\"c-label\">\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/span>\r\n <\/div>\r\n <div class=\"card-3d pos-right\" data-i=\"1\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/blog-details-07.jpg\" alt=\"\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629\">\r\n <span class=\"c-label\">\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"nav-3d\">\r\n <button class=\"nav-btn\" id=\"bPrev\">‹<\/button>\r\n <div class=\"dots-3d\" id=\"dots3\">\r\n <button class=\"dot-3d on\" data-i=\"0\"><\/button>\r\n <button class=\"dot-3d\" data-i=\"1\"><\/button>\r\n <button class=\"dot-3d\" data-i=\"2\"><\/button>\r\n <\/div>\r\n <button class=\"nav-btn\" id=\"bNext\">›<\/button>\r\n <\/div>\r\n <\/div>\r\n <!-- ===== END 3D CAROUSEL ===== -->\r\n\r\n<div class=\"btns\">\r\n <a href=\"https:\/\/movmatic.studio\/contact\/\" class=\"btn-p\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u2190<\/a>\r\n <a href=\"https:\/\/movmatic.studio\/projects\/\" class=\"btn-g\">\u0627\u0633\u062a\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('mousemove',e=>{\r\n const x=(e.clientX\/innerWidth-.5)*20,y=(e.clientY\/innerHeight-.5)*20;\r\n const s1=document.querySelector('.hero-shape-1'),s2=document.querySelector('.hero-shape-2');\r\n if(s1)s1.style.transform=`translate(${x}px,${y}px)`;\r\n if(s2)s2.style.transform=`translate(${-x}px,${-y}px)`;\r\n});\r\n\r\n(function(){\r\n const cards=Array.from(document.querySelectorAll('.card-3d'));\r\n const dots=document.querySelectorAll('.dot-3d');\r\n let cur=0,N=3,timer;\r\n\r\n function getPos(i){\r\n const diff=((i-cur)+N)%N;\r\n if(diff===0)return 'pos-center';\r\n if(diff===1)return 'pos-right';\r\n return 'pos-left';\r\n }\r\n\r\n function render(){\r\n cards.forEach((c,i)=>{c.className='card-3d '+getPos(i);});\r\n dots.forEach((d,i)=>d.classList.toggle('on',i===cur));\r\n }\r\n\r\n function go(n){cur=((n%N)+N)%N;render();}\r\n function reset(){clearInterval(timer);timer=setInterval(()=>go(cur+1),4000);}\r\n\r\n document.getElementById('bPrev').onclick=e=>{e.preventDefault();go(cur-1);reset();};\r\n document.getElementById('bNext').onclick=e=>{e.preventDefault();go(cur+1);reset();};\r\n dots.forEach(d=>d.addEventListener('click',()=>{go(+d.dataset.i);reset();}));\r\n cards.forEach((c,i)=>c.addEventListener('click',()=>{if(getPos(i)!=='pos-center'){go(i);reset();}}));\r\n\r\n let tx=0;\r\n document.getElementById('scene').addEventListener('touchstart',e=>{tx=e.touches[0].clientX;},{passive:true});\r\n document.getElementById('scene').addEventListener('touchend',e=>{\r\n const dx=e.changedTouches[0].clientX-tx;\r\n if(Math.abs(dx)>40){dx>0?go(cur-1):go(cur+1);reset();}\r\n });\r\n\r\n reset();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7de34fd e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7de34fd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cfeb48a elementor-widget elementor-widget-html\" data-id=\"cfeb48a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============ WORKS CAROUSEL ============ *\/\r\n.works-carousel-section {\r\n background: linear-gradient(160deg,#0a1140 0%,#1a2570 50%,#2a3aa0 100%);\r\n padding: 72px 0 90px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: var(--f,'Tajawal',system-ui,sans-serif);\r\n direction: rtl;\r\n}\r\n.wc-blob1 {\r\n position: absolute; top: -10%; right: -5%;\r\n width: 40vw; height: 40vw; border-radius: 50%;\r\n background: radial-gradient(circle,rgba(90,110,232,0.3) 0%,transparent 65%);\r\n filter: blur(60px); pointer-events: none;\r\n}\r\n.wc-blob2 {\r\n position: absolute; bottom: -10%; left: -5%;\r\n width: 35vw; height: 35vw; border-radius: 50%;\r\n background: radial-gradient(circle,rgba(51,69,187,0.2) 0%,transparent 70%);\r\n filter: blur(60px); pointer-events: none;\r\n}\r\n\r\n\/* Header *\/\r\n.wc-head {\r\n padding: 0 48px;\r\n margin-bottom: 48px;\r\n position: relative; z-index: 1;\r\n}\r\n.wc-label-pill {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(138,155,255,0.1);\r\n border: 1px solid rgba(138,155,255,0.3);\r\n border-radius: 100px; padding: 6px 14px 6px 10px; margin-bottom: 18px;\r\n}\r\n.wc-label-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: #8a9bff; box-shadow: 0 0 8px rgba(138,155,255,0.8); flex-shrink: 0;\r\n}\r\n.wc-label-text {\r\n font-size: 10.5px; font-weight: 800; letter-spacing: 0.2em;\r\n text-transform: uppercase; color: #8a9bff;\r\n}\r\n.wc-title-row {\r\n display: flex; justify-content: space-between;\r\n align-items: flex-end; flex-wrap: wrap; gap: 16px;\r\n}\r\n.wc-title {\r\n font-size: clamp(28px,4vw,46px); font-weight: 900;\r\n letter-spacing: -0.03em; line-height: 1.15; margin: 0; text-align: right;\r\n}\r\n.wc-title-white {\r\n background: linear-gradient(135deg,#fff 20%,rgba(255,255,255,0.75) 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.wc-title-blue {\r\n background: linear-gradient(135deg,#8a9bff 0%,#c5cfff 100%);\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\r\n}\r\n.wc-hint {\r\n font-size: 14px; color: rgba(255,255,255,0.4); margin: 0; text-align: right;\r\n}\r\n\r\n\/* Viewport *\/\r\n.wc-viewport {\r\n position: relative; overflow: hidden;\r\n cursor: grab; user-select: none;\r\n}\r\n.wc-viewport:active { cursor: grabbing; }\r\n\r\n\/* Fade edges *\/\r\n.wc-fade-r {\r\n position: absolute; top: 0; right: 0; bottom: 0; width: 120px; z-index: 2;\r\n background: linear-gradient(to left,#0a1140 0%,transparent 100%);\r\n pointer-events: none;\r\n}\r\n.wc-fade-l {\r\n position: absolute; top: 0; left: 0; bottom: 0; width: 120px; z-index: 2;\r\n background: linear-gradient(to right,#0a1140 0%,transparent 100%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* Track *\/\r\n.wc-track {\r\n display: flex;\r\n gap: 16px;\r\n padding: 12px 48px 20px;\r\n will-change: transform;\r\n width: max-content;\r\n}\r\n\r\n\/* Card *\/\r\n.wc-card {\r\n width: 300px;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n border: 1px solid rgba(138,155,255,0.12);\r\n flex-shrink: 0;\r\n position: relative;\r\n transform: translateY(0) scale(1);\r\n transition: transform 0.35s cubic-bezier(0.4,0,0.2,1),\r\n box-shadow 0.35s ease,\r\n border-color 0.35s ease;\r\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\r\n cursor: pointer;\r\n}\r\n.wc-card:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n border-color: rgba(138,155,255,0.35);\r\n}\r\n.wc-card-img-wrap {\r\n position: relative;\r\n aspect-ratio: 4 \/ 3;\r\n overflow: hidden;\r\n}\r\n.wc-card-img-wrap img {\r\n width: 100%; height: 100%; object-fit: cover; display: block;\r\n transform: scale(1);\r\n transition: transform 0.5s ease;\r\n pointer-events: none;\r\n}\r\n.wc-card:hover .wc-card-img-wrap img { transform: scale(1.08); }\r\n\r\n\/* Overlay *\/\r\n.wc-card-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top,rgba(10,17,64,0.85) 0%,transparent 50%);\r\n opacity: 0.6;\r\n transition: opacity 0.35s ease;\r\n}\r\n.wc-card:hover .wc-card-overlay { opacity: 1; }\r\n\r\n\/* Tag *\/\r\n.wc-card-tag {\r\n position: absolute; top: 12px; right: 12px;\r\n background: rgba(10,17,64,0.75); backdrop-filter: blur(8px);\r\n border: 1px solid rgba(138,155,255,0.35);\r\n color: #8a9bff; font-size: 9px; font-weight: 800;\r\n letter-spacing: 0.18em; text-transform: uppercase;\r\n padding: 5px 10px; border-radius: 100px;\r\n font-family: system-ui;\r\n}\r\n\r\n\/* Bottom content *\/\r\n.wc-card-bottom {\r\n position: absolute; bottom: 14px; right: 14px; left: 14px;\r\n}\r\n.wc-card-label {\r\n font-size: 16px; font-weight: 800; color: #fff;\r\n transform: translateY(4px);\r\n transition: transform 0.3s ease;\r\n font-family: var(--f,'Tajawal',system-ui);\r\n}\r\n.wc-card:hover .wc-card-label { transform: translateY(0); }\r\n\r\n.wc-card-link {\r\n display: flex; align-items: center; gap: 6px;\r\n margin-top: 6px;\r\n opacity: 0;\r\n transform: translateX(8px);\r\n transition: opacity 0.3s ease, transform 0.3s ease;\r\n}\r\n.wc-card:hover .wc-card-link { opacity: 1; transform: translateX(0); }\r\n.wc-card-link span {\r\n font-size: 12px; color: #8a9bff; font-weight: 600;\r\n font-family: var(--f,'Tajawal',system-ui);\r\n}\r\n\r\n\/* Dots *\/\r\n.wc-dots {\r\n display: flex; justify-content: center; gap: 6px; margin-top: 32px;\r\n}\r\n.wc-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: rgba(138,155,255,0.2);\r\n transition: all 0.3s;\r\n}\r\n\r\n\/* Divider *\/\r\n.wc-divider {\r\n margin: 64px 48px 0; height: 1px;\r\n background: linear-gradient(90deg,transparent,rgba(138,155,255,0.2),transparent);\r\n}\r\n<\/style>\r\n\r\n<section class=\"works-carousel-section\" id=\"works\">\r\n <div class=\"wc-blob1\"><\/div>\r\n <div class=\"wc-blob2\"><\/div>\r\n\r\n <div class=\"wc-head\">\r\n <div class=\"wc-label-pill\">\r\n <div class=\"wc-label-dot\"><\/div>\r\n <span class=\"wc-label-text\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/span>\r\n <\/div>\r\n <div class=\"wc-title-row\">\r\n <h2 class=\"wc-title\">\r\n <span class=\"wc-title-white\">\u0625\u0628\u062f\u0627\u0639 \u0628\u0644\u0627 \u062d\u062f\u0648\u062f<\/span>\r\n <span class=\"wc-title-blue\"> \u064a\u062a\u0643\u0644\u0645 \u0639\u0646 \u0646\u0641\u0633\u0647<\/span>\r\n <\/h2>\r\n <p class=\"wc-hint\">\u0627\u0633\u062d\u0628 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u2190<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wc-viewport\" id=\"wc-viewport\">\r\n <div class=\"wc-fade-r\"><\/div>\r\n <div class=\"wc-fade-l\"><\/div>\r\n <div class=\"wc-track\" id=\"wc-track\">\r\n <!-- Cards injected by JS -->\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wc-dots\" id=\"wc-dots\"><\/div>\r\n <div class=\"wc-divider\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n var works = [\r\n { label:'\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', tag:'Motion', img:'https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?w=600&q=80' },\r\n { label:'\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629', tag:'Branding', img:'https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?w=600&q=80' },\r\n { label:'\u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0646\u064a', tag:'Ads', img:'https:\/\/images.unsplash.com\/photo-1492691527719-9d1e07e534b4?w=600&q=80' },\r\n { label:'\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a', tag:'Editing', img:'https:\/\/images.unsplash.com\/photo-1574717024653-61fd2cf4d44d?w=600&q=80' },\r\n { label:'\u0645\u062d\u062a\u0648\u0649 \u0633\u0648\u0634\u064a\u0627\u0644', tag:'Social', img:'https:\/\/images.unsplash.com\/photo-1611162616475-46b635cb6868?w=600&q=80' },\r\n { label:'\u0633\u0643\u0631\u064a\u0628\u062a \u0625\u0628\u062f\u0627\u0639\u064a', tag:'Creative', img:'https:\/\/images.unsplash.com\/photo-1542744094-24638eff58bb?w=600&q=80' },\r\n ];\r\n\r\n \/* \u2500\u2500 \u0627\u0633\u062a\u0628\u062f\u0644 \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0635\u0648\u0631 \u0623\u0639\u0644\u0627\u0647 \u0628\u0635\u0648\u0631 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u2500\u2500 *\/\r\n\r\n var track = document.getElementById('wc-track');\r\n var viewport = document.getElementById('wc-viewport');\r\n var dotsEl = document.getElementById('wc-dots');\r\n var SPEED = 0.6;\r\n var pos = 0;\r\n var paused = false;\r\n var dragging = false;\r\n var startX = 0;\r\n var startPos = 0;\r\n var raf;\r\n\r\n \/\/ \u2500\u2500 \u0628\u0646\u0627\u0621 \u0627\u0644\u0643\u0631\u0648\u062a (3\u00d7 \u0644\u0644loop \u0627\u0644\u0644\u0627\u0646\u0647\u0627\u0626\u064a) \u2500\u2500\r\n var all = works.concat(works).concat(works);\r\n track.innerHTML = all.map(function(w) {\r\n return '<div class=\"wc-card\">' +\r\n '<div class=\"wc-card-img-wrap\">' +\r\n '<img decoding=\"async\" src=\"' + w.img + '\" alt=\"' + w.label + '\" draggable=\"false\">' +\r\n '<div class=\"wc-card-overlay\"><\/div>' +\r\n '<div class=\"wc-card-tag\">' + w.tag + '<\/div>' +\r\n '<div class=\"wc-card-bottom\">' +\r\n '<div class=\"wc-card-label\">' + w.label + '<\/div>' +\r\n '<div class=\"wc-card-link\">' +\r\n '<span>\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>' +\r\n '<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8a9bff\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>' +\r\n '<\/div>' +\r\n '<\/div>' +\r\n '<\/div>' +\r\n '<\/div>';\r\n }).join('');\r\n\r\n \/\/ \u2500\u2500 \u0627\u0644\u062f\u0648\u062a\u0633 \u2500\u2500\r\n works.forEach(function(_, i) {\r\n var d = document.createElement('div');\r\n d.className = 'wc-dot';\r\n if (i === 0) d.style.background = 'linear-gradient(135deg,#3345bb,#5a6ee8)';\r\n dotsEl.appendChild(d);\r\n });\r\n\r\n \/\/ \u2500\u2500 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\u0629 \u2500\u2500\r\n function loop() {\r\n if (!paused && !dragging) {\r\n pos += SPEED;\r\n var singleW = track.scrollWidth \/ 3;\r\n if (pos >= singleW) pos -= singleW;\r\n track.style.transform = 'translateX(' + pos + 'px)';\r\n }\r\n raf = requestAnimationFrame(loop);\r\n }\r\n loop();\r\n\r\n \/\/ \u2500\u2500 \u062a\u0648\u0642\u0641 \u0639\u0646\u062f hover \u2500\u2500\r\n viewport.addEventListener('mouseenter', function() { paused = true; });\r\n viewport.addEventListener('mouseleave', function() { paused = false; dragging = false; });\r\n\r\n \/\/ \u2500\u2500 \u0627\u0644\u0633\u062d\u0628 \u0628\u0627\u0644\u064a\u062f \u2500\u2500\r\n viewport.addEventListener('mousedown', function(e) {\r\n dragging = true;\r\n startX = e.pageX;\r\n startPos = pos;\r\n });\r\n window.addEventListener('mousemove', function(e) {\r\n if (!dragging) return;\r\n pos = startPos + (e.pageX - startX);\r\n track.style.transform = 'translateX(' + pos + 'px)';\r\n });\r\n window.addEventListener('mouseup', function() { dragging = false; });\r\n\r\n \/\/ \u2500\u2500 \u0644\u0645\u0633 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u0627\u0644 \u2500\u2500\r\n viewport.addEventListener('touchstart', function(e) {\r\n startX = e.touches[0].pageX;\r\n startPos = pos;\r\n paused = true;\r\n }, { passive: true });\r\n viewport.addEventListener('touchmove', function(e) {\r\n pos = startPos + (e.touches[0].pageX - startX);\r\n track.style.transform = 'translateX(' + pos + 'px)';\r\n }, { passive: true });\r\n viewport.addEventListener('touchend', function() { paused = false; });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acdb380 e-con-full e-flex e-con e-parent\" data-id=\"acdb380\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57d77bc elementor-widget elementor-widget-html\" data-id=\"57d77bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sep z1\"><\/div>\r\n<div class=\"about-wrap z1\">\r\n <div class=\"section\" id=\"about\">\r\n\r\n <style>\r\n .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center }\r\n .about-visual { position:relative; display:flex; align-items:center; justify-content:center }\r\n .about-img-wrap {\r\n position:relative; width:100%; max-width:360px; aspect-ratio:1;\r\n border-radius:28px; overflow:hidden;\r\n border:1.5px solid var(--blue-pale);\r\n box-shadow:0 20px 60px rgba(26,58,143,0.12);\r\n }\r\n .about-img-wrap img { width:100%; height:100%; object-fit:cover; display:block }\r\n .about-img-overlay {\r\n position:absolute; inset:0;\r\n background:linear-gradient(160deg, transparent 40%, rgba(13,32,96,0.35) 100%);\r\n }\r\n .about-float-badge {\r\n position:absolute; bottom:-18px; left:-18px;\r\n background:var(--white); border:1.5px solid var(--border-mid);\r\n border-radius:16px; padding:14px 20px;\r\n box-shadow:0 8px 30px rgba(1,179,253,0.15);\r\n z-index:2; display:flex; align-items:center; gap:10px;\r\n }\r\n .about-float-dot { width:9px; height:9px; background:#16a34a; border-radius:50%; animation:pulse-dot 2.5s ease-in-out infinite; flex-shrink:0 }\r\n .about-float-text { font-size:12px; font-weight:800; color:var(--text-dark) }\r\n .about-float-badge2 {\r\n position:absolute; top:-16px; right:-16px;\r\n background:linear-gradient(135deg, var(--royal), var(--cyan));\r\n border-radius:14px; padding:12px 18px;\r\n box-shadow:0 8px 24px rgba(1,179,253,0.3);\r\n z-index:2; text-align:center;\r\n }\r\n .about-float-num { font-size:22px; font-weight:900; color:#fff; line-height:1 }\r\n .about-float-sub { font-size:10px; font-weight:700; color:rgba(255,255,255,0.75); letter-spacing:.06em; margin-top:3px }\r\n .about-right { display:flex; flex-direction:column; gap:0 }\r\n .ac-badge {\r\n display:inline-flex; align-items:center; gap:8px;\r\n background:var(--white); border:1.5px solid var(--border-mid);\r\n border-radius:100px; padding:8px 16px;\r\n margin-bottom:24px; width:fit-content;\r\n box-shadow:0 4px 16px rgba(1,179,253,0.1);\r\n }\r\n .ac-dot { width:8px; height:8px; background:#16a34a; border-radius:50%; animation:pulse-dot 2.5s ease-in-out infinite }\r\n .ac-text { font-size:12px; font-weight:800; color:var(--text-dark) }\r\n .ac-grid {\r\n display:grid; grid-template-columns:1fr 1fr; gap:3px;\r\n border-radius:var(--radius); overflow:hidden;\r\n border:1.5px solid var(--blue-pale);\r\n box-shadow:0 10px 40px rgba(26,58,143,0.08);\r\n margin-bottom:28px;\r\n }\r\n .ac-item { background:var(--white); padding:32px 24px; transition:background .25s; cursor:default }\r\n .ac-item:hover { background:var(--light-blue) }\r\n .ac-num {\r\n font-size:38px; font-weight:900; letter-spacing:-.05em; line-height:1;\r\n background:linear-gradient(135deg,var(--royal),var(--cyan));\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\r\n }\r\n .ac-lab { font-size:11px; color:var(--text-mute); margin-top:7px; font-weight:600; text-transform:uppercase; letter-spacing:.05em }\r\n .about-btn {\r\n display:inline-flex; align-items:center; gap:10px;\r\n background:linear-gradient(135deg, var(--royal), var(--cyan));\r\n color:#fff; border:none; border-radius:12px;\r\n padding:15px 32px; font-size:15px; font-weight:800;\r\n font-family:var(--f); cursor:pointer;\r\n transition:transform .2s, box-shadow .2s;\r\n box-shadow:0 8px 28px rgba(1,179,253,0.3);\r\n align-self:flex-start; text-decoration:none;\r\n }\r\n .about-btn:hover { transform:translateY(-3px); box-shadow:0 14px 40px rgba(1,179,253,0.45) }\r\n .about-btn-arrow { font-size:18px; transition:transform .2s }\r\n .about-btn:hover .about-btn-arrow { transform:translateX(-4px) }\r\n @media(max-width:860px){\r\n .about-grid { grid-template-columns:1fr; gap:40px }\r\n .about-visual { max-width:320px; margin:0 auto }\r\n .about-float-badge, .about-float-badge2 { display:none }\r\n }\r\n <\/style>\r\n\r\n <div style=\"margin-bottom:52px\">\r\n <div class=\"label\">\u0645\u0646 \u0646\u062d\u0646<\/div>\r\n <h2 class=\"sec-title\">\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<br>\u0628\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0628\u0635\u0631\u064a<\/h2>\r\n <\/div>\r\n\r\n <div class=\"about-grid\">\r\n\r\n <!-- \u0635\u0648\u0631\u0629 \u064a\u0633\u0627\u0631 -->\r\n <div class=\"about-visual\">\r\n <div class=\"about-img-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-2-scaled.png\" alt=\"\u0645\u0648\u06a4\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648\">\r\n <div class=\"about-img-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"about-float-badge\">\r\n <div class=\"about-float-dot\"><\/div>\r\n <div class=\"about-float-text\">\u0645\u062a\u0627\u062d \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/div>\r\n <\/div>\r\n <div class=\"about-float-badge2\">\r\n <div class=\"about-float-num\">+3<\/div>\r\n <div class=\"about-float-sub\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0627\u0644\u0645\u0631\u0628\u0639\u0627\u062a + \u0632\u0631 \u064a\u0645\u064a\u0646 -->\r\n <div class=\"about-right\">\r\n \r\n <div class=\"ac-grid\">\r\n <div class=\"ac-item\"><div class=\"ac-num\">+100<\/div><div class=\"ac-lab\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div><\/div>\r\n <div class=\"ac-item\"><div class=\"ac-num\">5\u2605<\/div><div class=\"ac-lab\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div><\/div>\r\n <div class=\"ac-item\"><div class=\"ac-num\">+50<\/div><div class=\"ac-lab\">\u0639\u0645\u064a\u0644 \u0639\u0627\u0644\u0645\u064a<\/div><\/div>\r\n <div class=\"ac-item\"><div class=\"ac-num\">12<\/div><div class=\"ac-lab\">\u062f\u0648\u0644\u0629<\/div><\/div>\r\n <\/div>\r\n <a href=\"https:\/\/movmatic.studio\/about\/\" class=\"about-btn\">\r\n \u0645\u0646 \u0646\u062d\u0646\r\n <span class=\"about-btn-arrow\">\u2190<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-635e7b9 e-con-full e-flex e-con e-parent\" data-id=\"635e7b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c70ff59 elementor-widget elementor-widget-html\" data-id=\"c70ff59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.srv-section {\r\n background:radial-gradient(ellipse at top right,rgba(51,69,187,.55) 0%,transparent 55%),\r\n radial-gradient(ellipse at bottom left,rgba(31,45,138,.6) 0%,transparent 55%),\r\n linear-gradient(160deg,#0a1140 0%,#1a2570 50%,#2a3aa0 100%);\r\n padding: 72px 28px 90px;\r\n position: relative; overflow: hidden;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n direction: rtl;\r\n}\r\n.srv-blob1 { position:absolute;top:-10%;right:-5%;width:45vw;height:45vw;border-radius:50%;background:radial-gradient(circle,rgba(51,69,187,0.2) 0%,transparent 65%);filter:blur(50px);pointer-events:none; }\r\n.srv-blob2 { position:absolute;bottom:-8%;left:-8%;width:35vw;height:35vw;border-radius:50%;background:radial-gradient(circle,rgba(100,60,220,0.12) 0%,transparent 70%);filter:blur(60px);pointer-events:none; }\r\n.srv-inner { max-width:1160px;margin:0 auto;position:relative;z-index:1; }\r\n.srv-header { margin-bottom:52px; }\r\n.srv-label-pill { display:inline-flex;align-items:center;gap:8px;background:rgba(138,155,255,0.08);border:1px solid rgba(138,155,255,0.16);border-radius:100px;padding:6px 14px 6px 10px;margin-bottom:20px; }\r\n.srv-label-dot { width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#8a9bff,#c5cfff);box-shadow:0 0 8px rgba(138,155,255,0.7);flex-shrink:0; }\r\n.srv-label-text { font-size:10.5px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#9aaeff; }\r\n\r\n\/* \u2705 \u0627\u0644\u0625\u0635\u0644\u0627\u062d: padding-bottom \u064a\u0645\u0646\u0639 \u0642\u0635\u0651 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u062a\u062f\u0631\u062c *\/\r\n.srv-title {\r\n font-size:clamp(30px,4.5vw,50px);\r\n font-weight:900;\r\n letter-spacing:-0.03em;\r\n line-height:1.35;\r\n margin:0 0 16px;\r\n padding-bottom:6px;\r\n}\r\n.srv-title-white { display:block;background:linear-gradient(135deg,#fff 20%,rgba(255,255,255,0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }\r\n.srv-title-blue { display:block;background:linear-gradient(135deg,#8a9bff 0%,#c5cfff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:4px; }\r\n\r\n.srv-subtitle { font-size:15.5px;color:rgba(255,255,255,0.4);line-height:1.8;max-width:440px;margin:0; }\r\n\r\n.srv-row { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px; }\r\n.srv-row:last-of-type { margin-bottom:0; }\r\n\r\n.srv-card {\r\n position:relative;border-radius:20px;padding:28px;cursor:pointer;\r\n background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);\r\n transform:translateY(0);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);\r\n overflow:hidden;direction:rtl;\r\n}\r\n.srv-card:hover { background:rgba(255,255,255,0.065);border-color:rgba(255,255,255,0.12);transform:translateY(-5px); }\r\n.srv-card-line { position:absolute;top:0;left:20%;right:20%;height:1px;opacity:0;transition:opacity 0.3s ease; }\r\n.srv-card:hover .srv-card-line { opacity:1; }\r\n.srv-card-glow { position:absolute;top:-30px;right:-20px;width:100px;height:100px;border-radius:50%;opacity:0;transition:opacity 0.4s ease;pointer-events:none; }\r\n.srv-card:hover .srv-card-glow { opacity:1; }\r\n\r\n.srv-card-head { display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px; }\r\n.srv-card-tag { font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.07);border-radius:100px;padding:4px 10px;direction:ltr; }\r\n\r\n.srv-card-icon {\r\n width:100px;height:100px;border-radius:14px;\r\n display:flex;align-items:center;justify-content:center;flex-shrink:0;\r\n background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);\r\n overflow:hidden;padding:6px;\r\n transform:scale(1) rotate(0deg);transition:transform 0.3s ease,box-shadow 0.3s ease;\r\n}\r\n.srv-card:hover .srv-card-icon { transform:scale(1.08) rotate(-4deg); }\r\n.srv-card:hover .srv-card-icon img { opacity:1; }\r\n\r\n.srv-card h3 { font-size:17px;font-weight:800;margin:0 0 10px;color:rgba(255,255,255,0.88);transition:color 0.3s ease;line-height:1.3; }\r\n.srv-card:hover h3 { color:#fff; }\r\n.srv-card p { font-size:13.5px;color:rgba(255,255,255,0.4);line-height:1.8;transition:color 0.3s ease;margin:0; }\r\n.srv-card:hover p { color:rgba(255,255,255,0.62); }\r\n\r\n.srv-card-arrow { display:flex;justify-content:flex-end;margin-top:18px;opacity:0;transform:translateX(6px);transition:all 0.3s ease; }\r\n.srv-card:hover .srv-card-arrow { opacity:1;transform:translateX(0); }\r\n.srv-arrow-circle { width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center; }\r\n\r\n.srv-cta-card {\r\n position:relative;border-radius:20px;padding:28px;cursor:pointer;\r\n background:linear-gradient(135deg,#2d3ab0 0%,#4356d8 45%,#6472f0 100%);\r\n border:1px solid rgba(255,255,255,0.18);\r\n transform:translateY(0);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);\r\n box-shadow:0 8px 32px rgba(45,58,176,0.35);\r\n overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;direction:rtl;\r\n}\r\n.srv-cta-card:hover { transform:translateY(-5px);box-shadow:0 24px 60px rgba(45,58,176,0.55); }\r\n.srv-cta-blob1 { position:absolute;top:-40px;left:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.12) 0%,transparent 70%);transition:transform .5s ease;pointer-events:none; }\r\n.srv-cta-card:hover .srv-cta-blob1 { transform:scale(1.2); }\r\n.srv-cta-blob2 { position:absolute;bottom:-20px;right:-15px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,transparent 70%);pointer-events:none; }\r\n.srv-cta-body { position:relative;z-index:1; }\r\n.srv-cta-badge { display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.13);border-radius:100px;padding:5px 12px;margin-bottom:14px; }\r\n.srv-cta-card h3 { font-size:18px;font-weight:900;color:#fff;margin:0 0 10px;line-height:1.35; }\r\n.srv-cta-card p { font-size:13px;color:rgba(255,255,255,0.62);line-height:1.75;margin:0 0 20px; }\r\n.srv-cta-btn { display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:12px;border:none;background:rgba(255,255,255,0.95);color:#1f2d8a;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s ease;font-family:'Tajawal',system-ui; }\r\n.srv-cta-btn:hover { background:#fff;transform:scale(1.03); }\r\n\r\n.srv-cta-stats {\r\n position:relative;z-index:1;\r\n display:flex;justify-content:space-around;\r\n margin-top:22px;padding-top:18px;\r\n border-top:1px solid rgba(255,255,255,0.12);\r\n}\r\n.srv-stat-item { display:flex;flex-direction:column;align-items:center;gap:8px; }\r\n.srv-stat-icon {\r\n width:40px;height:40px;border-radius:12px;\r\n background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);\r\n display:flex;align-items:center;justify-content:center;\r\n overflow:hidden;padding:6px;\r\n}\r\n.srv-stat-icon img { width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:0.9; }\r\n.srv-stat-num { font-size:20px;font-weight:900;color:#fff;text-align:center;line-height:1; }\r\n.srv-stat-label { font-size:11px;color:rgba(255,255,255,0.5);text-align:center;margin-top:1px;font-family:'Tajawal',system-ui; }\r\n\r\n.srv-divider { margin-top:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(138,155,255,0.2),transparent); }\r\n\r\n@media(max-width:960px){ .srv-row{grid-template-columns:repeat(2,1fr)} }\r\n@media(max-width:600px){ .srv-row{grid-template-columns:1fr;gap:10px} .srv-section{padding:56px 18px 72px} }\r\n<\/style>\r\n\r\n<section class=\"srv-section\" id=\"services\">\r\n <div class=\"srv-blob1\"><\/div>\r\n <div class=\"srv-blob2\"><\/div>\r\n\r\n <div class=\"srv-inner\">\r\n\r\n <div class=\"srv-header\">\r\n <div class=\"srv-label-pill\">\r\n <div class=\"srv-label-dot\"><\/div>\r\n <span class=\"srv-label-text\">\u0645\u0627 \u0646\u0642\u062f\u0645\u0647<\/span>\r\n <\/div>\r\n <h2 class=\"srv-title\">\r\n <span class=\"srv-title-white\">\u062d\u0644\u0648\u0644 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0634\u0627\u0645\u0644\u0629<\/span>\r\n <span class=\"srv-title-blue\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/span>\r\n <\/h2>\r\n <p class=\"srv-subtitle\">\u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u2014 \u062a\u062d\u062a \u0633\u0642\u0641 \u0648\u0627\u062d\u062f\u060c \u0628\u062c\u0648\u062f\u0629 \u0644\u0627 \u062a\u064f\u0642\u0627\u0648\u0645.<\/p>\r\n <\/div>\r\n\r\n <!-- Row 1 -->\r\n <div class=\"srv-row\">\r\n\r\n <div class=\"srv-card\">\r\n <div class=\"srv-card-line\" style=\"background:linear-gradient(90deg,transparent,#7c3aed,transparent)\"><\/div>\r\n <div class=\"srv-card-glow\" style=\"background:radial-gradient(circle,rgba(139,92,246,0.3) 0%,transparent 70%)\"><\/div>\r\n <div class=\"srv-card-head\">\r\n <span class=\"srv-card-tag\">Animation<\/span>\r\n <div class=\"srv-card-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0645\u0648\u0634\u0646-\u062c\u0631\u0627\u0641\u0643\u0633-scaled.png\" alt=\"\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643\">\r\n <\/div>\r\n <\/div>\r\n <h3>\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/h3>\r\n <p>\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u062a\u062d\u0631\u0643\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0634\u0631\u062d \u0648\u062a\u0631\u0648\u0651\u062c \u0648\u062a\u0631\u0641\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0644\u063a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0639\u0635\u0631\u064a\u0629 \u0648\u062c\u0630\u0627\u0628\u0629.<\/p>\r\n <div class=\"srv-card-arrow\">\r\n <div class=\"srv-arrow-circle\" style=\"background:linear-gradient(135deg,#7c3aed,#a855f7)\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"srv-card\">\r\n <div class=\"srv-card-line\" style=\"background:linear-gradient(90deg,transparent,#db2777,transparent)\"><\/div>\r\n <div class=\"srv-card-glow\" style=\"background:radial-gradient(circle,rgba(219,39,119,0.3) 0%,transparent 70%)\"><\/div>\r\n <div class=\"srv-card-head\">\r\n <span class=\"srv-card-tag\">Social<\/span>\r\n <div class=\"srv-card-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u0645\u062d\u062a\u0648\u0649-\u0648\u0633\u0627\u0626\u0644-\u0627\u0644\u062a\u0648\u0627\u0635\u0644-\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a-1-scaled.png\" alt=\"\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\">\r\n <\/div>\r\n <\/div>\r\n <h3>\u0645\u062d\u062a\u0648\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n <p>\u0645\u062d\u062a\u0648\u0649 \u0642\u0635\u064a\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u2014 \u0631\u064a\u0644\u0632 \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0648\u0634\u0648\u0631\u062a\u0633 \u2014 \u0645\u0635\u0645\u0645 \u0644\u062a\u0639\u0638\u064a\u0645 \u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/p>\r\n <div class=\"srv-card-arrow\">\r\n <div class=\"srv-arrow-circle\" style=\"background:linear-gradient(135deg,#db2777,#f43f5e)\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"srv-card\">\r\n <div class=\"srv-card-line\" style=\"background:linear-gradient(90deg,transparent,#0891b2,transparent)\"><\/div>\r\n <div class=\"srv-card-glow\" style=\"background:radial-gradient(circle,rgba(14,165,233,0.3) 0%,transparent 70%)\"><\/div>\r\n <div class=\"srv-card-head\">\r\n <span class=\"srv-card-tag\">Editing<\/span>\r\n <div class=\"srv-card-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u0645\u0648\u0646\u062a\u0627\u062c-\u0627\u0644\u0641\u064a\u062f\u064a\u0648-scaled.png\" alt=\"\u0645\u0648\u0646\u062a\u0627\u062c\">\r\n <\/div>\r\n <\/div>\r\n <h3>\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/h3>\r\n <p>\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0648\u0627\u0644\u062a\u0631\u0648\u064a\u062c\u064a \u0645\u0639 \u062a\u0635\u062d\u064a\u062d \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0635\u0648\u062a.<\/p>\r\n <div class=\"srv-card-arrow\">\r\n <div class=\"srv-arrow-circle\" style=\"background:linear-gradient(135deg,#0891b2,#3b82f6)\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Row 2 -->\r\n <div class=\"srv-row\">\r\n\r\n <div class=\"srv-card\">\r\n <div class=\"srv-card-line\" style=\"background:linear-gradient(90deg,transparent,#d97706,transparent)\"><\/div>\r\n <div class=\"srv-card-glow\" style=\"background:radial-gradient(circle,rgba(245,158,11,0.3) 0%,transparent 70%)\"><\/div>\r\n <div class=\"srv-card-head\">\r\n <span class=\"srv-card-tag\">Branding<\/span>\r\n <div class=\"srv-card-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0647\u0648\u064a\u0629-\u0627\u0644\u0628\u0635\u0631\u064a\u0629-scaled.png\" alt=\"\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629\">\r\n <\/div>\r\n <\/div>\r\n <h3>\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/h3>\r\n <p>\u0623\u0646\u0638\u0645\u0629 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0634\u0639\u0627\u0631 \u0648\u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 \u0648\u062f\u0644\u064a\u0644 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644.<\/p>\r\n <div class=\"srv-card-arrow\">\r\n <div class=\"srv-arrow-circle\" style=\"background:linear-gradient(135deg,#d97706,#f59e0b)\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"srv-card\">\r\n <div class=\"srv-card-line\" style=\"background:linear-gradient(90deg,transparent,#059669,transparent)\"><\/div>\r\n <div class=\"srv-card-glow\" style=\"background:radial-gradient(circle,rgba(16,185,129,0.3) 0%,transparent 70%)\"><\/div>\r\n <div class=\"srv-card-head\">\r\n <span class=\"srv-card-tag\">Creative<\/span>\r\n <div class=\"srv-card-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0627\u0634\u0631\u0627\u0641-\u0627\u0644\u0627\u0628\u062f\u0627\u0639\u064a-scaled.png\" alt=\"\u0625\u0634\u0631\u0627\u0641 \u0625\u0628\u062f\u0627\u0639\u064a\">\r\n <\/div>\r\n <\/div>\r\n <h3>\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3>\r\n <p>\u0646\u062d\u0648\u0651\u0644 \u0623\u0641\u0643\u0627\u0631\u0643 \u0625\u0644\u0649 \u0645\u0641\u0627\u0647\u064a\u0645 \u0645\u0646\u0638\u0645\u0629 \u0648\u0645\u0642\u0646\u0639\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u2014 \u0643\u0644 \u0644\u0642\u0637\u0629 \u0628\u0647\u062f\u0641 \u0648\u063a\u0627\u064a\u0629.<\/p>\r\n <div class=\"srv-card-arrow\">\r\n <div class=\"srv-arrow-circle\" style=\"background:linear-gradient(135deg,#059669,#10b981)\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <div class=\"srv-cta-card\">\r\n <div class=\"srv-cta-blob1\"><\/div>\r\n <div class=\"srv-cta-blob2\"><\/div>\r\n <div class=\"srv-cta-body\">\r\n <span class=\"srv-cta-badge\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f\u061f<\/span>\r\n <h3>\u0644\u0646\u0628\u0646\u064a \u0634\u064a\u0626\u0627\u064b \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0627\u064b \u0645\u0639\u0627\u064b<\/h3>\r\n <p>\u0646\u0628\u062f\u0623 \u0628\u0631\u0624\u064a\u062a\u0643 \u0648\u0646\u0633\u0644\u0651\u0645 \u0625\u0646\u062a\u0627\u062c\u0627\u064b \u064a\u0641\u0648\u0642 \u062a\u0648\u0642\u0639\u0627\u062a\u0643.<\/p>\r\n <a href=\"https:\/\/movmatic.studio\/contact\/\" class=\"srv-cta-btn\">\r\n \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0633\u0639\u0631\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n<\/a>\r\n <\/div>\r\n <div class=\"srv-cta-stats\">\r\n\r\n <div class=\"srv-stat-item\">\r\n <div class=\"srv-stat-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"srv-stat-num\">200+<\/div>\r\n <div class=\"srv-stat-label\">\u0645\u0634\u0631\u0648\u0639<\/div>\r\n <\/div>\r\n\r\n <div class=\"srv-stat-item\">\r\n <div class=\"srv-stat-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"srv-stat-num\">98%<\/div>\r\n <div class=\"srv-stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/div>\r\n <\/div>\r\n\r\n <div class=\"srv-stat-item\">\r\n <div class=\"srv-stat-icon\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"srv-stat-num\">5+<\/div>\r\n <div class=\"srv-stat-label\">\u0633\u0646\u0648\u0627\u062a<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"srv-divider\"><\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4fe826c e-con-full e-flex e-con e-parent\" data-id=\"4fe826c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f663365 elementor-widget elementor-widget-html\" data-id=\"f663365\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sep z1\"><\/div>\r\n\r\n<!-- WORK -->\r\n<div class=\"section z1\" id=\"work\">\r\n <div>\r\n <div class=\"label\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/div>\r\n <h2 class=\"sec-title\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u062a\u062a\u062d\u062f\u062b \u0639\u0646 \u0646\u0641\u0633\u0647\u0627<\/h2>\r\n <p class=\"sec-sub\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0639\u0628\u0631 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u2014 \u0643\u0644 \u0648\u0627\u062d\u062f\u0629 \u0645\u0628\u0646\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u062b\u0631 \u0628\u0635\u0631\u064a \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633.<\/p>\r\n <\/div>\r\n <div class=\"work-grid\">\r\n <div class=\"work-item\">\r\n <div class=\"wi-n\">01<\/div>\r\n <div class=\"wi-t\">\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0639\u0631\u064a\u0641\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a<\/div>\r\n <div class=\"wi-d\">\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0645\u062a\u062d\u0631\u0643\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u062a\u064f\u0648\u0635\u0651\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0628\u0628\u0633\u0627\u0637\u0629 \u0648\u062a\u062a\u0631\u0643 \u0623\u062b\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u0630\u0627\u0643\u0631\u0629.<\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <div class=\"wi-n\">02<\/div>\r\n <div class=\"wi-t\">\u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0631\u0642\u0645\u064a\u0629<\/div>\r\n <div class=\"wi-d\">\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0641\u064a\u062f\u064a\u0648 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0628\u0646\u064a\u0629 \u0644\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0627\u0621 \u0641\u064a \u062c\u0648\u0647\u0631\u0647\u0627.<\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <div class=\"wi-n\">03<\/div>\r\n <div class=\"wi-t\">\u0633\u0644\u0627\u0633\u0644 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0633\u0648\u0634\u064a\u0627\u0644 \u0645\u064a\u062f\u064a\u0627<\/div>\r\n <div class=\"wi-d\">\u0633\u0644\u0627\u0633\u0644 \u0645\u062d\u062a\u0648\u0649 \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u062a\u0628\u0646\u064a \u0647\u0648\u064a\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0628\u0631 \u0643\u0644 \u0646\u0642\u0637\u0629 \u062a\u0648\u0627\u0635\u0644.<\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <div class=\"wi-n\">04<\/div>\r\n <div class=\"wi-t\">\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629<\/div>\r\n <div class=\"wi-d\">\u0644\u063a\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u2014 \u0645\u0646 \u0627\u0644\u0634\u0639\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u0644\u0648\u0646 \u0625\u0644\u0649 \u0627\u0644\u062d\u0631\u0643\u0629 \u2014 \u0645\u0628\u0646\u064a\u0629 \u0644\u062a\u062f\u0648\u0645.<\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <div class=\"wi-n\">05<\/div>\r\n <div class=\"wi-t\">\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/div>\r\n <div class=\"wi-d\">\u0631\u0633\u0648\u0645 \u0645\u062a\u062d\u0631\u0643\u0629 \u0645\u0635\u0646\u0648\u0639\u0629 \u0644\u0642\u0637\u0629 \u0628\u0644\u0642\u0637\u0629 \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629 \u0644\u0625\u0636\u0641\u0627\u0621 \u0627\u0644\u062d\u064a\u0627\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/div>\r\n <\/div>\r\n <div class=\"work-item\" style=\"background:linear-gradient(135deg,var(--royal-deep),var(--royal));border-color:transparent;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:18px\">\r\n <div style=\"font-size:13px;color:rgba(255,255,255,0.6);line-height:1.7\">\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629 \u0648\u064a\u0646\u062a\u0647\u064a \u0628\u0623\u062b\u0631 \u0645\u0644\u0645\u0648\u0633 \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633.<\/div>\r\n <a href=\"https:\/\/movmatic.studio\/projects\/\" class=\"btn-white\">\r\n \u0627\u0633\u062a\u0639\u0631\u0636 \u0643\u0627\u0645\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c112200 e-con-full e-flex e-con e-parent\" data-id=\"c112200\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e40de13 elementor-widget elementor-widget-html\" data-id=\"e40de13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800;900&display=swap');\r\n\r\n.partners-section {\r\n background:\r\n radial-gradient(ellipse at top right, rgba(51,69,187,.55) 0%, transparent 55%),\r\n radial-gradient(ellipse at bottom left, rgba(31,45,138,.6) 0%, transparent 55%),\r\n linear-gradient(160deg, #0a1140 0%, #1a2570 50%, #2a3aa0 100%);\r\n padding: 72px 28px 90px;\r\n position: relative; overflow: hidden;\r\n font-family: 'Tajawal', system-ui, sans-serif; direction: rtl;\r\n box-sizing: border-box;\r\n}\r\n.partners-blob1 {\r\n position:absolute;top:-10%;right:-5%;width:45vw;height:45vw;border-radius:50%;\r\n background:radial-gradient(circle,rgba(51,69,187,0.18) 0%,transparent 65%);\r\n filter:blur(60px);pointer-events:none;\r\n}\r\n.partners-blob2 {\r\n position:absolute;bottom:-8%;left:-8%;width:35vw;height:35vw;border-radius:50%;\r\n background:radial-gradient(circle,rgba(100,60,220,0.1) 0%,transparent 70%);\r\n filter:blur(60px);pointer-events:none;\r\n}\r\n.partners-inner { max-width:1100px;margin:0 auto;position:relative;z-index:1; }\r\n.partners-header { margin-bottom:52px; }\r\n\r\n.partners-label-pill {\r\n display:inline-flex;align-items:center;gap:8px;\r\n background:rgba(138,155,255,0.1);border:1px solid rgba(138,155,255,0.25);\r\n border-radius:100px;padding:6px 14px 6px 10px;margin-bottom:18px;\r\n}\r\n.partners-label-dot {\r\n width:6px;height:6px;border-radius:50%;\r\n background:linear-gradient(135deg,#8a9bff,#c5cfff);\r\n box-shadow:0 0 8px rgba(138,155,255,0.8);flex-shrink:0;\r\n}\r\n.partners-label-text {\r\n font-size:10.5px;font-weight:700;letter-spacing:0.2em;\r\n text-transform:uppercase;color:#9aaeff;\r\n}\r\n\r\n\/* ===== FIX: \u0627\u0644\u0639\u0646\u0648\u0627\u0646 ===== *\/\r\n.partners-title {\r\n font-size: clamp(24px, 4vw, 44px);\r\n font-weight: 900;\r\n letter-spacing: -0.01em;\r\n line-height: normal !important; \r\n margin: 0 0 12px;\r\n overflow: visible; \r\n word-break: break-word;\r\n}\r\n\r\n.partners-title-white {\r\n display: inline-block; \r\n padding: 20px 0 !important; \/* \u0645\u0633\u0627\u0641\u0629 20 \u0628\u0643\u0633\u0644 \u0645\u0646 \u0627\u0644\u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u0623\u0633\u0641\u0644 *\/\r\n margin: -20px 0 !important; \/* \u062a\u0639\u0648\u064a\u0636 \u0627\u0644\u0645\u0633\u0627\u0641\u0629 *\/\r\n line-height: 1.5 !important;\r\n -webkit-box-decoration-break: clone;\r\n box-decoration-break: clone;\r\n background: linear-gradient(135deg,#fff 20%,rgba(255,255,255,0.85) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.partners-title-blue {\r\n display: inline-block;\r\n padding: 20px 0 !important;\r\n margin: -20px 0 !important;\r\n line-height: 1.5 !important;\r\n -webkit-box-decoration-break: clone;\r\n box-decoration-break: clone;\r\n background: linear-gradient(135deg,#8a9bff 0%,#c5cfff 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\/* ===== END FIX ===== *\/\r\n\r\n.partners-subtitle {\r\n font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin:0;\r\n word-break: break-word;\r\n}\r\n\r\n.partners-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:14px; }\r\n\r\n.partner-card {\r\n position:relative;border-radius:20px;padding:32px 16px 26px;\r\n border:1px solid rgba(255,255,255,0.08);\r\n background:rgba(255,255,255,0.04);\r\n transition:all 0.35s cubic-bezier(0.4,0,0.2,1);\r\n cursor:pointer;overflow:hidden;\r\n display:flex;flex-direction:column;align-items:center;justify-content:center;\r\n gap:18px;min-height:170px;\r\n}\r\n.partner-card::before {\r\n content:'';position:absolute;top:0;left:20%;right:20%;height:1px;\r\n background:linear-gradient(90deg,transparent,var(--glow-color),transparent);\r\n opacity:0;transition:opacity 0.35s ease;\r\n}\r\n.partner-card:hover::before { opacity:1; }\r\n\r\n.partner-logo-wrap {\r\n position:relative;\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.partner-logo-halo {\r\n position:absolute;width:140px;height:140px;border-radius:50%;\r\n background:radial-gradient(circle,var(--glow-color) 0%,transparent 65%);\r\n filter:blur(20px);opacity:0.2;transition:opacity 0.4s ease;pointer-events:none;\r\n}\r\n.partner-card:hover .partner-logo-halo { opacity:0.8; }\r\n\r\n.partner-logo {\r\n width:100px;height:130px;border-radius:0;background:transparent;border:none;\r\n display:flex;align-items:center;justify-content:center;\r\n overflow:visible;flex-shrink:0;padding:8px;\r\n position:relative;z-index:1;transition:all 0.35s ease;box-shadow:none;\r\n}\r\n.partner-logo img {\r\n width:100%;height:100%;object-fit:contain;display:block;\r\n filter:brightness(0) invert(1);opacity:0.72;\r\n transition:filter 0.35s ease, opacity 0.35s ease;\r\n}\r\n.partner-card:hover .partner-logo img {\r\n opacity:1;\r\n filter:brightness(0) invert(1)\r\n drop-shadow(0 0 10px var(--glow-color))\r\n drop-shadow(0 0 22px var(--glow-color));\r\n}\r\n.partner-card.pc-amber .partner-logo { width:130px;height:130px; }\r\n.partner-card.pc-blue .partner-logo { width:130px;height:130px; }\r\n.partner-card.pc-blue .partner-logo img { filter:none;opacity:1; }\r\n.partner-card.pc-blue:hover .partner-logo img { filter:none;opacity:1; }\r\n\r\n.partner-name {\r\n font-size:12.5px;font-weight:700;\r\n font-family:'Tajawal',system-ui,sans-serif;\r\n color:rgba(255,255,255,0.55);\r\n text-align:center;line-height:1.6;\r\n transition:color 0.3s ease;\r\n padding:0 6px;display:block;word-break:break-word;\r\n}\r\n.partner-card:hover .partner-name { color:rgba(255,255,255,0.95); }\r\n\r\n.pc-violet { --glow-color:rgba(139,92,246,0.5); }\r\n.pc-violet:hover { border-color:rgba(167,139,250,0.4);box-shadow:0 20px 50px rgba(139,92,246,0.25); }\r\n.pc-cyan { --glow-color:rgba(14,165,233,0.5); }\r\n.pc-cyan:hover { border-color:rgba(125,211,252,0.4);box-shadow:0 20px 50px rgba(14,165,233,0.25); }\r\n.pc-amber { --glow-color:rgba(245,158,11,0.5); }\r\n.pc-amber:hover { border-color:rgba(252,211,77,0.4);box-shadow:0 20px 50px rgba(245,158,11,0.25); }\r\n.pc-emerald { --glow-color:rgba(16,185,129,0.5); }\r\n.pc-emerald:hover { border-color:rgba(110,231,183,0.4);box-shadow:0 20px 50px rgba(16,185,129,0.25); }\r\n.pc-blue { --glow-color:rgba(99,102,241,0.5); }\r\n.pc-blue:hover { border-color:rgba(165,180,252,0.4);box-shadow:0 20px 50px rgba(99,102,241,0.25); }\r\n\r\n.partners-divider {\r\n margin-top:64px;height:1px;\r\n background:linear-gradient(90deg,transparent,rgba(138,155,255,0.2),transparent);\r\n}\r\n\r\n@media(max-width:900px){ .partners-grid{grid-template-columns:repeat(3,1fr)} }\r\n@media(max-width:540px){\r\n .partners-grid{grid-template-columns:repeat(2,1fr)}\r\n .partners-section{padding:56px 18px 72px}\r\n .partners-title{\r\n font-size: clamp(22px, 7vw, 30px);\r\n line-height: normal !important; \r\n letter-spacing: 0;\r\n }\r\n .partners-header{margin-bottom:36px}\r\n}\r\n<\/style>\r\n\r\n<section class=\"partners-section\" id=\"partners\">\r\n <div class=\"partners-blob1\"><\/div>\r\n <div class=\"partners-blob2\"><\/div>\r\n <div class=\"partners-inner\">\r\n\r\n <div class=\"partners-header\">\r\n <div class=\"partners-label-pill\">\r\n <div class=\"partners-label-dot\"><\/div>\r\n <span class=\"partners-label-text\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\r\n <\/div>\r\n <h2 class=\"partners-title\">\r\n <span class=\"partners-title-white\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u064a\u062b\u0642\u0648\u0646<\/span> <span class=\"partners-title-blue\">\u0628\u0646\u0627<\/span>\r\n <\/h2>\r\n <p class=\"partners-subtitle\">\u0646\u0641\u062e\u0631 \u0628\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\r\n <\/div>\r\n\r\n <div class=\"partners-grid\">\r\n <div class=\"partner-card pc-violet\">\r\n <div class=\"partner-logo-wrap\">\r\n <div class=\"partner-logo-halo\"><\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-12.png\" alt=\"\u0631\u0642\u0645\u0646\">\r\n <\/div>\r\n <\/div>\r\n <span class=\"partner-name\">\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \"\u0631\u0642\u0645\u0646\"<\/span>\r\n <\/div>\r\n\r\n <div class=\"partner-card pc-cyan\">\r\n <div class=\"partner-logo-wrap\">\r\n <div class=\"partner-logo-halo\"><\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-1-2-scaled.png\" alt=\"\u0645\u0631\u0643\u0632 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u064a\">\r\n <\/div>\r\n <\/div>\r\n <span class=\"partner-name\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0631\u0642\u0645\u064a<\/span>\r\n <\/div>\r\n\r\n <div class=\"partner-card pc-amber\">\r\n <div class=\"partner-logo-wrap\">\r\n <div class=\"partner-logo-halo\"><\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-1-1-scaled.png\" alt=\"\u0633\u064a\u0645\u0631\u0643\u0648\u0631\u064a\">\r\n <\/div>\r\n <\/div>\r\n <span class=\"partner-name\">\u0634\u0631\u0643\u0629 \u0633\u064a\u0645\u0631\u0643\u0648\u0631\u064a<\/span>\r\n <\/div>\r\n\r\n <div class=\"partner-card pc-emerald\">\r\n <div class=\"partner-logo-wrap\">\r\n <div class=\"partner-logo-halo\"><\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u0628\u062f\u0646\u0631\u0648\u0645-scaled.png\" alt=\"\u0628\u062f\u0646\u0631\u0648\u0645\">\r\n <\/div>\r\n <\/div>\r\n <span class=\"partner-name\">\u062a\u0637\u0628\u064a\u0642 \u0628\u062f\u0646\u0631\u0648\u0645<\/span>\r\n <\/div>\r\n\r\n <div class=\"partner-card pc-blue\">\r\n <div class=\"partner-logo-wrap\">\r\n <div class=\"partner-logo-halo\"><\/div>\r\n <div class=\"partner-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/\u062c\u0627\u0645\u0639\u0629-scaled.png\" alt=\"\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0633\u0644\u0637\u0627\u0646 \u0642\u0627\u0628\u0648\u0633\">\r\n <\/div>\r\n <\/div>\r\n <span class=\"partner-name\">\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0633\u0644\u0637\u0627\u0646 \u0642\u0627\u0628\u0648\u0633<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partners-divider\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-462f39c e-con-full e-flex e-con e-parent\" data-id=\"462f39c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1472c70 elementor-widget elementor-widget-html\" data-id=\"1472c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\r\n\r\n.tsl-section {\r\n background: linear-gradient(160deg,#ffffff 0%,#eef5fd 40%,#daeeff 100%);\r\n padding: 80px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Tajawal', sans-serif;\r\n direction: rtl;\r\n}\r\n.tsl-shape1 {\r\n position: absolute; top: -80px; right: -60px;\r\n width: 460px; height: 460px; border-radius: 50%;\r\n background: radial-gradient(circle,rgba(1,179,253,0.12) 0%,transparent 70%);\r\n pointer-events: none;\r\n}\r\n.tsl-shape2 {\r\n position: absolute; bottom: -100px; left: -60px;\r\n width: 380px; height: 380px; border-radius: 50%;\r\n background: radial-gradient(circle,rgba(26,58,143,0.08) 0%,transparent 70%);\r\n pointer-events: none;\r\n}\r\n.tsl-inner {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n\/* Header *\/\r\n.tsl-head {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n}\r\n.tsl-label {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(1,179,253,.1);\r\n border: 1px solid rgba(1,179,253,.3);\r\n border-radius: 100px; padding: 8px 20px;\r\n font-size: 12px; font-weight: 800; color: #01B3FD;\r\n margin-bottom: 15px;\r\n}\r\n.tsl-h2 {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 900; color: #1a3a8f;\r\n margin: 0 0 10px; line-height: 1.3;\r\n}\r\n.tsl-sub {\r\n font-size: 15px; color: #5b6788;\r\n max-width: 600px; margin: 0 auto;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.tsl-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 25px;\r\n padding: 10px 5px;\r\n}\r\n\r\n\/* Card Style *\/\r\n.tsl-card {\r\n background: #fff;\r\n border: 1.5px solid rgba(1,179,253,.15);\r\n border-radius: 20px;\r\n padding: 30px;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 10px 30px rgba(26,58,143,.05);\r\n transition: all 0.3s ease;\r\n}\r\n.tsl-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(1,179,253,.12);\r\n}\r\n.tsl-card-line {\r\n position: absolute; top: 0; left: 0; right: 0; height: 4px;\r\n background: linear-gradient(90deg,#1a3a8f,#01B3FD);\r\n border-radius: 20px 20px 0 0;\r\n}\r\n.tsl-quote-bg {\r\n position: absolute; bottom: 15px; left: 20px;\r\n font-size: 60px; font-weight: 900;\r\n color: rgba(1,179,253,.07); font-family: serif;\r\n}\r\n\r\n.tsl-stars { display: flex; gap: 4px; margin-bottom: 15px; }\r\n.tsl-star { color: #01B3FD; font-size: 14px; }\r\n\r\n.tsl-text {\r\n font-size: 15px; color: #2a4a8a;\r\n line-height: 1.8; margin: 0 0 20px;\r\n flex-grow: 1;\r\n}\r\n\r\n.tsl-divider { height: 1px; background: rgba(1,179,253,.1); margin-bottom: 20px; }\r\n\r\n\/* Author Info *\/\r\n.tsl-author {\r\n display: flex; align-items: center; gap: 12px;\r\n}\r\n.tsl-avatar {\r\n width: 50px; height: 50px;\r\n border-radius: 12px; overflow: hidden;\r\n border: 2px solid rgba(1,179,253,.2);\r\n background: #f8fbff;\r\n}\r\n.tsl-avatar img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }\r\n.tsl-author-info { text-align: right; }\r\n.tsl-author-name { font-size: 14px; font-weight: 800; color: #0d2060; }\r\n.tsl-author-role { font-size: 12px; color: #5a7abf; margin-top: 2px; }\r\n\r\n@media (max-width: 768px) {\r\n .tsl-grid { grid-template-columns: 1fr; }\r\n .tsl-section { padding: 60px 15px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"tsl-section\">\r\n <div class=\"tsl-shape1\"><\/div>\r\n <div class=\"tsl-shape2\"><\/div>\r\n\r\n <div class=\"tsl-inner\">\r\n <div class=\"tsl-head\">\r\n <div class=\"tsl-label\">\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/div>\r\n <h2 class=\"tsl-h2\">\u0645\u0627\u0630\u0627 \u064a\u0642\u0648\u0644\u0648\u0646 \u0639\u0646\u0627\u061f<\/h2>\r\n <p class=\"tsl-sub\">\u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0647\u064a \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0625\u0628\u062f\u0627\u0639\u0646\u0627 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/p>\r\n <\/div>\r\n\r\n <div class=\"tsl-grid\">\r\n <!-- Card 1 -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card-line\"><\/div>\r\n <div class=\"tsl-quote-bg\">\"<\/div>\r\n <div class=\"tsl-stars\">\r\n <span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"tsl-text\">\"\u062a\u062c\u0631\u0628\u0629 \u0645\u0645\u064a\u0632\u0629 \u0641\u064a \u0639\u0627\u0644\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u0633 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0631\u0626\u064a\u060c \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0647\u062a\u0645\u0627\u0645 \u0628\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u064a\u0635\u0646\u0639 \u0627\u0644\u0641\u0631\u0642\u060c \u0644\u0642\u062f \u0643\u0627\u0646\u062a \u0648\u0645\u0627\u0632\u0627\u0644\u062a \u0645\u0646 \u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c.\"<\/p>\r\n <div class=\"tsl-divider\"><\/div>\r\n <div class=\"tsl-author\">\r\n <div class=\"tsl-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-1-2-scaled.png\" alt=\"\u0645. \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0639\u0628\u062f\u0627\u0644\u0643\u0631\u064a\u0645\">\r\n <\/div>\r\n <div class=\"tsl-author-info\">\r\n <div class=\"tsl-author-name\">\u0645. \u0639\u0628\u062f\u0627\u0644\u0644\u0647 \u0627\u0644\u0639\u0628\u062f\u0627\u0644\u0643\u0631\u064a\u0645<\/div>\r\n <div class=\"tsl-author-role\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"tsl-card\">\r\n <div class=\"tsl-card-line\"><\/div>\r\n <div class=\"tsl-quote-bg\">\"<\/div>\r\n <div class=\"tsl-stars\">\r\n <span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span><span class=\"tsl-star\">\u2605<\/span>\r\n <\/div>\r\n <p class=\"tsl-text\">\"\u062a\u062a\u0645\u064a\u0632 \u0645\u0648\u0641\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648 \u0628\u0641\u0647\u0645\u0647\u0627 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0644\u0627\u0626\u0647\u0627 \u0648\u0645\u0634\u0627\u0631\u0643\u062a\u0647\u0645 \u0642\u0635\u0629 \u0627\u0644\u0646\u062c\u0627\u062d \u0628\u0623\u0639\u0645\u0627\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u0631\u064a\u062f\u0629 \u0648\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0648\u0627\u0639\u064a\u062f.\"<\/p>\r\n <div class=\"tsl-divider\"><\/div>\r\n <div class=\"tsl-author\">\r\n <div class=\"tsl-avatar\">\r\n <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/download-1.png\" alt=\"\u062a\u0637\u0628\u064a\u0642 \u0628\u062f\u0646\u0631\u0648\u0645\">\r\n <\/div>\r\n <div class=\"tsl-author-info\">\r\n <div class=\"tsl-author-name\">\u062a\u0637\u0628\u064a\u0642 \u0628\u062f\u0646\u0631\u0648\u0645<\/div>\r\n <div class=\"tsl-author-role\">\u0639\u0645\u064a\u0644 \u0645\u0648\u0641\u0645\u0627\u062a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23bb0e6 e-con-full e-flex e-con e-parent\" data-id=\"23bb0e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4af9ebd elementor-widget elementor-widget-html\" data-id=\"4af9ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;700;800;900&display=swap');\r\n\r\n.faq-section {\r\n background:\r\n radial-gradient(ellipse at top right, rgba(51,69,187,.55) 0%, transparent 55%),\r\n radial-gradient(ellipse at bottom left, rgba(31,45,138,.6) 0%, transparent 55%),\r\n linear-gradient(160deg, #0a1140 0%, #1a2570 50%, #2a3aa0 100%);\r\n padding: 72px 28px 90px;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n direction: ltr;\r\n box-sizing: border-box;\r\n}\r\n\r\n.faq-blob1 {\r\n position: absolute; top: -10%; right: -5%;\r\n width: 45vw; height: 45vw; border-radius: 50%;\r\n background: radial-gradient(circle, rgba(51,69,187,0.18) 0%, transparent 65%);\r\n filter: blur(60px); pointer-events: none;\r\n}\r\n.faq-blob2 {\r\n position: absolute; bottom: -8%; left: -8%;\r\n width: 35vw; height: 35vw; border-radius: 50%;\r\n background: radial-gradient(circle, rgba(100,60,220,0.1) 0%, transparent 70%);\r\n filter: blur(60px); pointer-events: none;\r\n}\r\n\r\n.faq-inner {\r\n max-width: 780px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.faq-header { margin-bottom: 52px; }\r\n\r\n.faq-label-pill {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n background: rgba(138,155,255,0.08);\r\n border: 1px solid rgba(138,155,255,0.16);\r\n border-radius: 100px;\r\n padding: 6px 14px 6px 10px;\r\n margin-bottom: 20px;\r\n}\r\n.faq-label-dot {\r\n width: 6px; height: 6px; border-radius: 50%;\r\n background: linear-gradient(135deg, #8a9bff, #c5cfff);\r\n box-shadow: 0 0 8px rgba(138,155,255,0.7);\r\n flex-shrink: 0;\r\n}\r\n.faq-label-text {\r\n font-size: 10.5px; font-weight: 700;\r\n letter-spacing: 0.2em; text-transform: uppercase; color: #9aaeff;\r\n}\r\n\r\n.faq-title {\r\n font-size: clamp(30px, 4.5vw, 50px);\r\n font-weight: 900;\r\n letter-spacing: -0.03em;\r\n line-height: normal !important;\r\n margin: 0 0 16px;\r\n padding-top: 10px;\r\n text-align: left;\r\n overflow: visible;\r\n word-break: break-word;\r\n}\r\n.faq-title-white {\r\n display: inline-block;\r\n padding: 20px 0 !important;\r\n margin: -20px 0 !important;\r\n line-height: 1.5 !important;\r\n -webkit-box-decoration-break: clone;\r\n box-decoration-break: clone;\r\n background: linear-gradient(135deg, #fff 20%, rgba(255,255,255,0.7) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n.faq-title-blue {\r\n display: inline-block;\r\n padding: 20px 0 !important;\r\n margin: -20px 0 !important;\r\n line-height: 1.5 !important;\r\n -webkit-box-decoration-break: clone;\r\n box-decoration-break: clone;\r\n background: linear-gradient(135deg, #8a9bff 0%, #c5cfff 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.faq-subtitle {\r\n font-size: 15px; color: rgba(255,255,255,0.4);\r\n line-height: 1.8; text-align: left; margin: 0;\r\n}\r\n\r\n.faq-list { display: flex; flex-direction: column; gap: 10px; }\r\n\r\n.faq-item {\r\n border-radius: 16px;\r\n border: 1px solid rgba(255,255,255,0.07);\r\n background: rgba(255,255,255,0.025);\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.4,0,0.2,1);\r\n list-style: none;\r\n}\r\n.faq-item[open] {\r\n border-color: rgba(138,155,255,0.3);\r\n background: rgba(138,155,255,0.06);\r\n box-shadow: 0 8px 40px rgba(51,69,187,0.2);\r\n}\r\n\r\n.faq-item-line {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, #8a9bff, transparent);\r\n opacity: 0; transition: opacity 0.3s ease;\r\n}\r\n.faq-item[open] .faq-item-line { opacity: 1; }\r\n\r\n.faq-item summary {\r\n display: flex; align-items: center;\r\n justify-content: space-between;\r\n padding: 22px 24px; gap: 16px;\r\n cursor: pointer; list-style: none; user-select: none;\r\n}\r\n.faq-item summary::-webkit-details-marker { display: none; }\r\n\r\n.faq-icon-btn {\r\n width: 32px; height: 32px; border-radius: 10px;\r\n background: rgba(255,255,255,0.05);\r\n border: 1px solid rgba(255,255,255,0.08);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0; transition: all 0.3s ease;\r\n color: rgba(255,255,255,0.5);\r\n font-size: 20px; font-weight: 300; line-height: 1;\r\n}\r\n.faq-item[open] .faq-icon-btn {\r\n background: linear-gradient(135deg, #3345bb, #5a6ee8);\r\n border-color: rgba(138,155,255,0.4);\r\n color: #fff; transform: rotate(45deg);\r\n}\r\n\r\n.faq-q-text {\r\n font-size: 16px; font-weight: 700;\r\n color: rgba(255,255,255,0.82);\r\n text-align: left;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n line-height: 1.4; flex: 1;\r\n transition: color 0.3s ease;\r\n}\r\n.faq-item[open] .faq-q-text { color: #ffffff; }\r\n\r\n.faq-answer { padding: 0 24px 22px 24px; }\r\n.faq-answer-border {\r\n border-left: 2px solid rgba(138,155,255,0.35);\r\n padding-left: 16px;\r\n}\r\n.faq-a-text {\r\n font-size: 14px; color: rgba(255,255,255,0.55);\r\n line-height: 1.85; text-align: left;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n margin: 0;\r\n}\r\n\r\n.faq-cta-strip {\r\n margin-top: 40px; border-radius: 16px; padding: 24px 28px;\r\n background: rgba(255,255,255,0.025);\r\n border: 1px solid rgba(255,255,255,0.07);\r\n display: flex; align-items: center;\r\n justify-content: space-between; gap: 16px; flex-wrap: wrap;\r\n}\r\n.faq-cta-text {\r\n font-size: 14px; color: rgba(255,255,255,0.45);\r\n text-align: left;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n margin: 0; line-height: 1.6;\r\n}\r\n.faq-cta-btn {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n padding: 11px 22px; border-radius: 12px; border: none;\r\n background: linear-gradient(135deg, #3345bb, #5a6ee8);\r\n color: #fff; font-size: 13px; font-weight: 800;\r\n cursor: pointer;\r\n font-family: 'Tajawal', system-ui, sans-serif;\r\n box-shadow: 0 4px 20px rgba(51,69,187,0.4);\r\n text-decoration: none; transition: all 0.2s ease; flex-shrink: 0;\r\n}\r\n.faq-cta-btn:hover {\r\n box-shadow: 0 8px 30px rgba(51,69,187,0.6);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.faq-divider {\r\n margin-top: 72px; height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(138,155,255,0.2), transparent);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .faq-section { padding: 56px 18px 72px; }\r\n .faq-item summary { padding: 18px 16px; }\r\n .faq-answer { padding: 0 16px 18px 16px; }\r\n .faq-cta-strip { flex-direction: column; align-items: flex-start; }\r\n}\r\n@media (max-width: 480px) {\r\n .faq-title {\r\n font-size: clamp(22px, 7vw, 30px);\r\n line-height: normal !important;\r\n letter-spacing: 0;\r\n }\r\n .faq-header { margin-bottom: 36px; }\r\n .faq-q-text { font-size: 14.5px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"faq-section\" id=\"faq\">\r\n <div class=\"faq-blob1\"><\/div>\r\n <div class=\"faq-blob2\"><\/div>\r\n\r\n <div class=\"faq-inner\">\r\n\r\n <div class=\"faq-header\">\r\n <div class=\"faq-label-pill\">\r\n <div class=\"faq-label-dot\"><\/div>\r\n <span class=\"faq-label-text\">FAQ<\/span>\r\n <\/div>\r\n <h2 class=\"faq-title\">\r\n <span class=\"faq-title-white\">Answers to<\/span> <span class=\"faq-title-blue\">Your Questions<\/span>\r\n <\/h2>\r\n <p class=\"faq-subtitle\">Didn't find what you're looking for? Contact us directly and we'll get back to you as soon as possible.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-list\">\r\n\r\n <details class=\"faq-item\">\r\n <div class=\"faq-item-line\"><\/div>\r\n <summary>\r\n <span class=\"faq-icon-btn\">+<\/span>\r\n <span class=\"faq-q-text\">How long does it take to complete a project?<\/span>\r\n <\/summary>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-border\">\r\n <p class=\"faq-a-text\">Most projects are completed within 5 to 14 working days. Large brand identity systems or multi-video campaigns may take longer \u2014 we always provide a clear timeline from the start.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item\">\r\n <div class=\"faq-item-line\"><\/div>\r\n <summary>\r\n <span class=\"faq-icon-btn\">+<\/span>\r\n <span class=\"faq-q-text\">Do you handle the project from concept to delivery?<\/span>\r\n <\/summary>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-border\">\r\n <p class=\"faq-a-text\">Yes. We offer full-cycle production: concept development, scriptwriting, design, animation, and final delivery. One cohesive team from brief to final file.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item\">\r\n <div class=\"faq-item-line\"><\/div>\r\n <summary>\r\n <span class=\"faq-icon-btn\">+<\/span>\r\n <span class=\"faq-q-text\">Do you work with international clients?<\/span>\r\n <\/summary>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-border\">\r\n <p class=\"faq-a-text\">Absolutely. We collaborate with clients from all over the world. Our workflow is fully remote-friendly \u2014 from the initial brief all the way to final delivery.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item\">\r\n <div class=\"faq-item-line\"><\/div>\r\n <summary>\r\n <span class=\"faq-icon-btn\">+<\/span>\r\n <span class=\"faq-q-text\">How is pricing determined?<\/span>\r\n <\/summary>\r\n <div class=\"faq-answer\">\r\n <div class=\"faq-answer-border\">\r\n <p class=\"faq-a-text\">Pricing depends on the project scope, duration, complexity, and required deliverables. Send us your brief and we'll send you a custom quote with no commitment required.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n <div class=\"faq-cta-strip\">\r\n <a href=\"https:\/\/movmatic.studio\/contact\/\" class=\"faq-cta-btn\">\r\n Contact Us\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/>\r\n <\/svg>\r\n <\/a>\r\n <p class=\"faq-cta-text\">Have another question? We're here to help.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-divider\"><\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dd9aa0 e-con-full e-flex e-con e-parent\" data-id=\"9dd9aa0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-304922e elementor-widget elementor-widget-html\" data-id=\"304922e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"sep z1\"><\/div>\r\n\r\n<!-- CTA -->\r\n<div class=\"cta-wrap z1\" style=\"padding-top:100px\">\r\n <div class=\"cta-box\">\r\n <div class=\"cta-g1\"><\/div>\r\n <div class=\"cta-g2\"><\/div>\r\n <div class=\"cta-inner\">\r\n <div class=\"cta-label\">\u0647\u0644 \u0623\u0646\u062a \u062c\u0627\u0647\u0632\u061f<\/div>\r\n <h2>\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0631\u0641\u0639<br>\u0645\u0633\u062a\u0648\u0649 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u061f<\/h2>\r\n <p>\u0644\u0646\u0628\u062a\u0643\u0631 \u0645\u0639\u0627\u064b \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u0627\u064b \u064a\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u060c \u0648\u064a\u0648\u0635\u0651\u0644 \u0631\u0633\u0627\u0644\u062a\u0643 \u0628\u0648\u0636\u0648\u062d\u060c \u0648\u064a\u062a\u0631\u0643 \u0627\u0646\u0637\u0628\u0627\u0639\u0627\u064b \u0644\u0627 \u064a\u064f\u0646\u0633\u0649.<\/p>\r\n <a href=\"https:\/\/movmatic.studio\/contact\/\" class=\"btn-primary\" style=\"font-size:16px;padding:18px 48px;background:rgba(255,255,255,0.15);border:1.5px solid rgba(255,255,255,0.3);backdrop-filter:blur(8px);text-decoration:none;display:inline-block;\">\r\n \u0644\u0646\u0628\u062f\u0623 \u0645\u0639\u0627\u064b \u2190\r\n<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0648\u06a4\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648 \u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0646\u0635\u0646\u0639 \u0642\u0635\u0635\u0627\u064b \u0628\u0635\u0631\u064a\u0629 \u062a\u062a\u062d\u0631\u0643 \u0648\u062a\u064f\u0644\u0647\u0645 \u0641\u064a \u0645\u0648\u06a4\u0645\u0627\u062a\u064a\u0643 \u0633\u062a\u0648\u062f\u064a\u0648\u060c \u0646\u0635\u0646\u0639 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a\u0627\u064b \u0648\u062d\u0631\u0643\u064a\u0627\u064b \u0645\u0642\u0646\u0639\u0627\u064b \u064a\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u064a\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647\u060c \u0648\u064a\u062d\u0642\u0642 \u062a\u0641\u0627\u0639\u0644\u0627\u064b \u062d\u0642\u064a\u0642\u064a\u0627\u064b. \u0625\u0646\u062a\u0627\u062c \u0625\u0639\u0644\u0627\u0646\u064a \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 ‹ › \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643 \u2190 \u0627\u0633\u062a\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0625\u0628\u062f\u0627\u0639 \u0628\u0644\u0627 \u062d\u062f\u0648\u062f \u064a\u062a\u0643\u0644\u0645 \u0639\u0646 \u0646\u0641\u0633\u0647 \u0627\u0633\u062d\u0628 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u2190 \u0645\u0646 \u0646\u062d\u0646 \u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1392","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages\/1392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/comments?post=1392"}],"version-history":[{"count":163,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages\/1392\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages\/1392\/revisions\/1851"}],"wp:attachment":[{"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/media?parent=1392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}