{"id":1037,"date":"2024-11-25T12:58:31","date_gmt":"2024-11-25T12:58:31","guid":{"rendered":"https:\/\/gramentheme.com\/wp\/digtek\/?page_id=1037"},"modified":"2026-06-04T12:58:13","modified_gmt":"2026-06-04T12:58:13","slug":"projects","status":"publish","type":"page","link":"https:\/\/movmatic.studio\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1037\" class=\"elementor elementor-1037\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f252682 e-con-full e-flex e-con e-parent\" data-id=\"f252682\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd313a0 elementor-widget elementor-widget-html\" data-id=\"dd313a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============ WORKS HERO ============ *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');\r\n\r\n.wh-hero {\r\n  direction: rtl;\r\n  background:\r\n    radial-gradient(ellipse at top right, rgba(51,69,187,.4) 0%, transparent 55%),\r\n    radial-gradient(ellipse at bottom left, rgba(10,17,64,.9) 0%, transparent 60%),\r\n    linear-gradient(160deg, #060914 0%, #0b0f2a 50%, #0d1235 100%);\r\n  padding: 100px 48px 110px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Tajawal', system-ui, sans-serif;\r\n  min-height: 100vh;\r\n  box-sizing: border-box;\r\n}\r\n.wh-blob-1, .wh-blob-2 {\r\n  position: absolute; border-radius: 50%; pointer-events: none;\r\n}\r\n.wh-blob-1 {\r\n  top: -12%; right: -10%;\r\n  width: 55vw; height: 55vw;\r\n  background: radial-gradient(circle, rgba(51,69,187,0.18) 0%, transparent 65%);\r\n  filter: blur(50px);\r\n}\r\n.wh-blob-2 {\r\n  bottom: -15%; left: -8%;\r\n  width: 50vw; height: 50vw;\r\n  background: radial-gradient(circle, rgba(90,110,232,0.14) 0%, transparent 65%);\r\n  filter: blur(60px);\r\n}\r\n\r\n.wh-inner {\r\n  max-width: 1240px; margin: 0 auto;\r\n  position: relative; z-index: 2;\r\n  min-height: calc(100vh - 210px);\r\n  display: flex; align-items: center;\r\n}\r\n.wh-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.25fr 1fr;\r\n  gap: 70px; align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500 Label pill \u2500\u2500 *\/\r\n.wh-label {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: rgba(138,155,255,.1);\r\n  border: 1px solid rgba(138,155,255,.3);\r\n  border-radius: 100px; padding: 9px 22px;\r\n  font-size: 11px; font-weight: 800; color: #8a9bff;\r\n  letter-spacing: .18em; text-transform: uppercase;\r\n  margin-bottom: 26px; backdrop-filter: blur(10px);\r\n  animation: wh-up .8s ease both;\r\n  white-space: nowrap;\r\n}\r\n.wh-label-dot {\r\n  width: 7px; height: 7px;\r\n  background: #8a9bff; border-radius: 50%;\r\n  box-shadow: 0 0 10px rgba(138,155,255,.8);\r\n  animation: wh-pulse-dot 2s ease-in-out infinite;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Title \u2500\u2500 *\/\r\n.wh-title {\r\n  font-size: clamp(28px, 5.8vw, 62px);\r\n  font-weight: 900; letter-spacing: -.02em;\r\n  line-height: 1.5; margin: 0 0 24px 0;\r\n  animation: wh-up .9s .1s ease both;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n.wh-title .t1 { color: #fff; display: block; }\r\n.wh-title .t2 {\r\n  display: block;\r\n  background: linear-gradient(135deg, #8a9bff, #c5cfff);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n\/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n.wh-sub {\r\n  font-size: clamp(14px, 2.2vw, 16.5px);\r\n  color: #b8c0ec;\r\n  line-height: 1.95;\r\n  max-width: 580px;\r\n  width: 100%;\r\n  margin: 0 0 32px 0;\r\n  animation: wh-up 1s .2s ease both;\r\n  word-break: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* \u2500\u2500 Category tags \u2500\u2500 *\/\r\n.wh-tags {\r\n  display: flex; flex-wrap: wrap; gap: 8px;\r\n  margin-bottom: 36px;\r\n  animation: wh-up 1s .3s ease both;\r\n}\r\n.wh-tag {\r\n  font-size: clamp(11px, 2vw, 13px); font-weight: 700;\r\n  color: #cdd3f0;\r\n  background: rgba(138,155,255,0.08);\r\n  border: 1px solid rgba(138,155,255,0.22);\r\n  border-radius: 100px;\r\n  padding: 7px 14px;\r\n  backdrop-filter: blur(8px);\r\n  transition: all .3s ease;\r\n  cursor: default;\r\n  white-space: nowrap;\r\n}\r\n.wh-tag:hover {\r\n  background: rgba(138,155,255,0.18);\r\n  border-color: rgba(138,155,255,0.5);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\r\n.wh-btns {\r\n  display: flex; gap: 12px; flex-wrap: wrap;\r\n  animation: wh-up 1.1s .4s ease both;\r\n}\r\n.wh-btn-p {\r\n  background: linear-gradient(135deg, #3345bb, #5a6ee8);\r\n  color: #fff; border: none; border-radius: 12px;\r\n  padding: 14px 28px; font-size: clamp(13px, 2vw, 15px); font-weight: 800;\r\n  font-family: 'Tajawal', system-ui, sans-serif;\r\n  cursor: pointer;\r\n  transition: transform .2s, box-shadow .2s;\r\n  box-shadow: 0 8px 28px rgba(51,69,187,.4);\r\n  white-space: nowrap;\r\n}\r\n.wh-btn-p:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 14px 44px rgba(90,110,232,.6);\r\n}\r\n.wh-btn-g {\r\n  background: rgba(138,155,255,.08);\r\n  color: #e8ebff;\r\n  border: 1.5px solid rgba(138,155,255,.3);\r\n  border-radius: 12px;\r\n  padding: 14px 28px; font-size: clamp(13px, 2vw, 15px); font-weight: 700;\r\n  font-family: 'Tajawal', system-ui, sans-serif;\r\n  cursor: pointer;\r\n  transition: all .25s;\r\n  backdrop-filter: blur(10px);\r\n  white-space: nowrap;\r\n}\r\n.wh-btn-g:hover {\r\n  border-color: #8a9bff;\r\n  background: rgba(138,155,255,.14);\r\n}\r\n\r\n\/* \u2500\u2500 Visual \u2500\u2500 *\/\r\n.wh-visual {\r\n  position: relative;\r\n  aspect-ratio: 1 \/ 1;\r\n  display: flex; align-items: center; justify-content: center;\r\n  min-height: 280px;\r\n  animation: wh-up 1s .25s ease both;\r\n}\r\n.wh-ring-1, .wh-ring-2, .wh-ring-3 {\r\n  position: absolute; border-radius: 50%;\r\n  border: 1px dashed rgba(138,155,255,0.25);\r\n}\r\n.wh-ring-1 { width: 100%; height: 100%; animation: wh-spin 50s linear infinite; }\r\n.wh-ring-2 {\r\n  width: 78%; height: 78%;\r\n  border-color: rgba(138,155,255,0.18);\r\n  animation: wh-spin-r 35s linear infinite;\r\n}\r\n.wh-ring-3 {\r\n  width: 56%; height: 56%;\r\n  border-color: rgba(138,155,255,0.14);\r\n  animation: wh-spin 25s linear infinite;\r\n}\r\n.wh-ring-1::before {\r\n  content: ''; position: absolute; top: -5px; left: 50%;\r\n  width: 10px; height: 10px; margin-left: -5px;\r\n  border-radius: 50%; background: #8a9bff;\r\n  box-shadow: 0 0 14px rgba(138,155,255,0.9);\r\n}\r\n.wh-ring-1::after {\r\n  content: ''; position: absolute; top: 50%; left: -5px;\r\n  width: 8px; height: 8px; margin-top: -4px;\r\n  border-radius: 50%; background: #c5cfff;\r\n  box-shadow: 0 0 10px rgba(197,207,255,0.9);\r\n}\r\n.wh-ring-2::before {\r\n  content: ''; position: absolute; top: -4px; left: 50%;\r\n  width: 8px; height: 8px; margin-left: -4px;\r\n  border-radius: 50%; background: #c5cfff;\r\n  box-shadow: 0 0 10px rgba(197,207,255,0.9);\r\n}\r\n.wh-img-glow {\r\n  position: absolute;\r\n  width: 55%; height: 55%; border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(138,155,255,0.45) 0%, transparent 70%);\r\n  filter: blur(30px);\r\n  animation: wh-pulse 4s ease-in-out infinite;\r\n}\r\n.wh-visual img {\r\n  width: 62%; height: auto;\r\n  position: relative; z-index: 2;\r\n  filter: drop-shadow(0 0 24px rgba(138,155,255,0.6));\r\n  animation: wh-float 6s ease-in-out infinite;\r\n}\r\n\r\n\/* \u2500\u2500 Animations \u2500\u2500 *\/\r\n@keyframes wh-spin    { to { transform: rotate(360deg); } }\r\n@keyframes wh-spin-r  { to { transform: rotate(-360deg); } }\r\n@keyframes wh-float   { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-14px) rotate(4deg)} }\r\n@keyframes wh-pulse   { 0%,100%{opacity:.55;transform:scale(1)} 50%{opacity:.85;transform:scale(1.08)} }\r\n@keyframes wh-up      { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes wh-pulse-dot { 0%,100%{transform:scale(1);opacity:1} 50%{transform:scale(.5);opacity:.4} }\r\n\r\n\/* \u2500\u2500 Responsive: Tablet \u2500\u2500 *\/\r\n@media (max-width: 980px) {\r\n  .wh-hero { padding: 80px 32px 90px; }\r\n  .wh-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }\r\n  .wh-visual { order: -1; max-width: 320px; min-height: unset; margin: 0 auto; }\r\n  .wh-tags, .wh-btns { justify-content: center; }\r\n  .wh-sub { max-width: 100%; margin-left: auto; margin-right: auto; }\r\n  .wh-inner { min-height: unset; padding: 20px 0; }\r\n}\r\n\r\n\/* \u2500\u2500 Responsive: Mobile \u2500\u2500 *\/\r\n@media (max-width: 640px) {\r\n  .wh-hero { padding: 60px 18px 70px; min-height: unset; }\r\n  .wh-grid { gap: 30px; }\r\n  .wh-visual { max-width: 240px; }\r\n  .wh-title { font-size: clamp(24px, 7vw, 34px); margin-bottom: 16px; }\r\n  .wh-sub { font-size: 14px; line-height: 1.85; margin-bottom: 22px; }\r\n  .wh-label { font-size: 10px; padding: 8px 16px; margin-bottom: 18px; letter-spacing: .12em; }\r\n  .wh-tags { gap: 6px; margin-bottom: 24px; }\r\n  .wh-tag { font-size: 11px; padding: 6px 12px; }\r\n  .wh-btns { flex-direction: column; align-items: center; gap: 10px; }\r\n  .wh-btn-p, .wh-btn-g { width: 100%; max-width: 320px; text-align: center; padding: 14px 20px; font-size: 14px; }\r\n}\r\n\r\n\/* \u2500\u2500 Responsive: Very small \u2500\u2500 *\/\r\n@media (max-width: 380px) {\r\n  .wh-hero { padding: 50px 14px 60px; }\r\n  .wh-title { font-size: 22px; }\r\n  .wh-sub { font-size: 13px; }\r\n  .wh-tag { font-size: 10.5px; padding: 5px 10px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ============ HTML ============ -->\r\n<section class=\"wh-hero\">\r\n  <div class=\"wh-blob-1\"><\/div>\r\n  <div class=\"wh-blob-2\"><\/div>\r\n\r\n  <div class=\"wh-inner\">\r\n    <div class=\"wh-grid\">\r\n\r\n      <!-- Text side -->\r\n      <div>\r\n        <div class=\"wh-label\">\r\n          <span class=\"wh-label-dot\"><\/span>\r\n          \u0623\u0639\u0645\u0627\u0644\u0646\u0627\r\n        <\/div>\r\n\r\n        <h1 class=\"wh-title\">\r\n          <span class=\"t1\">\u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629<\/span>\r\n          <span class=\"t2\">\u0648\u064a\u0646\u062a\u0647\u064a \u0628\u062a\u0623\u062b\u064a\u0631 \u062d\u0642\u064a\u0642\u064a<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"wh-sub\">\r\n          \u0646\u0633\u062a\u0639\u0631\u0636 \u0647\u0646\u0627 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u0646\u0641\u0651\u0630\u0646\u0627\u0647\u0627 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643\u060c\r\n          \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0648\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u2014\r\n          \u0643\u0644 \u0639\u0645\u0644 \u064a\u0639\u0643\u0633 \u0631\u0624\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629.\r\n        <\/p>\r\n\r\n        <div class=\"wh-tags\">\r\n          <span class=\"wh-tag\">\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/span>\r\n          <span class=\"wh-tag\">\u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629<\/span>\r\n          <span class=\"wh-tag\">\u0645\u062d\u062a\u0648\u0649 \u0631\u0642\u0645\u064a<\/span>\r\n          <span class=\"wh-tag\">\u0645\u0648\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648<\/span>\r\n          <span class=\"wh-tag\">\u0625\u0634\u0631\u0627\u0641 \u0625\u0628\u062f\u0627\u0639\u064a<\/span>\r\n        <\/div>\r\n\r\n     <div class=\"wh-btns\">\r\n  <a href=\"#next-section\" class=\"wh-btn-p\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u2190<\/a>\r\n  <a href=\"https:\/\/movmatic.studio\/contact\/\" class=\"wh-btn-g\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\r\n<\/div>\r\n      <\/div>\r\n\r\n      <!-- Visual side -->\r\n      <div class=\"wh-visual\">\r\n        <div class=\"wh-ring-1\"><\/div>\r\n        <div class=\"wh-ring-2\"><\/div>\r\n        <div class=\"wh-ring-3\"><\/div>\r\n        <div class=\"wh-img-glow\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/04\/Untitled-2-scaled.png\"\r\n             alt=\"Movmatic Studio\">\r\n      <\/div>\r\n\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-a341369 e-con-full e-flex e-con e-parent\" data-id=\"a341369\" data-element_type=\"container\" data-e-type=\"container\" id=\"next-section\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebcdcb8 elementor-widget elementor-widget-html\" data-id=\"ebcdcb8\" 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.wsx-nav-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    color: white;\r\n    font-size: 30px;\r\n    padding: 15px 20px;\r\n    cursor: pointer;\r\n    border-radius: 50%;\r\n    transition: all 0.3s ease;\r\n    z-index: 100010;\r\n    backdrop-filter: blur(5px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 60px;\r\n    height: 60px;\r\n}\r\n.wsx-nav-btn:hover {\r\n    background: #01B3FD;\r\n    border-color: #01B3FD;\r\n    transform: translateY(-50%) scale(1.1);\r\n}\r\n.wsx-nav-btn.prev { left: 30px; }\r\n.wsx-nav-btn.next { right: 30px; }\r\n\r\n.wsx-lightbox-caption {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: white;\r\n    font-size: 14px;\r\n    background: rgba(0,0,0,0.5);\r\n    padding: 5px 15px;\r\n    border-radius: 20px;\r\n}\r\n@media (max-width: 768px) {\r\n    .wsx-nav-btn { width: 45px; height: 45px; font-size: 20px; }\r\n    .wsx-nav-btn.prev { left: 10px; }\r\n    .wsx-nav-btn.next { right: 10px; }\r\n}\r\n\r\n.wsx-lightbox {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    padding-top: 50px;\r\n    left: 0; top: 0;\r\n    width: 100%; height: 100%;\r\n    background-color: rgba(0,0,0,0.9);\r\n    backdrop-filter: blur(5px);\r\n}\r\n.wsx-lightbox.open {\r\n    display: block;\r\n    animation: wsx-modal-fade 0.3s ease;\r\n}\r\n.wsx-lightbox-content {\r\n    margin: auto;\r\n    display: block;\r\n    width: 80%;\r\n    max-width: 1000px;\r\n    max-height: 80vh;\r\n    object-fit: contain;\r\n    border-radius: 10px;\r\n    animation: wsx-modal-pop 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.2);\r\n    transition: opacity 0.15s ease;\r\n}\r\n.wsx-lightbox-close {\r\n    position: absolute;\r\n    top: 20px; right: 35px;\r\n    color: #f1f1f1;\r\n    font-size: 40px;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n}\r\n.wsx-lightbox-close:hover { color: #01B3FD; }\r\n\r\n.wsx-gallery {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 18px;\r\n    margin: 30px 0 10px;\r\n}\r\n.wsx-gallery-item {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    cursor: pointer;\r\n    background: #fff;\r\n    border: 1px solid rgba(1,179,253,.12);\r\n    box-shadow: 0 14px 34px rgba(26,58,143,.10);\r\n    transition: transform .35s ease, box-shadow .35s ease;\r\n}\r\n.wsx-gallery-item:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 24px 50px rgba(26,58,143,.18);\r\n}\r\n.wsx-gallery-item img {\r\n    width: 100%;\r\n    height: 240px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform .6s ease;\r\n}\r\n.wsx-gallery-item:hover img { transform: scale(1.06); }\r\n.wsx-gallery-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(15,30,68,.72), transparent);\r\n    opacity: 0;\r\n    transition: opacity .3s ease;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    padding-bottom: 16px;\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n}\r\n.wsx-gallery-item:hover .wsx-gallery-overlay { opacity: 1; }\r\n\r\n.wsx {\r\n    direction: rtl;\r\n    background: radial-gradient(ellipse at top right, rgba(1,179,253,.12) 0%, transparent 55%),\r\n                radial-gradient(ellipse at bottom left, rgba(51,69,187,.10) 0%, transparent 60%),\r\n                linear-gradient(160deg, #fff 0%, #eef5fd 50%, #daeeff 100%);\r\n    padding: 100px 48px 110px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Tajawal', system-ui, sans-serif;\r\n}\r\n.wsx-blob-1, .wsx-blob-2 { position: absolute; border-radius: 50%; pointer-events: none; }\r\n.wsx-blob-1 { top: -12%; right: -10%; width: 55vw; height: 55vw; background: radial-gradient(circle, rgba(1,179,253,.10) 0%, transparent 65%); filter: blur(50px); }\r\n.wsx-blob-2 { bottom: -15%; left: -8%; width: 50vw; height: 50vw; background: radial-gradient(circle, rgba(51,69,187,.08) 0%, transparent 65%); filter: blur(60px); }\r\n.wsx-inner { max-width: 1280px; margin: 0 auto; position: relative; z-index: 2; }\r\n.wsx-head { text-align: center; margin-bottom: 50px; }\r\n.wsx-label { display: inline-flex; align-items: center; gap: 10px; background: var(--lab-bg, rgba(1,179,253,.1)); border: 1px solid var(--lab-bd, rgba(1,179,253,.3)); border-radius: 100px; padding: 9px 22px; font-size: 11px; font-weight: 800; color: var(--lab-c, #01B3FD); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 26px; backdrop-filter: blur(10px); animation: wsx-up .8s ease both; }\r\n.wsx-label-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lab-c, #01B3FD); box-shadow: 0 0 10px var(--lab-c, #01B3FD); animation: wsx-pulse-dot 2s ease-in-out infinite; }\r\n.wsx-h2 { font-size: clamp(34px, 5vw, 54px); font-weight: 900; letter-spacing: -.02em; line-height: 1.5; margin: 0 auto 18px; max-width: 880px; animation: wsx-up .9s .1s ease both; }\r\n.wsx-h2 .t1 { color: #1a3a8f; display: block; }\r\n.wsx-h2 .t2 { display: block; background: var(--t2, linear-gradient(135deg, #01B3FD, #5a6ee8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n.wsx-sub { font-size: 16px; color: #5b6788; line-height: 1.9; max-width: 680px; margin: 0 auto; animation: wsx-up 1s .2s ease both; }\r\n\r\n.wsx-filters { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 44px; animation: wsx-up 1s .3s ease both; }\r\n.wsx-filter { display: inline-flex; align-items: center; gap: 8px; font-family: 'Tajawal', system-ui, sans-serif; padding: 11px 20px; border-radius: 100px; font-size: 13.5px; font-weight: 800; border: 1px solid rgba(1,179,253,.3); background: rgba(255,255,255,.7); color: #1a3a8f; cursor: pointer; transition: all .3s; backdrop-filter: blur(10px); box-shadow: 0 2px 8px rgba(26,58,143,.06); }\r\n.wsx-filter:hover:not(.active) { background: rgba(1,179,253,.08); border-color: rgba(1,179,253,.4); }\r\n.wsx-filter.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, #01B3FD, #5a6ee8); box-shadow: 0 8px 24px rgba(1,179,253,.4); }\r\n.wsx-filter-icon { font-size: 15px; line-height: 1; }\r\n\r\n.wsx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 120px; }\r\n.wsx-card { display: block; background: #fff; border-radius: 20px; overflow: hidden; border: 1px solid rgba(1,179,253,.15); box-shadow: 0 12px 30px rgba(26,58,143,.08); text-decoration: none; color: inherit; position: relative; cursor: pointer; animation: wsx-fade .55s ease both; transition: transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s; }\r\n.wsx-card:hover { transform: translateY(-8px); box-shadow: 0 28px 60px rgba(26,58,143,.18); }\r\n.wsx-card:hover .wsx-img { transform: scale(1.06); }\r\n.wsx-card:hover .wsx-play-btn { transform: translate(-50%, -50%) scale(1.14); box-shadow: 0 10px 30px rgba(0,0,0,.35); }\r\n.wsx-card:hover .wsx-thumb-overlay { opacity: 1; }\r\n\r\n.wsx-thumb { aspect-ratio: 16\/9; overflow: hidden; position: relative; background: #0f1e44; }\r\n.wsx-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s cubic-bezier(.2,.7,.3,1); }\r\n.wsx-thumb-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 20%, rgba(15,30,68,.6) 100%); opacity: 0; transition: opacity .35s; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 18px; color: #fff; font-weight: 800; font-size: 13px; }\r\n.wsx-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 58px; height: 58px; border-radius: 50%; background: rgba(255,255,255,.93); display: flex; align-items: center; justify-content: center; transition: transform .3s, box-shadow .3s; z-index: 3; box-shadow: 0 6px 20px rgba(0,0,0,.25); }\r\n.wsx-play-btn::after { content: ''; border-style: solid; border-width: 11px 0 11px 19px; border-color: transparent transparent transparent #e63946; margin-left: 4px; }\r\n.wsx-yt-badge { position: absolute; bottom: 12px; left: 12px; background: #FF0000; color: #fff; border-radius: 7px; padding: 4px 10px; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 5px; letter-spacing: .02em; }\r\n.wsx-cat { position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,.95); border: 1px solid var(--ac-bd, rgba(1,179,253,.2)); border-radius: 100px; padding: 5px 12px; font-size: 11px; font-weight: 800; color: var(--ac, #01B3FD); letter-spacing: .03em; backdrop-filter: blur(8px); z-index: 3; }\r\n.wsx-cat-icon { font-size: 12px; line-height: 1; }\r\n.wsx-body { padding: 20px 22px 22px; }\r\n.wsx-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }\r\n.wsx-title { font-size: 16px; font-weight: 800; color: #0f1e44; margin: 0; line-height: 1.45; flex: 1; }\r\n.wsx-arrow { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--ac-bg, rgba(1,179,253,.08)); color: var(--ac, #01B3FD); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; font-family: system-ui; transition: transform .35s; }\r\n.wsx-card:hover .wsx-arrow { transform: translateX(-6px) scale(1.1); }\r\n\r\n.wsx-steps-wrap { position: relative; }\r\n.wsx-flow-line { position: absolute; top: 62px; right: 10%; left: 10%; width: 80%; height: 80px; pointer-events: none; z-index: 0; }\r\n.wsx-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; position: relative; z-index: 1; }\r\n.wsx-step { background: rgba(255,255,255,.75); border: 1px solid rgba(1,179,253,.18); border-radius: 22px; padding: 32px 22px 28px; text-align: center; position: relative; backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(26,58,143,.06); transition: all .35s; }\r\n.wsx-step:hover { transform: translateY(-6px); background: #fff; box-shadow: 0 20px 50px rgba(26,58,143,.12); }\r\n.wsx-step:hover .wsx-step-num { transform: scale(1.05) rotate(-3deg); }\r\n.wsx-step-num { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 20px; background: var(--st-grad, linear-gradient(135deg, #01B3FD, #5a6ee8)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; font-weight: 900; box-shadow: 0 12px 24px rgba(1,179,253,.25), inset 0 1px 0 rgba(255,255,255,.3); position: relative; transition: transform .4s; }\r\n.wsx-step-icon { font-size: 26px; line-height: 1; }\r\n.wsx-step-badge { position: absolute; top: -8px; right: -8px; width: 26px; height: 26px; border-radius: 50%; background: #fff; border: 1.5px solid rgba(1,179,253,.3); color: #1a3a8f; font-size: 12px; font-weight: 900; display: flex; align-items: center; justify-content: center; font-family: system-ui; }\r\n.wsx-step h3 { font-size: 16px; font-weight: 900; color: #0f1e44; margin: 0 0 10px 0; line-height: 1.4; }\r\n.wsx-step p { font-size: 13.5px; color: #5b6788; line-height: 1.75; margin: 0; }\r\n\r\n.wsx-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 24px; font-family: 'Tajawal', system-ui, sans-serif; }\r\n.wsx-modal.open { display: flex; animation: wsx-modal-fade .3s ease both; }\r\n.wsx-modal-back { position: absolute; inset: 0; background: rgba(8,14,36,.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }\r\n.wsx-modal-box { position: relative; background: radial-gradient(ellipse at top right, rgba(1,179,253,.10) 0%, transparent 55%), linear-gradient(160deg, #fff 0%, #eef5fd 60%, #daeeff 100%); border: 1px solid rgba(1,179,253,.25); border-radius: 24px; box-shadow: 0 30px 80px rgba(8,14,36,.45); width: 100%; max-width: 900px; max-height: 92vh; overflow: hidden; display: flex; flex-direction: column; animation: wsx-modal-pop .45s cubic-bezier(.2,.9,.3,1.2) both; }\r\n.wsx-modal-close { position: absolute; top: 16px; left: 16px; z-index: 10; width: 42px; height: 42px; border-radius: 50%; border: none; background: rgba(255,255,255,.95); color: #1a3a8f; font-size: 22px; font-weight: 900; line-height: 1; cursor: pointer; box-shadow: 0 6px 18px rgba(26,58,143,.15); display: flex; align-items: center; justify-content: center; transition: transform .25s, background .25s, color .25s; font-family: system-ui; }\r\n.wsx-modal-close:hover { background: linear-gradient(135deg, #01B3FD, #5a6ee8); color: #fff; transform: rotate(90deg) scale(1.05); }\r\n.wsx-modal-scroll { overflow-y: auto; padding: 44px 44px 40px; scroll-behavior: smooth; }\r\n.wsx-modal-scroll::-webkit-scrollbar { width: 8px; }\r\n.wsx-modal-scroll::-webkit-scrollbar-track { background: rgba(1,179,253,.05); }\r\n.wsx-modal-scroll::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #01B3FD, #5a6ee8); border-radius: 8px; }\r\n\r\n.wsx-mod-cat { display: inline-flex; align-items: center; gap: 8px; background: var(--m-bg, rgba(1,179,253,.1)); border: 1px solid var(--m-bd, rgba(1,179,253,.3)); color: var(--m-ac, #01B3FD); border-radius: 100px; padding: 7px 16px; font-size: 12px; font-weight: 800; letter-spacing: .05em; margin-bottom: 16px; }\r\n.wsx-mod-title { font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: #0f1e44; margin: 0 0 10px 0; line-height: 1.35; }\r\n.wsx-mod-type { display: inline-block; font-size: 13px; font-weight: 700; color: #5b6788; background: rgba(26,58,143,.06); padding: 4px 12px; border-radius: 8px; margin-bottom: 24px; }\r\n.wsx-mod-type b { color: #1a3a8f; font-weight: 800; }\r\n.wsx-mod-video { position: relative; aspect-ratio: 16\/9; border-radius: 18px; overflow: hidden; background: #000; margin-bottom: 28px; box-shadow: 0 20px 50px rgba(26,58,143,.2); border: 1px solid rgba(1,179,253,.15); }\r\n.wsx-mod-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: none; }\r\n.wsx-yt-link { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 10px 20px; background: #FF000014; border: 1px solid #FF000030; border-radius: 12px; color: #cc0000; font-size: 13px; font-weight: 800; text-decoration: none; transition: background .25s; }\r\n.wsx-yt-link:hover { background: #FF000022; }\r\n.wsx-yt-link svg { width: 20px; height: 20px; flex-shrink: 0; }\r\n.wsx-mod-desc { font-size: 15px; color: #4a5478; line-height: 2; margin: 0; white-space: pre-line; }\r\n.wsx-mod-points { list-style: none; padding: 0; margin: 16px 0 0 0; display: flex; flex-direction: column; gap: 10px; }\r\n.wsx-mod-points li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: #3a4468; line-height: 1.7; }\r\n.wsx-mod-points li::before { content: '\u2726'; color: #01B3FD; font-size: 12px; margin-top: 4px; flex-shrink: 0; }\r\n\r\nbody.wsx-no-scroll { overflow: hidden; }\r\n\r\n@keyframes wsx-up { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); } }\r\n@keyframes wsx-fade { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }\r\n@keyframes wsx-pulse-dot { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.5); opacity: .4; } }\r\n@keyframes wsx-modal-fade { from { opacity: 0; } to { opacity: 1; } }\r\n@keyframes wsx-modal-pop { from { opacity: 0; transform: scale(.92) translateY(20px); } to { opacity: 1; transform: scale(1) translateY(0); } }\r\n\r\n@media (max-width: 980px) {\r\n    .wsx-grid { grid-template-columns: 1fr 1fr; }\r\n    .wsx-steps { grid-template-columns: 1fr 1fr; }\r\n    .wsx-flow-line { display: none; }\r\n    .wsx-modal-scroll { padding: 38px 28px 28px; }\r\n}\r\n@media (max-width: 640px) {\r\n    .wsx { padding: 70px 20px 80px; }\r\n    .wsx-grid { grid-template-columns: 1fr; }\r\n    .wsx-steps { grid-template-columns: 1fr; }\r\n    .wsx-h2 { font-size: 30px; }\r\n    .wsx-filters { gap: 8px; }\r\n    .wsx-filter { padding: 9px 14px; font-size: 12px; }\r\n    .wsx-modal { padding: 10px; }\r\n    .wsx-modal-box { max-height: 95vh; border-radius: 18px; }\r\n    .wsx-modal-scroll { padding: 28px 18px 22px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wsx\">\r\n  <div class=\"wsx-blob-1\"><\/div>\r\n  <div class=\"wsx-blob-2\"><\/div>\r\n  <div class=\"wsx-inner\">\r\n\r\n    <div class=\"wsx-head\">\r\n      <div class=\"wsx-label\"><span class=\"wsx-label-dot\"><\/span>\u0645\u0639\u0631\u0636 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/div>\r\n      <h2 class=\"wsx-h2\"><span class=\"t1\">\u0645\u0634\u0627\u0631\u064a\u0639 \u0646\u0641\u062e\u0631<\/span><span class=\"t2\">\u0628\u0635\u0646\u0627\u0639\u062a\u0647\u0627 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627<\/span><\/h2>\r\n      <p class=\"wsx-sub\">\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a \u2014 \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0623\u064a \u0645\u0634\u0631\u0648\u0639 \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u062a\u0641\u0627\u0635\u064a\u0644\u0647 \u0643\u0627\u0645\u0644\u0629.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"wsx-filters\" id=\"wsxFilters\">\r\n      <button class=\"wsx-filter active\" data-f=\"all\"><span class=\"wsx-filter-icon\">\u2728<\/span><span>\u0643\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/span><\/button>\r\n      <button class=\"wsx-filter\" data-f=\"motion\"><span class=\"wsx-filter-icon\">\ud83c\udfac<\/span><span>\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643<\/span><\/button>\r\n      <button class=\"wsx-filter\" data-f=\"editing\"><span class=\"wsx-filter-icon\">\ud83c\udf9e\ufe0f<\/span><span>\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/span><\/button>\r\n    <\/div>\r\n\r\n    <div class=\"wsx-grid\" id=\"wsxGrid\"><\/div>\r\n\r\n    <div class=\"wsx-head\">\r\n      <div class=\"wsx-label\" style=\"--lab-bg:rgba(124,93,255,.1);--lab-bd:rgba(124,93,255,.3);--lab-c:#7c5dff\"><span class=\"wsx-label-dot\"><\/span>\u0643\u064a\u0641 \u0646\u0639\u0645\u0644\u061f<\/div>\r\n      <h2 class=\"wsx-h2\" style=\"--t2:linear-gradient(135deg,#7c5dff,#01B3FD)\"><span class=\"t1\">\u0645\u0646\u0647\u062c\u064a\u062a\u0646\u0627 \u0641\u064a \u062a\u0646\u0641\u064a\u0630<\/span><span class=\"t2\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><\/h2>\r\n      <p class=\"wsx-sub\">\u062e\u0637\u0648\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0646\u0638\u0651\u0645\u0629 \u0645\u0646 \u0623\u0648\u0644 \u0644\u0642\u0627\u0621 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u2014 \u0644\u0636\u0645\u0627\u0646 \u0646\u062a\u0627\u0626\u062c \u062a\u062a\u062c\u0627\u0648\u0632 \u062a\u0648\u0642\u0639\u0627\u062a\u0643.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"wsx-steps-wrap\">\r\n      <svg class=\"wsx-flow-line\" viewBox=\"0 0 1000 80\" preserveAspectRatio=\"none\">\r\n        <defs><linearGradient id=\"wsxFG\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\r\n          <stop offset=\"0%\" stop-color=\"#7c5dff\" stop-opacity=\".6\"\/>\r\n          <stop offset=\"50%\" stop-color=\"#01B3FD\" stop-opacity=\".6\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#5a6ee8\" stop-opacity=\".6\"\/>\r\n        <\/linearGradient><\/defs>\r\n        <path d=\"M 0 40 Q 250 -10 500 40 T 1000 40\" fill=\"none\" stroke=\"url(#wsxFG)\" stroke-width=\"2\" stroke-dasharray=\"6 8\"\/>\r\n      <\/svg>\r\n      <div class=\"wsx-steps\">\r\n        <div class=\"wsx-step\" style=\"--st-grad:linear-gradient(135deg,#7c5dff,#5a6ee8);animation:wsx-up .8s .1s ease both\">\r\n          <div class=\"wsx-step-num\"><span class=\"wsx-step-badge\">01<\/span><span class=\"wsx-step-icon\">\ud83d\udd0d<\/span><\/div>\r\n          <h3>\u0641\u0647\u0645 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0641\u0643\u0631\u0629<\/h3><p>\u0646\u062a\u0639\u0645\u0651\u0642 \u0641\u064a \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0633\u0648\u0642 \u0644\u0628\u0646\u0627\u0621 \u0623\u0633\u0627\u0633 \u0645\u062a\u064a\u0646 \u0642\u0628\u0644 \u0623\u064a \u062a\u0635\u0645\u064a\u0645.<\/p>\r\n        <\/div>\r\n        <div class=\"wsx-step\" style=\"--st-grad:linear-gradient(135deg,#5a6ee8,#3345bb);animation:wsx-up .8s .2s ease both\">\r\n          <div class=\"wsx-step-num\"><span class=\"wsx-step-badge\">02<\/span><span class=\"wsx-step-icon\">\ud83d\udca1<\/span><\/div>\r\n          <h3>\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0641\u0647\u0648\u0645 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a<\/h3><p>\u0646\u0635\u0648\u063a \u0627\u0644\u0641\u0643\u0631\u0629 \u0641\u064a \u0631\u0624\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0645\u0648\u062c\u0651\u0647\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u062a\u0639\u0643\u0633 \u0647\u0648\u064a\u062a\u0643.<\/p>\r\n        <\/div>\r\n        <div class=\"wsx-step\" style=\"--st-grad:linear-gradient(135deg,#3345bb,#01B3FD);animation:wsx-up .8s .3s ease both\">\r\n          <div class=\"wsx-step-num\"><span class=\"wsx-step-badge\">03<\/span><span class=\"wsx-step-icon\">\ud83c\udfa8<\/span><\/div>\r\n          <h3>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c<\/h3><p>\u064a\u0628\u062f\u0623 \u0641\u0631\u064a\u0642\u0646\u0627 \u0628\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0631\u0626\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0648\u0634\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062d\u062f\u062b \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a.<\/p>\r\n        <\/div>\r\n        <div class=\"wsx-step\" style=\"--st-grad:linear-gradient(135deg,#01B3FD,#5a6ee8);animation:wsx-up .8s .4s ease both\">\r\n          <div class=\"wsx-step-num\"><span class=\"wsx-step-badge\">04<\/span><span class=\"wsx-step-icon\">\ud83d\udd01<\/span><\/div>\r\n          <h3>\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646<\/h3><p>\u062f\u0648\u0631\u0627\u062a \u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0636\u0645\u0627\u0646 \u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u0648\u0642\u0639\u0627\u062a\u0643 \u0628\u062f\u0642\u0651\u0629.<\/p>\r\n        <\/div>\r\n        <div class=\"wsx-step\" style=\"--st-grad:linear-gradient(135deg,#5a6ee8,#7c5dff);animation:wsx-up .8s .5s ease both\">\r\n          <div class=\"wsx-step-num\"><span class=\"wsx-step-badge\">05<\/span><span class=\"wsx-step-icon\">\ud83d\ude80<\/span><\/div>\r\n          <h3>\u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/h3><p>\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0628\u0623\u0639\u0644\u0649 \u062c\u0648\u062f\u0629 \u0648\u0628\u0635\u064a\u063a \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0646\u0634\u0631 \u0639\u0644\u0649 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Lightbox -->\r\n  <div class=\"wsx-lightbox\" id=\"wsxLightbox\">\r\n    <span class=\"wsx-lightbox-close\" id=\"wsxLightboxClose\">&times;<\/span>\r\n    <button class=\"wsx-nav-btn prev\" id=\"wsxPrevBtn\">\u276e<\/button>\r\n    <img decoding=\"async\" class=\"wsx-lightbox-content\" id=\"wsxLightboxImg\" src=\"\" alt=\"\">\r\n    <button class=\"wsx-nav-btn next\" id=\"wsxNextBtn\">\u276f<\/button>\r\n    <div class=\"wsx-lightbox-caption\" id=\"wsxCaption\"><\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Modal -->\r\n<div class=\"wsx-modal\" id=\"wsxModal\" role=\"dialog\" aria-modal=\"true\">\r\n  <div class=\"wsx-modal-back\" data-close=\"1\"><\/div>\r\n  <div class=\"wsx-modal-box\">\r\n    <button class=\"wsx-modal-close\" data-close=\"1\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\u00d7<\/button>\r\n    <div class=\"wsx-modal-scroll\" id=\"wsxModalContent\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* ============================\r\n     \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\r\n  ============================ *\/\r\n  var PROJECTS = [\r\n    {\r\n      title: '\u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u2013 Simercury',\r\n      client: '\u0634\u0631\u0643\u0629 \u0633\u064a\u0645\u0631\u0643\u0648\u0631\u064a',\r\n      cat: 'motion', catLabel: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', catIcon: '\ud83c\udfac', ac: '#5a6ee8',\r\n      type: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u2013 \u0641\u064a\u062f\u064a\u0648 \u062a\u0631\u0648\u064a\u062c\u064a \u062a\u0648\u0639\u0648\u064a',\r\n      ytId: 'BJDp3VR1-Dk',\r\n      ytUrl: 'https:\/\/www.youtube.com\/watch?v=BJDp3VR1-Dk',\r\n      desc: '\u062a\u0645 \u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0645\u0646\u0635\u0629 \"\u0633\u064a\u0645\u0631\u0643\u0648\u0631\u064a\"\u060c \u0648\u0647\u064a \u0645\u0646\u0635\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062f\u0639\u0645 \u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629.\\n\\n\u064a\u0631\u0648\u064a \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0642\u0635\u0629 \"\u0646\u0648\u0631\u0629\"\u060c \u0635\u0627\u062d\u0628\u0629 \u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0643\u0627\u0646\u062a \u062a\u0648\u0627\u062c\u0647 \u062a\u062d\u062f\u064a\u0627\u062a \u0641\u064a \u062c\u0630\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0631\u0628\u0627\u062d \u0645\u0633\u062a\u0642\u0631\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0631\u0636 \u0628\u0635\u0631\u064a \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0648\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u0633\u0631\u062f\u064a \u0648\u0627\u0636\u062d\u060c \u064a\u0648\u0636\u062d \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0643\u064a\u0641 \u0633\u0627\u0639\u062f\u062a \u0645\u0646\u0635\u0629 Simercury \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629.\\n\\n\u0631\u0643\u0632 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u062a\u062d\u0648\u064a\u0644\u0647\u0627 \u0625\u0644\u0649 \u0642\u0635\u0629 \u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0645\u0642\u0646\u0639\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u0645\u0646\u0635\u0629.',\r\n      points: ['\u062a\u062d\u0644\u064a\u0644 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0630\u0643\u0627\u0621', '\u0625\u0631\u0633\u0627\u0644 \u062d\u0645\u0644\u0627\u062a \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u0648\u062c\u0647\u0629', '\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u062c\u0645\u0647\u0648\u0631', '\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0645\u0639 \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629']\r\n    },\r\n    {\r\n      title: '\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0644\u062e\u062f\u0645\u0627\u062a Movmatic Studio',\r\n      client: '\u0633\u062a\u0648\u062f\u064a\u0648 \u0645\u0648\u0641\u0645\u0627\u062a\u0643',\r\n      cat: 'motion', catLabel: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', catIcon: '\ud83c\udfac', ac: '#3345bb',\r\n      type: '\u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062a\u0631\u0648\u064a\u062c\u064a \u2013 Branding Video',\r\n      ytId: 'vXYZSkkQlnE',\r\n      ytUrl: 'https:\/\/www.youtube.com\/watch?v=vXYZSkkQlnE',\r\n      desc: '\u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u0642\u0635\u064a\u0631 \u064a\u0628\u0631\u0632 \u0631\u0624\u064a\u0629 \u0633\u062a\u0648\u062f\u064a\u0648 Movmatic \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0623\u0633\u0644\u0648\u0628\u0647 \u0641\u064a \u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u062b\u0631.\\n\\n\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0639\u0644\u0649 \u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u062d\u062f\u064a\u062b \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629\u060c \u0645\u0639 \u0631\u0633\u0627\u0644\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0624\u0643\u062f \u0623\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u0645\u062f\u0631\u0648\u0633 \u0647\u0648 \u0623\u0633\u0627\u0633 \u0627\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0645\u062a\u0633\u0627\u0631\u0639.',\r\n      points: ['\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a', '\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a', '\u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a', '\u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0635\u0648\u0631\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629']\r\n    },\r\n    {\r\n      title: '\u0633\u0644\u0633\u0644\u0629 \"\u0631\u0633\u0627\u0644\u0629 \u0645\u062d\u0627\u0645\u064a\" \u2013 \u0645\u062d\u062a\u0648\u0649 \u0642\u0627\u0646\u0648\u0646\u064a \u0645\u0631\u0626\u064a',\r\n      client: '\u0645\u0643\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0642\u0628\u0627\u0644\u064a',\r\n      cat: 'motion', catLabel: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', catIcon: '\ud83c\udfac', ac: '#01B3FD',\r\n      type: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u2013 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u062a\u0648\u0639\u0648\u064a\u0629',\r\n      ytId: '5nC7EwDUPqs',\r\n      customThumb: 'https:\/\/img.youtube.com\/vi\/5nC7EwDUPqs\/hqdefault.jpg',\r\n      ytUrl: 'https:\/\/www.youtube.com\/watch?v=5nC7EwDUPqs',\r\n      desc: '\u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u062a\u0639\u0631\u064a\u0641\u064a \u0644\u0633\u0644\u0633\u0644\u0629 \"\u0631\u0633\u0627\u0644\u0629 \u0645\u062d\u0627\u0645\u064a\" \u0627\u0644\u062a\u064a \u064a\u0642\u062f\u0645\u0647\u0627 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0635\u0644\u0627\u062d \u0627\u0644\u0645\u0642\u0628\u0627\u0644\u064a\u060c \u0628\u0647\u062f\u0641 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u0633\u0647\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629 \u0644\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0639\u0627\u0645.\\n\\n\u0633\u0627\u0647\u0645 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0641\u064a \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0646 \u0635\u064a\u063a\u0629 \u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0625\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0645\u0631\u0626\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629.',\r\n      points: ['\u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629', '\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u0648\u0627\u0636\u062d \u0648\u062c\u0630\u0627\u0628', '\u0628\u0646\u0627\u0621 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u0648\u062d\u062f\u0629 \u0644\u0644\u0633\u0644\u0633\u0644\u0629', '\u062a\u0639\u0632\u064a\u0632 \u062b\u0642\u0629 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0628\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a']\r\n    },\r\n    {\r\n      title: '\u0631\u062d\u0644\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0645\u0646 \u063a\u0632\u0629 \u0625\u0644\u0649 \u0645\u0633\u0642\u0637',\r\n      client: 'Movmatic Studio',\r\n      cat: 'editing', catLabel: '\u0645\u0648\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648', catIcon: '\ud83c\udf9e\ufe0f', ac: '#7c5dff',\r\n      type: '\u0641\u064a\u0644\u0645 \u062a\u0639\u0631\u064a\u0641\u064a \u2013 Branding & Creative Journey',\r\n      ytId: 'hq5L2OfLhFU',\r\n      ytUrl: 'https:\/\/www.youtube.com\/watch?v=hq5L2OfLhFU',\r\n      gallery: [\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.50.jpeg',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.50-1.jpeg',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.49.jpeg',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/1-1.png',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.48-1.jpeg',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.49-1.jpeg',\r\n        'https:\/\/movmatic.studio\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-11-at-23.24.49-2.jpeg'\r\n      ],\r\n      desc: '\u064a\u0648\u062b\u0642 \u0647\u0630\u0627 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0627\u0644\u0631\u062d\u0644\u0629 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0641\u0631\u064a\u0642 Movmatic Studio \u0645\u0646\u0630 \u0627\u0646\u0637\u0644\u0627\u0642\u062a\u0647 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u063a\u0632\u0629 \u0648\u062d\u062a\u0649 \u062a\u0648\u0633\u0639\u0647 \u0648\u0648\u0635\u0648\u0644\u0647 \u0625\u0644\u0649 \u0633\u0644\u0637\u0646\u0629 \u0639\u0645\u0627\u0646\u060c \u0641\u064a \u0642\u0635\u0629 \u062a\u0639\u0643\u0633 \u0627\u0644\u0634\u063a\u0641 \u0648\u0627\u0644\u0625\u0635\u0631\u0627\u0631 \u0639\u0644\u0649 \u0635\u0646\u0627\u0639\u0629 \u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u0644\u0627\u0645\u0633 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.\\n\\n\u064a\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0645\u0627\u0630\u062c \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0641\u064a \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643\u060c \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u0631\u0627\u0641\u064a\u0643\u064a\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0647\u0648\u064a\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u0644\u0623\u0633\u0644\u0648\u0628 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0632 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.\\n\\n\u0627\u0644\u0641\u064a\u0644\u0645 \u064a\u0639\u0643\u0633 \u0631\u0624\u064a\u0629 \u0645\u0648\u0641\u0645\u0627\u062a\u0643 \u0641\u064a \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0628\u0635\u0631\u064a\u0629 \u0645\u0624\u062b\u0631\u0629 \u062a\u0624\u0643\u062f \u0623\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0644\u0627 \u062a\u062d\u062f\u0647 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0627.',\r\n      points: ['\u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0648\u0645\u062d\u062a\u0648\u0649 \u0628\u0635\u0631\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a', '\u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0648\u0647\u0648\u064a\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u0645\u0628\u062a\u0643\u0631\u0629', '\u0639\u0631\u0636 \u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0637\u0648\u0631 \u0648\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \u063a\u0632\u0629 \u0625\u0644\u0649 \u0633\u0644\u0637\u0646\u0629 \u0639\u0645\u0627\u0646', '\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0625\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0628\u0635\u0631\u064a\u0629 \u0645\u0624\u062b\u0631\u0629', '\u062f\u0645\u062c \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0645\u0639 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629']\r\n    },\r\n    {\r\n      title: '\u0645\u0624\u062a\u0645\u0631 AYATS \u0628\u062a\u062c\u0631\u0628\u0629 \u0628\u0635\u0631\u064a\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629',\r\n      client: '\u0627\u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629',\r\n      cat: 'motion', catLabel: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', catIcon: '\ud83c\udfac', ac: '#7c5dff',\r\n      type: '\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a \u2013 Motion Graphics & 3D',\r\n      ytId: '2W1sisL9PkI',\r\n      ytUrl: 'https:\/\/youtu.be\/2W1sisL9PkI',\r\n      desc: '\u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0633\u064a\u0646\u0645\u0627\u0626\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0648\u0627\u0644\u0645\u0624\u062b\u0631\u0627\u062a \u0627\u0644\u0628\u0635\u0631\u064a\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0644\u0644\u0625\u0639\u0644\u0627\u0646 \u0639\u0646 \u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0633\u0644\u0637\u0646\u0629 \u0639\u064f\u0645\u0627\u0646 \u0644\u0645\u0624\u062a\u0645\u0631 AYATS \u0627\u0644\u062f\u0648\u0644\u064a \u0641\u064a \u062f\u064a\u0633\u0645\u0628\u0631 2025 \u0628\u062c\u0627\u0645\u0639\u0629 \u0627\u0644\u0633\u0644\u0637\u0627\u0646 \u0642\u0627\u0628\u0648\u0633.\\n\\n\u064a\u0633\u0644\u0637 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0645\u0641\u0647\u0648\u0645 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647\u0627 \u062c\u0633\u0631\u0627\u064b \u064a\u0631\u0628\u0637 \u0627\u0644\u062b\u0642\u0627\u0641\u0627\u062a \u0648\u0627\u0644\u0634\u0639\u0648\u0628\u060c \u0645\u0639 \u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u0625\u0631\u062b \u0627\u0644\u062d\u0636\u0627\u0631\u064a \u0627\u0644\u0639\u064f\u0645\u0627\u0646\u064a \u0648\u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u062d\u062f\u064a\u062b \u0628\u0645\u0627 \u064a\u0646\u0633\u062c\u0645 \u0645\u0639 \u0631\u0624\u064a\u0629 \u0639\u064f\u0645\u0627\u0646 2040.\\n\\n\u0627\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0639\u0644\u0649 \u0633\u0631\u062f \u0628\u0635\u0631\u064a \u0631\u0627\u0642\u064d \u0648\u0645\u0624\u062b\u0631\u0627\u062a \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u062a\u0642\u062f\u064a\u0645 \u0631\u0633\u0627\u0644\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0648\u062b\u0642\u0627\u0641\u064a\u0629 \u0628\u0623\u0633\u0644\u0648\u0628 \u062d\u062f\u064a\u062b \u064a\u0639\u0643\u0633 \u0645\u0643\u0627\u0646\u0629 \u0627\u0644\u0645\u0624\u062a\u0645\u0631 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.',\r\n      points: ['\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u062a\u0631\u062c\u0645\u0629 \u0643\u0642\u064a\u0645\u0629 \u0625\u0646\u0633\u0627\u0646\u064a\u0629 \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0629', '\u062a\u0633\u0644\u064a\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0644\u0633\u0644\u0637\u0646\u0629 \u0639\u0645\u0627\u0646', '\u062f\u0645\u062c \u0639\u0646\u0627\u0635\u0631 \u0648\u0645\u0624\u062b\u0631\u0627\u062a \u0628\u0635\u0631\u064a\u0629 \u062b\u0644\u0627\u062b\u064a\u0629 \u0627\u0644\u0623\u0628\u0639\u0627\u062f', '\u062e\u0644\u0642 \u062a\u062c\u0631\u0628\u0629 \u0628\u0635\u0631\u064a\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629', '\u062a\u0642\u062f\u064a\u0645 \u0645\u0641\u0647\u0648\u0645 \u0627\u0644\u062d\u0648\u0627\u0631 \u0628\u064a\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629']\r\n    },\r\n    {\r\n      title: '\u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0644\u0645\u0646\u0635\u0629 \u062a\u0633\u0647\u064a\u0644',\r\n      client: '\u0634\u0631\u0643\u0629 \u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u064a\u0629 \u0644\u0644\u062a\u0642\u0646\u064a\u0629',\r\n      cat: 'motion', catLabel: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643', catIcon: '\ud83c\udfac', ac: '#01B3FD',\r\n      type: '\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u2013 \u0641\u064a\u062f\u064a\u0648 \u062a\u0631\u0648\u064a\u062c\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629',\r\n      ytId: 'KrBb_MWdNXs',\r\n      ytUrl: 'https:\/\/www.youtube.com\/watch?v=KrBb_MWdNXs',\r\n      desc: '\u062a\u0635\u0645\u064a\u0645 \u0648\u0625\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0644\u0645\u0646\u0635\u0629 \u062a\u0633\u0647\u064a\u0644\u060c \u0648\u0647\u064a \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0642\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0648\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a.\\n\\n\u064a\u0631\u0643\u0632 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0639\u0644\u0649 \u0639\u0631\u0636 \u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0645\u0646\u0635\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0633\u0644\u0648\u0628 \u0628\u0635\u0631\u064a \u062d\u062f\u064a\u062b \u0648\u0631\u0633\u0648\u0645 \u0645\u062a\u062d\u0631\u0643\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u0645\u0641\u0627\u0647\u064a\u0645 \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0648\u0625\u0628\u0631\u0627\u0632 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u062f\u0645\u0629.\\n\\n\u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u064a\u0639\u0643\u0633 \u0628\u064a\u0626\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0646\u062d\u0648 \u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0634\u063a\u064a\u0644 \u0623\u0643\u062b\u0631 \u0643\u0641\u0627\u0621\u0629 \u0648\u0625\u0646\u062a\u0627\u062c\u064a\u0629.',\r\n      points: ['\u0625\u062f\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u0644\u062e\u0637\u0627\u0628\u0627\u062a \u0627\u0644\u0635\u0627\u062f\u0631\u0629 \u0648\u0627\u0644\u0648\u0627\u0631\u062f\u0629', '\u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0628\u0634\u0643\u0644 \u0630\u0643\u064a', '\u0642\u064a\u0627\u0633 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u0646\u0633\u0628 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0644\u0644\u0645\u0648\u0638\u0641\u064a\u0646 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0627\u062a', '\u0645\u062d\u0631\u0643 \u0645\u062a\u0642\u062f\u0645 \u0644\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0633\u0631\u064a\u0639', '\u062f\u0639\u0645 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0648\u0631\u0627\u0642']\r\n    }\r\n  ];\r\n\r\n  \/* ============================\r\n     \u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631\r\n  ============================ *\/\r\n  var grid     = document.getElementById('wsxGrid');\r\n  var filters  = document.querySelectorAll('#wsxFilters .wsx-filter');\r\n  var modal    = document.getElementById('wsxModal');\r\n  var modalCnt = document.getElementById('wsxModalContent');\r\n  var lightbox       = document.getElementById('wsxLightbox');\r\n  var lightboxImg    = document.getElementById('wsxLightboxImg');\r\n  var lightboxClose  = document.getElementById('wsxLightboxClose');\r\n  var captionEl      = document.getElementById('wsxCaption');\r\n\r\n  var currentGalleryImages = [];\r\n  var currentImageIndex    = 0;\r\n\r\n  \/* ============================\r\n     \u062f\u0648\u0627\u0644 \u0645\u0633\u0627\u0639\u062f\u0629\r\n  ============================ *\/\r\n  function embed(id) {\r\n    return 'https:\/\/www.youtube.com\/embed\/' + id + '?rel=0&showinfo=0';\r\n  }\r\n\r\n  function hex2rgba(h, a) {\r\n    var v = h.replace('#', '');\r\n    var r = parseInt(v.substr(0, 2), 16);\r\n    var g = parseInt(v.substr(2, 2), 16);\r\n    var b = parseInt(v.substr(4, 2), 16);\r\n    return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';\r\n  }\r\n\r\n  function esc(s) {\r\n    return String(s).replace(\/[&<>\"']\/g, function (c) {\r\n      return { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }[c];\r\n    });\r\n  }\r\n\r\n  \/* ============================\r\n     \u0628\u0646\u0627\u0621 \u0643\u0631\u0648\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639\r\n  ============================ *\/\r\n  function render(f) {\r\n    var list = (f === 'all') ? PROJECTS : PROJECTS.filter(function (p) { return p.cat === f; });\r\n\r\n    grid.innerHTML = list.map(function (p) {\r\n      var idx = PROJECTS.indexOf(p);\r\n\r\n      \/* \u0635\u0648\u0631\u0629 \u0627\u0644\u063a\u0644\u0627\u0641: customThumb \u0623\u0648\u0644\u0627\u064b\u060c \u0648\u0625\u0644\u0627 maxresdefault *\/\r\n      var imgSrc   = p.customThumb || ('https:\/\/img.youtube.com\/vi\/' + p.ytId + '\/maxresdefault.jpg');\r\n      var fb1      = 'https:\/\/img.youtube.com\/vi\/' + p.ytId + '\/hqdefault.jpg';\r\n      var fb2      = 'https:\/\/img.youtube.com\/vi\/' + p.ytId + '\/mqdefault.jpg';\r\n      \/* onerror \u064a\u062c\u0631\u0628 hqdefault \u062b\u0645 mqdefault \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0644\u0623\u064a \u0643\u0627\u0631\u062a *\/\r\n      var onerror  = \"if(this.src.indexOf('maxresdefault')>-1){this.src='\" + fb1 + \"'}else if(this.src.indexOf('hqdefault')>-1){this.src='\" + fb2 + \"'}\";\r\n\r\n      return (\r\n        '<div class=\"wsx-card\" data-idx=\"' + idx + '\" ' +\r\n        'style=\"--ac:' + p.ac + ';--ac-bg:' + hex2rgba(p.ac, 0.08) + ';--ac-bd:' + hex2rgba(p.ac, 0.2) + '\">' +\r\n          '<div class=\"wsx-thumb\">' +\r\n            '<img decoding=\"async\" class=\"wsx-img\" src=\"' + imgSrc + '\" alt=\"' + esc(p.title) + '\" onerror=\"' + onerror + '\">' +\r\n            '<div class=\"wsx-thumb-overlay\">\u25b6 \u0627\u0636\u063a\u0637 \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/div>' +\r\n            '<div class=\"wsx-play-btn\"><\/div>' +\r\n            '<span class=\"wsx-cat\"><span class=\"wsx-cat-icon\">' + p.catIcon + '<\/span>' + esc(p.catLabel) + '<\/span>' +\r\n            '<span class=\"wsx-yt-badge\">\u25b6 YouTube<\/span>' +\r\n          '<\/div>' +\r\n          '<div class=\"wsx-body\"><div class=\"wsx-row\">' +\r\n            '<div>' +\r\n              '<div style=\"font-size:11px;color:#8a9baa;font-weight:700;margin-bottom:4px\">' + esc(p.client) + '<\/div>' +\r\n              '<h3 class=\"wsx-title\">' + esc(p.title) + '<\/h3>' +\r\n            '<\/div>' +\r\n            '<span class=\"wsx-arrow\">\u2190<\/span>' +\r\n          '<\/div><\/div>' +\r\n        '<\/div>'\r\n      );\r\n    }).join('');\r\n\r\n    grid.querySelectorAll('.wsx-card').forEach(function (c) {\r\n      c.addEventListener('click', function () { openModal(parseInt(c.dataset.idx, 10)); });\r\n    });\r\n  }\r\n\r\n  \/* ============================\r\n     \u0641\u062a\u062d \u0627\u0644\u0640 Modal\r\n  ============================ *\/\r\n  function openModal(idx) {\r\n    var p = PROJECTS[idx];\r\n    if (!p) return;\r\n\r\n    var pointsHtml = p.points.map(function (pt) { return '<li>' + esc(pt) + '<\/li>'; }).join('');\r\n\r\n    var galleryHtml = '';\r\n    if (p.gallery && p.gallery.length) {\r\n      galleryHtml = '<div class=\"wsx-gallery\">' +\r\n        p.gallery.map(function (img) {\r\n          return (\r\n            '<div class=\"wsx-gallery-item\">' +\r\n              '<img decoding=\"async\" src=\"' + img + '\" alt=\"' + esc(p.title) + '\">' +\r\n              '<div class=\"wsx-gallery-overlay\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0643\u0628\u064a\u0631<\/div>' +\r\n            '<\/div>'\r\n          );\r\n        }).join('') +\r\n      '<\/div>';\r\n    }\r\n\r\n    modalCnt.innerHTML =\r\n      '<div class=\"wsx-mod-cat\" style=\"--m-ac:' + p.ac + ';--m-bg:' + hex2rgba(p.ac, 0.1) + ';--m-bd:' + hex2rgba(p.ac, 0.3) + '\">' +\r\n        '<span style=\"font-size:14px;line-height:1\">' + p.catIcon + '<\/span>' + esc(p.catLabel) +\r\n      '<\/div>' +\r\n      '<div style=\"font-size:12px;color:#8a9baa;font-weight:700;margin-bottom:6px\">' + esc(p.client) + '<\/div>' +\r\n      '<h2 class=\"wsx-mod-title\">' + esc(p.title) + '<\/h2>' +\r\n      '<div class=\"wsx-mod-type\"><b>\u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639:<\/b> ' + esc(p.type) + '<\/div>' +\r\n      '<div class=\"wsx-mod-video\">' +\r\n        '<iframe src=\"' + embed(p.ytId) + '\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" loading=\"lazy\"><\/iframe>' +\r\n      '<\/div>' +\r\n      '<a class=\"wsx-yt-link\" href=\"' + p.ytUrl + '\" target=\"_blank\" rel=\"noopener\">' +\r\n        '<svg viewBox=\"0 0 24 24\" fill=\"#FF0000\"><path d=\"M19.59 6.69a4.83 4.83 0 01-3.77-2.75 12.58 12.58 0 00-8.64 0A4.83 4.83 0 013.41 6.69 17.65 17.65 0 002 12a17.65 17.65 0 001.41 5.31 4.83 4.83 0 003.77 2.75 12.58 12.58 0 008.64 0 4.83 4.83 0 003.77-2.75A17.65 17.65 0 0022 12a17.65 17.65 0 00-2.41-5.31zM9.75 15V9l6 3-6 3z\"\/><\/svg>' +\r\n        '\u0634\u0627\u0647\u062f \u0639\u0644\u0649 YouTube' +\r\n      '<\/a>' +\r\n      '<p class=\"wsx-mod-desc\">' + esc(p.desc) + '<\/p>' +\r\n      galleryHtml +\r\n      '<ul class=\"wsx-mod-points\">' + pointsHtml + '<\/ul>';\r\n\r\n    modal.classList.add('open');\r\n    document.body.classList.add('wsx-no-scroll');\r\n    modalCnt.scrollTop = 0;\r\n  }\r\n\r\n  \/* ============================\r\n     \u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0640 Modal\r\n  ============================ *\/\r\n  function closeModal() {\r\n    var iframe = modalCnt.querySelector('iframe');\r\n    if (iframe) { iframe.src = iframe.src; }\r\n    modal.classList.remove('open');\r\n    document.body.classList.remove('wsx-no-scroll');\r\n  }\r\n\r\n  modal.addEventListener('click', function (e) { if (e.target.dataset.close) closeModal(); });\r\n\r\n  \/* ============================\r\n     Lightbox \u2013 \u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0635\u0648\u0631\u0629\r\n  ============================ *\/\r\n  function updateLightboxImage() {\r\n    if (!currentGalleryImages.length) return;\r\n    lightboxImg.style.opacity = '0';\r\n    setTimeout(function () {\r\n      lightboxImg.src = currentGalleryImages[currentImageIndex];\r\n      captionEl.innerText = (currentImageIndex + 1) + ' \/ ' + currentGalleryImages.length;\r\n      lightboxImg.style.opacity = '1';\r\n    }, 150);\r\n  }\r\n\r\n  function openLightbox(images, startIndex) {\r\n    currentGalleryImages = images;\r\n    currentImageIndex    = startIndex || 0;\r\n    updateLightboxImage();\r\n    lightbox.classList.add('open');\r\n    document.body.classList.add('wsx-no-scroll');\r\n  }\r\n\r\n  function closeLightbox() {\r\n    lightbox.classList.remove('open');\r\n    lightboxImg.src = '';\r\n    captionEl.innerText = '';\r\n    if (!modal.classList.contains('open')) {\r\n      document.body.classList.remove('wsx-no-scroll');\r\n    }\r\n  }\r\n\r\n  \/* ============================\r\n     \u0623\u062d\u062f\u0627\u062b \u0627\u0644\u0646\u0642\u0631 (\u0645\u0648\u062d\u0651\u062f\u0629)\r\n  ============================ *\/\r\n  document.addEventListener('click', function (e) {\r\n\r\n    \/* \u0641\u062a\u062d Lightbox \u0639\u0646\u062f \u0627\u0644\u0646\u0642\u0631 \u0639\u0644\u0649 \u0635\u0648\u0631\u0629 \u0645\u0646 \u0627\u0644\u0645\u0639\u0631\u0636 *\/\r\n    var galleryItem = e.target.closest('.wsx-gallery-item');\r\n    if (galleryItem) {\r\n      var container = galleryItem.closest('.wsx-gallery');\r\n      var allImgs   = Array.from(container.querySelectorAll('img'));\r\n      var images    = allImgs.map(function (img) { return img.src; });\r\n      var clicked   = galleryItem.querySelector('img').src;\r\n      openLightbox(images, images.indexOf(clicked));\r\n      return;\r\n    }\r\n\r\n    \/* \u0632\u0631 \u0627\u0644\u062a\u0627\u0644\u064a *\/\r\n    if (e.target.id === 'wsxNextBtn' || e.target.closest('#wsxNextBtn')) {\r\n      currentImageIndex = (currentImageIndex + 1) % currentGalleryImages.length;\r\n      updateLightboxImage();\r\n      return;\r\n    }\r\n\r\n    \/* \u0632\u0631 \u0627\u0644\u0633\u0627\u0628\u0642 *\/\r\n    if (e.target.id === 'wsxPrevBtn' || e.target.closest('#wsxPrevBtn')) {\r\n      currentImageIndex = (currentImageIndex - 1 + currentGalleryImages.length) % currentGalleryImages.length;\r\n      updateLightboxImage();\r\n      return;\r\n    }\r\n\r\n    \/* \u0625\u063a\u0644\u0627\u0642 Lightbox *\/\r\n    if (e.target === lightbox || e.target === lightboxClose || e.target.id === 'wsxLightboxClose') {\r\n      closeLightbox();\r\n      return;\r\n    }\r\n\r\n  });\r\n\r\n  \/* ============================\r\n     \u0623\u062d\u062f\u0627\u062b \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d\r\n  ============================ *\/\r\n  document.addEventListener('keydown', function (e) {\r\n\r\n    \/* \u0625\u063a\u0644\u0627\u0642 Modal *\/\r\n    if (e.key === 'Escape' && modal.classList.contains('open')) {\r\n      closeModal();\r\n      return;\r\n    }\r\n\r\n    \/* \u062a\u0646\u0642\u0644 Lightbox *\/\r\n    if (lightbox.classList.contains('open')) {\r\n      if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n        if (e.key === 'ArrowRight') {\r\n          currentImageIndex = (currentImageIndex + 1) % currentGalleryImages.length;\r\n        } else {\r\n          currentImageIndex = (currentImageIndex - 1 + currentGalleryImages.length) % currentGalleryImages.length;\r\n        }\r\n        updateLightboxImage();\r\n      }\r\n      if (e.key === 'Escape') { closeLightbox(); }\r\n    }\r\n\r\n  });\r\n\r\n  \/* ============================\r\n     \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u0641\u0644\u062a\u0631\r\n  ============================ *\/\r\n  filters.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      filters.forEach(function (b) { b.classList.toggle('active', b === btn); });\r\n      render(btn.dataset.f);\r\n    });\r\n  });\r\n\r\n  \/* ============================\r\n     \u062a\u0634\u063a\u064a\u0644 \u0623\u0648\u0644\u064a\r\n  ============================ *\/\r\n  render('all');\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1967d39 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1967d39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f146c17 elementor-widget elementor-widget-digtek-project-grid-2-widget\" data-id=\"f146c17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"digtek-project-grid-2-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\r\n\r\n\t <script>\r\n jQuery(document).ready(function($) {\r\n\r\n\/\/ js code start\r\n\r\nif($(\".project-slider\").length > 0) {\r\n\tconst projectSlider = new Swiper(\".project-slider\", {\r\n\t\tspaceBetween: 30,\r\n\t\tspeed: 2000,\r\n\t\tloop: true,\r\n\t\tautoplay: {\r\n\t\t\tdelay: 1000,\r\n\t\t\tdisableOnInteraction: false,\r\n\t\t},\r\n\t\tbreakpoints: {\r\n\t\t\t991: {\r\n\t\t\t\tslidesPerView: 3,\r\n\t\t\t},\r\n\t\t\t767: {\r\n\t\t\t\tslidesPerView: 2,\r\n\t\t\t},\r\n\t\t\t575: {\r\n\t\t\t\tslidesPerView: 1,\r\n\t\t\t},\r\n\t\t\t0: {\r\n\t\t\t\tslidesPerView: 1,\r\n\t\t\t},\r\n\t\t},\r\n\t});\r\n}\r\n\r\n\/\/ js code end \r\n\r\n  });\r\n<\/script>\r\n\r\n\t\t\t<div class=\"row g-4\">\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/03.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tDigital Marketing\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Marketing<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/02.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tPPC Advertising\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Seo Design<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/01-1.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tConstruction Planning\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Design<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/05.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tDigital Marketing\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Marketing<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/06.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tPPC Advertising\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Seo Design<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"col-lg-6 col-md-6\">\r\n\t\t\t\t\t<div class=\"case-studies-card-items mt-0\">\r\n\t\t\t\t\t\t<div class=\"thumb\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/movmatic.studio\/wp-content\/uploads\/2024\/11\/07.jpg\" alt=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t<div class=\"title\">\r\n\t\t\t\t\t\t\t\t<h3>\r\n\t\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\">\r\n\t\t\t\t\t\t\t\t\tConstruction Planning\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t<p>Design<\/p>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<a href=\"\/wp\/digtek\/all-project\/ppc-advertising\/\" class=\"icon\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/a>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\r\n\r\n             \r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee50c8c e-con-full e-flex e-con e-parent\" data-id=\"ee50c8c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-30865ae elementor-widget elementor-widget-html\" data-id=\"30865ae\" 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-e3b0591 e-con-full e-flex e-con e-parent\" data-id=\"e3b0591\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-abb6274 e-con-full e-flex e-con e-child\" data-id=\"abb6274\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc25638 elementor-widget elementor-widget-html\" data-id=\"bc25638\" 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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u064a\u0628\u062f\u0623 \u0628\u0641\u0643\u0631\u0629 \u0648\u064a\u0646\u062a\u0647\u064a \u0628\u062a\u0623\u062b\u064a\u0631 \u062d\u0642\u064a\u0642\u064a \u0646\u0633\u062a\u0639\u0631\u0636 \u0647\u0646\u0627 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u064a \u0646\u0641\u0651\u0630\u0646\u0627\u0647\u0627 \u0641\u064a \u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643\u060c \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0628\u0635\u0631\u064a\u0629\u060c \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0631\u0642\u0645\u064a\u060c \u0648\u0627\u0644\u0625\u0634\u0631\u0627\u0641 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u2014 \u0643\u0644 \u0639\u0645\u0644 \u064a\u0639\u0643\u0633 \u0631\u0624\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0644\u0645\u0648\u0633\u0629. \u0645\u0648\u0634\u0646 \u062c\u0631\u0627\u0641\u064a\u0643 \u0647\u0648\u064a\u0629 \u0628\u0635\u0631\u064a\u0629 \u0645\u062d\u062a\u0648\u0649 \u0631\u0642\u0645\u064a \u0645\u0648\u0646\u062a\u0627\u062c \u0641\u064a\u062f\u064a\u0648 \u0625\u0634\u0631\u0627\u0641 \u0625\u0628\u062f\u0627\u0639\u064a \u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u2190 \u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/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-1037","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\/1037","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=1037"}],"version-history":[{"count":65,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"predecessor-version":[{"id":1893,"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/pages\/1037\/revisions\/1893"}],"wp:attachment":[{"href":"https:\/\/movmatic.studio\/en\/wp-json\/wp\/v2\/media?parent=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}