{"id":19,"date":"2026-11-03T01:32:00","date_gmt":"2026-11-02T22:02:00","guid":{"rendered":"https:\/\/mohammadhajializade.ir\/?page_id=19"},"modified":"2026-11-03T02:54:20","modified_gmt":"2026-11-02T23:24:20","slug":"%d9%85%d8%ad%d9%85%d8%af-%d8%ad%d8%a7%d8%ac%db%8c-%d8%b9%d9%84%db%8c%d8%b2%d8%a7%d8%af%d9%87","status":"publish","type":"page","link":"https:\/\/mohammadhajializade.ir\/","title":{"rendered":"\u0645\u062d\u0645\u062f \u062d\u0627\u062c\u06cc \u0639\u0644\u06cc\u0632\u0627\u062f\u0647"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c31bc38 e-con-full e-flex e-con e-parent\" data-id=\"c31bc38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d1333 elementor-widget elementor-widget-html\" data-id=\"82d1333\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"mw-portfolio-hero\" dir=\"rtl\" id=\"mw-home\">\r\n\r\n<style>\r\n\/* =========================================\r\n   PERSONAL PORTFOLIO - LUXURY IRANIAN HERO\r\n========================================= *\/\r\n\r\n.mw-portfolio-hero {\r\n  --bg: #0B1928;\r\n  --panel: #102438;\r\n  --gold: #B99A61;\r\n  --gold-light: #DCC493;\r\n  --white: #F4F0E7;\r\n  --muted: #AEB9C5;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  width: 100%;\r\n  min-height: 850px;\r\n  padding: 0 7%;\r\n  overflow: hidden;\r\n  color: var(--white);\r\n  background: var(--bg);\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.mw-portfolio-hero *,\r\n.mw-portfolio-hero *::before,\r\n.mw-portfolio-hero *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.mw-portfolio-hero a {\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* =========================================\r\n   ANIMATED BACKGROUND\r\n========================================= *\/\r\n\r\n.mw-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  overflow: hidden;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(ellipse at 75% 45%, rgba(185,154,97,.07), transparent 42%),\r\n    radial-gradient(ellipse at 15% 85%, rgba(35,92,115,.13), transparent 42%),\r\n    #0B1928;\r\n}\r\n\r\n\/* Moving grid *\/\r\n\r\n.mw-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .13;\r\n  background-image:\r\n    linear-gradient(rgba(185,154,97,.17) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(185,154,97,.17) 1px, transparent 1px);\r\n  background-size: 75px 75px;\r\n  animation: mwGridMove 45s linear infinite;\r\n  mask-image: linear-gradient(to bottom, black, transparent 95%);\r\n}\r\n\r\n@keyframes mwGridMove {\r\n  from { background-position: 0 0; }\r\n  to { background-position: 150px 75px; }\r\n}\r\n\r\n\/* Persian geometry *\/\r\n\r\n.mw-bg-pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: .2;\r\n}\r\n\r\n.mw-bg-pattern svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.mw-pattern-rotate {\r\n  transform-origin: center;\r\n  animation: mwPatternRotate 120s linear infinite;\r\n}\r\n\r\n@keyframes mwPatternRotate {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.mw-pattern-stroke {\r\n  fill: none;\r\n  stroke: #B99A61;\r\n  stroke-width: .8;\r\n  stroke-dasharray: 5 13;\r\n  animation: mwPatternDraw 28s linear infinite;\r\n}\r\n\r\n.mw-pattern-stroke:nth-child(2) {\r\n  animation-duration: 40s;\r\n  animation-direction: reverse;\r\n}\r\n\r\n.mw-pattern-stroke:nth-child(3) {\r\n  animation-duration: 34s;\r\n}\r\n\r\n@keyframes mwPatternDraw {\r\n  to { stroke-dashoffset: -450; }\r\n}\r\n\r\n\/* Large geometric ornaments *\/\r\n\r\n.mw-bg-ornament {\r\n  position: absolute;\r\n  width: 430px;\r\n  height: 430px;\r\n  opacity: .11;\r\n  animation: mwOrnamentSpin 100s linear infinite;\r\n}\r\n\r\n.mw-bg-ornament svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.mw-bg-ornament.one {\r\n  left: -180px;\r\n  top: -180px;\r\n}\r\n\r\n.mw-bg-ornament.two {\r\n  right: -180px;\r\n  bottom: -200px;\r\n  animation-direction: reverse;\r\n  width: 500px;\r\n  height: 500px;\r\n}\r\n\r\n@keyframes mwOrnamentSpin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Light fields *\/\r\n\r\n.mw-bg-glow {\r\n  position: absolute;\r\n  width: 480px;\r\n  height: 480px;\r\n  border-radius: 50%;\r\n  filter: blur(110px);\r\n  opacity: .10;\r\n}\r\n\r\n.mw-bg-glow.one {\r\n  background: #B99A61;\r\n  top: 10%;\r\n  right: 20%;\r\n  animation: mwGlowMove 19s ease-in-out infinite alternate;\r\n}\r\n\r\n.mw-bg-glow.two {\r\n  background: #24677B;\r\n  bottom: -15%;\r\n  left: 5%;\r\n  animation: mwGlowMove 24s ease-in-out infinite alternate-reverse;\r\n}\r\n\r\n@keyframes mwGlowMove {\r\n  from { transform: translate(0,0) scale(.8); }\r\n  to { transform: translate(90px,-65px) scale(1.2); }\r\n}\r\n\r\n\/* Network *\/\r\n\r\n.mw-network {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  opacity: .7;\r\n}\r\n\r\n.mw-network-lines {\r\n  fill: none;\r\n  stroke: #B99A61;\r\n  stroke-width: .7;\r\n  opacity: .25;\r\n}\r\n\r\n.mw-network-dot {\r\n  fill: #DCC493;\r\n  transform-box: fill-box;\r\n  transform-origin: center;\r\n  animation: mwDotPulse 4s ease-in-out infinite;\r\n}\r\n\r\n.mw-network-dot:nth-child(2n) {\r\n  animation-delay: -2s;\r\n}\r\n\r\n.mw-network-dot:nth-child(3n) {\r\n  animation-delay: -1s;\r\n}\r\n\r\n@keyframes mwDotPulse {\r\n  0%,100% { opacity: .2; transform: scale(.6); }\r\n  50% { opacity: 1; transform: scale(1.6); }\r\n}\r\n\r\n\/* Floating particles *\/\r\n\r\n.mw-particles {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.mw-particle {\r\n  position: absolute;\r\n  width: 3px;\r\n  height: 3px;\r\n  border-radius: 50%;\r\n  background: var(--gold-light);\r\n  box-shadow: 0 0 12px rgba(220,196,147,.8);\r\n  animation: mwParticleRise linear infinite;\r\n}\r\n\r\n.mw-particle:nth-child(1) {\r\n  left: 8%; bottom: -5%;\r\n  animation-duration: 20s;\r\n}\r\n\r\n.mw-particle:nth-child(2) {\r\n  left: 22%; bottom: -5%;\r\n  animation-duration: 25s;\r\n  animation-delay: -8s;\r\n}\r\n\r\n.mw-particle:nth-child(3) {\r\n  left: 42%; bottom: -5%;\r\n  animation-duration: 19s;\r\n  animation-delay: -4s;\r\n}\r\n\r\n.mw-particle:nth-child(4) {\r\n  left: 62%; bottom: -5%;\r\n  animation-duration: 24s;\r\n  animation-delay: -12s;\r\n}\r\n\r\n.mw-particle:nth-child(5) {\r\n  left: 82%; bottom: -5%;\r\n  animation-duration: 21s;\r\n  animation-delay: -5s;\r\n}\r\n\r\n.mw-particle:nth-child(6) {\r\n  left: 94%; bottom: -5%;\r\n  animation-duration: 23s;\r\n  animation-delay: -10s;\r\n}\r\n\r\n@keyframes mwParticleRise {\r\n  0% {\r\n    transform: translateY(0) translateX(0);\r\n    opacity: 0;\r\n  }\r\n  15% { opacity: .8; }\r\n  80% { opacity: .5; }\r\n  100% {\r\n    transform: translateY(-900px) translateX(60px);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n\/* Light sweep *\/\r\n\r\n.mw-bg-light {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 85%;\r\n  top: 5%;\r\n  right: 20%;\r\n  background: linear-gradient(transparent, #DCC493, transparent);\r\n  opacity: .2;\r\n  transform: rotate(35deg);\r\n  animation: mwLightSweep 15s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mwLightSweep {\r\n  0%,100% {\r\n    opacity: 0;\r\n    transform: translateX(0) rotate(35deg);\r\n  }\r\n  50% {\r\n    opacity: .35;\r\n    transform: translateX(-220px) rotate(35deg);\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.mw-header {\r\n  position: relative;\r\n  z-index: 20;\r\n  max-width: 1500px;\r\n  height: 105px;\r\n  margin: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid rgba(220,196,147,.16);\r\n}\r\n\r\n.mw-brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  color: var(--white) !important;\r\n}\r\n\r\n.mw-brand-icon {\r\n  width: 46px;\r\n  height: 46px;\r\n  color: var(--gold-light);\r\n}\r\n\r\n.mw-brand-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.mw-brand-name {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n}\r\n\r\n.mw-brand-name strong {\r\n  color: var(--white);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n}\r\n\r\n.mw-brand-name small {\r\n  color: var(--gold);\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n}\r\n\r\n.mw-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 32px;\r\n}\r\n\r\n.mw-nav a {\r\n  position: relative;\r\n  color: var(--muted) !important;\r\n  font-size: 12px;\r\n  transition: color .3s;\r\n}\r\n\r\n.mw-nav a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: -12px;\r\n  width: 0;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  transition: width .3s;\r\n}\r\n\r\n.mw-nav a:hover,\r\n.mw-nav a.active {\r\n  color: var(--gold-light) !important;\r\n}\r\n\r\n.mw-nav a:hover::after,\r\n.mw-nav a.active::after {\r\n  width: 100%;\r\n}\r\n\r\n.mw-header-btn {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px 17px;\r\n  border: 1px solid rgba(185,154,97,.45);\r\n  color: var(--gold-light) !important;\r\n  font-size: 11px;\r\n  transition: .3s;\r\n}\r\n\r\n.mw-header-btn:hover {\r\n  background: rgba(185,154,97,.1);\r\n  border-color: var(--gold-light);\r\n}\r\n\r\n.mw-header-btn svg {\r\n  width: 16px;\r\n  height: 16px;\r\n}\r\n\r\n.mw-menu-btn {\r\n  display: none;\r\n  background: none;\r\n  border: 0;\r\n  padding: 10px;\r\n}\r\n\r\n.mw-menu-btn span {\r\n  display: block;\r\n  width: 25px;\r\n  height: 1px;\r\n  margin: 6px 0;\r\n  background: var(--gold-light);\r\n}\r\n\r\n\/* =========================================\r\n   HERO CONTENT\r\n========================================= *\/\r\n\r\n.mw-hero-layout {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1500px;\r\n  min-height: 610px;\r\n  margin: auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  align-items: center;\r\n  gap: 45px;\r\n  padding: 50px 0 40px;\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.mw-copy {\r\n  position: relative;\r\n  z-index: 4;\r\n  padding: 20px 0 20px 25px;\r\n}\r\n\r\n.mw-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  color: var(--gold-light);\r\n  font-size: 12px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.mw-eyebrow-line {\r\n  width: 42px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n}\r\n\r\n.mw-eyebrow-dot {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 50%;\r\n  background: var(--gold);\r\n  box-shadow: 0 0 12px var(--gold);\r\n}\r\n\r\n.mw-title {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: var(--white) !important;\r\n  font-size: clamp(40px,4.5vw,66px);\r\n  font-weight: 800;\r\n  line-height: 1.65;\r\n  letter-spacing: -2px;\r\n}\r\n\r\n.mw-title span {\r\n  color: var(--gold-light);\r\n  font-weight: 500;\r\n}\r\n\r\n.mw-title-rule {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.mw-title-rule span {\r\n  width: 40px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n}\r\n\r\n.mw-title-rule svg {\r\n  width: 50px;\r\n  height: 12px;\r\n}\r\n\r\n.mw-description {\r\n  max-width: 500px;\r\n  margin: 25px 0 0 !important;\r\n  color: var(--muted) !important;\r\n  font-size: 14px;\r\n  line-height: 2.5;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.mw-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 30px;\r\n  margin-top: 34px;\r\n}\r\n\r\n.mw-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 20px;\r\n  min-width: 185px;\r\n  padding: 15px 20px;\r\n  color: #111D29 !important;\r\n  background: linear-gradient(120deg,#DCC493,#B99A61);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  transition: .35s;\r\n}\r\n\r\n.mw-btn-primary:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 35px rgba(185,154,97,.22);\r\n}\r\n\r\n.mw-btn-primary svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  transition: transform .3s;\r\n}\r\n\r\n.mw-btn-primary:hover svg {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n.mw-btn-secondary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  color: var(--gold-light) !important;\r\n  font-size: 12px;\r\n  transition: .3s;\r\n}\r\n\r\n.mw-btn-secondary span {\r\n  font-size: 18px;\r\n}\r\n\r\n.mw-btn-secondary:hover {\r\n  color: white !important;\r\n}\r\n\r\n\/* META *\/\r\n\r\n.mw-meta {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 18px;\r\n  margin-top: 55px;\r\n}\r\n\r\n.mw-meta-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: var(--muted);\r\n  font-size: 10px;\r\n}\r\n\r\n.mw-meta-item i {\r\n  color: var(--gold);\r\n  font-style: normal;\r\n}\r\n\r\n.mw-meta-divider {\r\n  width: 1px;\r\n  height: 17px;\r\n  background: rgba(185,154,97,.3);\r\n}\r\n\r\n\/* =========================================\r\n   ASYMMETRIC PORTRAIT\r\n========================================= *\/\r\n\r\n.mw-artwork {\r\n  position: relative;\r\n  min-height: 550px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  isolation: isolate;\r\n}\r\n\r\n.mw-orbit {\r\n  position: absolute;\r\n  width: 115%;\r\n  height: 115%;\r\n  max-width: 650px;\r\n  z-index: -1;\r\n  overflow: visible;\r\n  pointer-events: none;\r\n}\r\n\r\n.mw-orbit-group {\r\n  transform-origin: 300px 325px;\r\n  animation: mwOrbit 90s linear infinite;\r\n}\r\n\r\n@keyframes mwOrbit {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.mw-portrait {\r\n  position: relative;\r\n  width: min(340px,72%);\r\n  height: 445px;\r\n  z-index: 2;\r\n  transform: translateY(-5px);\r\n  animation: mwPortraitFloat 7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mwPortraitFloat {\r\n  0%,100% { transform: translateY(-5px); }\r\n  50% { transform: translateY(-15px); }\r\n}\r\n\r\n.mw-portrait-border {\r\n  position: absolute;\r\n  inset: -12px;\r\n  border: 1px solid rgba(190,158,100,.85);\r\n  border-radius: 44% 56% 32% 68% \/ 28% 34% 66% 72%;\r\n  transform: rotate(4deg);\r\n  transition: .7s;\r\n}\r\n\r\n.mw-portrait-border-two {\r\n  position: absolute;\r\n  inset: -22px;\r\n  border: 1px solid rgba(190,158,100,.25);\r\n  border-radius: 51% 49% 40% 60% \/ 34% 44% 56% 66%;\r\n  transform: rotate(-5deg);\r\n  transition: .8s;\r\n}\r\n\r\n.mw-portrait-photo {\r\n  position: absolute;\r\n  inset: 0;\r\n  overflow: hidden;\r\n  background: #172B3D;\r\n  border-radius: 46% 54% 35% 65% \/ 30% 35% 65% 70%;\r\n  box-shadow:\r\n    0 30px 80px rgba(0,0,0,.4),\r\n    0 0 50px rgba(185,154,97,.08);\r\n}\r\n\r\n.mw-portrait-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center 25%;\r\n  transition: transform 1s ease;\r\n}\r\n\r\n.mw-artwork:hover .mw-portrait-photo img {\r\n  transform: scale(1.055);\r\n}\r\n\r\n.mw-artwork:hover .mw-portrait-border {\r\n  transform: rotate(-2deg) scale(1.025);\r\n}\r\n\r\n.mw-artwork:hover .mw-portrait-border-two {\r\n  transform: rotate(2deg) scale(1.02);\r\n}\r\n\r\n.mw-portrait-shade {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(\r\n    180deg,\r\n    rgba(8,20,33,.02) 45%,\r\n    rgba(8,20,33,.65) 100%\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n.mw-photo-label {\r\n  position: absolute;\r\n  right: 25px;\r\n  bottom: 28px;\r\n  z-index: 3;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: #E3CEA2;\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n}\r\n\r\n.mw-photo-label span {\r\n  width: 25px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n}\r\n\r\n.mw-photo-year {\r\n  position: absolute;\r\n  top: 27px;\r\n  left: 27px;\r\n  z-index: 3;\r\n  color: #E1C995;\r\n  font-size: 11px;\r\n}\r\n\r\n\/* Small ornament *\/\r\n\r\n.mw-floating-mark {\r\n  position: absolute;\r\n  width: 90px;\r\n  height: 90px;\r\n  top: 35px;\r\n  right: 5%;\r\n  z-index: 4;\r\n  animation: mwMarkRotate 30s linear infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n.mw-floating-mark svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n@keyframes mwMarkRotate {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Artwork particles *\/\r\n\r\n.mw-art-dot {\r\n  position: absolute;\r\n  width: 4px;\r\n  height: 4px;\r\n  border-radius: 50%;\r\n  background: var(--gold-light);\r\n  box-shadow: 0 0 13px var(--gold);\r\n  pointer-events: none;\r\n  animation: mwArtDot 6s ease-in-out infinite;\r\n}\r\n\r\n.mw-art-dot.a { top: 20%; left: 12%; }\r\n.mw-art-dot.b { top: 65%; right: 8%; animation-delay: -2s; }\r\n.mw-art-dot.c { bottom: 17%; left: 20%; animation-delay: -4s; }\r\n\r\n@keyframes mwArtDot {\r\n  0%,100% { transform: translateY(0); opacity: .3; }\r\n  50% { transform: translateY(-20px); opacity: 1; }\r\n}\r\n\r\n.mw-art-caption {\r\n  position: absolute;\r\n  bottom: 7px;\r\n  left: 1%;\r\n  z-index: 4;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--gold-light);\r\n  font-size: 10px;\r\n}\r\n\r\n.mw-art-caption span {\r\n  width: 30px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM BAR\r\n========================================= *\/\r\n\r\n.mw-bottom {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 1500px;\r\n  min-height: 95px;\r\n  margin: auto;\r\n  padding: 20px 0;\r\n  border-top: 1px solid rgba(220,196,147,.17);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n}\r\n\r\n.mw-bottom-title {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  color: var(--white);\r\n  font-size: 11px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.mw-bottom-title span {\r\n  color: var(--gold);\r\n  font-size: 17px;\r\n}\r\n\r\n.mw-bottom-divider {\r\n  width: 1px;\r\n  height: 30px;\r\n  background: rgba(185,154,97,.35);\r\n}\r\n\r\n.mw-bottom-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.mw-bottom-number {\r\n  color: var(--gold);\r\n  font-size: 10px;\r\n}\r\n\r\n.mw-bottom-label {\r\n  color: var(--muted);\r\n  font-size: 10px;\r\n}\r\n\r\n\/* Scroll *\/\r\n\r\n.mw-scroll {\r\n  position: absolute;\r\n  left: 2%;\r\n  bottom: 115px;\r\n  z-index: 4;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  color: rgba(220,196,147,.7) !important;\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n  writing-mode: vertical-rl;\r\n}\r\n\r\n.mw-scroll-line {\r\n  width: 1px;\r\n  height: 40px;\r\n  background: linear-gradient(var(--gold),transparent);\r\n  animation: mwScroll 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes mwScroll {\r\n  0%,100% { transform: scaleY(.5); }\r\n  50% { transform: scaleY(1); }\r\n}\r\n\r\n\/* Reveal *\/\r\n\r\n.mw-anim {\r\n  opacity: 0;\r\n  transform: translateY(22px);\r\n  animation: mwReveal .9s ease forwards;\r\n}\r\n\r\n.mw-eyebrow { animation-delay: .1s; }\r\n.mw-title { animation-delay: .2s; }\r\n.mw-title-rule { animation-delay: .35s; }\r\n.mw-description { animation-delay: .45s; }\r\n.mw-actions { animation-delay: .55s; }\r\n.mw-meta { animation-delay: .65s; }\r\n\r\n@keyframes mwReveal {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1100px) {\r\n  .mw-portfolio-hero { padding: 0 5%; }\r\n  .mw-nav { gap: 17px; }\r\n  .mw-hero-layout { gap: 15px; }\r\n  .mw-title { font-size: clamp(37px,5vw,54px); }\r\n  .mw-portrait { width: 290px; height: 400px; }\r\n  .mw-bottom { gap: 12px; }\r\n}\r\n\r\n@media(max-width:767px) {\r\n\r\n  .mw-portfolio-hero {\r\n    min-height: auto;\r\n    padding: 0 22px 30px;\r\n  }\r\n\r\n  .mw-header {\r\n    height: 78px;\r\n  }\r\n\r\n  .mw-brand-icon {\r\n    width: 38px;\r\n    height: 38px;\r\n  }\r\n\r\n  .mw-brand-name strong { font-size: 13px; }\r\n\r\n  .mw-header-btn { display: none; }\r\n\r\n  .mw-menu-btn { display: block; }\r\n\r\n  .mw-nav {\r\n    position: absolute;\r\n    top: 78px;\r\n    right: 0;\r\n    left: 0;\r\n    display: none;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 0;\r\n    padding: 10px 18px;\r\n    background: #102438;\r\n    border: 1px solid rgba(185,154,97,.2);\r\n    box-shadow: 0 15px 30px rgba(0,0,0,.25);\r\n  }\r\n\r\n  .mw-nav.open { display: flex; }\r\n\r\n  .mw-nav a {\r\n    padding: 14px 5px;\r\n    border-bottom: 1px solid rgba(220,196,147,.1);\r\n  }\r\n\r\n  .mw-nav a::after { display: none; }\r\n\r\n  .mw-hero-layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    padding: 30px 0 25px;\r\n  }\r\n\r\n  .mw-artwork {\r\n    order: 1;\r\n    min-height: 430px;\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .mw-copy {\r\n    order: 2;\r\n    width: 100%;\r\n    padding: 15px 0;\r\n  }\r\n\r\n  .mw-portrait {\r\n    width: min(70%,290px);\r\n    height: 365px;\r\n  }\r\n\r\n  .mw-orbit {\r\n    width: 115%;\r\n    height: 115%;\r\n  }\r\n\r\n  .mw-floating-mark {\r\n    width: 65px;\r\n    height: 65px;\r\n    top: 30px;\r\n    right: 3%;\r\n  }\r\n\r\n  .mw-art-caption {\r\n    bottom: 0;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .mw-eyebrow {\r\n    font-size: 11px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .mw-title {\r\n    font-size: clamp(36px,9vw,48px);\r\n    line-height: 1.65;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .mw-description {\r\n    font-size: 13px;\r\n    line-height: 2.3;\r\n    margin-top: 20px !important;\r\n  }\r\n\r\n  .mw-actions {\r\n    margin-top: 25px;\r\n    gap: 18px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .mw-btn-primary {\r\n    min-width: 160px;\r\n    padding: 14px;\r\n  }\r\n\r\n  .mw-meta {\r\n    margin-top: 35px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .mw-meta-item { font-size: 9px; }\r\n\r\n  .mw-bottom {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px 12px;\r\n    padding: 25px 0;\r\n  }\r\n\r\n  .mw-bottom-title { grid-column: 1 \/ -1; }\r\n  .mw-bottom-divider { display: none; }\r\n  .mw-bottom-item { white-space: normal; }\r\n  .mw-scroll { display: none; }\r\n\r\n  .mw-bg-pattern { opacity: .12; }\r\n  .mw-bg-glow { width: 280px; height: 280px; }\r\n  .mw-bg-light { display: none; }\r\n}\r\n\r\n@media(max-width:390px) {\r\n  .mw-portfolio-hero {\r\n    padding-left: 17px;\r\n    padding-right: 17px;\r\n  }\r\n\r\n  .mw-portrait {\r\n    width: 73%;\r\n    height: 335px;\r\n  }\r\n\r\n  .mw-title { font-size: 34px; }\r\n}\r\n\r\n\/* Reduced motion *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .mw-portfolio-hero *,\r\n  .mw-portfolio-hero *::before,\r\n  .mw-portfolio-hero *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- =========================================\r\n     BACKGROUND HTML \/ SVG\r\n========================================= -->\r\n\r\n<div class=\"mw-bg\" aria-hidden=\"true\">\r\n\r\n  <div class=\"mw-bg-grid\"><\/div>\r\n\r\n  <!-- Iranian knot pattern -->\r\n  <div class=\"mw-bg-pattern\">\r\n    <svg viewBox=\"0 0 1200 850\" preserveAspectRatio=\"xMidYMid slice\">\r\n      <defs>\r\n        <pattern id=\"mw-knot-pattern\"\r\n                 width=\"180\" height=\"180\"\r\n                 patternUnits=\"userSpaceOnUse\">\r\n\r\n          <path d=\"M90 0L180 90L90 180L0 90Z\r\n                   M90 25L155 90L90 155L25 90Z\r\n                   M90 0V180M0 90H180\r\n                   M25 25L155 155M155 25L25 155\"\r\n                fill=\"none\"\r\n                stroke=\"#B99A61\"\r\n                stroke-width=\".8\"\/>\r\n\r\n          <circle cx=\"90\" cy=\"90\" r=\"8\"\r\n                  fill=\"none\"\r\n                  stroke=\"#DCC493\"\r\n                  stroke-width=\".8\"\/>\r\n        <\/pattern>\r\n      <\/defs>\r\n\r\n      <rect width=\"1200\" height=\"850\"\r\n            fill=\"url(#mw-knot-pattern)\"\r\n            opacity=\".35\"\/>\r\n\r\n      <g class=\"mw-pattern-rotate\">\r\n        <g class=\"mw-pattern-stroke\">\r\n          <path d=\"M-100 250Q250 20 500 250T1100 250T1700 250\"\/>\r\n          <path d=\"M-100 550Q250 320 500 550T1100 550T1700 550\"\/>\r\n          <path d=\"M100 0L400 850M500 0L800 850M900 0L1200 850\"\/>\r\n        <\/g>\r\n\r\n        <g class=\"mw-pattern-stroke\">\r\n          <path d=\"M0 100L1200 750M0 750L1200 100\"\/>\r\n          <path d=\"M0 425Q300 200 600 425T1200 425\"\/>\r\n        <\/g>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- Decorative geometric corners -->\r\n  <div class=\"mw-bg-ornament one\">\r\n    <svg viewBox=\"0 0 400 400\" fill=\"none\">\r\n      <g stroke=\"#B99A61\" stroke-width=\"1\">\r\n        <path d=\"M200 0L400 200L200 400L0 200Z\"\/>\r\n        <path d=\"M200 35L365 200L200 365L35 200Z\"\/>\r\n        <path d=\"M200 70L330 200L200 330L70 200Z\"\/>\r\n        <path d=\"M0 0L400 400M400 0L0 400\"\/>\r\n        <circle cx=\"200\" cy=\"200\" r=\"70\"\/>\r\n        <circle cx=\"200\" cy=\"200\" r=\"110\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"mw-bg-ornament two\">\r\n    <svg viewBox=\"0 0 400 400\" fill=\"none\">\r\n      <g stroke=\"#B99A61\" stroke-width=\"1\">\r\n        <path d=\"M200 0L400 200L200 400L0 200Z\"\/>\r\n        <path d=\"M200 35L365 200L200 365L35 200Z\"\/>\r\n        <path d=\"M200 70L330 200L200 330L70 200Z\"\/>\r\n        <path d=\"M0 0L400 400M400 0L0 400\"\/>\r\n        <circle cx=\"200\" cy=\"200\" r=\"70\"\/>\r\n        <circle cx=\"200\" cy=\"200\" r=\"110\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- Network -->\r\n  <svg class=\"mw-network\" viewBox=\"0 0 1200 850\"\r\n       preserveAspectRatio=\"none\">\r\n\r\n    <g class=\"mw-network-lines\">\r\n      <path d=\"M100 150L280 240L450 130L650 270L850 150L1080 280\"\/>\r\n      <path d=\"M100 550L280 430L450 600L650 440L850 580L1080 430\"\/>\r\n      <path d=\"M280 240L280 430M450 130L450 600M650 270L650 440M850 150L850 580\"\/>\r\n      <path d=\"M100 150L100 550M1080 280L1080 430\"\/>\r\n    <\/g>\r\n\r\n    <g>\r\n      <circle class=\"mw-network-dot\" cx=\"100\" cy=\"150\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"280\" cy=\"240\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"450\" cy=\"130\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"650\" cy=\"270\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"850\" cy=\"150\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"1080\" cy=\"280\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"100\" cy=\"550\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"280\" cy=\"430\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"450\" cy=\"600\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"650\" cy=\"440\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"850\" cy=\"580\" r=\"3\"\/>\r\n      <circle class=\"mw-network-dot\" cx=\"1080\" cy=\"430\" r=\"3\"\/>\r\n    <\/g>\r\n  <\/svg>\r\n\r\n  <div class=\"mw-bg-glow one\"><\/div>\r\n  <div class=\"mw-bg-glow two\"><\/div>\r\n\r\n  <div class=\"mw-particles\">\r\n    <i class=\"mw-particle\"><\/i>\r\n    <i class=\"mw-particle\"><\/i>\r\n    <i class=\"mw-particle\"><\/i>\r\n    <i class=\"mw-particle\"><\/i>\r\n    <i class=\"mw-particle\"><\/i>\r\n    <i class=\"mw-particle\"><\/i>\r\n  <\/div>\r\n\r\n  <div class=\"mw-bg-light\"><\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =========================================\r\n     HEADER\r\n========================================= -->\r\n\r\n<header class=\"mw-header\">\r\n\r\n  <a href=\"#mw-home\" class=\"mw-brand\">\r\n    <span class=\"mw-brand-icon\">\r\n      <svg viewBox=\"0 0 60 60\" fill=\"none\">\r\n        <path d=\"M30 3L56 30L30 57L4 30Z\"\r\n              stroke=\"currentColor\" stroke-width=\"1.4\"\/>\r\n        <path d=\"M30 12L47 30L30 48L13 30Z\"\r\n              stroke=\"currentColor\" stroke-width=\"1.2\"\/>\r\n        <path d=\"M30 3V57M4 30H56\"\r\n              stroke=\"currentColor\" stroke-width=\".8\"\/>\r\n        <circle cx=\"30\" cy=\"30\" r=\"4\" fill=\"currentColor\"\/>\r\n      <\/svg>\r\n    <\/span>\r\n\r\n    <span class=\"mw-brand-name\">\r\n      <strong>\u0645\u062d\u0645\u062f \u062d\u0627\u062c\u06cc \u0639\u0644\u06cc\u0632\u0627\u062f\u0647<\/strong>\r\n      <small>PERSONAL PORTFOLIO<\/small>\r\n    <\/span>\r\n  <\/a>\r\n\r\n  <nav class=\"mw-nav\">\r\n    <a href=\"#mw-home\" class=\"active\">\u062e\u0627\u0646\u0647<\/a>\r\n    <a href=\"#mw-about\">\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646<\/a>\r\n    <a href=\"#mw-expertise\">\u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a<\/a>\r\n    <a href=\"#mw-projects\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/a>\r\n    <a href=\"#mw-contact\">\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0646<\/a>\r\n  <\/nav>\r\n\r\n  <a href=\"#mw-contact\" class=\"mw-header-btn\">\r\n    <span>\u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u0645<\/span>\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n      <path d=\"M7 17L17 7M7 7H17V17\"\r\n            stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <button class=\"mw-menu-btn\" type=\"button\" aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/button>\r\n\r\n<\/header>\r\n\r\n<!-- =========================================\r\n     MAIN HERO\r\n========================================= -->\r\n\r\n<main class=\"mw-hero-layout\">\r\n\r\n  <div class=\"mw-copy\">\r\n\r\n    <div class=\"mw-eyebrow mw-anim\">\r\n      <span class=\"mw-eyebrow-line\"><\/span>\r\n      <span>\u0627\u0646\u062f\u06cc\u0634\u0647 \u00b7 \u0645\u062f\u06cc\u0631\u06cc\u062a \u00b7 \u0622\u0641\u0631\u06cc\u0646\u0634<\/span>\r\n      <span class=\"mw-eyebrow-dot\"><\/span>\r\n    <\/div>\r\n\r\n    <h1 class=\"mw-title mw-anim\">\r\n      \u0633\u0627\u062e\u062a\u0646 \u0622\u06cc\u0646\u062f\u0647\u060c\r\n      <br>\r\n      <span>\u0628\u0627 \u0646\u06af\u0627\u0647\u06cc \u0641\u0631\u0627\u062a\u0631<\/span>\r\n      \u0627\u0632 \u0627\u0645\u0631\u0648\u0632.\r\n    <\/h1>\r\n\r\n    <div class=\"mw-title-rule mw-anim\">\r\n      <span><\/span>\r\n      <svg viewBox=\"0 0 50 12\" fill=\"none\">\r\n        <path d=\"M0 6H17L25 1L33 6H50\"\r\n              stroke=\"#B99A61\" stroke-width=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <p class=\"mw-description mw-anim\">\r\n      \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u0645 \u0645\u0633\u06cc\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628 \u0627\u0646\u062f\u06cc\u0634\u0647 \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u060c\r\n      \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0648 \u062e\u0644\u0642 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0645\u06cc\u200c\u06af\u0630\u0631\u062f.\r\n      \u062a\u0644\u0627\u0634\u0645 \u0628\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0641\u0631\u0635\u062a \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627 \u0631\u0627\r\n      \u0628\u0647 \u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627\u06cc \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u0645.\r\n    <\/p>\r\n\r\n\r\n\r\n    <div class=\"mw-meta mw-anim\">\r\n      <div class=\"mw-meta-item\">\r\n        <i>\u2726<\/i>\r\n        <span>\u0646\u06af\u0627\u0647 \u0631\u0627\u0647\u0628\u0631\u062f\u06cc<\/span>\r\n      <\/div>\r\n      <div class=\"mw-meta-divider\"><\/div>\r\n      <div class=\"mw-meta-item\">\r\n        <i>\u2726<\/i>\r\n        <span>\u062a\u0641\u06a9\u0631 \u062e\u0644\u0627\u0642<\/span>\r\n      <\/div>\r\n      <div class=\"mw-meta-divider\"><\/div>\r\n      <div class=\"mw-meta-item\">\r\n        <i>\u2726<\/i>\r\n        <span>\u062e\u0644\u0642 \u0627\u0631\u0632\u0634<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- PORTRAIT -->\r\n\r\n  <div class=\"mw-artwork\">\r\n\r\n    <svg class=\"mw-orbit\" viewBox=\"0 0 600 650\"\r\n         fill=\"none\" aria-hidden=\"true\">\r\n\r\n      <g class=\"mw-orbit-group\">\r\n\r\n        <circle cx=\"300\" cy=\"325\" r=\"245\"\r\n                stroke=\"#B99A61\"\r\n                stroke-width=\".8\"\r\n                stroke-dasharray=\"3 12\"\r\n                opacity=\".7\"\/>\r\n\r\n        <circle cx=\"300\" cy=\"325\" r=\"220\"\r\n                stroke=\"#B99A61\"\r\n                stroke-width=\".6\"\r\n                stroke-dasharray=\"1 15\"\r\n                opacity=\".35\"\/>\r\n\r\n        <path d=\"M300 35L470 135L530 325L420 520L220 590L75 440L90 210Z\"\r\n              stroke=\"#B99A61\" stroke-width=\"1\" opacity=\".4\"\/>\r\n\r\n        <path d=\"M300 55L450 150L505 325L405 490L220 555L100 430L115 220Z\"\r\n              stroke=\"#B99A61\" stroke-width=\".7\" opacity=\".3\"\/>\r\n\r\n      <\/g>\r\n\r\n      <g fill=\"#D8BD87\">\r\n        <circle cx=\"300\" cy=\"35\" r=\"3\"\/>\r\n        <circle cx=\"470\" cy=\"135\" r=\"3\"\/>\r\n        <circle cx=\"530\" cy=\"325\" r=\"3\"\/>\r\n        <circle cx=\"420\" cy=\"520\" r=\"3\"\/>\r\n        <circle cx=\"220\" cy=\"590\" r=\"3\"\/>\r\n        <circle cx=\"75\" cy=\"440\" r=\"3\"\/>\r\n      <\/g>\r\n\r\n    <\/svg>\r\n\r\n    <div class=\"mw-floating-mark\">\r\n      <svg viewBox=\"0 0 100 100\" fill=\"none\">\r\n        <path d=\"M50 3L97 50L50 97L3 50Z\"\r\n              stroke=\"#D0B47C\" stroke-width=\"1\"\/>\r\n        <path d=\"M50 17L83 50L50 83L17 50Z\"\r\n              stroke=\"#D0B47C\" stroke-width=\"1\"\/>\r\n        <path d=\"M50 3V97M3 50H97\"\r\n              stroke=\"#D0B47C\" stroke-width=\".7\"\/>\r\n        <path d=\"M17 17L83 83M83 17L17 83\"\r\n              stroke=\"#D0B47C\" stroke-width=\".5\"\/>\r\n        <circle cx=\"50\" cy=\"50\" r=\"5\" fill=\"#D0B47C\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"mw-portrait\">\r\n\r\n      <div class=\"mw-portrait-border\"><\/div>\r\n      <div class=\"mw-portrait-border-two\"><\/div>\r\n\r\n      <div class=\"mw-portrait-photo\">\r\n\r\n        <!-- \u0622\u062f\u0631\u0633 \u062a\u0635\u0648\u06cc\u0631 \u067e\u0631\u062a\u0631\u0647 \u0631\u0627 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646 -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/mohammadhajializade.ir\/wp-content\/uploads\/2026\/11\/IMG_20261019_164028_766.jpg\"\r\n          alt=\"\u062a\u0635\u0648\u06cc\u0631 \u067e\u0631\u062a\u0631\u0647\"\r\n        >\r\n\r\n        <div class=\"mw-portrait-shade\"><\/div>\r\n\r\n        <div class=\"mw-photo-label\">\r\n          <span><\/span>\r\n          PERSONAL PROFILE\r\n        <\/div>\r\n\r\n        <div class=\"mw-photo-year\">\u06f1\u06f4\u06f0\u06f5<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"mw-art-dot a\"><\/div>\r\n    <div class=\"mw-art-dot b\"><\/div>\r\n    <div class=\"mw-art-dot c\"><\/div>\r\n\r\n    <div class=\"mw-art-caption\">\r\n      <span><\/span>\r\n      \u0627\u0635\u0627\u0644\u062a \u062f\u0631 \u0627\u0646\u062f\u06cc\u0634\u0647\u060c \u062a\u0639\u0627\u0644\u06cc \u062f\u0631 \u0639\u0645\u0644\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/main>\r\n\r\n<!-- =========================================\r\n     BOTTOM INFORMATION\r\n========================================= -->\r\n\r\n<div class=\"mw-bottom\" id=\"mw-about\">\r\n\r\n  <div class=\"mw-bottom-title\">\r\n    <span>\u2726<\/span>\r\n    \u0646\u06af\u0627\u0647\u06cc \u0628\u0647 \u0645\u0633\u06cc\u0631 \u0645\u0646\r\n  <\/div>\r\n\r\n  <div class=\"mw-bottom-divider\"><\/div>\r\n\r\n  <div class=\"mw-bottom-item\">\r\n    <span class=\"mw-bottom-number\">01<\/span>\r\n    <span class=\"mw-bottom-label\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0648 \u0631\u0627\u0647\u0628\u0631\u06cc<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"mw-bottom-item\">\r\n    <span class=\"mw-bottom-number\">02<\/span>\r\n    <span class=\"mw-bottom-label\">\u062a\u0648\u0633\u0639\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"mw-bottom-item\">\r\n    <span class=\"mw-bottom-number\">03<\/span>\r\n    <span class=\"mw-bottom-label\">\u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0646\u0648\u0622\u0648\u0631\u06cc<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"mw-bottom-item\">\r\n    <span class=\"mw-bottom-number\">04<\/span>\r\n    <span class=\"mw-bottom-label\">\u062e\u0644\u0642 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u062a\u0627\u0632\u0647<\/span>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<a href=\"#mw-expertise\" class=\"mw-scroll\">\r\n  <span>SCROLL TO EXPLORE<\/span>\r\n  <span class=\"mw-scroll-line\"><\/span>\r\n<\/a>\r\n\r\n<script>\r\n(function () {\r\n  const script = document.currentScript;\r\n  const section = script.closest('.mw-portfolio-hero');\r\n\r\n  if (!section) return;\r\n\r\n  const menuButton = section.querySelector('.mw-menu-btn');\r\n  const nav = section.querySelector('.mw-nav');\r\n\r\n  if (menuButton && nav) {\r\n    menuButton.addEventListener('click', function () {\r\n      nav.classList.toggle('open');\r\n    });\r\n\r\n    nav.querySelectorAll('a').forEach(function (link) {\r\n      link.addEventListener('click', function () {\r\n        nav.classList.remove('open');\r\n      });\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\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-c32b101 e-con-full e-flex e-con e-parent\" data-id=\"c32b101\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad5226 elementor-widget elementor-widget-html\" data-id=\"9ad5226\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section id=\"mw-about\" class=\"mw-editorial-about\" dir=\"rtl\">\r\n\r\n  <div class=\"mea-background\">\r\n    <div class=\"mea-grid\"><\/div>\r\n\r\n    <!-- SVG GEOMETRIC BACKGROUND -->\r\n    <div class=\"mea-pattern mea-pattern-left\">\r\n      <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n        <defs>\r\n          <pattern id=\"meaPatternOne\" width=\"110\" height=\"110\" patternUnits=\"userSpaceOnUse\">\r\n            <g fill=\"none\" stroke=\"#c5a66c\" stroke-width=\"1\">\r\n              <path d=\"M55 2L108 55 55 108 2 55Z\"\/>\r\n              <path d=\"M55 17L93 55 55 93 17 55Z\"\/>\r\n              <path d=\"M55 2V108M2 55H108M17 17L93 93M93 17L17 93\" opacity=\".7\"\/>\r\n              <circle cx=\"55\" cy=\"55\" r=\"12\"\/>\r\n              <path d=\"M55 17L67 43 93 55 67 67 55 93 43 67 17 55 43 43Z\"\/>\r\n            <\/g>\r\n          <\/pattern>\r\n        <\/defs>\r\n        <rect width=\"220\" height=\"220\" fill=\"url(#meaPatternOne)\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"mea-pattern mea-pattern-right\">\r\n      <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n        <defs>\r\n          <pattern id=\"meaPatternTwo\" width=\"110\" height=\"110\" patternUnits=\"userSpaceOnUse\">\r\n            <g fill=\"none\" stroke=\"#c5a66c\" stroke-width=\"1\">\r\n              <path d=\"M55 2L108 55 55 108 2 55Z\"\/>\r\n              <path d=\"M55 17L93 55 55 93 17 55Z\"\/>\r\n              <path d=\"M55 2V108M2 55H108M17 17L93 93M93 17L17 93\" opacity=\".7\"\/>\r\n              <circle cx=\"55\" cy=\"55\" r=\"12\"\/>\r\n              <path d=\"M55 17L67 43 93 55 67 67 55 93 43 67 17 55 43 43Z\"\/>\r\n            <\/g>\r\n          <\/pattern>\r\n        <\/defs>\r\n        <rect width=\"220\" height=\"220\" fill=\"url(#meaPatternTwo)\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"mea-pattern mea-pattern-bottom\">\r\n      <svg viewBox=\"0 0 220 220\" aria-hidden=\"true\">\r\n        <defs>\r\n          <pattern id=\"meaPatternThree\" width=\"110\" height=\"110\" patternUnits=\"userSpaceOnUse\">\r\n            <g fill=\"none\" stroke=\"#c5a66c\" stroke-width=\"1\">\r\n              <path d=\"M55 2L108 55 55 108 2 55Z\"\/>\r\n              <path d=\"M55 17L93 55 55 93 17 55Z\"\/>\r\n              <circle cx=\"55\" cy=\"55\" r=\"12\"\/>\r\n              <path d=\"M55 2V108M2 55H108\"\/>\r\n            <\/g>\r\n          <\/pattern>\r\n        <\/defs>\r\n        <rect width=\"220\" height=\"220\" fill=\"url(#meaPatternThree)\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- CSS GRAIN REPLACEMENT -->\r\n    <div class=\"mea-grain\"><\/div>\r\n\r\n    <div class=\"mea-light mea-light-a\"><\/div>\r\n    <div class=\"mea-light mea-light-b\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mea-shell\">\r\n\r\n    <div class=\"mea-topline mea-reveal\">\r\n      <div class=\"mea-topline-left\">\r\n        <span class=\"mea-live-dot\"><\/span>\r\n        <span>\u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/span>\r\n      <\/div>\r\n      <span class=\"mea-topline-number\">01 \/ 04<\/span>\r\n    <\/div>\r\n\r\n    <!-- INTRO -->\r\n    <div class=\"mea-intro\">\r\n\r\n      <div class=\"mea-intro-copy mea-reveal\">\r\n\r\n        <div class=\"mea-kicker\">\r\n          <span class=\"mea-kicker-line\"><\/span>\r\n          <span>BEYOND THE ORDINARY<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"mea-title\">\r\n          \u0641\u0631\u0627\u062a\u0631 \u0627\u0632\r\n          <span class=\"mea-title-second\">\u06cc\u06a9 \u0639\u0646\u0648\u0627\u0646<span class=\"mea-title-dot\">.<\/span><\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"mea-intro-bottom\">\r\n          <div class=\"mea-side-index\">A \/ 01<\/div>\r\n\r\n          <div class=\"mea-intro-description\">\r\n            <p class=\"mea-lead\">\r\n              \u0647\u0631 \u062f\u0633\u062a\u0627\u0648\u0631\u062f \u0628\u0632\u0631\u06af\u060c \u0627\u0632 \u06cc\u06a9 \u0646\u06af\u0627\u0647 \u0645\u062a\u0641\u0627\u0648\u062a \u0622\u063a\u0627\u0632 \u0645\u06cc\u200c\u0634\u0648\u062f.\r\n            <\/p>\r\n            <p>\r\n              \u0645\u0633\u06cc\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0645\u0646 \u062a\u0646\u0647\u0627 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0645\u0633\u0626\u0648\u0644\u06cc\u062a\u200c\u0647\u0627 \u0648 \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627 \u0646\u06cc\u0633\u062a\u061b\r\n              \u0628\u0644\u06a9\u0647 \u0641\u0631\u0635\u062a\u06cc \u0628\u0631\u0627\u06cc \u0627\u0646\u062f\u06cc\u0634\u06cc\u062f\u0646\u060c \u062e\u0644\u0642 \u06a9\u0631\u062f\u0646 \u0648 \u062a\u0628\u062f\u06cc\u0644 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0628\u0647 \u0648\u0627\u0642\u0639\u06cc\u062a \u0627\u0633\u062a.\r\n              \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u0645 \u0622\u06cc\u0646\u062f\u0647 \u0631\u0627 \u06a9\u0633\u0627\u0646\u06cc \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f \u06a9\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0686\u0627\u0631\u0686\u0648\u0628\u200c\u0647\u0627\u06cc \u0645\u0648\u062c\u0648\u062f \u0641\u06a9\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- GEOMETRIC ARTWORK -->\r\n      <div class=\"mea-artwork mea-reveal\">\r\n\r\n        <div class=\"mea-artwork-caption\">\r\n          <span>FIG. 01<\/span>\r\n          <span>THE ART OF THINKING<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"mea-artwork-stage\">\r\n\r\n          <div class=\"mea-art-glow\"><\/div>\r\n\r\n          <svg class=\"mea-orbit-svg\" viewBox=\"0 0 600 600\" fill=\"none\" aria-hidden=\"true\">\r\n\r\n            <defs>\r\n              <linearGradient id=\"meaGoldGradient\" x1=\"100\" y1=\"100\" x2=\"500\" y2=\"500\">\r\n                <stop offset=\"0\" stop-color=\"#E8D4A8\"\/>\r\n                <stop offset=\".48\" stop-color=\"#B99A61\"\/>\r\n                <stop offset=\"1\" stop-color=\"#705832\"\/>\r\n              <\/linearGradient>\r\n\r\n              <filter id=\"meaSoftGlow\">\r\n                <feGaussianBlur stdDeviation=\"4\" result=\"blur\"\/>\r\n                <feMerge>\r\n                  <feMergeNode in=\"blur\"\/>\r\n                  <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n              <\/filter>\r\n            <\/defs>\r\n\r\n            <circle cx=\"300\" cy=\"300\" r=\"245\" stroke=\"#B99A61\" stroke-opacity=\".25\"\/>\r\n            <circle cx=\"300\" cy=\"300\" r=\"210\" stroke=\"#B99A61\" stroke-opacity=\".55\" stroke-dasharray=\"2 9\"\/>\r\n            <circle cx=\"300\" cy=\"300\" r=\"165\" stroke=\"#B99A61\" stroke-opacity=\".55\" stroke-dasharray=\"1 7\"\/>\r\n            <circle cx=\"300\" cy=\"300\" r=\"120\" stroke=\"#B99A61\" stroke-opacity=\".35\"\/>\r\n\r\n            <g class=\"mea-geometry-rotate\">\r\n              <path d=\"M300 45 L555 300 L300 555 L45 300 Z\"\r\n                stroke=\"url(#meaGoldGradient)\" stroke-width=\"1.4\"\/>\r\n\r\n              <path d=\"M300 95 L505 300 L300 505 L95 300 Z\"\r\n                stroke=\"#B99A61\" stroke-opacity=\".8\"\/>\r\n\r\n              <path d=\"M300 150 L450 300 L300 450 L150 300 Z\"\r\n                stroke=\"#DCC493\" stroke-opacity=\".75\"\/>\r\n\r\n              <path d=\"M300 45 V555 M45 300 H555\"\r\n                stroke=\"#B99A61\" stroke-opacity=\".45\"\/>\r\n\r\n              <path d=\"M120 120 L480 480 M480 120 L120 480\"\r\n                stroke=\"#B99A61\" stroke-opacity=\".45\"\/>\r\n\r\n              <path d=\"M300 95 L505 300 L300 505 L95 300 Z\"\r\n                stroke=\"#B99A61\" stroke-opacity=\".45\" stroke-dasharray=\"4 8\"\/>\r\n            <\/g>\r\n\r\n            <g class=\"mea-rosette\">\r\n              <path d=\"M300 165 C325 215 385 215 435 240 C385 265 385 325 360 375 C335 325 275 325 225 300 C275 275 275 215 300 165Z\"\r\n                stroke=\"url(#meaGoldGradient)\" stroke-width=\"1.6\"\/>\r\n\r\n              <path d=\"M435 300 C385 325 385 385 360 435 C335 385 275 385 225 360 C275 335 275 275 300 225 C325 275 385 275 435 300Z\"\r\n                stroke=\"#B99A61\" stroke-opacity=\".85\"\/>\r\n\r\n              <path d=\"M300 165L300 435M165 300L435 300\"\r\n                stroke=\"#DCC493\" stroke-opacity=\".4\"\/>\r\n\r\n              <circle cx=\"300\" cy=\"300\" r=\"70\" stroke=\"url(#meaGoldGradient)\"\/>\r\n              <circle cx=\"300\" cy=\"300\" r=\"45\" stroke=\"#DCC493\" stroke-opacity=\".8\"\/>\r\n              <circle cx=\"300\" cy=\"300\" r=\"7\" fill=\"#DCC493\" filter=\"url(#meaSoftGlow)\"\/>\r\n            <\/g>\r\n\r\n            <g filter=\"url(#meaSoftGlow)\">\r\n              <circle cx=\"300\" cy=\"55\" r=\"4\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"545\" cy=\"300\" r=\"4\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"300\" cy=\"545\" r=\"4\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"55\" cy=\"300\" r=\"4\" fill=\"#DCC493\"\/>\r\n            <\/g>\r\n\r\n            <path d=\"M300 20V38M300 562V580M20 300H38M562 300H580\"\r\n              stroke=\"#DCC493\" stroke-width=\"1.3\"\/>\r\n\r\n          <\/svg>\r\n\r\n          <div class=\"mea-art-center\">\r\n            <span class=\"mea-center-top\">THINK<\/span>\r\n            <span class=\"mea-center-symbol\">\u0627\u0646\u062f\u06cc\u0634\u0647<\/span>\r\n            <span class=\"mea-center-bottom\">CREATE \u00b7 BUILD \u00b7 LEAD<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mea-art-coordinate mea-coordinate-a\">35\u00b0 41' N<\/div>\r\n          <div class=\"mea-art-coordinate mea-coordinate-b\">51\u00b0 25' E<\/div>\r\n\r\n          <div class=\"mea-art-cross mea-cross-a\">+<\/div>\r\n          <div class=\"mea-art-cross mea-cross-b\">+<\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mea-artwork-footer\">\r\n          <span>\u0627\u0646\u062f\u06cc\u0634\u0647\u060c \u0622\u063a\u0627\u0632 \u0622\u0641\u0631\u06cc\u0646\u0634 \u0627\u0633\u062a<\/span>\r\n          <span class=\"mea-footer-line\"><\/span>\r\n          <span>2026<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DIVIDER -->\r\n    <div class=\"mea-divider\">\r\n      <span><\/span>\r\n      <i><\/i>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <!-- PRINCIPLES -->\r\n    <div class=\"mea-principles\">\r\n\r\n      <div class=\"mea-principles-heading mea-reveal\">\r\n        <div>\r\n          <span class=\"mea-kicker\">\r\n            <span class=\"mea-kicker-line\"><\/span>\r\n            <span>MY PHILOSOPHY<\/span>\r\n          <\/span>\r\n          <h3>\u0633\u0647 \u0627\u0635\u0644\u060c \u06cc\u06a9 \u0645\u0633\u06cc\u0631<\/h3>\r\n        <\/div>\r\n\r\n        <p>\r\n          \u0628\u0646\u06cc\u0627\u0646 \u0647\u0631 \u062a\u0635\u0645\u06cc\u0645\u060c \u067e\u0631\u0648\u0698\u0647 \u0648 \u062d\u0631\u06a9\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\r\n          \u0628\u0631 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u0628\u0627\u0648\u0631\u0647\u0627\u06cc \u0628\u0646\u06cc\u0627\u062f\u06cc\u0646 \u0627\u0633\u062a\u0648\u0627\u0631 \u0627\u0633\u062a.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mea-principles-list\">\r\n\r\n        <article class=\"mea-principle mea-reveal\">\r\n          <div class=\"mea-principle-number\">01<\/div>\r\n          <div class=\"mea-principle-symbol\">\r\n            <svg viewBox=\"0 0 70 70\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M35 4L66 35L35 66L4 35L35 4Z\" stroke=\"currentColor\"\/>\r\n              <path d=\"M35 16L54 35L35 54L16 35L35 16Z\" stroke=\"currentColor\"\/>\r\n              <path d=\"M35 4V66M4 35H66\" stroke=\"currentColor\" stroke-opacity=\".6\"\/>\r\n              <circle cx=\"35\" cy=\"35\" r=\"5\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"mea-principle-content\">\r\n            <span>01 \/ STRATEGY<\/span>\r\n            <h4>\u0646\u06af\u0627\u0647 \u0631\u0627\u0647\u0628\u0631\u062f\u06cc<\/h4>\r\n            <p>\u062f\u06cc\u062f\u0646 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0627\u0645\u0631\u0648\u0632\u060c \u0634\u0646\u0627\u062e\u062a \u0627\u0631\u062a\u0628\u0627\u0637 \u0645\u06cc\u0627\u0646 \u062c\u0632\u0626\u06cc\u0627\u062a \u0648 \u062a\u0635\u0648\u06cc\u0631 \u0628\u0632\u0631\u06af \u0648 \u0633\u0627\u062e\u062a\u0646 \u0645\u0633\u06cc\u0631\u06cc \u0631\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u0622\u06cc\u0646\u062f\u0647.<\/p>\r\n          <\/div>\r\n          <div class=\"mea-principle-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"mea-principle mea-reveal\">\r\n          <div class=\"mea-principle-number\">02<\/div>\r\n          <div class=\"mea-principle-symbol\">\r\n            <svg viewBox=\"0 0 70 70\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M35 5V65M5 35H65M14 14L56 56M56 14L14 56\" stroke=\"currentColor\"\/>\r\n              <path d=\"M35 16L54 35L35 54L16 35L35 16Z\" stroke=\"currentColor\"\/>\r\n              <circle cx=\"35\" cy=\"35\" r=\"4\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"mea-principle-content\">\r\n            <span>02 \/ INNOVATION<\/span>\r\n            <h4>\u0646\u0648\u0622\u0648\u0631\u06cc \u0648 \u062e\u0644\u0627\u0642\u06cc\u062a<\/h4>\r\n            <p>\u0628\u0647 \u0686\u0627\u0644\u0634 \u06a9\u0634\u06cc\u062f\u0646 \u0631\u0627\u0647\u200c\u062d\u0644\u200c\u0647\u0627\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc \u0648 \u06cc\u0627\u0641\u062a\u0646 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062f\u0631 \u0646\u06af\u0627\u0647 \u0646\u062e\u0633\u062a \u062f\u06cc\u062f\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\r\n          <\/div>\r\n          <div class=\"mea-principle-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"mea-principle mea-reveal\">\r\n          <div class=\"mea-principle-number\">03<\/div>\r\n          <div class=\"mea-principle-symbol\">\r\n            <svg viewBox=\"0 0 70 70\" fill=\"none\" aria-hidden=\"true\">\r\n              <circle cx=\"35\" cy=\"35\" r=\"29\" stroke=\"currentColor\"\/>\r\n              <circle cx=\"35\" cy=\"35\" r=\"20\" stroke=\"currentColor\" stroke-opacity=\".65\"\/>\r\n              <circle cx=\"35\" cy=\"35\" r=\"10\" stroke=\"currentColor\"\/>\r\n              <path d=\"M35 2V15M35 55V68M2 35H15M55 35H68\" stroke=\"currentColor\"\/>\r\n              <circle cx=\"35\" cy=\"35\" r=\"3\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"mea-principle-content\">\r\n            <span>03 \/ LASTING VALUE<\/span>\r\n            <h4>\u062e\u0644\u0642 \u0627\u0631\u0632\u0634 \u067e\u0627\u06cc\u062f\u0627\u0631<\/h4>\r\n            <p>\u062a\u0648\u062c\u0647 \u0628\u0647 \u0646\u062a\u0627\u06cc\u062c\u06cc \u06a9\u0647 \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u0628\u0627\u0634\u0646\u062f \u0648 \u0628\u0631\u0627\u06cc \u0627\u0646\u0633\u0627\u0646\u200c\u0647\u0627\u060c \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u0648 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0631\u0632\u0634 \u0648\u0627\u0642\u0639\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f.<\/p>\r\n          <\/div>\r\n          <div class=\"mea-principle-arrow\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- FOCUS AREAS -->\r\n    <div class=\"mea-focus mea-reveal\">\r\n\r\n      <div class=\"mea-focus-heading\">\r\n        <div>\r\n          <span class=\"mea-kicker\">\r\n            <span class=\"mea-kicker-line\"><\/span>\r\n            <span>FIELDS OF INTEREST<\/span>\r\n          <\/span>\r\n          <h3>\u0639\u0631\u0635\u0647\u200c\u0647\u0627\u06cc \u0627\u0646\u062f\u06cc\u0634\u0647 \u0648 \u0639\u0645\u0644<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"mea-focus-count\">\r\n          <span>04<\/span>\r\n          <small>FIELDS<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mea-focus-items\">\r\n        <div class=\"mea-focus-item\">\r\n          <span>01<\/span>\r\n          <h4>\u0645\u062f\u06cc\u0631\u06cc\u062a \u0648 \u0631\u0627\u0647\u0628\u0631\u06cc<\/h4>\r\n          <i aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/i>\r\n        <\/div>\r\n        <div class=\"mea-focus-item\">\r\n          <span>02<\/span>\r\n          <h4>\u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc<\/h4>\r\n          <i aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/i>\r\n        <\/div>\r\n        <div class=\"mea-focus-item\">\r\n          <span>03<\/span>\r\n          <h4>\u062a\u0648\u0633\u0639\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631<\/h4>\r\n          <i aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/i>\r\n        <\/div>\r\n        <div class=\"mea-focus-item\">\r\n          <span>04<\/span>\r\n          <h4>\u062a\u0641\u06a9\u0631 \u062e\u0644\u0627\u0642 \u0648 \u0637\u0631\u0627\u062d\u06cc<\/h4>\r\n          <i aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M7 7L17 17M17 17H9M17 17V9\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/i>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CLOSING -->\r\n    <div class=\"mea-closing mea-reveal\">\r\n      <div class=\"mea-closing-mark\">\u201c<\/div>\r\n      <p>\u0622\u0646\u0686\u0647 \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645\u060c \u0631\u0648\u0627\u06cc\u062a \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u0627\u0646\u062f\u06cc\u0634\u0647\u200c\u0647\u0627\u06cc \u0645\u0627\u0633\u062a.<\/p>\r\n      <div class=\"mea-closing-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mea-bottomline\">\r\n      <span>\u0627\u0646\u062f\u06cc\u0634\u0647 \u00b7 \u0645\u0647\u0646\u062f\u0633\u06cc \u00b7 \u0622\u0641\u0631\u06cc\u0646\u0634<\/span>\r\n      <span>BEYOND THE ORDINARY<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.mw-editorial-about,\r\n.mw-editorial-about * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.mw-editorial-about {\r\n  --mea-bg: #0b1928;\r\n  --mea-panel: #102438;\r\n  --mea-gold: #b99a61;\r\n  --mea-gold-light: #dcc493;\r\n  --mea-white: #f4f0e7;\r\n  --mea-muted: #aeb9c5;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  padding: 95px 25px 0;\r\n  background: var(--mea-bg);\r\n  color: var(--mea-white);\r\n  font-family: inherit;\r\n}\r\n\r\n.mw-editorial-about::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -2;\r\n  background:\r\n    radial-gradient(ellipse at 78% 25%, rgba(185,154,97,.09), transparent 34%),\r\n    radial-gradient(ellipse at 12% 72%, rgba(38,88,117,.15), transparent 38%),\r\n    linear-gradient(135deg,#0b1928,#101e2e 55%,#0a1826);\r\n}\r\n\r\n.mea-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.mea-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .19;\r\n  background-image:\r\n    linear-gradient(rgba(185,154,97,.20) 1px,transparent 1px),\r\n    linear-gradient(90deg,rgba(185,154,97,.20) 1px,transparent 1px);\r\n  background-size: 65px 65px;\r\n  mask-image: linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);\r\n}\r\n\r\n\/* INLINE SVG PATTERNS *\/\r\n.mea-pattern {\r\n  position: absolute;\r\n  width: 560px;\r\n  height: 560px;\r\n  opacity: .28;\r\n  mask-image: radial-gradient(ellipse,black 15%,transparent 72%);\r\n}\r\n\r\n.mea-pattern svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.mea-pattern-left {\r\n  top: 2%;\r\n  left: -190px;\r\n  animation: meaPatternDriftLeft 35s ease-in-out infinite alternate;\r\n}\r\n\r\n.mea-pattern-right {\r\n  top: 38%;\r\n  right: -210px;\r\n  transform: rotate(45deg);\r\n  animation: meaPatternDriftRight 42s ease-in-out infinite alternate;\r\n}\r\n\r\n.mea-pattern-bottom {\r\n  bottom: -300px;\r\n  left: 25%;\r\n  width: 430px;\r\n  height: 430px;\r\n  opacity: .16;\r\n  animation: meaPatternDriftLeft 50s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* PURE CSS GRAIN *\/\r\n.mea-grain {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .12;\r\n  pointer-events: none;\r\n  background-image:\r\n    radial-gradient(rgba(255,255,255,.3) .45px, transparent .65px);\r\n  background-size: 4px 4px;\r\n}\r\n\r\n.mea-light {\r\n  position: absolute;\r\n  width: 420px;\r\n  height: 420px;\r\n  border-radius: 50%;\r\n  filter: blur(85px);\r\n}\r\n\r\n.mea-light-a {\r\n  top: 12%;\r\n  right: -250px;\r\n  background: rgba(185,154,97,.19);\r\n}\r\n\r\n.mea-light-b {\r\n  bottom: 10%;\r\n  left: -250px;\r\n  background: rgba(44,95,124,.23);\r\n}\r\n\r\n.mea-shell {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: auto;\r\n  position: relative;\r\n}\r\n\r\n\/* TOPLINE *\/\r\n.mea-topline {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-bottom: 20px;\r\n  border-bottom: 1px solid rgba(185,154,97,.24);\r\n  font-size: 10px;\r\n  color: var(--mea-muted);\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.mea-topline-left {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 11px;\r\n}\r\n\r\n.mea-live-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--mea-gold-light);\r\n  box-shadow: 0 0 12px rgba(220,196,147,.8);\r\n  animation: meaPulse 2s infinite;\r\n}\r\n\r\n.mea-topline-number {\r\n  font-family: Georgia,serif;\r\n  color: var(--mea-gold);\r\n}\r\n\r\n\/* INTRO *\/\r\n.mea-intro {\r\n  display: grid;\r\n  grid-template-columns: 1fr .9fr;\r\n  gap: 65px;\r\n  align-items: center;\r\n  padding: 100px 0 90px;\r\n}\r\n\r\n.mea-kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  color: var(--mea-gold-light);\r\n  font-family: Georgia,serif;\r\n  font-size: 10px;\r\n  letter-spacing: 2.5px;\r\n}\r\n\r\n.mea-kicker-line {\r\n  display: inline-block;\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--mea-gold);\r\n}\r\n\r\n.mea-title {\r\n  font-size: clamp(55px,8vw,105px);\r\n  font-weight: 400;\r\n  line-height: 1.45;\r\n  letter-spacing: -3px;\r\n  color: var(--mea-white);\r\n  margin: 30px 0 35px;\r\n}\r\n\r\n.mea-title-second {\r\n  display: block;\r\n  color: var(--mea-gold-light);\r\n  padding-right: 55px;\r\n  position: relative;\r\n}\r\n\r\n.mea-title-second::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  width: 35px;\r\n  height: 1px;\r\n  background: var(--mea-gold);\r\n}\r\n\r\n.mea-title-dot {\r\n  color: var(--mea-white);\r\n}\r\n\r\n.mea-intro-bottom {\r\n  display: grid;\r\n  grid-template-columns: 55px 1fr;\r\n  gap: 22px;\r\n  padding-top: 25px;\r\n  border-top: 1px solid rgba(185,154,97,.25);\r\n  max-width: 560px;\r\n}\r\n\r\n.mea-side-index {\r\n  color: var(--mea-gold);\r\n  font-family: Georgia,serif;\r\n  font-size: 12px;\r\n  padding-top: 7px;\r\n}\r\n\r\n.mea-intro-description .mea-lead {\r\n  font-size: 17px;\r\n  line-height: 2;\r\n  color: var(--mea-white);\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.mea-intro-description p:not(.mea-lead) {\r\n  color: var(--mea-muted);\r\n  font-size: 13px;\r\n  line-height: 2.6;\r\n  text-align: justify;\r\n  margin: 0;\r\n  font-weight: 300;\r\n}\r\n\r\n\/* ARTWORK *\/\r\n.mea-artwork {\r\n  position: relative;\r\n  max-width: 510px;\r\n  width: 100%;\r\n  margin-right: auto;\r\n}\r\n\r\n.mea-artwork-caption,\r\n.mea-artwork-footer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  color: rgba(220,196,147,.7);\r\n  font-family: Georgia,serif;\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.mea-artwork-caption {\r\n  padding: 0 10px 15px;\r\n}\r\n\r\n.mea-artwork-stage {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n\r\n.mea-art-glow {\r\n  position: absolute;\r\n  width: 55%;\r\n  height: 55%;\r\n  background: rgba(185,154,97,.12);\r\n  filter: blur(65px);\r\n  border-radius: 50%;\r\n  animation: meaGlow 6s ease-in-out infinite alternate;\r\n}\r\n\r\n.mea-orbit-svg {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: visible;\r\n}\r\n\r\n.mea-geometry-rotate {\r\n  transform-origin: 300px 300px;\r\n  animation: meaSlowRotate 75s linear infinite;\r\n}\r\n\r\n.mea-rosette {\r\n  transform-origin: 300px 300px;\r\n  animation: meaReverseRotate 55s linear infinite;\r\n}\r\n\r\n.mea-art-center {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 165px;\r\n  height: 165px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(220,196,147,.38);\r\n  background: radial-gradient(circle,rgba(185,154,97,.13),rgba(11,25,40,.9) 70%);\r\n  box-shadow: 0 0 55px rgba(185,154,97,.1),inset 0 0 35px rgba(185,154,97,.08);\r\n}\r\n\r\n.mea-center-top,\r\n.mea-center-bottom {\r\n  font-family: Georgia,serif;\r\n  color: var(--mea-gold);\r\n  font-size: 8px;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n.mea-center-symbol {\r\n  font-size: 28px;\r\n  color: var(--mea-white);\r\n  font-weight: 400;\r\n}\r\n\r\n.mea-art-coordinate {\r\n  position: absolute;\r\n  color: rgba(220,196,147,.6);\r\n  font-family: Georgia,serif;\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.mea-coordinate-a {\r\n  top: 16%;\r\n  right: 10%;\r\n}\r\n\r\n.mea-coordinate-b {\r\n  bottom: 17%;\r\n  left: 9%;\r\n}\r\n\r\n.mea-art-cross {\r\n  position: absolute;\r\n  color: var(--mea-gold);\r\n  font-size: 20px;\r\n  opacity: .8;\r\n}\r\n\r\n.mea-cross-a {\r\n  top: 28%;\r\n  left: 12%;\r\n}\r\n\r\n.mea-cross-b {\r\n  bottom: 26%;\r\n  right: 12%;\r\n}\r\n\r\n.mea-artwork-footer {\r\n  padding: 15px 10px 0;\r\n}\r\n\r\n.mea-footer-line {\r\n  flex: 1;\r\n  max-width: 100px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg,transparent,var(--mea-gold),transparent);\r\n}\r\n\r\n\/* DIVIDER *\/\r\n.mea-divider {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin: 0 0 95px;\r\n}\r\n\r\n.mea-divider span {\r\n  height: 1px;\r\n  flex: 1;\r\n  background: linear-gradient(90deg,transparent,rgba(185,154,97,.65));\r\n}\r\n\r\n.mea-divider span:last-child {\r\n  background: linear-gradient(90deg,rgba(185,154,97,.65),transparent);\r\n}\r\n\r\n.mea-divider i {\r\n  width: 8px;\r\n  height: 8px;\r\n  transform: rotate(45deg);\r\n  border: 1px solid var(--mea-gold);\r\n}\r\n\r\n\/* PRINCIPLES *\/\r\n.mea-principles {\r\n  display: grid;\r\n  grid-template-columns: .75fr 1.25fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n  margin-bottom: 115px;\r\n}\r\n\r\n.mea-principles-heading h3,\r\n.mea-focus-heading h3 {\r\n  color: var(--mea-white);\r\n  font-size: 35px;\r\n  font-weight: 400;\r\n  margin: 22px 0 15px;\r\n}\r\n\r\n.mea-principles-heading > p {\r\n  color: var(--mea-muted);\r\n  font-size: 13px;\r\n  line-height: 2.5;\r\n  max-width: 300px;\r\n}\r\n\r\n.mea-principles-list {\r\n  border-top: 1px solid rgba(185,154,97,.3);\r\n}\r\n\r\n.mea-principle {\r\n  display: grid;\r\n  grid-template-columns: 42px 65px 1fr 25px;\r\n  align-items: center;\r\n  gap: 20px;\r\n  padding: 25px 5px;\r\n  border-bottom: 1px solid rgba(185,154,97,.2);\r\n  transition: background .35s,padding .35s;\r\n}\r\n\r\n.mea-principle:hover {\r\n  padding-right: 15px;\r\n  background: linear-gradient(90deg,transparent,rgba(185,154,97,.055));\r\n}\r\n\r\n.mea-principle-number {\r\n  font-family: Georgia,serif;\r\n  color: var(--mea-gold);\r\n  font-size: 13px;\r\n}\r\n\r\n.mea-principle-symbol {\r\n  width: 52px;\r\n  height: 52px;\r\n  color: var(--mea-gold-light);\r\n  transition: transform .5s;\r\n}\r\n\r\n.mea-principle-symbol svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n.mea-principle:hover .mea-principle-symbol {\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.mea-principle-content > span {\r\n  font-family: Georgia,serif;\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  color: var(--mea-gold);\r\n}\r\n\r\n.mea-principle-content h4 {\r\n  color: var(--mea-white);\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  margin: 7px 0;\r\n}\r\n\r\n.mea-principle-content p {\r\n  color: var(--mea-muted);\r\n  font-size: 11px;\r\n  line-height: 2.2;\r\n  margin: 0;\r\n}\r\n\r\n.mea-principle-arrow {\r\n  color: var(--mea-gold);\r\n  opacity: .5;\r\n  transition: .3s;\r\n}\r\n\r\n.mea-principle-arrow svg {\r\n  display: block;\r\n  width: 20px;\r\n  height: 20px;\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.mea-principle:hover .mea-principle-arrow {\r\n  opacity: 1;\r\n  transform: translate(-4px,4px);\r\n}\r\n\r\n\/* FOCUS *\/\r\n.mea-focus {\r\n  padding: 55px 45px;\r\n  border: 1px solid rgba(185,154,97,.24);\r\n  background: linear-gradient(125deg,rgba(20,43,63,.78),rgba(12,29,45,.88));\r\n  position: relative;\r\n}\r\n\r\n.mea-focus::before,\r\n.mea-focus::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 35px;\r\n  height: 35px;\r\n  border-color: var(--mea-gold);\r\n  border-style: solid;\r\n  opacity: .8;\r\n}\r\n\r\n.mea-focus::before {\r\n  top: -1px;\r\n  right: -1px;\r\n  border-width: 1px 1px 0 0;\r\n}\r\n\r\n.mea-focus::after {\r\n  bottom: -1px;\r\n  left: -1px;\r\n  border-width: 0 0 1px 1px;\r\n}\r\n\r\n.mea-focus-heading {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.mea-focus-heading h3 {\r\n  font-size: 29px;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.mea-focus-count {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--mea-gold);\r\n}\r\n\r\n.mea-focus-count span {\r\n  font-family: Georgia,serif;\r\n  font-size: 40px;\r\n}\r\n\r\n.mea-focus-count small {\r\n  font-family: Georgia,serif;\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.mea-focus-items {\r\n  display: grid;\r\n  grid-template-columns: repeat(4,1fr);\r\n}\r\n\r\n.mea-focus-item {\r\n  position: relative;\r\n  padding: 22px 18px;\r\n  border-right: 1px solid rgba(185,154,97,.2);\r\n  transition: background .3s;\r\n}\r\n\r\n.mea-focus-item:first-child {\r\n  border-right: 0;\r\n}\r\n\r\n.mea-focus-item:hover {\r\n  background: rgba(185,154,97,.06);\r\n}\r\n\r\n.mea-focus-item > span {\r\n  display: block;\r\n  color: var(--mea-gold);\r\n  font-family: Georgia,serif;\r\n  font-size: 11px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.mea-focus-item h4 {\r\n  color: var(--mea-white);\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  margin: 0;\r\n}\r\n\r\n.mea-focus-item i {\r\n  display: block;\r\n  color: var(--mea-gold);\r\n  margin-top: 20px;\r\n  transition: transform .3s;\r\n}\r\n\r\n.mea-focus-item i svg {\r\n  display: block;\r\n  width: 20px;\r\n  height: 20px;\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.mea-focus-item:hover i {\r\n  transform: translate(-5px,5px);\r\n}\r\n\r\n\/* CLOSING *\/\r\n.mea-closing {\r\n  text-align: center;\r\n  padding: 105px 20px 65px;\r\n}\r\n\r\n.mea-closing-mark {\r\n  color: var(--mea-gold);\r\n  font-family: Georgia,serif;\r\n  font-size: 65px;\r\n  line-height: 1;\r\n  opacity: .8;\r\n}\r\n\r\n.mea-closing p {\r\n  font-size: clamp(18px,2.8vw,28px);\r\n  color: var(--mea-white);\r\n  line-height: 2;\r\n  font-weight: 300;\r\n  margin: 12px 0 25px;\r\n}\r\n\r\n.mea-closing-rule {\r\n  width: 55px;\r\n  height: 1px;\r\n  margin: auto;\r\n  background: var(--mea-gold);\r\n  box-shadow: 0 0 12px rgba(185,154,97,.5);\r\n}\r\n\r\n.mea-bottomline {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding-top: 20px;\r\n  border-top: 1px solid rgba(185,154,97,.2);\r\n  color: rgba(220,196,147,.65);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* REVEAL *\/\r\n.mea-reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.mea-reveal.mea-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* MOTION *\/\r\n@keyframes meaSlowRotate {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes meaReverseRotate {\r\n  to { transform: rotate(-360deg); }\r\n}\r\n\r\n@keyframes meaGlow {\r\n  from { opacity: .55; transform: scale(.9); }\r\n  to { opacity: 1; transform: scale(1.15); }\r\n}\r\n\r\n@keyframes meaPulse {\r\n  50% { opacity: .35; box-shadow: 0 0 3px rgba(220,196,147,.3); }\r\n}\r\n\r\n@keyframes meaPatternDriftLeft {\r\n  from { transform: translate3d(0,0,0) rotate(0deg); }\r\n  to { transform: translate3d(22px,-18px,0) rotate(12deg); }\r\n}\r\n\r\n@keyframes meaPatternDriftRight {\r\n  from { transform: rotate(45deg) translate3d(0,0,0); }\r\n  to { transform: rotate(57deg) translate3d(22px,-18px,0); }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px) {\r\n  .mw-editorial-about {\r\n    padding: 75px 24px 0;\r\n  }\r\n\r\n  .mea-intro {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n    padding: 75px 0;\r\n  }\r\n\r\n  .mea-artwork {\r\n    max-width: 460px;\r\n    margin: auto;\r\n  }\r\n\r\n  .mea-principles {\r\n    grid-template-columns: 1fr;\r\n    gap: 35px;\r\n  }\r\n\r\n  .mea-principles-heading > p {\r\n    max-width: 600px;\r\n  }\r\n\r\n  .mea-focus-items {\r\n    grid-template-columns: repeat(2,1fr);\r\n  }\r\n\r\n  .mea-focus-item:nth-child(3) {\r\n    border-right: 0;\r\n  }\r\n\r\n  .mea-focus-item:nth-child(-n+2) {\r\n    border-bottom: 1px solid rgba(185,154,97,.2);\r\n  }\r\n}\r\n\r\n@media(max-width:560px) {\r\n  .mw-editorial-about {\r\n    padding: 55px 17px 0;\r\n  }\r\n\r\n  .mea-title {\r\n    font-size: 57px;\r\n    letter-spacing: -2px;\r\n    margin: 25px 0;\r\n  }\r\n\r\n  .mea-title-second {\r\n    padding-right: 30px;\r\n  }\r\n\r\n  .mea-title-second::before {\r\n    width: 20px;\r\n  }\r\n\r\n  .mea-intro {\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .mea-intro-bottom {\r\n    grid-template-columns: 35px 1fr;\r\n    gap: 12px;\r\n  }\r\n\r\n  .mea-intro-description .mea-lead {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .mea-intro-description p:not(.mea-lead) {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .mea-art-center {\r\n    width: 125px;\r\n    height: 125px;\r\n  }\r\n\r\n  .mea-center-symbol {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .mea-principles-heading h3,\r\n  .mea-focus-heading h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .mea-principle {\r\n    grid-template-columns: 28px 45px 1fr 15px;\r\n    gap: 10px;\r\n    padding: 20px 0;\r\n  }\r\n\r\n  .mea-principle-symbol {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .mea-principle-content h4 {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .mea-principle-content p {\r\n    font-size: 10px;\r\n  }\r\n\r\n  .mea-focus {\r\n    padding: 30px 17px;\r\n  }\r\n\r\n  .mea-focus-heading {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .mea-focus-heading h3 {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .mea-focus-count span {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .mea-focus-item {\r\n    padding: 18px 12px;\r\n  }\r\n\r\n  .mea-focus-item h4 {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .mea-closing {\r\n    padding: 75px 10px 45px;\r\n  }\r\n\r\n  .mea-bottomline {\r\n    font-size: 8px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .mea-pattern {\r\n    width: 340px;\r\n    height: 340px;\r\n    opacity: .17;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .mw-editorial-about *,\r\n  .mw-editorial-about *::before,\r\n  .mw-editorial-about *::after {\r\n    animation-duration: .01ms !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n\r\n  .mea-reveal {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const sections = document.querySelectorAll('.mw-editorial-about');\r\n\r\n  sections.forEach(function(section) {\r\n    if (section.dataset.meaInitialized === 'true') return;\r\n    section.dataset.meaInitialized = 'true';\r\n\r\n    const elements = section.querySelectorAll('.mea-reveal');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      elements.forEach(function(el) {\r\n        el.classList.add('mea-visible');\r\n      });\r\n      return;\r\n    }\r\n\r\n    const observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('mea-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.12,\r\n      rootMargin: '0px 0px -35px 0px'\r\n    });\r\n\r\n    elements.forEach(function(el, index) {\r\n      el.style.transitionDelay = Math.min(index * 90, 450) + 'ms';\r\n      observer.observe(el);\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c91c6e3 elementor-widget elementor-widget-html\" data-id=\"c91c6e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"mw-expertise\" id=\"mw-expertise\" dir=\"rtl\">\r\n\r\n  <div class=\"mw-exp-bg\">\r\n    <div class=\"mw-exp-grid\"><\/div>\r\n    <div class=\"mw-exp-pattern\"><\/div>\r\n    <div class=\"mw-exp-glow mw-exp-glow-1\"><\/div>\r\n    <div class=\"mw-exp-glow mw-exp-glow-2\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mw-exp-container\">\r\n\r\n    <header class=\"mw-exp-heading\">\r\n      <div class=\"mw-exp-eyebrow\">\r\n        <span><\/span>\r\n        TECHNOLOGY & EXPERTISE\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\u062f\u0627\u0646\u0634 \u0641\u0646\u06cc\u060c <em>\u0627\u0628\u0632\u0627\u0631 \u0622\u0641\u0631\u06cc\u0646\u0634<\/em><\/h2>\r\n\r\n      <p>\r\n        \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u062f\u0627\u0646\u0634\u060c \u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627 \u0648 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc\u060c\r\n        \u062a\u0648\u0633\u0639\u0647 \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u0648 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0628\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0645.\r\n      <\/p>\r\n\r\n      <div class=\"mw-exp-heading-line\">\r\n        <i><\/i><i><\/i><i><\/i>\r\n      <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"mw-exp-categories\">\r\n\r\n      <!-- 01 Programming Languages -->\r\n      <article class=\"mw-exp-card mw-exp-card-featured\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">01 \/ PROGRAMMING LANGUAGES<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <defs>\r\n              <linearGradient id=\"mw-code-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#DCC493\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#927044\"\/>\r\n              <\/linearGradient>\r\n              <filter id=\"mw-code-glow\">\r\n                <feGaussianBlur stdDeviation=\"5\" result=\"blur\"\/>\r\n                <feMerge>\r\n                  <feMergeNode in=\"blur\"\/>\r\n                  <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n              <\/filter>\r\n            <\/defs>\r\n\r\n            <g opacity=\".15\" stroke=\"#B99A61\" fill=\"none\">\r\n              <path d=\"M0 40H600M0 90H600M0 140H600M0 190H600\"\/>\r\n              <path d=\"M50 0V260M150 0V260M250 0V260M350 0V260M450 0V260M550 0V260\"\/>\r\n            <\/g>\r\n\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"105\" fill=\"none\" stroke=\"#B99A61\" stroke-dasharray=\"3 9\" opacity=\".5\">\r\n                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"35s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n\r\n              <circle r=\"82\" fill=\"none\" stroke=\"#B99A61\" opacity=\".5\"\/>\r\n              <circle r=\"62\" fill=\"#132B3D\" stroke=\"#B99A61\" stroke-width=\"1.5\"\/>\r\n\r\n              <path d=\"M-24 -30L-54 0L-24 30M24 -30L54 0L24 30M10 -45L-10 45\"\r\n                fill=\"none\" stroke=\"url(#mw-code-gradient)\" stroke-width=\"8\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\" filter=\"url(#mw-code-glow)\"\r\n                stroke-dasharray=\"150 300\">\r\n                <animate attributeName=\"stroke-dashoffset\" values=\"0;-300;0\" dur=\"7s\" repeatCount=\"indefinite\"\/>\r\n              <\/path>\r\n\r\n              <circle r=\"5\" fill=\"#DCC493\">\r\n                <animate attributeName=\"r\" values=\"4;8;4\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-family=\"monospace\" font-size=\"14\" opacity=\".8\">\r\n              <text x=\"65\" y=\"65\">function()<\/text>\r\n              <text x=\"420\" y=\"65\">const data<\/text>\r\n              <text x=\"75\" y=\"215\">return true;<\/text>\r\n              <text x=\"435\" y=\"215\">class Code<\/text>\r\n            <\/g>\r\n\r\n            <g stroke=\"#DCC493\" fill=\"none\" opacity=\".65\">\r\n              <path d=\"M130 70L215 110M470 70L385 110M140 205L215 160M460 205L385 160\" stroke-dasharray=\"4 6\">\r\n                <animate attributeName=\"stroke-dashoffset\" values=\"0;-40\" dur=\"3s\" repeatCount=\"indefinite\"\/>\r\n              <\/path>\r\n            <\/g>\r\n\r\n            <circle cx=\"130\" cy=\"70\" r=\"4\" fill=\"#DCC493\">\r\n              <animate attributeName=\"opacity\" values=\".2;1;.2\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n            <\/circle>\r\n            <circle cx=\"470\" cy=\"70\" r=\"4\" fill=\"#DCC493\">\r\n              <animate attributeName=\"opacity\" values=\"1;.2;1\" dur=\"2.4s\" repeatCount=\"indefinite\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">01 \/ PROGRAMMING<\/span>\r\n          <h3>\u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc<\/h3>\r\n          <p>\u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u0627\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>PHP<\/span>\r\n            <span>Python<\/span>\r\n            <span>JavaScript<\/span>\r\n            <span>TypeScript<\/span>\r\n            <span>Java<\/span>\r\n            <span>C++<\/span>\r\n            <span>C<\/span>\r\n            <span>C#<\/span>\r\n            <span>Dart<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 02 Web Development -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">02 \/ WEB DEVELOPMENT<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <defs>\r\n              <linearGradient id=\"mw-web-gradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop stop-color=\"#DCC493\"\/>\r\n                <stop offset=\"1\" stop-color=\"#557F9B\"\/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n\r\n            <g transform=\"translate(300 128)\">\r\n              <circle r=\"112\" fill=\"none\" stroke=\"#B99A61\" stroke-dasharray=\"3 9\" opacity=\".4\">\r\n                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"35s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n\r\n              <circle r=\"88\" fill=\"none\" stroke=\"#B99A61\" opacity=\".3\"\/>\r\n\r\n              <rect x=\"-105\" y=\"-65\" width=\"210\" height=\"140\" rx=\"9\"\r\n                fill=\"#102438\" stroke=\"url(#mw-web-gradient)\" stroke-width=\"2\"\/>\r\n\r\n              <path d=\"M-105 -38H105\" stroke=\"#B99A61\" opacity=\".7\"\/>\r\n\r\n              <circle cx=\"-88\" cy=\"-52\" r=\"4\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"-73\" cy=\"-52\" r=\"4\" fill=\"#B99A61\"\/>\r\n              <circle cx=\"-58\" cy=\"-52\" r=\"4\" fill=\"#638C9E\"\/>\r\n\r\n              <rect x=\"-85\" y=\"-20\" width=\"75\" height=\"76\" rx=\"4\" fill=\"#1B3B50\"\/>\r\n              <path d=\"M-65 10L-43 -5L-22 10V35H-65Z\" fill=\"none\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n              <path d=\"M-65 35L-43 19L-22 35\" fill=\"none\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n\r\n              <rect x=\"0\" y=\"-20\" width=\"75\" height=\"12\" rx=\"3\" fill=\"#DCC493\" opacity=\".8\">\r\n                <animate attributeName=\"width\" values=\"45;75;45\" dur=\"4s\" repeatCount=\"indefinite\"\/>\r\n              <\/rect>\r\n\r\n              <rect x=\"0\" y=\"3\" width=\"62\" height=\"6\" rx=\"3\" fill=\"#8AA4B4\"\/>\r\n              <rect x=\"0\" y=\"18\" width=\"70\" height=\"6\" rx=\"3\" fill=\"#8AA4B4\" opacity=\".5\"\/>\r\n              <rect x=\"0\" y=\"38\" width=\"45\" height=\"18\" rx=\"3\" fill=\"#B99A61\">\r\n                <animate attributeName=\"opacity\" values=\".4;1;.4\" dur=\"2.5s\" repeatCount=\"indefinite\"\/>\r\n              <\/rect>\r\n            <\/g>\r\n\r\n            <g fill=\"none\" stroke=\"#DCC493\" stroke-width=\"1.5\" opacity=\".7\">\r\n              <path d=\"M80 60H180L205 85M520 60H420L395 85M80 205H180L205 180M520 205H420L395 180\"\/>\r\n              <circle cx=\"80\" cy=\"60\" r=\"5\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"520\" cy=\"60\" r=\"5\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"80\" cy=\"205\" r=\"5\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"520\" cy=\"205\" r=\"5\" fill=\"#DCC493\"\/>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">02 \/ WEB DEVELOPMENT<\/span>\r\n          <h3>\u062a\u0648\u0633\u0639\u0647 \u0648\u0628<\/h3>\r\n          <p>\u0637\u0631\u0627\u062d\u06cc \u0648 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0648\u0628\u200c\u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>HTML5<\/span>\r\n            <span>CSS3<\/span>\r\n            <span>JavaScript<\/span>\r\n            <span>React.js<\/span>\r\n            <span>Node.js<\/span>\r\n            <span>NestJS<\/span>\r\n            <span>TypeScript<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 03 Backend -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">03 \/ BACKEND ENGINEERING<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"108\" fill=\"none\" stroke=\"#B99A61\" opacity=\".3\" stroke-dasharray=\"2 8\"\/>\r\n\r\n              <g fill=\"#17364B\" stroke=\"#B99A61\" stroke-width=\"1.5\">\r\n                <rect x=\"-75\" y=\"-72\" width=\"150\" height=\"42\" rx=\"5\"\/>\r\n                <rect x=\"-75\" y=\"-20\" width=\"150\" height=\"42\" rx=\"5\"\/>\r\n                <rect x=\"-75\" y=\"32\" width=\"150\" height=\"42\" rx=\"5\"\/>\r\n              <\/g>\r\n\r\n              <g fill=\"#DCC493\">\r\n                <circle cx=\"-58\" cy=\"-51\" r=\"4\"\/>\r\n                <circle cx=\"-58\" cy=\"1\" r=\"4\"\/>\r\n                <circle cx=\"-58\" cy=\"53\" r=\"4\"\/>\r\n              <\/g>\r\n\r\n              <g stroke=\"#DCC493\" stroke-width=\"2\" opacity=\".7\">\r\n                <path d=\"M-42 -51H53M-42 1H53M-42 53H53\"\/>\r\n              <\/g>\r\n\r\n              <g fill=\"#B99A61\">\r\n                <circle cx=\"45\" cy=\"-51\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\".2;1;.2\" dur=\"1.7s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n                <circle cx=\"45\" cy=\"1\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\"1;.2;1\" dur=\"2s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n                <circle cx=\"45\" cy=\"53\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\".2;1;.2\" dur=\"2.3s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n              <\/g>\r\n\r\n              <path d=\"M0 -30V-20M0 22V32\" stroke=\"#DCC493\" stroke-width=\"3\" stroke-dasharray=\"3 3\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"none\" stroke=\"#B99A61\" stroke-width=\"2\">\r\n              <path d=\"M90 130H220M380 130H510\"\/>\r\n              <path d=\"M190 120L220 130L190 140M410 120L380 130L410 140\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-size=\"12\" font-family=\"monospace\">\r\n              <text x=\"75\" y=\"110\">REQUEST<\/text>\r\n              <text x=\"440\" y=\"110\">RESPONSE<\/text>\r\n            <\/g>\r\n\r\n            <circle r=\"5\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"3s\" repeatCount=\"indefinite\" path=\"M90 130H220\"\/>\r\n            <\/circle>\r\n            <circle r=\"5\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"3s\" begin=\"1.5s\" repeatCount=\"indefinite\" path=\"M510 130H380\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">03 \/ BACKEND<\/span>\r\n          <h3>\u062a\u0648\u0633\u0639\u0647 Backend<\/h3>\r\n          <p>\u0637\u0631\u0627\u062d\u06cc \u0645\u0646\u0637\u0642 \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u060c API \u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u0633\u0645\u062a \u0633\u0631\u0648\u0631<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Django<\/span>\r\n            <span>Flask<\/span>\r\n            <span>Laravel<\/span>\r\n            <span>ASP.NET<\/span>\r\n            <span>NestJS<\/span>\r\n            <span>REST API<\/span>\r\n            <span>Database<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 04 Mobile -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">04 \/ MOBILE DEVELOPMENT<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"110\" fill=\"none\" stroke=\"#B99A61\" stroke-dasharray=\"3 8\" opacity=\".4\"\/>\r\n              <circle r=\"83\" fill=\"none\" stroke=\"#B99A61\" opacity=\".25\"\/>\r\n\r\n              <rect x=\"-48\" y=\"-100\" width=\"96\" height=\"200\" rx=\"17\"\r\n                fill=\"#0B1928\" stroke=\"#DCC493\" stroke-width=\"2.5\"\/>\r\n\r\n              <rect x=\"-39\" y=\"-79\" width=\"78\" height=\"150\" rx=\"5\" fill=\"#19384D\"\/>\r\n              <path d=\"M-10 -88H10\" stroke=\"#B99A61\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n\r\n              <circle cy=\"85\" r=\"5\" fill=\"none\" stroke=\"#B99A61\" stroke-width=\"2\"\/>\r\n\r\n              <rect x=\"-28\" y=\"-60\" width=\"56\" height=\"35\" rx=\"4\" fill=\"#B99A61\" opacity=\".8\"\/>\r\n              <rect x=\"-28\" y=\"-14\" width=\"56\" height=\"7\" rx=\"3\" fill=\"#DCC493\"\/>\r\n              <rect x=\"-28\" y=\"2\" width=\"42\" height=\"5\" rx=\"2\" fill=\"#AEB9C5\" opacity=\".6\"\/>\r\n              <rect x=\"-28\" y=\"18\" width=\"56\" height=\"32\" rx=\"4\" fill=\"#244A5F\"\/>\r\n\r\n              <path d=\"M-18 34L-4 22L8 38L20 28\" fill=\"none\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n\r\n              <g fill=\"#DCC493\">\r\n                <circle cx=\"-105\" cy=\"-60\" r=\"4\"\/>\r\n                <circle cx=\"105\" cy=\"-60\" r=\"4\"\/>\r\n                <circle cx=\"-105\" cy=\"60\" r=\"4\"\/>\r\n                <circle cx=\"105\" cy=\"60\" r=\"4\"\/>\r\n              <\/g>\r\n            <\/g>\r\n\r\n            <g fill=\"none\" stroke=\"#B99A61\" stroke-width=\"1.5\" opacity=\".65\">\r\n              <path d=\"M130 70L230 95M470 70L370 95M130 190L230 165M470 190L370 165\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-family=\"monospace\" font-size=\"12\">\r\n              <text x=\"55\" y=\"62\">DESIGN<\/text>\r\n              <text x=\"470\" y=\"62\">BUILD<\/text>\r\n              <text x=\"55\" y=\"215\">MOBILE<\/text>\r\n              <text x=\"455\" y=\"215\">CROSS-PLATFORM<\/text>\r\n            <\/g>\r\n\r\n            <circle r=\"4\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"4s\" repeatCount=\"indefinite\" path=\"M130 70L230 95\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">04 \/ MOBILE DEVELOPMENT<\/span>\r\n          <h3>\u062a\u0648\u0633\u0639\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646<\/h3>\r\n          <p>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0686\u0646\u062f\u0633\u06a9\u0648\u06cc\u06cc<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Flutter<\/span>\r\n            <span>Dart<\/span>\r\n            <span>React Native<\/span>\r\n            <span>Expo<\/span>\r\n            <span>TypeScript<\/span>\r\n            <span>Android<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 05 WordPress -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">05 \/ WORDPRESS ECOSYSTEM<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"105\" fill=\"none\" stroke=\"#B99A61\" opacity=\".3\" stroke-dasharray=\"4 9\">\r\n                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"45s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n\r\n              <circle r=\"80\" fill=\"#15364C\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n              <circle r=\"61\" fill=\"none\" stroke=\"#DCC493\" stroke-width=\"1.5\" opacity=\".5\"\/>\r\n\r\n              <text x=\"0\" y=\"19\" text-anchor=\"middle\" fill=\"#DCC493\"\r\n                font-size=\"58\" font-family=\"Georgia\" font-weight=\"bold\">W<\/text>\r\n\r\n              <g fill=\"#B99A61\">\r\n                <circle cx=\"0\" cy=\"-103\" r=\"5\"\/>\r\n                <circle cx=\"103\" cy=\"0\" r=\"5\"\/>\r\n                <circle cx=\"0\" cy=\"103\" r=\"5\"\/>\r\n                <circle cx=\"-103\" cy=\"0\" r=\"5\"\/>\r\n              <\/g>\r\n            <\/g>\r\n\r\n            <g transform=\"translate(75 70)\">\r\n              <rect width=\"115\" height=\"115\" rx=\"5\" fill=\"#17364B\" stroke=\"#B99A61\"\/>\r\n              <path d=\"M18 28H97M18 45H80M18 62H90\" stroke=\"#DCC493\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n              <rect x=\"18\" y=\"78\" width=\"40\" height=\"20\" rx=\"3\" fill=\"#B99A61\"\/>\r\n              <animateTransform attributeName=\"transform\" type=\"translate\" values=\"75 70;75 62;75 70\" dur=\"4s\" repeatCount=\"indefinite\"\/>\r\n            <\/g>\r\n\r\n            <g transform=\"translate(410 70)\">\r\n              <rect width=\"115\" height=\"115\" rx=\"5\" fill=\"#17364B\" stroke=\"#B99A61\"\/>\r\n              <rect x=\"17\" y=\"17\" width=\"81\" height=\"81\" rx=\"3\" fill=\"none\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n              <path d=\"M27 38H88M27 53H88M27 68H65\" stroke=\"#DCC493\" stroke-width=\"3\" opacity=\".7\"\/>\r\n              <animateTransform attributeName=\"transform\" type=\"translate\" values=\"410 70;410 78;410 70\" dur=\"4s\" repeatCount=\"indefinite\"\/>\r\n            <\/g>\r\n\r\n            <g stroke=\"#DCC493\" stroke-width=\"1.5\" stroke-dasharray=\"5 5\" fill=\"none\">\r\n              <path d=\"M190 125H220M410 125H380\"\/>\r\n              <path d=\"M205 118L220 125L205 132M395 118L380 125L395 132\"\/>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">05 \/ WORDPRESS<\/span>\r\n          <h3>\u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0631\u062f\u067e\u0631\u0633<\/h3>\r\n          <p>\u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0648 \u062a\u0648\u0633\u0639\u0647 \u0642\u0627\u0644\u0628 \u0648 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>WordPress<\/span>\r\n            <span>PHP<\/span>\r\n            <span>WooCommerce<\/span>\r\n            <span>Elementor<\/span>\r\n            <span>Plugin Development<\/span>\r\n            <span>Theme Development<\/span>\r\n            <span>REST API<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 06 Artificial Intelligence -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">06 \/ ARTIFICIAL INTELLIGENCE<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\" fill=\"none\" stroke=\"#DCC493\">\r\n\r\n              <circle r=\"35\" stroke-width=\"2.5\"\/>\r\n              <circle r=\"75\" stroke-width=\"1.5\" opacity=\".55\"\/>\r\n\r\n              <circle r=\"110\" stroke-width=\"1\" opacity=\".35\" stroke-dasharray=\"3 8\">\r\n                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"30s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n\r\n              <path d=\"M0 -35V-75M30 -17L65 -37M30 17L65 37M0 35V75M-30 17L-65 37M-30 -17L-65 -37\" stroke-width=\"2\"\/>\r\n\r\n              <g fill=\"#DCC493\">\r\n                <circle cy=\"-75\" r=\"6\"\/>\r\n                <circle cx=\"65\" cy=\"-37\" r=\"6\"\/>\r\n                <circle cx=\"65\" cy=\"37\" r=\"6\"\/>\r\n                <circle cy=\"75\" r=\"6\"\/>\r\n                <circle cx=\"-65\" cy=\"37\" r=\"6\"\/>\r\n                <circle cx=\"-65\" cy=\"-37\" r=\"6\"\/>\r\n              <\/g>\r\n\r\n              <path d=\"M-16 -8L0 -20L16 -8V10L0 20L-16 10Z\"\r\n                fill=\"#B99A61\" fill-opacity=\".25\" stroke-width=\"2\"\/>\r\n\r\n              <circle r=\"5\" fill=\"#DCC493\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" opacity=\".7\" font-family=\"monospace\" font-size=\"13\">\r\n              <text x=\"75\" y=\"55\">NEURAL NETWORK<\/text>\r\n              <text x=\"410\" y=\"55\">INTELLIGENCE<\/text>\r\n              <text x=\"90\" y=\"220\">LEARNING<\/text>\r\n              <text x=\"445\" y=\"220\">DATA<\/text>\r\n            <\/g>\r\n\r\n            <g stroke=\"#B99A61\" stroke-width=\"1\" fill=\"none\" opacity=\".6\">\r\n              <path d=\"M150 60L240 95M450 60L360 95M150 205L240 165M450 205L360 165\"\/>\r\n            <\/g>\r\n\r\n            <circle r=\"4\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"4s\" repeatCount=\"indefinite\" path=\"M150 60L240 95\"\/>\r\n            <\/circle>\r\n            <circle r=\"4\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"4s\" begin=\"2s\" repeatCount=\"indefinite\" path=\"M450 205L360 165\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">06 \/ ARTIFICIAL INTELLIGENCE<\/span>\r\n          <h3>\u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc<\/h3>\r\n          <p>\u062a\u0648\u0633\u0639\u0647 \u0648 \u0628\u0647\u200c\u06a9\u0627\u0631\u06af\u06cc\u0631\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Artificial Intelligence<\/span>\r\n            <span>AI Integration<\/span>\r\n            <span>AI-powered Applications<\/span>\r\n            <span>Machine Learning<\/span>\r\n            <span>Python<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 07 Server -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">07 \/ SERVER & INFRASTRUCTURE<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"110\" fill=\"none\" stroke=\"#B99A61\" stroke-dasharray=\"3 9\" opacity=\".4\"\/>\r\n\r\n              <g fill=\"#16364B\" stroke=\"#DCC493\" stroke-width=\"1.7\">\r\n                <rect x=\"-72\" y=\"-95\" width=\"144\" height=\"52\" rx=\"5\"\/>\r\n                <rect x=\"-72\" y=\"-26\" width=\"144\" height=\"52\" rx=\"5\"\/>\r\n                <rect x=\"-72\" y=\"43\" width=\"144\" height=\"52\" rx=\"5\"\/>\r\n              <\/g>\r\n\r\n              <g stroke=\"#B99A61\" stroke-width=\"2\">\r\n                <path d=\"M-45 -78H40M-45 -9H40M-45 60H40\"\/>\r\n              <\/g>\r\n\r\n              <g fill=\"#DCC493\">\r\n                <circle cx=\"-53\" cy=\"-69\" r=\"5\"\/>\r\n                <circle cx=\"-53\" cy=\"0\" r=\"5\"\/>\r\n                <circle cx=\"-53\" cy=\"69\" r=\"5\"\/>\r\n              <\/g>\r\n\r\n              <g fill=\"#63C8B3\">\r\n                <circle cx=\"52\" cy=\"-69\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\".2;1;.2\" dur=\"1.5s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n                <circle cx=\"52\" cy=\"0\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\"1;.2;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n                <circle cx=\"52\" cy=\"69\" r=\"4\">\r\n                  <animate attributeName=\"opacity\" values=\".2;1;.2\" dur=\"2.1s\" repeatCount=\"indefinite\"\/>\r\n                <\/circle>\r\n              <\/g>\r\n            <\/g>\r\n\r\n            <g fill=\"none\" stroke=\"#B99A61\" stroke-width=\"1.5\" opacity=\".7\">\r\n              <path d=\"M110 130H210M390 130H490\"\/>\r\n              <path d=\"M190 120L210 130L190 140M410 120L390 130L410 140\"\/>\r\n              <circle cx=\"110\" cy=\"130\" r=\"9\"\/>\r\n              <circle cx=\"490\" cy=\"130\" r=\"9\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-size=\"12\" font-family=\"monospace\">\r\n              <text x=\"85\" y=\"105\">CLIENT<\/text>\r\n              <text x=\"455\" y=\"105\">NETWORK<\/text>\r\n            <\/g>\r\n\r\n            <circle r=\"4\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"3s\" repeatCount=\"indefinite\" path=\"M110 130H210\"\/>\r\n            <\/circle>\r\n            <circle r=\"4\" fill=\"#DCC493\">\r\n              <animateMotion dur=\"3s\" begin=\"1.5s\" repeatCount=\"indefinite\" path=\"M490 130H390\"\/>\r\n            <\/circle>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">07 \/ SERVER & INFRASTRUCTURE<\/span>\r\n          <h3>\u0633\u0631\u0648\u0631 \u0648 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a<\/h3>\r\n          <p>\u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0631\u0648\u0631\u0647\u0627\u060c \u0645\u062d\u06cc\u0637\u200c\u0647\u0627\u06cc \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u0648 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0648\u0628<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Linux<\/span>\r\n            <span>VPS<\/span>\r\n            <span>Server Management<\/span>\r\n            <span>DirectAdmin<\/span>\r\n            <span>cPanel<\/span>\r\n            <span>Web Server<\/span>\r\n            <span>Networking<\/span>\r\n            <span>DNS<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 08 DevOps -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">08 \/ DEVOPS & AUTOMATION<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <g transform=\"translate(300 130)\" fill=\"none\">\r\n              <circle r=\"95\" stroke=\"#B99A61\" stroke-width=\"1.5\" stroke-dasharray=\"5 7\"\/>\r\n\r\n              <path d=\"M-72 -28A78 78 0 0 1 63 -48\"\r\n                stroke=\"#DCC493\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M55 -62L67 -47L45 -43\"\r\n                stroke=\"#DCC493\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\r\n\r\n              <path d=\"M72 28A78 78 0 0 1 -63 48\"\r\n                stroke=\"#DCC493\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M-55 62L-67 47L-45 43\"\r\n                stroke=\"#DCC493\" stroke-width=\"4\" stroke-linejoin=\"round\"\/>\r\n\r\n              <rect x=\"-38\" y=\"-38\" width=\"76\" height=\"76\" rx=\"8\"\r\n                fill=\"#17364B\" stroke=\"#DCC493\" stroke-width=\"2\"\/>\r\n\r\n              <path d=\"M-17 0L-4 14L20 -14\"\r\n                stroke=\"#DCC493\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n\r\n              <circle cx=\"-95\" cy=\"0\" r=\"7\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"95\" cy=\"0\" r=\"7\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"0\" cy=\"-95\" r=\"7\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"0\" cy=\"95\" r=\"7\" fill=\"#DCC493\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-size=\"13\" font-family=\"monospace\">\r\n              <text x=\"65\" y=\"50\">COMMIT<\/text>\r\n              <text x=\"445\" y=\"50\">BUILD<\/text>\r\n              <text x=\"65\" y=\"220\">TEST<\/text>\r\n              <text x=\"455\" y=\"220\">DEPLOY<\/text>\r\n            <\/g>\r\n\r\n            <g stroke=\"#B99A61\" fill=\"none\" stroke-width=\"1.5\">\r\n              <path d=\"M125 55L220 90M475 55L380 90M125 205L220 170M475 205L380 170\"\/>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">08 \/ DEVOPS<\/span>\r\n          <h3>DevOps \u0648 \u0627\u0633\u062a\u0642\u0631\u0627\u0631<\/h3>\r\n          <p>\u0645\u062f\u06cc\u0631\u06cc\u062a \u0686\u0631\u062e\u0647 \u062a\u0648\u0633\u0639\u0647\u060c \u0627\u0646\u062a\u0634\u0627\u0631 \u0648 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Git<\/span>\r\n            <span>GitHub<\/span>\r\n            <span>Docker<\/span>\r\n            <span>CI \/ CD<\/span>\r\n            <span>Deployment<\/span>\r\n            <span>Automation<\/span>\r\n            <span>Monitoring<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- 09 Cyber Security -->\r\n      <article class=\"mw-exp-card\">\r\n\r\n        <div class=\"mw-exp-visual\">\r\n          <span class=\"mw-visual-caption\">09 \/ CYBER SECURITY<\/span>\r\n\r\n          <svg viewBox=\"0 0 600 260\" aria-hidden=\"true\">\r\n            <defs>\r\n              <filter id=\"mw-shield-glow\">\r\n                <feGaussianBlur stdDeviation=\"5\" result=\"blur\"\/>\r\n                <feMerge>\r\n                  <feMergeNode in=\"blur\"\/>\r\n                  <feMergeNode in=\"SourceGraphic\"\/>\r\n                <\/feMerge>\r\n              <\/filter>\r\n            <\/defs>\r\n\r\n            <g transform=\"translate(300 130)\">\r\n              <circle r=\"110\" fill=\"none\" stroke=\"#B99A61\" opacity=\".35\" stroke-dasharray=\"3 8\">\r\n                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0\" to=\"360\" dur=\"40s\" repeatCount=\"indefinite\"\/>\r\n              <\/circle>\r\n\r\n              <circle r=\"82\" fill=\"none\" stroke=\"#B99A61\" opacity=\".3\"\/>\r\n\r\n              <path d=\"M0 -90L72 -60V0C72 45 38 76 0 94C-38 76 -72 45 -72 0V-60Z\"\r\n                fill=\"#15364B\" stroke=\"#DCC493\" stroke-width=\"3\" filter=\"url(#mw-shield-glow)\"\/>\r\n\r\n              <path d=\"M-32 0L-8 25L38 -28\"\r\n                fill=\"none\" stroke=\"#DCC493\" stroke-width=\"8\"\r\n                stroke-linecap=\"round\" stroke-linejoin=\"round\"\r\n                stroke-dasharray=\"100 150\">\r\n                <animate attributeName=\"stroke-dashoffset\" values=\"100;0;100\" dur=\"3s\" repeatCount=\"indefinite\"\/>\r\n              <\/path>\r\n\r\n              <circle cx=\"0\" cy=\"-90\" r=\"5\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"72\" cy=\"-60\" r=\"5\" fill=\"#DCC493\"\/>\r\n              <circle cx=\"-72\" cy=\"-60\" r=\"5\" fill=\"#DCC493\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"none\" stroke=\"#B99A61\" stroke-width=\"1.5\" opacity=\".65\">\r\n              <path d=\"M85 65L190 90M515 65L410 90M85 200L190 170M515 200L410 170\"\/>\r\n            <\/g>\r\n\r\n            <g fill=\"#DCC493\" font-family=\"monospace\" font-size=\"12\">\r\n              <text x=\"65\" y=\"55\">PROTECTION<\/text>\r\n              <text x=\"445\" y=\"55\">ANALYSIS<\/text>\r\n              <text x=\"65\" y=\"220\">SECURITY<\/text>\r\n              <text x=\"455\" y=\"220\">DEFENSE<\/text>\r\n            <\/g>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"mw-exp-card-content\">\r\n          <span class=\"mw-exp-number\">09 \/ CYBER SECURITY<\/span>\r\n          <h3>\u0627\u0645\u0646\u06cc\u062a \u0633\u0627\u06cc\u0628\u0631\u06cc \u0648 \u0647\u06a9<\/h3>\r\n          <p>\u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0622\u0633\u06cc\u0628\u200c\u067e\u0630\u06cc\u0631\u06cc\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc<\/p>\r\n\r\n          <div class=\"mw-exp-tags\">\r\n            <span>Cyber Security<\/span>\r\n            <span>Ethical Hacking<\/span>\r\n            <span>Security Assessment<\/span>\r\n            <span>Vulnerability Analysis<\/span>\r\n            <span>Penetration Testing<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <footer class=\"mw-exp-footer\">\r\n      <div class=\"mw-exp-footer-ornament\">\r\n        <span><\/span><i><\/i><span><\/span>\r\n      <\/div>\r\n\r\n      <p>\u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0632\u0645\u0627\u0646\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u06cc \u0645\u0624\u062b\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0634\u0648\u062f.<\/p>\r\n      <span class=\"mw-exp-footer-en\">THINK \u00b7 BUILD \u00b7 CREATE<\/span>\r\n    <\/footer>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   MELODY \/ PERSONAL PORTFOLIO EXPERTISE\r\n========================================= *\/\r\n\r\n.mw-expertise {\r\n  --mw-bg: #0B1928;\r\n  --mw-gold: #B99A61;\r\n  --mw-light: #DCC493;\r\n  --mw-white: #F4F0E7;\r\n  --mw-muted: #AEB9C5;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  background: var(--mw-bg);\r\n  color: var(--mw-white);\r\n  padding: 0 24px 95px;\r\n  font-family: inherit;\r\n}\r\n\r\n.mw-expertise *,\r\n.mw-expertise *::before,\r\n.mw-expertise *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.mw-exp-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.mw-exp-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .16;\r\n  background-image:\r\n    linear-gradient(rgba(185,154,97,.25) 1px, transparent 1px),\r\n    linear-gradient(90deg,rgba(185,154,97,.25) 1px, transparent 1px);\r\n  background-size: 65px 65px;\r\n  mask-image: linear-gradient(\r\n    to bottom,\r\n    transparent,\r\n    black 12%,\r\n    black 88%,\r\n    transparent\r\n  );\r\n}\r\n\r\n.mw-exp-pattern {\r\n  position: absolute;\r\n  width: 650px;\r\n  height: 650px;\r\n  right: -300px;\r\n  top: 100px;\r\n  opacity: .24;\r\n\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M50 0L100 50L50 100L0 50ZM50 15L85 50L50 85L15 50ZM0 0L100 100M100 0L0 100' fill='none' stroke='%23B99A61' stroke-width='1'\/%3E%3C\/svg%3E\");\r\n  background-size: 100px 100px;\r\n\r\n  animation: mw-exp-pattern-rotation 100s linear infinite;\r\n}\r\n\r\n.mw-exp-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(100px);\r\n}\r\n\r\n.mw-exp-glow-1 {\r\n  width: 420px;\r\n  height: 420px;\r\n  background: rgba(185,154,97,.12);\r\n  top: 5%;\r\n  left: -180px;\r\n}\r\n\r\n.mw-exp-glow-2 {\r\n  width: 350px;\r\n  height: 350px;\r\n  background: rgba(39,110,135,.13);\r\n  bottom: 5%;\r\n  right: 5%;\r\n}\r\n\r\n.mw-exp-container {\r\n  width: min(1240px,100%);\r\n  margin: auto;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.mw-exp-heading {\r\n  text-align: center;\r\n  max-width: 720px;\r\n  margin: 0 auto 70px;\r\n}\r\n\r\n.mw-exp-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  color: var(--mw-gold);\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  direction: ltr;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.mw-exp-eyebrow span {\r\n  width: 34px;\r\n  height: 1px;\r\n  background: var(--mw-gold);\r\n}\r\n\r\n.mw-exp-heading h2 {\r\n  font-size: clamp(32px,5vw,55px);\r\n  font-weight: 800;\r\n  line-height: 1.5;\r\n  margin: 0;\r\n  color: var(--mw-white);\r\n}\r\n\r\n.mw-exp-heading h2 em {\r\n  font-style: normal;\r\n  color: var(--mw-light);\r\n}\r\n\r\n.mw-exp-heading > p {\r\n  font-size: 15px;\r\n  color: var(--mw-muted);\r\n  line-height: 2.2;\r\n  max-width: 600px;\r\n  margin: 17px auto 25px;\r\n}\r\n\r\n.mw-exp-heading-line {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.mw-exp-heading-line i {\r\n  height: 3px;\r\n  width: 35px;\r\n  background: var(--mw-gold);\r\n  border-radius: 10px;\r\n}\r\n\r\n.mw-exp-heading-line i:nth-child(2) {\r\n  width: 8px;\r\n  opacity: .6;\r\n}\r\n\r\n.mw-exp-heading-line i:nth-child(3) {\r\n  width: 4px;\r\n  opacity: .3;\r\n}\r\n\r\n\/* Cards layout *\/\r\n\r\n.mw-exp-categories {\r\n  display: grid;\r\n  grid-template-columns: repeat(3,minmax(0,1fr));\r\n  gap: 22px;\r\n}\r\n\r\n.mw-exp-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n\r\n  background: linear-gradient(\r\n    145deg,\r\n    rgba(24,48,68,.96),\r\n    rgba(12,30,46,.98)\r\n  );\r\n\r\n  border: 1px solid rgba(185,154,97,.2);\r\n  border-radius: 5px;\r\n\r\n  transition:\r\n    transform .45s ease,\r\n    border-color .45s ease,\r\n    box-shadow .45s ease;\r\n}\r\n\r\n.mw-exp-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  right: 28px;\r\n  width: 55px;\r\n  height: 2px;\r\n  background: var(--mw-gold);\r\n  z-index: 2;\r\n}\r\n\r\n.mw-exp-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: rgba(220,196,147,.65);\r\n\r\n  box-shadow:\r\n    0 24px 55px rgba(0,0,0,.25),\r\n    0 0 28px rgba(185,154,97,.08);\r\n}\r\n\r\n.mw-exp-card-featured {\r\n  grid-column: span 2;\r\n}\r\n\r\n\/* Large SVG illustrations *\/\r\n\r\n.mw-exp-visual {\r\n  height: 220px;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at center,\r\n      rgba(185,154,97,.11),\r\n      transparent 65%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(8,22,35,.15),\r\n      rgba(8,22,35,.42)\r\n    );\r\n\r\n  border-bottom: 1px solid rgba(185,154,97,.15);\r\n}\r\n\r\n.mw-exp-visual::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(185,154,97,.04),\r\n    transparent\r\n  );\r\n}\r\n\r\n.mw-exp-visual svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  overflow: visible;\r\n  transition: transform .7s ease;\r\n}\r\n\r\n.mw-exp-card:hover .mw-exp-visual svg {\r\n  transform: scale(1.035);\r\n}\r\n\r\n.mw-visual-caption {\r\n  position: absolute;\r\n  top: 15px;\r\n  left: 18px;\r\n  z-index: 2;\r\n\r\n  color: rgba(220,196,147,.65);\r\n  font-size: 8px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n}\r\n\r\n\/* Card content *\/\r\n\r\n.mw-exp-card-content {\r\n  padding: 25px 25px 27px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.mw-exp-number {\r\n  display: block;\r\n  color: var(--mw-gold);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n  text-align: right;\r\n  margin-bottom: 9px;\r\n}\r\n\r\n.mw-exp-card h3 {\r\n  font-size: 19px;\r\n  font-weight: 700;\r\n  color: var(--mw-white);\r\n  margin: 0 0 8px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.mw-exp-card-content > p {\r\n  font-size: 12px;\r\n  color: var(--mw-muted);\r\n  line-height: 1.9;\r\n  margin: 0 0 19px;\r\n}\r\n\r\n\/* Tags *\/\r\n\r\n.mw-exp-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 8px;\r\n}\r\n\r\n.mw-exp-tags span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-height: 32px;\r\n  padding: 6px 12px;\r\n\r\n  color: #D4DCE4;\r\n  background: rgba(4,15,26,.28);\r\n  border: 1px solid rgba(255,255,255,.09);\r\n  border-radius: 3px;\r\n\r\n  font-size: 10px;\r\n  font-weight: 500;\r\n  direction: ltr;\r\n  text-align: center;\r\n  line-height: 1.5;\r\n\r\n  transition: all .3s ease;\r\n}\r\n\r\n.mw-exp-tags span:hover {\r\n  color: var(--mw-light);\r\n  background: rgba(185,154,97,.1);\r\n  border-color: rgba(185,154,97,.45);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Selected cards *\/\r\n\r\n.mw-exp-card:nth-child(5) {\r\n  border-color: rgba(185,154,97,.38);\r\n}\r\n\r\n.mw-exp-card:nth-child(9) {\r\n  border-color: rgba(185,154,97,.3);\r\n}\r\n\r\n\/* Footer *\/\r\n\r\n.mw-exp-footer {\r\n  text-align: center;\r\n  margin-top: 70px;\r\n  padding-top: 35px;\r\n  border-top: 1px solid rgba(185,154,97,.2);\r\n}\r\n\r\n.mw-exp-footer-ornament {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.mw-exp-footer-ornament span {\r\n  width: 40px;\r\n  height: 1px;\r\n  background: var(--mw-gold);\r\n  opacity: .6;\r\n}\r\n\r\n.mw-exp-footer-ornament i {\r\n  width: 9px;\r\n  height: 9px;\r\n  border: 1px solid var(--mw-gold);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.mw-exp-footer p {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: var(--mw-white);\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.mw-exp-footer-en {\r\n  color: var(--mw-gold);\r\n  font-size: 9px;\r\n  letter-spacing: 4px;\r\n  direction: ltr;\r\n  display: block;\r\n}\r\n\r\n\/* Animations *\/\r\n\r\n@keyframes mw-exp-pattern-rotation {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media(max-width:1000px) {\r\n  .mw-exp-categories {\r\n    grid-template-columns: repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .mw-exp-card-featured {\r\n    grid-column: span 2;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media(max-width:640px) {\r\n  .mw-expertise {\r\n    padding: 0 15px 65px;\r\n  }\r\n\r\n  .mw-exp-heading {\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .mw-exp-heading h2 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .mw-exp-heading > p {\r\n    font-size: 13px;\r\n  }\r\n\r\n  .mw-exp-categories {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .mw-exp-card-featured {\r\n    grid-column: span 1;\r\n  }\r\n\r\n  .mw-exp-visual {\r\n    height: 205px;\r\n  }\r\n\r\n  .mw-exp-card-content {\r\n    padding: 21px 18px 23px;\r\n  }\r\n\r\n  .mw-exp-card h3 {\r\n    font-size: 18px;\r\n  }\r\n\r\n  .mw-exp-tags {\r\n    gap: 7px;\r\n  }\r\n\r\n  .mw-exp-tags span {\r\n    font-size: 10px;\r\n    padding: 6px 10px;\r\n  }\r\n\r\n  .mw-exp-footer {\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .mw-exp-footer p {\r\n    font-size: 14px;\r\n    line-height: 2;\r\n  }\r\n\r\n  .mw-exp-pattern {\r\n    width: 400px;\r\n    height: 400px;\r\n    right: -250px;\r\n    opacity: .18;\r\n  }\r\n}\r\n\r\n\/* Accessibility *\/\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .mw-expertise *,\r\n  .mw-expertise *::before,\r\n  .mw-expertise *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-daa1915 e-con-full e-flex e-con e-parent\" data-id=\"daa1915\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84ab582 elementor-widget elementor-widget-html\" data-id=\"84ab582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"mw-projects\" id=\"mw-projects\" dir=\"rtl\">\r\n\r\n  <div class=\"mwp-background\">\r\n    <div class=\"mwp-grid\"><\/div>\r\n\r\n    <svg class=\"mwp-pattern-svg\" viewBox=\"0 0 600 600\" fill=\"none\" aria-hidden=\"true\">\r\n      <defs>\r\n        <pattern id=\"mwpPersianPattern\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\">\r\n          <path d=\"M50 0L100 50L50 100L0 50Z\" stroke=\"#B99A61\" stroke-width=\"1\"\/>\r\n          <path d=\"M50 15L85 50L50 85L15 50Z\" stroke=\"#B99A61\" stroke-width=\".8\"\/>\r\n          <path d=\"M0 0L100 100M100 0L0 100\" stroke=\"#B99A61\" stroke-width=\".7\" opacity=\".65\"\/>\r\n          <circle cx=\"50\" cy=\"50\" r=\"12\" stroke=\"#B99A61\"\/>\r\n          <path d=\"M50 15L62 38L85 50L62 62L50 85L38 62L15 50L38 38Z\" stroke=\"#B99A61\" stroke-width=\".8\"\/>\r\n        <\/pattern>\r\n      <\/defs>\r\n      <rect width=\"600\" height=\"600\" fill=\"url(#mwpPersianPattern)\"\/>\r\n    <\/svg>\r\n\r\n    <div class=\"mwp-glow mwp-glow-one\"><\/div>\r\n    <div class=\"mwp-glow mwp-glow-two\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"mwp-container\">\r\n\r\n    <!-- HEADER -->\r\n    <header class=\"mwp-heading\">\r\n\r\n      <div class=\"mwp-eyebrow\">\r\n        <span><\/span>\r\n        SELECTED WORKS\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0627\u06cc\u062f\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647\r\n        <em>\u0628\u0647 \u0648\u0627\u0642\u0639\u06cc\u062a \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646\u062f.<\/em>\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u061b\r\n        \u0627\u0632 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062a\u0627 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u200c\u0647\u0627\r\n        \u0648 \u0633\u0627\u0645\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc.\r\n      <\/p>\r\n\r\n      <div class=\"mwp-heading-decoration\">\r\n        <span><\/span>\r\n        <i><\/i>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n    <\/header>\r\n\r\n    <!-- PROJECTS -->\r\n    <div class=\"mwp-project-grid\">\r\n\r\n      <!-- PROJECT 01 -->\r\n      <article class=\"mwp-project-card mwp-project-featured\">\r\n\r\n        <div class=\"mwp-browser\">\r\n\r\n          <div class=\"mwp-browser-toolbar\">\r\n\r\n            <div class=\"mwp-browser-dots\">\r\n              <i><\/i><i><\/i><i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"mwp-browser-address\" dir=\"ltr\">\r\n              <svg class=\"mwp-lock-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <path d=\"M8 10V7a4 4 0 0 1 8 0v3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <circle cx=\"12\" cy=\"15\" r=\"1.3\" fill=\"currentColor\"\/>\r\n                <path d=\"M12 16.3V18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/>\r\n              <\/svg>\r\n              shahrvandcard.com\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/shahrvandcard.com\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-browser-open\"\r\n               aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0633\u0627\u06cc\u062a \u0634\u0647\u0631\u0648\u0646\u062f \u06a9\u0627\u0631\u062a\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"mwp-iframe-stage\">\r\n            <iframe\r\n              src=\"https:\/\/shahrvandcard.com\/\"\r\n              title=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u06a9\u0627\u0631\u062a \u0634\u0647\u0631\u0648\u0646\u062f\u06cc\"\r\n              loading=\"lazy\"\r\n              referrerpolicy=\"strict-origin-when-cross-origin\"\r\n              allow=\"fullscreen\"\r\n            ><\/iframe>\r\n\r\n            <div class=\"mwp-preview-hint\">\r\n              <span>LIVE PREVIEW<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mwp-project-info\">\r\n\r\n          <div class=\"mwp-project-topline\">\r\n            <span class=\"mwp-project-index\">PROJECT \/ 01<\/span>\r\n            <span class=\"mwp-project-type\">WEB PLATFORM<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-title-row\">\r\n            <div>\r\n              <h3>\u06a9\u0627\u0631\u062a \u0634\u0647\u0631\u0648\u0646\u062f\u06cc<\/h3>\r\n              <span class=\"mwp-project-domain\" dir=\"ltr\">shahrvandcard.com<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/shahrvandcard.com\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-project-arrow\"\r\n               aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 \u0634\u0647\u0631\u0648\u0646\u062f \u06a9\u0627\u0631\u062a\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"mwp-project-description\">\r\n            \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0645\u0639\u0631\u0641\u06cc \u06a9\u0627\u0631\u062a \u0634\u0647\u0631\u0648\u0646\u062f\u06cc\u061b\r\n            \u0628\u0633\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u0639\u0631\u0641\u06cc \u062e\u062f\u0645\u0627\u062a \u0634\u0647\u0631\u06cc\u060c \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u067e\u0631\u062f\u0627\u062e\u062a\u060c\r\n            \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0641\u0631\u0627\u06cc\u0646\u062f \u062f\u0631\u06cc\u0627\u0641\u062a \u06a9\u0627\u0631\u062a.\r\n          <\/p>\r\n\r\n          <div class=\"mwp-project-tags\">\r\n            <span>Web Design<\/span>\r\n            <span>Development<\/span>\r\n            <span>Digital Services<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-bottom\">\r\n            <span>01 \u2014 04<\/span>\r\n            <a href=\"https:\/\/shahrvandcard.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5M11 6L5 12L11 18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- PROJECT 02 -->\r\n      <article class=\"mwp-project-card\">\r\n\r\n        <div class=\"mwp-browser\">\r\n\r\n          <div class=\"mwp-browser-toolbar\">\r\n\r\n            <div class=\"mwp-browser-dots\">\r\n              <i><\/i><i><\/i><i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"mwp-browser-address\" dir=\"ltr\">\r\n              <svg class=\"mwp-lock-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <path d=\"M8 10V7a4 4 0 0 1 8 0v3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <circle cx=\"12\" cy=\"15\" r=\"1.3\" fill=\"currentColor\"\/>\r\n                <path d=\"M12 16.3V18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/>\r\n              <\/svg>\r\n              aspidhost.ir\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/aspidhost.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-browser-open\"\r\n               aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0633\u0627\u06cc\u062a \u0622\u0633\u067e\u06cc\u062f \u0647\u0627\u0633\u062a\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"mwp-iframe-stage\">\r\n            <iframe\r\n              src=\"https:\/\/aspidhost.ir\/\"\r\n              title=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0622\u0633\u067e\u06cc\u062f \u0647\u0627\u0633\u062a\"\r\n              loading=\"lazy\"\r\n              referrerpolicy=\"strict-origin-when-cross-origin\"\r\n              allow=\"fullscreen\"\r\n            ><\/iframe>\r\n\r\n            <div class=\"mwp-preview-hint\">\r\n              <span>LIVE PREVIEW<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mwp-project-info\">\r\n\r\n          <div class=\"mwp-project-topline\">\r\n            <span class=\"mwp-project-index\">PROJECT \/ 02<\/span>\r\n            <span class=\"mwp-project-type\">HOSTING & INFRASTRUCTURE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-title-row\">\r\n            <div>\r\n              <h3>\u0622\u0633\u067e\u06cc\u062f \u0647\u0627\u0633\u062a<\/h3>\r\n              <span class=\"mwp-project-domain\" dir=\"ltr\">aspidhost.ir<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/aspidhost.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-project-arrow\"\r\n               aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 \u0622\u0633\u067e\u06cc\u062f \u0647\u0627\u0633\u062a\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"mwp-project-description\">\r\n            \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u067e\u0644\u062a\u0641\u0631\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u0648\u0628\u061b\r\n            \u0628\u0627 \u0645\u0639\u0631\u0641\u06cc \u0633\u0631\u0648\u06cc\u0633\u200c\u0647\u0627\u06cc \u0647\u0627\u0633\u062a\u060c \u062f\u0627\u0645\u0646\u0647\u060c \u0633\u0631\u0648\u0631 \u0645\u062c\u0627\u0632\u06cc\r\n            \u0648 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u0645\u0648\u0631\u062f\u0646\u06cc\u0627\u0632 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627\u06cc \u0622\u0646\u0644\u0627\u06cc\u0646.\r\n          <\/p>\r\n\r\n          <div class=\"mwp-project-tags\">\r\n            <span>Hosting<\/span>\r\n            <span>Infrastructure<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-bottom\">\r\n            <span>02 \u2014 04<\/span>\r\n            <a href=\"https:\/\/aspidhost.ir\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5M11 6L5 12L11 18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- PROJECT 03 -->\r\n      <article class=\"mwp-project-card\">\r\n\r\n        <div class=\"mwp-browser\">\r\n\r\n          <div class=\"mwp-browser-toolbar\">\r\n\r\n            <div class=\"mwp-browser-dots\">\r\n              <i><\/i><i><\/i><i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"mwp-browser-address\" dir=\"ltr\">\r\n              <svg class=\"mwp-lock-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <path d=\"M8 10V7a4 4 0 0 1 8 0v3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <circle cx=\"12\" cy=\"15\" r=\"1.3\" fill=\"currentColor\"\/>\r\n                <path d=\"M12 16.3V18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/>\r\n              <\/svg>\r\n              suppway.ir\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/suppway.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-browser-open\"\r\n               aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0633\u0627\u06cc\u062a Suppway\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"mwp-iframe-stage\">\r\n            <iframe\r\n              src=\"https:\/\/suppway.ir\/\"\r\n              title=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a Suppway\"\r\n              loading=\"lazy\"\r\n              referrerpolicy=\"strict-origin-when-cross-origin\"\r\n              allow=\"fullscreen\"\r\n            ><\/iframe>\r\n\r\n            <div class=\"mwp-preview-hint\">\r\n              <span>LIVE PREVIEW<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mwp-project-info\">\r\n\r\n          <div class=\"mwp-project-topline\">\r\n            <span class=\"mwp-project-index\">PROJECT \/ 03<\/span>\r\n            <span class=\"mwp-project-type\">DIGITAL PROJECT<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-title-row\">\r\n            <div>\r\n              <h3>Suppway<\/h3>\r\n              <span class=\"mwp-project-domain\" dir=\"ltr\">suppway.ir<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/suppway.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-project-arrow\"\r\n               aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 Suppway\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"mwp-project-description\">\r\n            \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631\r\n            \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0648 \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0622\u0646\u0644\u0627\u06cc\u0646.\r\n          <\/p>\r\n\r\n          <div class=\"mwp-project-tags\">\r\n            <span>Web Development<\/span>\r\n            <span>UI \/ UX<\/span>\r\n            <span>Digital Platform<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-bottom\">\r\n            <span>03 \u2014 04<\/span>\r\n            <a href=\"https:\/\/suppway.ir\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5M11 6L5 12L11 18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- PROJECT 04 -->\r\n      <article class=\"mwp-project-card\">\r\n\r\n        <div class=\"mwp-browser\">\r\n\r\n          <div class=\"mwp-browser-toolbar\">\r\n\r\n            <div class=\"mwp-browser-dots\">\r\n              <i><\/i><i><\/i><i><\/i>\r\n            <\/div>\r\n\r\n            <div class=\"mwp-browser-address\" dir=\"ltr\">\r\n              <svg class=\"mwp-lock-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <path d=\"M8 10V7a4 4 0 0 1 8 0v3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n                <circle cx=\"12\" cy=\"15\" r=\"1.3\" fill=\"currentColor\"\/>\r\n                <path d=\"M12 16.3V18\" stroke=\"currentColor\" stroke-width=\"1.3\"\/>\r\n              <\/svg>\r\n              radinno.ir\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/radinno.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-browser-open\"\r\n               aria-label=\"\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u0633\u0627\u06cc\u062a \u0631\u0627\u062f\u06cc\u0646 \u0646\u0648\u0627\u0646\u062f\u06cc\u0634\u0627\u0646\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"mwp-iframe-stage\">\r\n            <iframe\r\n              src=\"https:\/\/radinno.ir\/\"\r\n              title=\"\u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0631\u0627\u062f\u06cc\u0646 \u0646\u0648\u0627\u0646\u062f\u06cc\u0634\u0627\u0646\"\r\n              loading=\"lazy\"\r\n              referrerpolicy=\"strict-origin-when-cross-origin\"\r\n              allow=\"fullscreen\"\r\n            ><\/iframe>\r\n\r\n            <div class=\"mwp-preview-hint\">\r\n              <span>LIVE PREVIEW<\/span>\r\n              <i><\/i>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mwp-project-info\">\r\n\r\n          <div class=\"mwp-project-topline\">\r\n            <span class=\"mwp-project-index\">PROJECT \/ 04<\/span>\r\n            <span class=\"mwp-project-type\">CORPORATE WEBSITE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-title-row\">\r\n            <div>\r\n              <h3>\u0631\u0627\u062f\u06cc\u0646 \u0646\u0648\u0627\u0646\u062f\u06cc\u0634\u0627\u0646<\/h3>\r\n              <span class=\"mwp-project-domain\" dir=\"ltr\">radinno.ir<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/radinno.ir\/\"\r\n               target=\"_blank\"\r\n               rel=\"noopener noreferrer\"\r\n               class=\"mwp-project-arrow\"\r\n               aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u067e\u0631\u0648\u0698\u0647 \u0631\u0627\u062f\u06cc\u0646 \u0646\u0648\u0627\u0646\u062f\u06cc\u0634\u0627\u0646\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M7 17L17 7M7 7H17V17\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <p class=\"mwp-project-description\">\r\n            \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u0634\u0631\u06a9\u062a\u06cc \u0648 \u0645\u0639\u0631\u0641\u06cc \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc\r\n            \u0641\u0639\u0627\u0644 \u062f\u0631 \u062d\u0648\u0632\u0647 \u062a\u0648\u0633\u0639\u0647 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u060c \u0645\u0634\u0627\u0648\u0631\u0647 \u0627\u0642\u062a\u0635\u0627\u062f\u06cc\u060c\r\n            \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648 \u0631\u0648\u06cc\u062f\u0627\u062f\u0647\u0627\u06cc \u062a\u062e\u0635\u0635\u06cc.\r\n          <\/p>\r\n\r\n          <div class=\"mwp-project-tags\">\r\n            <span>Corporate Website<\/span>\r\n            <span>Web Design<\/span>\r\n            <span>Development<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"mwp-project-bottom\">\r\n            <span>04 \u2014 04<\/span>\r\n            <a href=\"https:\/\/radinno.ir\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              \u0645\u0634\u0627\u0647\u062f\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                <path d=\"M19 12H5M11 6L5 12L11 18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"mwp-bottom\">\r\n\r\n      <div class=\"mwp-bottom-line\"><\/div>\r\n\r\n      <div class=\"mwp-bottom-content\">\r\n        <div>\r\n          <span class=\"mwp-bottom-label\">BEYOND THE SCREEN<\/span>\r\n          <p>\u0647\u0631 \u067e\u0631\u0648\u0698\u0647\u060c \u0622\u063a\u0627\u0632 \u06cc\u06a9 \u0645\u0633\u06cc\u0631 \u062a\u0627\u0632\u0647 \u0627\u0633\u062a.<\/p>\r\n        <\/div>\r\n\r\n        <a href=\"#mw-contact\" class=\"mwp-contact-link\">\r\n          \u062f\u0631\u0628\u0627\u0631\u0647 \u067e\u0631\u0648\u0698\u0647 \u0628\u0639\u062f\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M19 12H5M11 6L5 12L11 18\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ==================================\r\n   MW PROJECTS\r\n================================== *\/\r\n\r\n.mw-projects {\r\n  --mwp-bg: #0B1928;\r\n  --mwp-panel: #102438;\r\n  --mwp-gold: #B99A61;\r\n  --mwp-light: #DCC493;\r\n  --mwp-white: #F4F0E7;\r\n  --mwp-muted: #AEB9C5;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  background: var(--mwp-bg);\r\n  color: var(--mwp-white);\r\n  padding: 115px 24px 100px;\r\n  font-family: inherit;\r\n}\r\n\r\n.mw-projects *,\r\n.mw-projects *::before,\r\n.mw-projects *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* BACKGROUND *\/\r\n\r\n.mwp-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -1;\r\n  pointer-events: none;\r\n  overflow: hidden;\r\n}\r\n\r\n.mwp-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: .13;\r\n  background-image:\r\n    linear-gradient(rgba(185,154,97,.25) 1px, transparent 1px),\r\n    linear-gradient(90deg,rgba(185,154,97,.25) 1px, transparent 1px);\r\n  background-size: 70px 70px;\r\n}\r\n\r\n.mwp-pattern-svg {\r\n  position: absolute;\r\n  width: 600px;\r\n  height: 600px;\r\n  top: 10%;\r\n  right: -350px;\r\n  opacity: .19;\r\n  animation: mwp-pattern-move 90s linear infinite;\r\n}\r\n\r\n.mwp-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(110px);\r\n}\r\n\r\n.mwp-glow-one {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: rgba(185,154,97,.11);\r\n  left: -180px;\r\n  top: 10%;\r\n}\r\n\r\n.mwp-glow-two {\r\n  width: 380px;\r\n  height: 380px;\r\n  background: rgba(35,103,130,.12);\r\n  right: 10%;\r\n  bottom: 0;\r\n}\r\n\r\n.mwp-container {\r\n  position: relative;\r\n  z-index: 1;\r\n  width: min(1240px,100%);\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.mwp-heading {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 65px;\r\n}\r\n\r\n.mwp-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  direction: ltr;\r\n  color: var(--mwp-gold);\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.mwp-eyebrow span {\r\n  width: 35px;\r\n  height: 1px;\r\n  background: var(--mwp-gold);\r\n}\r\n\r\n.mwp-heading h2 {\r\n  margin: 0;\r\n  color: var(--mwp-white);\r\n  font-size: clamp(32px,5vw,54px);\r\n  font-weight: 800;\r\n  line-height: 1.6;\r\n}\r\n\r\n.mwp-heading h2 em {\r\n  color: var(--mwp-light);\r\n  font-style: normal;\r\n}\r\n\r\n.mwp-heading > p {\r\n  color: var(--mwp-muted);\r\n  font-size: 14px;\r\n  line-height: 2.3;\r\n  max-width: 620px;\r\n  margin: 15px auto 25px;\r\n}\r\n\r\n.mwp-heading-decoration {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 9px;\r\n}\r\n\r\n.mwp-heading-decoration span {\r\n  width: 35px;\r\n  height: 1px;\r\n  background: var(--mwp-gold);\r\n  opacity: .6;\r\n}\r\n\r\n.mwp-heading-decoration i {\r\n  width: 8px;\r\n  height: 8px;\r\n  border: 1px solid var(--mwp-gold);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n\/* PROJECT GRID *\/\r\n\r\n.mwp-project-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2,minmax(0,1fr));\r\n  gap: 30px;\r\n  align-items: start;\r\n}\r\n\r\n.mwp-project-card {\r\n  min-width: 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n  background: linear-gradient(145deg,rgba(24,47,67,.98),rgba(11,29,44,.98));\r\n  border: 1px solid rgba(185,154,97,.22);\r\n  border-radius: 5px;\r\n  transition: transform .45s ease,border-color .45s ease,box-shadow .45s ease;\r\n}\r\n\r\n.mwp-project-card:hover {\r\n  transform: translateY(-7px);\r\n  border-color: rgba(220,196,147,.65);\r\n  box-shadow: 0 25px 65px rgba(0,0,0,.3),0 0 30px rgba(185,154,97,.06);\r\n}\r\n\r\n.mwp-project-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  right: 28px;\r\n  width: 65px;\r\n  height: 2px;\r\n  background: var(--mwp-gold);\r\n  z-index: 3;\r\n}\r\n\r\n\/* BROWSER *\/\r\n\r\n.mwp-browser {\r\n  width: 100%;\r\n  background: #071522;\r\n}\r\n\r\n.mwp-browser-toolbar {\r\n  height: 43px;\r\n  padding: 0 13px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 13px;\r\n  background: #101F2E;\r\n  border-bottom: 1px solid rgba(185,154,97,.2);\r\n}\r\n\r\n.mwp-browser-dots {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  direction: ltr;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.mwp-browser-dots i {\r\n  display: block;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: #B99A61;\r\n  opacity: .75;\r\n}\r\n\r\n.mwp-browser-dots i:nth-child(2) {\r\n  opacity: .45;\r\n}\r\n\r\n.mwp-browser-dots i:nth-child(3) {\r\n  opacity: .25;\r\n}\r\n\r\n.mwp-browser-address {\r\n  flex: 1;\r\n  min-width: 0;\r\n  height: 26px;\r\n  border-radius: 3px;\r\n  background: rgba(3,13,23,.55);\r\n  border: 1px solid rgba(255,255,255,.06);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 7px;\r\n  color: #AEB9C5;\r\n  font-family: Arial,sans-serif;\r\n  font-size: 10px;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.mwp-lock-icon {\r\n  width: 13px;\r\n  height: 13px;\r\n  flex-shrink: 0;\r\n  color: var(--mwp-gold);\r\n}\r\n\r\n.mwp-browser-open {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 25px;\r\n  height: 25px;\r\n  color: var(--mwp-light);\r\n  text-decoration: none !important;\r\n  flex-shrink: 0;\r\n  transition: transform .3s ease,color .3s ease;\r\n}\r\n\r\n.mwp-browser-open svg {\r\n  width: 19px;\r\n  height: 19px;\r\n}\r\n\r\n.mwp-browser-open:hover {\r\n  color: #fff;\r\n  transform: translate(2px,-2px);\r\n}\r\n\r\n\/* IFRAME *\/\r\n\r\n.mwp-iframe-stage {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 335px;\r\n  overflow: hidden;\r\n  background: #fff;\r\n}\r\n\r\n.mwp-iframe-stage iframe {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  background: #fff;\r\n}\r\n\r\n.mwp-preview-hint {\r\n  position: absolute;\r\n  left: 12px;\r\n  bottom: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 6px 9px;\r\n  border-radius: 3px;\r\n  color: #fff;\r\n  background: rgba(7,21,34,.85);\r\n  border: 1px solid rgba(220,196,147,.3);\r\n  font-size: 8px;\r\n  letter-spacing: 1.5px;\r\n  direction: ltr;\r\n  pointer-events: none;\r\n  opacity: .8;\r\n}\r\n\r\n.mwp-preview-hint i {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: #63C8A6;\r\n  box-shadow: 0 0 8px #63C8A6;\r\n}\r\n\r\n\/* PROJECT INFORMATION *\/\r\n\r\n.mwp-project-info {\r\n  padding: 25px 27px 23px;\r\n}\r\n\r\n.mwp-project-topline {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.mwp-project-index {\r\n  color: var(--mwp-gold);\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n}\r\n\r\n.mwp-project-type {\r\n  color: #8799A8;\r\n  font-size: 8px;\r\n  letter-spacing: 1.5px;\r\n  direction: ltr;\r\n  text-align: left;\r\n}\r\n\r\n.mwp-project-title-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 15px;\r\n}\r\n\r\n.mwp-project-title-row h3 {\r\n  color: var(--mwp-white);\r\n  font-size: 22px;\r\n  font-weight: 750;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n}\r\n\r\n.mwp-project-domain {\r\n  display: block;\r\n  color: #8EA1B1;\r\n  font-family: Arial,sans-serif;\r\n  font-size: 10px;\r\n  letter-spacing: .5px;\r\n  margin-top: 1px;\r\n}\r\n\r\n.mwp-project-arrow {\r\n  flex-shrink: 0;\r\n  width: 43px;\r\n  height: 43px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--mwp-light) !important;\r\n  text-decoration: none !important;\r\n  border: 1px solid rgba(185,154,97,.45);\r\n  border-radius: 50%;\r\n  transition: all .35s ease;\r\n}\r\n\r\n.mwp-project-arrow svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.mwp-project-arrow:hover {\r\n  color: var(--mwp-bg) !important;\r\n  background: var(--mwp-light);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.mwp-project-description {\r\n  color: var(--mwp-muted);\r\n  font-size: 12px;\r\n  line-height: 2.2;\r\n  margin: 16px 0 18px;\r\n  min-height: 53px;\r\n}\r\n\r\n.mwp-project-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 7px;\r\n}\r\n\r\n.mwp-project-tags span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-height: 28px;\r\n  padding: 5px 10px;\r\n  color: #CBD4DC;\r\n  background: rgba(3,14,24,.35);\r\n  border: 1px solid rgba(255,255,255,.08);\r\n  border-radius: 3px;\r\n  font-size: 9px;\r\n  direction: ltr;\r\n  transition: all .3s ease;\r\n}\r\n\r\n.mwp-project-tags span:hover {\r\n  color: var(--mwp-light);\r\n  border-color: rgba(185,154,97,.4);\r\n  background: rgba(185,154,97,.1);\r\n}\r\n\r\n.mwp-project-bottom {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-top: 23px;\r\n  padding-top: 17px;\r\n  border-top: 1px solid rgba(255,255,255,.09);\r\n}\r\n\r\n.mwp-project-bottom > span {\r\n  color: #7D8D9B;\r\n  font-size: 9px;\r\n  letter-spacing: 2px;\r\n  direction: ltr;\r\n}\r\n\r\n.mwp-project-bottom a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--mwp-light) !important;\r\n  text-decoration: none !important;\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  transition: gap .3s ease;\r\n}\r\n\r\n.mwp-project-bottom a:hover {\r\n  gap: 16px;\r\n}\r\n\r\n.mwp-project-bottom a svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* BOTTOM *\/\r\n\r\n.mwp-bottom {\r\n  margin-top: 65px;\r\n}\r\n\r\n.mwp-bottom-line {\r\n  height: 1px;\r\n  background: linear-gradient(90deg,transparent,rgba(185,154,97,.5),transparent);\r\n}\r\n\r\n.mwp-bottom-content {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  padding-top: 30px;\r\n}\r\n\r\n.mwp-bottom-label {\r\n  display: block;\r\n  color: var(--mwp-gold);\r\n  font-size: 9px;\r\n  letter-spacing: 3px;\r\n  direction: ltr;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.mwp-bottom-content p {\r\n  color: var(--mwp-white);\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  margin: 0;\r\n}\r\n\r\n.mwp-contact-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  color: var(--mwp-light) !important;\r\n  text-decoration: none !important;\r\n  font-size: 12px;\r\n  border-bottom: 1px solid rgba(185,154,97,.5);\r\n  padding-bottom: 9px;\r\n  transition: gap .3s ease;\r\n}\r\n\r\n.mwp-contact-link:hover {\r\n  gap: 21px;\r\n}\r\n\r\n.mwp-contact-link svg {\r\n  width: 19px;\r\n  height: 19px;\r\n}\r\n\r\n\/* ANIMATION *\/\r\n\r\n@keyframes mwp-pattern-move {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media(max-width:900px) {\r\n  .mw-projects {\r\n    padding: 90px 20px 75px;\r\n  }\r\n\r\n  .mwp-project-grid {\r\n    gap: 20px;\r\n  }\r\n\r\n  .mwp-iframe-stage {\r\n    height: 280px;\r\n  }\r\n\r\n  .mwp-project-info {\r\n    padding: 21px 20px;\r\n  }\r\n\r\n  .mwp-project-title-row h3 {\r\n    font-size: 19px;\r\n  }\r\n}\r\n\r\n@media(max-width:640px) {\r\n  .mw-projects {\r\n    padding: 75px 14px 65px;\r\n  }\r\n\r\n  .mwp-heading {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .mwp-heading h2 {\r\n    font-size: 31px;\r\n  }\r\n\r\n  .mwp-heading > p {\r\n    font-size: 12px;\r\n  }\r\n\r\n  .mwp-project-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .mwp-iframe-stage {\r\n    height: 260px;\r\n  }\r\n\r\n  .mwp-project-info {\r\n    padding: 20px 17px;\r\n  }\r\n\r\n  .mwp-project-title-row h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  .mwp-project-description {\r\n    min-height: 0;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .mwp-project-topline {\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .mwp-project-type {\r\n    font-size: 7px;\r\n  }\r\n\r\n  .mwp-bottom-content {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .mwp-bottom-content p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .mwp-contact-link {\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .mwp-pattern-svg {\r\n    width: 340px;\r\n    height: 340px;\r\n    right: -220px;\r\n  }\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce) {\r\n  .mw-projects *,\r\n  .mw-projects *::before,\r\n  .mw-projects *::after {\r\n    animation-duration: .01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: .01ms !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4a5ebc e-flex e-con-boxed e-con e-parent\" data-id=\"e4a5ebc\" 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-476dbd8 elementor-widget elementor-widget-html\" data-id=\"476dbd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"mw-contact-art\" dir=\"rtl\">\r\n  <div class=\"mw-contact-art-inner\">\r\n\r\n    <svg class=\"mw-contact-svg\"\r\n         viewBox=\"0 0 900 390\"\r\n         xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n         role=\"img\"\r\n         aria-label=\"\u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0646\">\r\n\r\n      <defs>\r\n        <radialGradient id=\"mwGlow\">\r\n          <stop offset=\"0%\" stop-color=\"#DCC493\" stop-opacity=\".23\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#DCC493\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n\r\n        <linearGradient id=\"mwGold\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#F1D9A5\"\/>\r\n          <stop offset=\"48%\" stop-color=\"#B99A61\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#E7C77F\"\/>\r\n        <\/linearGradient>\r\n\r\n        <linearGradient id=\"mwEnvelope\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#18364B\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#0C1E30\"\/>\r\n        <\/linearGradient>\r\n\r\n        <filter id=\"mwBlur\">\r\n          <feGaussianBlur stdDeviation=\"9\"\/>\r\n        <\/filter>\r\n\r\n        <filter id=\"mwShadow\">\r\n          <feGaussianBlur stdDeviation=\"3\"\/>\r\n        <\/filter>\r\n      <\/defs>\r\n\r\n      <!-- \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u0646\u0648\u0631\u06cc -->\r\n      <circle cx=\"450\" cy=\"180\" r=\"170\"\r\n              fill=\"url(#mwGlow)\" \/>\r\n\r\n      <circle cx=\"450\" cy=\"180\" r=\"125\"\r\n              fill=\"none\" stroke=\"#B99A61\"\r\n              stroke-opacity=\".12\" stroke-width=\"1\"\/>\r\n\r\n      <circle cx=\"450\" cy=\"180\" r=\"155\"\r\n              fill=\"none\" stroke=\"#B99A61\"\r\n              stroke-opacity=\".2\" stroke-width=\"1\"\r\n              stroke-dasharray=\"3 12\"\r\n              class=\"mw-contact-orbit\"\/>\r\n\r\n      <!-- \u0645\u062f\u0627\u0631 \u0645\u062a\u062d\u0631\u06a9 -->\r\n      <ellipse cx=\"450\" cy=\"180\" rx=\"275\" ry=\"105\"\r\n               fill=\"none\" stroke=\"#B99A61\"\r\n               stroke-opacity=\".22\" stroke-width=\"1\"\r\n               stroke-dasharray=\"4 9\"\r\n               class=\"mw-contact-ellipse\"\/>\r\n\r\n      <!-- \u062e\u0637\u0648\u0637 \u062a\u0632\u0626\u06cc\u0646\u06cc -->\r\n      <path d=\"M65 300 H835\"\r\n            stroke=\"url(#mwGold)\"\r\n            stroke-opacity=\".35\" stroke-width=\"1\"\/>\r\n\r\n      <path d=\"M150 300 H750\"\r\n            stroke=\"#B99A61\"\r\n            stroke-opacity=\".15\" stroke-width=\"1\"\r\n            stroke-dasharray=\"2 9\"\/>\r\n\r\n      <!-- \u0646\u0648\u0631 \u067e\u0634\u062a \u067e\u0627\u06a9\u062a -->\r\n      <circle cx=\"450\" cy=\"180\" r=\"90\"\r\n              fill=\"#DCC493\" opacity=\".13\"\r\n              filter=\"url(#mwBlur)\"\r\n              class=\"mw-contact-pulse\"\/>\r\n\r\n      <!-- \u062d\u0644\u0642\u0647 \u0645\u0631\u06a9\u0632\u06cc -->\r\n      <circle cx=\"450\" cy=\"180\" r=\"82\"\r\n              fill=\"none\" stroke=\"#B99A61\"\r\n              stroke-opacity=\".3\" stroke-width=\"1.4\"\/>\r\n\r\n      <circle cx=\"450\" cy=\"180\" r=\"69\"\r\n              fill=\"none\" stroke=\"#DCC493\"\r\n              stroke-opacity=\".15\" stroke-width=\"1\"\r\n              stroke-dasharray=\"2 7\"\/>\r\n\r\n      <!-- \u0633\u0627\u06cc\u0647 \u067e\u0627\u06a9\u062a -->\r\n      <rect x=\"366\" y=\"132\" width=\"168\" height=\"112\"\r\n            rx=\"15\" fill=\"#DCC493\"\r\n            opacity=\".15\" filter=\"url(#mwBlur)\"\/>\r\n\r\n      <!-- \u067e\u0627\u06a9\u062a -->\r\n      <g class=\"mw-contact-envelope\">\r\n\r\n        <rect x=\"370\" y=\"137\" width=\"160\" height=\"105\"\r\n              rx=\"13\" fill=\"url(#mwEnvelope)\"\r\n              stroke=\"url(#mwGold)\" stroke-width=\"2.5\"\/>\r\n\r\n        <path d=\"M372 145 L443 199\r\n                 Q450 205 457 199 L528 145\"\r\n              fill=\"none\" stroke=\"url(#mwGold)\"\r\n              stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n\r\n        <path d=\"M372 236 L425 190\"\r\n              fill=\"none\" stroke=\"#B99A61\"\r\n              stroke-opacity=\".9\" stroke-width=\"2\"\/>\r\n\r\n        <path d=\"M528 236 L475 190\"\r\n              fill=\"none\" stroke=\"#B99A61\"\r\n              stroke-opacity=\".9\" stroke-width=\"2\"\/>\r\n\r\n        <path d=\"M383 150 L443 195\r\n                 Q450 200 457 195 L517 150\"\r\n              fill=\"none\" stroke=\"#F1D9A5\"\r\n              stroke-opacity=\".35\" stroke-width=\"1\"\/>\r\n\r\n      <\/g>\r\n\r\n      <!-- \u0645\u0633\u06cc\u0631 \u062d\u0631\u06a9\u062a \u0647\u0648\u0627\u067e\u06cc\u0645\u0627\u06cc \u06a9\u0627\u063a\u0630\u06cc -->\r\n      <path d=\"M570 105 Q660 10 765 90\"\r\n            fill=\"none\" stroke=\"#B99A61\"\r\n            stroke-opacity=\".5\" stroke-width=\"1.5\"\r\n            stroke-dasharray=\"5 7\"\/>\r\n\r\n      <!-- \u0647\u0648\u0627\u067e\u06cc\u0645\u0627\u06cc \u06a9\u0627\u063a\u0630\u06cc -->\r\n      <g class=\"mw-contact-plane\">\r\n        <path d=\"M0 23 L65 0 L42 57 L28 35 Z\"\r\n              fill=\"url(#mwGold)\" stroke=\"#F1D9A5\"\r\n              stroke-width=\"1.2\" stroke-linejoin=\"round\"\/>\r\n        <path d=\"M0 23 L28 35 L65 0\"\r\n              fill=\"none\" stroke=\"#FFF0C8\"\r\n              stroke-opacity=\".8\" stroke-width=\"1.2\"\/>\r\n        <path d=\"M28 35 L42 57 L42 35\"\r\n              fill=\"#B99A61\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u0646\u0642\u0627\u0637 \u0646\u0648\u0631\u0627\u0646\u06cc -->\r\n      <g fill=\"#DCC493\">\r\n        <circle cx=\"240\" cy=\"105\" r=\"3\" class=\"mw-star\"\/>\r\n        <circle cx=\"270\" cy=\"260\" r=\"2\" class=\"mw-star delay1\"\/>\r\n        <circle cx=\"635\" cy=\"250\" r=\"3\" class=\"mw-star delay2\"\/>\r\n        <circle cx=\"700\" cy=\"140\" r=\"2\" class=\"mw-star delay3\"\/>\r\n        <circle cx=\"180\" cy=\"190\" r=\"2.5\" class=\"mw-star delay2\"\/>\r\n        <circle cx=\"750\" cy=\"300\" r=\"2\" class=\"mw-star\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u0633\u062a\u0627\u0631\u0647\u200c\u0647\u0627\u06cc \u0686\u0647\u0627\u0631\u067e\u0631 -->\r\n      <g fill=\"#DCC493\">\r\n        <path d=\"M260 155 Q265 170 280 175 Q265 180 260 195 Q255 180 240 175 Q255 170 260 155Z\"\r\n              class=\"mw-contact-spark\"\/>\r\n        <path d=\"M660 175 Q664 187 676 191 Q664 195 660 207 Q656 195 644 191 Q656 187 660 175Z\"\r\n              class=\"mw-contact-spark delay2\"\/>\r\n        <path d=\"M330 270 Q333 279 342 282 Q333 285 330 294 Q327 285 318 282 Q327 279 330 270Z\"\r\n              class=\"mw-contact-spark delay1\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u062f\u0631\u062e\u0634\u0634 \u062e\u0637 \u067e\u0627\u06cc\u06cc\u0646\u06cc -->\r\n      <circle cx=\"450\" cy=\"300\" r=\"5\"\r\n              fill=\"#F1D9A5\" filter=\"url(#mwBlur)\"\r\n              class=\"mw-contact-pulse\"\/>\r\n\r\n      <circle cx=\"450\" cy=\"300\" r=\"2.5\"\r\n              fill=\"#F1D9A5\"\/>\r\n\r\n    <\/svg>\r\n\r\n    <div class=\"mw-contact-caption\">\r\n      <span class=\"mw-contact-caption-line\"><\/span>\r\n      <span>\u0631\u0627\u0647 \u0627\u0631\u062a\u0628\u0627\u0637 \u0647\u0645\u06cc\u0634\u0647 \u0628\u0627\u0632 \u0627\u0633\u062a<\/span>\r\n      <span class=\"mw-contact-caption-line\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.mw-contact-art {\r\n    width: 100%;\r\n    padding: 12px 15px 25px;\r\n    overflow: hidden;\r\n    background: transparent;\r\n    direction: rtl;\r\n}\r\n\r\n.mw-contact-art-inner {\r\n    max-width: 850px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.mw-contact-svg {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 780px;\r\n    height: auto;\r\n    margin: 0 auto;\r\n    overflow: visible;\r\n}\r\n\r\n\/* \u062d\u0631\u06a9\u062a \u0622\u0631\u0627\u0645 \u067e\u0627\u06a9\u062a *\/\r\n.mw-contact-envelope {\r\n    transform-origin: 450px 190px;\r\n    animation: mwEnvelopeFloat 4s ease-in-out infinite;\r\n}\r\n\r\n\/* \u062d\u0631\u06a9\u062a \u0647\u0648\u0627\u067e\u06cc\u0645\u0627 *\/\r\n.mw-contact-plane {\r\n    animation: mwPlaneMove 5s ease-in-out infinite;\r\n    transform-origin: center;\r\n}\r\n\r\n\/* \u0645\u062f\u0627\u0631 *\/\r\n.mw-contact-orbit {\r\n    transform-origin: 450px 180px;\r\n    animation: mwOrbitRotate 35s linear infinite;\r\n}\r\n\r\n\/* \u0645\u062f\u0627\u0631 \u0628\u06cc\u0636\u06cc *\/\r\n.mw-contact-ellipse {\r\n    animation: mwEllipse 8s ease-in-out infinite alternate;\r\n}\r\n\r\n\/* \u0646\u0648\u0631 \u0636\u0631\u0628\u0627\u0646 \u062f\u0627\u0631 *\/\r\n.mw-contact-pulse {\r\n    animation: mwPulse 3s ease-in-out infinite;\r\n}\r\n\r\n\/* \u0633\u062a\u0627\u0631\u0647 \u0647\u0627 *\/\r\n.mw-star {\r\n    animation: mwStarBlink 2.5s ease-in-out infinite;\r\n}\r\n\r\n.mw-star.delay1,\r\n.mw-contact-spark.delay1 {\r\n    animation-delay: .6s;\r\n}\r\n\r\n.mw-star.delay2,\r\n.mw-contact-spark.delay2 {\r\n    animation-delay: 1.2s;\r\n}\r\n\r\n.mw-star.delay3 {\r\n    animation-delay: 1.8s;\r\n}\r\n\r\n.mw-contact-spark {\r\n    transform-box: fill-box;\r\n    transform-origin: center;\r\n    animation: mwSpark 3s ease-in-out infinite;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 \u0632\u06cc\u0631 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n.mw-contact-caption {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 17px;\r\n    margin-top: -2px;\r\n    color: #DCC493;\r\n    font-family: inherit;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    letter-spacing: .3px;\r\n}\r\n\r\n.mw-contact-caption-line {\r\n    display: block;\r\n    width: 38px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, #B99A61);\r\n}\r\n\r\n.mw-contact-caption-line:last-child {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0627 *\/\r\n@keyframes mwEnvelopeFloat {\r\n    0%, 100% {\r\n        transform: translateY(0);\r\n    }\r\n    50% {\r\n        transform: translateY(-9px);\r\n    }\r\n}\r\n\r\n@keyframes mwPlaneMove {\r\n    0%, 100% {\r\n        transform: translate(0, 0) rotate(0deg);\r\n    }\r\n    50% {\r\n        transform: translate(-9px, -13px) rotate(-3deg);\r\n    }\r\n}\r\n\r\n@keyframes mwOrbitRotate {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes mwEllipse {\r\n    from {\r\n        stroke-opacity: .12;\r\n        transform: scale(1);\r\n    }\r\n    to {\r\n        stroke-opacity: .38;\r\n        transform: scale(1.04);\r\n    }\r\n}\r\n\r\n@keyframes mwPulse {\r\n    0%, 100% {\r\n        opacity: .45;\r\n        transform: scale(.9);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: scale(1.15);\r\n    }\r\n}\r\n\r\n@keyframes mwStarBlink {\r\n    0%, 100% {\r\n        opacity: .35;\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes mwSpark {\r\n    0%, 100% {\r\n        opacity: .4;\r\n        transform: scale(.8);\r\n    }\r\n    50% {\r\n        opacity: 1;\r\n        transform: scale(1.2);\r\n    }\r\n}\r\n\r\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n@media (max-width: 767px) {\r\n    .mw-contact-art {\r\n        padding: 5px 8px 20px;\r\n    }\r\n\r\n    .mw-contact-caption {\r\n        font-size: 11px;\r\n        gap: 10px;\r\n    }\r\n\r\n    .mw-contact-caption-line {\r\n        width: 25px;\r\n    }\r\n}\r\n\r\n\/* \u0631\u0639\u0627\u06cc\u062a \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a \u0633\u06cc\u0633\u062a\u0645 *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .mw-contact-art *,\r\n    .mw-contact-art *::before {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94f1cd6 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"94f1cd6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;\\u0628\\u0639\\u062f&quot;,&quot;step_previous_label&quot;:&quot;\\u0642\\u0628\\u0644\\u06cc&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0646\" aria-label=\"\u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0646\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"19\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"94f1cd6\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"19\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0646\u0627\u0645 \u0648 \u0646\u0627\u0645 \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-number elementor-field-group elementor-column elementor-field-group-phone elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\t\u0634\u0645\u0627\u0631\u0647 \u062a\u0645\u0627\u0633\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t<input type=\"number\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"09123456789\" required=\"required\" min=\"\" max=\"11\" >\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0627\u06cc\u0645\u06cc\u0644\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"example@email.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-subject elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-subject\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0645\u0648\u0636\u0648\u0639 \u067e\u06cc\u0627\u0645\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[subject]\" id=\"form-field-subject\" class=\"elementor-field elementor-size-sm  elementor-field-textual\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\t\u0645\u062a\u0646 \u067e\u06cc\u0627\u0645\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0631\u0633\u0627\u0644<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56d72fc e-con-full e-flex e-con e-parent\" data-id=\"56d72fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb38543 elementor-widget elementor-widget-html\" data-id=\"bb38543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<footer class=\"mw-grand-footer\" dir=\"rtl\">\r\n\r\n  <div class=\"mw-footer-art\">\r\n\r\n    <svg viewBox=\"0 0 1440 520\"\r\n         xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n         role=\"img\"\r\n         aria-label=\"\u0647\u0646\u0631 \u0647\u0646\u062f\u0633\u0647 \u0648 \u0645\u0639\u0645\u0627\u0631\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\">\r\n\r\n      <defs>\r\n        <linearGradient id=\"mwg\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0\" stop-color=\"#E9D4A5\"\/>\r\n          <stop offset=\".5\" stop-color=\"#B99A61\"\/>\r\n          <stop offset=\"1\" stop-color=\"#80653B\"\/>\r\n        <\/linearGradient>\r\n\r\n        <radialGradient id=\"mwlight\">\r\n          <stop offset=\"0\" stop-color=\"#B99A61\" stop-opacity=\".22\"\/>\r\n          <stop offset=\"1\" stop-color=\"#B99A61\" stop-opacity=\"0\"\/>\r\n        <\/radialGradient>\r\n\r\n        <filter id=\"mwblur\">\r\n          <feGaussianBlur stdDeviation=\"18\"\/>\r\n        <\/filter>\r\n\r\n        <pattern id=\"mwgrid\" width=\"48\" height=\"48\"\r\n                 patternUnits=\"userSpaceOnUse\">\r\n          <path d=\"M48 0H0V48\"\r\n                fill=\"none\" stroke=\"#B99A61\"\r\n                stroke-opacity=\".12\" stroke-width=\".7\"\/>\r\n        <\/pattern>\r\n      <\/defs>\r\n\r\n      <!-- \u0634\u0628\u06a9\u0647 \u0647\u0646\u062f\u0633\u06cc -->\r\n      <rect width=\"1440\" height=\"520\"\r\n            fill=\"url(#mwgrid)\" opacity=\".5\"\/>\r\n\r\n      <!-- \u0646\u0648\u0631 \u0645\u0631\u06a9\u0632\u06cc -->\r\n      <ellipse cx=\"720\" cy=\"230\" rx=\"440\" ry=\"220\"\r\n               fill=\"url(#mwlight)\" filter=\"url(#mwblur)\"\/>\r\n\r\n      <!-- \u062e\u0637\u0648\u0637 \u0645\u0639\u0645\u0627\u0631\u06cc -->\r\n      <g fill=\"none\" stroke=\"url(#mwg)\"\r\n         stroke-width=\"1.2\" opacity=\".55\">\r\n\r\n        <path d=\"M0 370 L350 370 L510 210 L720 420 L930 210 L1090 370 L1440 370\"\r\n              class=\"mwf-line\"\/>\r\n\r\n        <path d=\"M0 390 L370 390 L530 230 L720 440 L910 230 L1070 390 L1440 390\"\r\n              opacity=\".35\"\/>\r\n\r\n        <path d=\"M720 35V480\"\r\n              stroke-dasharray=\"3 12\" opacity=\".35\"\/>\r\n\r\n        <path d=\"M510 210L510 450 M930 210V450\"\r\n              opacity=\".3\"\/>\r\n\r\n      <\/g>\r\n\r\n      <!-- \u0633\u0627\u0632\u0647 \u0647\u0646\u062f\u0633\u06cc \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\r\n      <g transform=\"translate(1080 180)\"\r\n         fill=\"none\" stroke=\"url(#mwg)\"\r\n         stroke-width=\"1.5\" class=\"mwf-structure\">\r\n\r\n        <path d=\"M0 -130L130 0L0 130L-130 0Z\"\/>\r\n        <path d=\"M0 -95L95 0L0 95L-95 0Z\"\/>\r\n        <path d=\"M0 -130V130 M-130 0H130\"\/>\r\n        <path d=\"M-92 -92L92 92 M92 -92L-92 92\"\/>\r\n        <circle r=\"42\"\/>\r\n        <circle r=\"14\" fill=\"#B99A61\" fill-opacity=\".2\"\/>\r\n\r\n        <path d=\"M0 -170L170 0L0 170L-170 0Z\"\r\n              stroke-dasharray=\"3 10\"\r\n              opacity=\".5\"\/>\r\n\r\n      <\/g>\r\n\r\n      <!-- \u0633\u0627\u0632\u0647 \u0647\u0646\u062f\u0633\u06cc \u0633\u0645\u062a \u0686\u067e -->\r\n      <g transform=\"translate(360 190)\"\r\n         fill=\"none\" stroke=\"url(#mwg)\"\r\n         stroke-width=\"1.4\" class=\"mwf-structure mwf-reverse\">\r\n\r\n        <path d=\"M0 -130L130 0L0 130L-130 0Z\"\/>\r\n        <path d=\"M0 -90L90 0L0 90L-90 0Z\"\/>\r\n        <path d=\"M0 -130V130 M-130 0H130\"\/>\r\n        <path d=\"M-92 -92L92 92 M92 -92L-92 92\"\/>\r\n        <circle r=\"42\"\/>\r\n        <circle r=\"13\" fill=\"#B99A61\" fill-opacity=\".2\"\/>\r\n\r\n        <path d=\"M0 -170L170 0L0 170L-170 0Z\"\r\n              stroke-dasharray=\"3 10\"\r\n              opacity=\".5\"\/>\r\n\r\n      <\/g>\r\n\r\n      <!-- \u0634\u0628\u06a9\u0647 \u0646\u0642\u0627\u0637 -->\r\n      <g fill=\"#DCC493\">\r\n        <circle cx=\"720\" cy=\"55\" r=\"3\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"720\" cy=\"455\" r=\"3\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"550\" cy=\"190\" r=\"2\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"890\" cy=\"190\" r=\"2\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"1080\" cy=\"180\" r=\"4\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"360\" cy=\"190\" r=\"4\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"180\" cy=\"300\" r=\"2\" class=\"mwf-dot\"\/>\r\n        <circle cx=\"1260\" cy=\"300\" r=\"2\" class=\"mwf-dot\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0646\u0642\u0637\u0647 \u0686\u06cc\u0646 -->\r\n      <g fill=\"none\" stroke=\"#B99A61\"\r\n         stroke-width=\"1\" opacity=\".4\">\r\n        <path d=\"M100 120Q350 20 550 190\"\r\n              stroke-dasharray=\"3 8\" class=\"mwf-path\"\/>\r\n        <path d=\"M890 190Q1100 20 1340 120\"\r\n              stroke-dasharray=\"3 8\" class=\"mwf-path\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u0633\u062a\u0627\u0631\u0647 \u0647\u0627\u06cc \u0646\u0648\u0631\u0627\u0646\u06cc -->\r\n      <g fill=\"#E9D4A5\">\r\n        <path d=\"M180 190L185 205L200 210L185 215L180 230L175 215L160 210L175 205Z\"\r\n              class=\"mwf-star\"\/>\r\n        <path d=\"M1260 190L1264 202L1276 206L1264 210L1260 222L1256 210L1244 206L1256 202Z\"\r\n              class=\"mwf-star\"\/>\r\n        <path d=\"M720 95L724 107L736 111L724 115L720 127L716 115L704 111L716 107Z\"\r\n              class=\"mwf-star\"\/>\r\n      <\/g>\r\n\r\n      <!-- \u062e\u0637 \u0627\u0641\u0642\u06cc \u067e\u0627\u06cc\u06cc\u0646 -->\r\n      <path d=\"M100 470H1340\"\r\n            stroke=\"url(#mwg)\" stroke-width=\"1\"\r\n            opacity=\".5\"\/>\r\n\r\n      <path d=\"M540 470H900\"\r\n            stroke=\"#E9D4A5\" stroke-width=\"2\"\r\n            class=\"mwf-beam\"\/>\r\n\r\n    <\/svg>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"mw-footer-content\">\r\n\r\n    <div class=\"mw-footer-overline\">\r\n      <span><\/span>\r\n      A VISION BEYOND THE ORDINARY\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <h2>\r\n      \u0647\u0631 \u0627\u06cc\u062f\u0647\u060c \u0622\u063a\u0627\u0632 \u06cc\u06a9 <em>\u0645\u0639\u0645\u0627\u0631\u06cc \u062a\u0627\u0632\u0647<\/em> \u0627\u0633\u062a.\r\n    <\/h2>\r\n\r\n    <p>\r\n      \u062e\u0644\u0642 \u06a9\u0631\u062f\u0646\u060c \u062a\u0646\u0647\u0627 \u0633\u0627\u062e\u062a\u0646 \u0686\u06cc\u0632\u06cc \u062a\u0627\u0632\u0647 \u0646\u06cc\u0633\u062a\u061b\r\n      \u0647\u0646\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0627\u0646\u062f\u06cc\u0634\u0647 \u0628\u0647 \u0627\u062b\u0631\u06cc \u0645\u0627\u0646\u062f\u06af\u0627\u0631 \u0627\u0633\u062a.\r\n      \u0645\u0633\u06cc\u0631\u06cc \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0646\u06af\u0627\u0647 \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u060c \u062e\u0644\u0627\u0642\u06cc\u062a \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc\r\n      \u062f\u0631 \u06a9\u0646\u0627\u0631 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u062a\u0627 \u0622\u06cc\u0646\u062f\u0647\u200c\u0627\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0634\u06a9\u0644 \u0628\u06af\u06cc\u0631\u062f.\r\n    <\/p>\r\n\r\n    <div class=\"mw-footer-signature\">\r\n      <span class=\"mw-signature-line\"><\/span>\r\n      <span>\u0627\u0646\u062f\u06cc\u0634\u0647 \u00b7 \u0645\u0647\u0646\u062f\u0633\u06cc \u00b7 \u0622\u0641\u0631\u06cc\u0646\u0634<\/span>\r\n      <span class=\"mw-signature-line\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"mw-footer-bottom\">\r\n    <span>\u00a9 \u062a\u0645\u0627\u0645 \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.<\/span>\r\n    <span class=\"mw-footer-year\">CRAFTED WITH VISION<\/span>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<style>\r\n.mw-grand-footer {\r\n  --gold: #B99A61;\r\n  --gold-light: #DCC493;\r\n  --navy: #081725;\r\n  --text: #F4F0E7;\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(ellipse at 50% 35%,\r\n      rgba(185,154,97,.09), transparent 55%),\r\n    linear-gradient(180deg,#0B1928 0%,#07131F 100%);\r\n  color: var(--text);\r\n  padding: 0 25px 25px;\r\n  box-sizing: border-box;\r\n  font-family: inherit;\r\n}\r\n\r\n.mw-grand-footer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.mw-footer-art {\r\n  width: 100%;\r\n  max-width: 1440px;\r\n  height: 350px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.mw-footer-art svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  overflow: visible;\r\n}\r\n\r\n\/* \u062d\u0631\u06a9\u062a \u0633\u0627\u0632\u0647 \u0647\u0627\u06cc \u0647\u0646\u062f\u0633\u06cc *\/\r\n.mwf-structure {\r\n  transform-box: fill-box;\r\n  transform-origin: center;\r\n  animation: mwfRotate 35s linear infinite;\r\n}\r\n\r\n.mwf-reverse {\r\n  animation-direction: reverse;\r\n  animation-duration: 42s;\r\n}\r\n\r\n\/* \u062d\u0631\u06a9\u062a \u0646\u0642\u0627\u0637 *\/\r\n.mwf-dot {\r\n  animation: mwfBlink 3s ease-in-out infinite;\r\n}\r\n\r\n.mwf-dot:nth-child(even) {\r\n  animation-delay: 1.3s;\r\n}\r\n\r\n\/* \u0633\u062a\u0627\u0631\u0647 \u0647\u0627 *\/\r\n.mwf-star {\r\n  transform-box: fill-box;\r\n  transform-origin: center;\r\n  animation: mwfStar 4s ease-in-out infinite;\r\n}\r\n\r\n\/* \u0645\u0633\u06cc\u0631\u0647\u0627\u06cc \u0645\u062a\u062d\u0631\u06a9 *\/\r\n.mwf-path {\r\n  stroke-dasharray: 5 10;\r\n  animation: mwfDash 12s linear infinite;\r\n}\r\n\r\n.mwf-line {\r\n  stroke-dasharray: 1200;\r\n  stroke-dashoffset: 1200;\r\n  animation: mwfDraw 5s ease forwards;\r\n}\r\n\r\n\/* \u0646\u0648\u0631 \u0645\u0631\u06a9\u0632\u06cc *\/\r\n.mwf-beam {\r\n  animation: mwfBeam 4s ease-in-out infinite;\r\n}\r\n\r\n\/* \u0645\u062a\u0646 *\/\r\n.mw-footer-content {\r\n  max-width: 850px;\r\n  margin: -65px auto 0;\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  padding: 0 15px;\r\n}\r\n\r\n.mw-footer-overline {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 17px;\r\n  color: var(--gold);\r\n  font-size: 10px;\r\n  letter-spacing: 4px;\r\n  font-weight: 600;\r\n  margin-bottom: 25px;\r\n  direction: ltr;\r\n}\r\n\r\n.mw-footer-overline span {\r\n  width: 45px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg,transparent,var(--gold));\r\n}\r\n\r\n.mw-footer-overline span:last-child {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.mw-footer-content h2 {\r\n  margin: 0 0 22px;\r\n  color: var(--text);\r\n  font-size: clamp(24px,3.5vw,39px);\r\n  font-weight: 600;\r\n  line-height: 1.8;\r\n  letter-spacing: -.8px;\r\n}\r\n\r\n.mw-footer-content h2 em {\r\n  color: var(--gold-light);\r\n  font-style: normal;\r\n  position: relative;\r\n}\r\n\r\n.mw-footer-content h2 em::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  height: 1px;\r\n  width: 75%;\r\n  bottom: -5px;\r\n  right: 12%;\r\n  background: linear-gradient(90deg,transparent,var(--gold),transparent);\r\n}\r\n\r\n.mw-footer-content p {\r\n  max-width: 620px;\r\n  margin: 0 auto;\r\n  color: #AEB9C5;\r\n  font-size: 14px;\r\n  line-height: 2.5;\r\n  font-weight: 300;\r\n}\r\n\r\n.mw-footer-signature {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 18px;\r\n  color: var(--gold-light);\r\n  font-size: 12px;\r\n  letter-spacing: 1px;\r\n  margin-top: 38px;\r\n}\r\n\r\n.mw-signature-line {\r\n  width: 55px;\r\n  height: 1px;\r\n  background: linear-gradient(90deg,transparent,var(--gold));\r\n}\r\n\r\n.mw-signature-line:last-child {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\/* \u0646\u0648\u0627\u0631 \u0627\u0646\u062a\u0647\u0627\u06cc\u06cc *\/\r\n.mw-footer-bottom {\r\n  max-width: 1200px;\r\n  margin: 70px auto 0;\r\n  padding-top: 20px;\r\n  border-top: 1px solid rgba(185,154,97,.2);\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 15px;\r\n  color: #788796;\r\n  font-size: 11px;\r\n}\r\n\r\n.mw-footer-year {\r\n  direction: ltr;\r\n  letter-spacing: 3px;\r\n  font-size: 9px;\r\n  color: #B99A61;\r\n}\r\n\r\n\/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0647\u0627 *\/\r\n@keyframes mwfRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n@keyframes mwfBlink {\r\n  0%,100% { opacity: .25; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n@keyframes mwfStar {\r\n  0%,100% { opacity: .35; transform: scale(.75); }\r\n  50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n@keyframes mwfDash {\r\n  to { stroke-dashoffset: -200; }\r\n}\r\n\r\n@keyframes mwfDraw {\r\n  to { stroke-dashoffset: 0; }\r\n}\r\n\r\n@keyframes mwfBeam {\r\n  0%,100% { opacity: .25; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n@media(max-width:767px) {\r\n  .mw-grand-footer {\r\n    padding: 0 15px 20px;\r\n  }\r\n\r\n  .mw-footer-art {\r\n    height: 230px;\r\n  }\r\n\r\n  .mw-footer-content {\r\n    margin-top: -35px;\r\n  }\r\n\r\n  .mw-footer-content h2 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .mw-footer-content p {\r\n    font-size: 12px;\r\n    line-height: 2.3;\r\n  }\r\n\r\n  .mw-footer-overline {\r\n    font-size: 8px;\r\n    letter-spacing: 2px;\r\n    gap: 9px;\r\n  }\r\n\r\n  .mw-footer-overline span {\r\n    width: 25px;\r\n  }\r\n\r\n  .mw-footer-signature {\r\n    font-size: 10px;\r\n    gap: 10px;\r\n  }\r\n\r\n  .mw-signature-line {\r\n    width: 25px;\r\n  }\r\n\r\n  .mw-footer-bottom {\r\n    margin-top: 45px;\r\n    font-size: 9px;\r\n  }\r\n}\r\n\r\n\/* \u06a9\u0627\u0647\u0634 \u062d\u0631\u06a9\u062a \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062d\u0633\u0627\u0633 \u0628\u0647 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 *\/\r\n@media(prefers-reduced-motion:reduce) {\r\n  .mw-grand-footer *,\r\n  .mw-grand-footer *::before {\r\n    animation: none !important;\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u062d\u0645\u062f \u062d\u0627\u062c\u06cc \u0639\u0644\u06cc\u0632\u0627\u062f\u0647 PERSONAL PORTFOLIO \u062e\u0627\u0646\u0647 \u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0646 \u062d\u0648\u0632\u0647 \u0641\u0639\u0627\u0644\u06cc\u062a \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0645\u0646 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u0645 \u0627\u0646\u062f\u06cc\u0634\u0647 \u00b7 \u0645\u062f\u06cc\u0631\u06cc\u062a \u00b7 \u0622\u0641\u0631\u06cc\u0646\u0634 \u0633\u0627\u062e\u062a\u0646 \u0622\u06cc\u0646\u062f\u0647\u060c \u0628\u0627 \u0646\u06af\u0627\u0647\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u0627\u0645\u0631\u0648\u0632. \u0628\u0627\u0648\u0631 \u062f\u0627\u0631\u0645 \u0645\u0633\u06cc\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a \u0627\u0632 \u062a\u0631\u06a9\u06cc\u0628 \u0627\u0646\u062f\u06cc\u0634\u0647 \u0631\u0627\u0647\u0628\u0631\u062f\u06cc\u060c \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642 \u0648 \u062e\u0644\u0642 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0645\u06cc\u200c\u06af\u0630\u0631\u062f. \u062a\u0644\u0627\u0634\u0645 \u0628\u0631 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06cc\u062f\u0647\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0641\u0631\u0635\u062a \u0648 \u0641\u0631\u0635\u062a\u200c\u0647\u0627 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":33,"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/mohammadhajializade.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}