{"id":124,"date":"2026-08-03T08:03:25","date_gmt":"2026-08-03T08:03:25","guid":{"rendered":"http:\/\/araa.local\/?page_id=124"},"modified":"2026-08-03T08:03:25","modified_gmt":"2026-08-03T08:03:25","slug":"%d8%af%db%8c%d9%84%d8%a7%db%8c%d8%aa","status":"publish","type":"page","link":"https:\/\/arainc.ir\/?page_id=124","title":{"rendered":"\u062f\u06cc\u0644\u0627\u06cc\u062a"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n:root {\n  --ara-header-height: 86px;\n  --ara-bg-dark: #13151A;\n  --ara-bg-darker: #181A22;\n  --ara-bg-deep: #0d0f14;\n  --ara-gold: #D8B06A;\n  --ara-gold-dark: #B8904A;\n  --ara-gold-soft: #CBAA5F;\n  --ara-gold-bright: #F2CE70;\n  --ara-text-main: #F5F7FF;\n  --ara-text-light: #F5F5F5;\n  --ara-text-muted: #A0A5B0;\n  --ara-text-soft: #8D96B3;\n  --ara-glass-bg: rgba(22, 24, 31, 0.72);\n  --ara-glass-border: rgba(255, 255, 255, 0.08);\n  --ara-glass-border-hover: rgba(216, 176, 106, 0.4);\n  --ara-border-soft: rgba(255, 255, 255, 0.04);\n  --ara-radius-lg: 18px;\n  --ara-radius-md: 12px;\n  --ara-radius-sm: 10px;\n  --ara-radius-pill: 999px;\n  --ara-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.55);\n  --ara-shadow-header: 0 12px 28px rgba(0, 0, 0, 0.45);\n}\n\n*, *::before, *::after {\n  box-sizing: border-box;\n}\n\nhtml, body {\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\nbody {\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", sans-serif;\n  font-size: 16px;\n  line-height: 1.5;\n  background-color: var(--ara-bg-dark);\n  color: var(--ara-text-main);\n}\n\na {\n  color: var(--ara-gold-soft);\n  text-decoration: none;\n}\n\na:hover {\n  color: var(--ara-gold-bright);\n}\n\nheader#masthead,\n.site-header,\n.ast-main-header-wrap,\nheader.oceanwp-header,\n.elementor-location-header,\n#wp-skip-link,\n.wp-skip-link {\n  display: none !important;\n  height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nhtml body.admin-bar,\n.wp-site-blocks,\n.entry-content,\n.post-content,\n.site-content,\n.site-main,\n#main,\n#page,\n#content,\n.site,\n.hentry,\n.elementor,\n.elementor-page,\n.elementor-section-wrap,\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-widget,\n.elementor-widget-html,\n.e-con,\n.e-con-inner,\n.e-container,\nmain,\narticle,\n.ara-hero-wrapper {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n  top: 0 !important;\n}\n\n.wp-site-blocks,\n.entry-content,\n.post-content,\n.site-content,\n.site-main,\n#main,\n#page,\n#content,\n.site,\n.elementor,\n.elementor-page,\n.elementor-section-wrap,\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget-wrap,\n.elementor-widget,\n.elementor-widget-html,\n.e-con,\n.e-con-inner,\n.e-container,\nmain,\narticle {\n  max-width: 100% !important;\n  width: 100% !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  gap: 0 !important;\n}\n\n.ara-header {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  z-index: 1000 !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin: 0 !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  height: var(--ara-header-height);\n  background: linear-gradient(180deg, rgba(24, 26, 34, 0.95) 0%, rgba(19, 21, 26, 0.85) 100%) !important;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: var(--ara-shadow-header);\n}\n\n.ara-header::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(216, 176, 106, 0.25) 20%,\n    rgba(255, 255, 255, 0.32) 50%,\n    rgba(216, 176, 106, 0.25) 80%,\n    transparent 100%\n  );\n  opacity: 0.75;\n}\n\n.ara-header__inner {\n  display: flex !important;\n  align-items: center;\n  justify-content: space-between;\n  width: 100% !important;\n  max-width: 100% !important;\n  height: 100%;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  padding-left: 48px !important;\n  padding-right: 48px !important;\n  margin: 0 !important;\n  gap: 1.5rem;\n}\n\n.ara-header__brand {\n  display: flex !important;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 0;\n}\n\n.ara-header__title {\n  color: var(--ara-text-light);\n  font-size: 1.4rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n.ara-header__nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n}\n\n.ara-header__nav ul {\n  display: flex !important;\n  align-items: center;\n  justify-content: center;\n  gap: 2rem;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n.ara-header__nav a {\n  position: relative;\n  display: inline-block;\n  padding: 0.5rem 0;\n  color: var(--ara-text-muted);\n  font-size: 0.95rem;\n  font-weight: 600;\n  white-space: nowrap;\n  transition: color 0.25s ease;\n}\n\n.ara-header__nav a::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 0;\n  height: 2px;\n  background: linear-gradient(90deg, var(--ara-gold-dark), var(--ara-gold));\n  transition: width 0.25s ease;\n}\n\n.ara-header__nav a:hover {\n  color: #ffffff;\n}\n\n.ara-header__nav a:hover::after {\n  width: 100%;\n}\n\n.ara-header__contact {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  flex-shrink: 0;\n}\n\n.ara-header__phone {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 14px;\n  border-radius: var(--ara-radius-md);\n  background: rgba(255, 255, 255, 0.05);\n  border: 1px solid var(--ara-glass-border);\n  transition: background 0.25s ease, border-color 0.25s ease, transform 0.22s ease;\n  white-space: nowrap;\n}\n\n.ara-header__phone:hover {\n  background: rgba(255, 255, 255, 0.1);\n  border-color: var(--ara-gold);\n  transform: translateY(-2px);\n}\n\n.ara-header__phone-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--ara-gold);\n  flex-shrink: 0;\n}\n\n.ara-header__phone-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.ara-header__phone-text {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  line-height: 1.2;\n}\n\n.ara-header__phone-label {\n  font-size: 10px;\n  color: var(--ara-text-muted);\n}\n\n.ara-header__phone-number {\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n  direction: ltr;\n  letter-spacing: 0.5px;\n}\n\n.ara-header__social {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.ara-header__social-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.92);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  padding: 0;\n  overflow: hidden;\n  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;\n}\n\n.ara-header__social-link img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.ara-header__social-link:hover {\n  border-color: var(--ara-gold);\n  transform: translateY(-2px);\n  box-shadow: 0 0 12px rgba(216, 176, 106, 0.5);\n}\n\n@keyframes araPulse {\n  0% { box-shadow: 0 0 0 0 rgba(216, 176, 106, 0.4); }\n  70% { box-shadow: 0 0 0 20px rgba(216, 176, 106, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(216, 176, 106, 0); }\n}\n\n.ara-hero-wrapper {\n  position: relative !important;\n  top: 0 !important;\n  margin-top: 0 !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  padding: 0 !important;\n  background-color: var(--ara-bg-dark);\n  overflow: hidden !important;\n}\n\n.ara-hero-wrapper::before,\n.ara-hero-wrapper::after {\n  content: '';\n  position: absolute;\n  top: -100px;\n  width: 450px;\n  height: 450px;\n  border-radius: 50%;\n  background: radial-gradient(circle, var(--ara-gold) 0%, transparent 65%);\n  filter: blur(90px);\n  opacity: 0.12;\n  pointer-events: none;\n}\n\n.ara-hero-wrapper::before {\n  right: -100px;\n}\n\n.ara-hero-wrapper::after {\n  left: -100px;\n}\n\n.ara-hero {\n  position: relative !important;\n  top: 0 !important;\n  margin-top: 0 !important;\n  display: flex;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  min-height: calc(85vh + var(--ara-header-height));\n  padding-top: var(--ara-header-height);\n  overflow: hidden;\n  user-select: none;\n}\n\n.ara-hero-main-divider {\n  position: absolute;\n  top: var(--ara-header-height);\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  transform: translateX(-50%);\n  background: linear-gradient(to bottom, transparent 0%, var(--ara-gold) 50%, transparent 100%);\n  box-shadow: 0 0 12px var(--ara-gold);\n  z-index: 2;\n  opacity: 0.4;\n}\n\n.ara-hero-panel {\n  flex: 1;\n  display: flex;\n  position: relative;\n  z-index: 1;\n  background: var(--ara-glass-bg);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.ara-panel-right {\n  border-left: 1px solid var(--ara-glass-border);\n  align-items: center;\n  justify-content: flex-start;\n  padding: 4rem 5rem 4rem 3rem;\n}\n\n.text-align-right {\n  text-align: right;\n}\n\n.ara-panel-left {\n  border-right: 1px solid var(--ara-glass-border);\n  align-items: center;\n  justify-content: flex-end;\n  padding: 4rem 3rem 4rem 5rem;\n}\n\n.text-align-left {\n  text-align: left;\n}\n\n.ara-hero-content {\n  max-width: 460px;\n  position: relative;\n  z-index: 10;\n}\n\n.ara-hero-title {\n  color: var(--ara-gold);\n  font-size: 2.2rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  font-weight: 700;\n}\n\n.ara-hero-desc {\n  color: var(--ara-text-muted);\n  font-size: 1.05rem;\n  line-height: 1.8;\n  margin: 0;\n}\n\n.ara-hero-center-box {\n  position: absolute;\n  top: calc(50% + (var(--ara-header-height) \/ 2));\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 240px;\n  height: 240px;\n  z-index: 5;\n}\n\n.ara-hero-center-box-inner {\n  width: 100%;\n  height: 100%;\n  background: rgba(19, 21, 26, 0.85);\n  backdrop-filter: blur(20px);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(216, 176, 106, 0.4);\n  animation: araPulse 3s infinite ease-in-out;\n}\n\n.ara-hero-logo-img {\n  width: 160px;\n  height: auto;\n  object-fit: contain;\n}\n\n@media (max-width: 1024px) {\n  .ara-header__inner {\n    padding-left: 24px !important;\n    padding-right: 24px !important;\n  }\n  .ara-panel-right {\n    padding: 3rem 3rem 3rem 1.5rem;\n  }\n  .ara-panel-left {\n    padding: 3rem 1.5rem 3rem 3rem;\n  }\n  .ara-hero-title {\n    font-size: 1.8rem;\n  }\n  .ara-hero-center-box {\n    width: 190px;\n    height: 190px;\n  }\n  .ara-hero-logo-img {\n    width: 120px;\n  }\n}\n\n@media (max-width: 860px) {\n  .ara-header__inner {\n    padding: 0.5rem 1rem !important;\n  }\n  .ara-header__nav {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .ara-hero {\n    flex-direction: column;\n    min-height: auto;\n    padding-top: var(--ara-header-height);\n  }\n  .ara-hero-main-divider {\n    display: none;\n  }\n  .ara-hero-center-box {\n    position: relative;\n    top: 0;\n    left: 0;\n    transform: none;\n    margin: 2rem auto;\n    width: 160px;\n    height: 160px;\n  }\n  .ara-hero-logo-img {\n    width: 100px;\n  }\n  .ara-panel-right,\n  .ara-panel-left {\n    align-items: center;\n    justify-content: center;\n    padding: 2.5rem 1.5rem;\n  }\n  .text-align-right,\n  .text-align-left {\n    text-align: center;\n  }\n  .ara-panel-right {\n    border-left: none;\n    border-bottom: 1px solid var(--ara-glass-border);\n  }\n  .ara-panel-left {\n    border-right: none;\n  }\n}\n\/* ==================================================\n   ARA \u2014 MYTHIC UPGRADE\n   Place AFTER your existing CSS\n   ================================================== *\/\n\n.ara-header,\n.ara-hero-wrapper {\n  --mythic-ease: cubic-bezier(.22, 1, .36, 1);\n  --mythic-line: rgba(216, 176, 106, .18);\n}\n\n\/* ---------- HEADER ---------- *\/\n\n.ara-header {\n  width: 100% !important;\n  max-width: 100% !important;\n  margin-inline: 0 !important;\n  background:\n    linear-gradient(\n      180deg,\n      rgba(24, 26, 34, .94),\n      rgba(13, 15, 20, .78)\n    ) !important;\n  backdrop-filter: blur(24px) saturate(125%);\n  -webkit-backdrop-filter: blur(24px) saturate(125%);\n  box-shadow:\n    0 16px 50px rgba(0, 0, 0, .3),\n    inset 0 1px 0 rgba(255, 255, 255, .045);\n}\n\n.ara-header::after {\n  opacity: 1;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(216, 176, 106, .16) 20%,\n    rgba(242, 206, 112, .75) 50%,\n    rgba(216, 176, 106, .16) 80%,\n    transparent\n  );\n  box-shadow: 0 2px 18px rgba(216, 176, 106, .13);\n}\n\n.ara-header__inner {\n  padding-inline: clamp(22px, 4vw, 72px) !important;\n}\n\n.ara-header__brand {\n  position: relative;\n  gap: 12px;\n}\n\n.ara-header__brand::before {\n  content: \"\";\n  width: 9px;\n  height: 9px;\n  flex-shrink: 0;\n  transform: rotate(45deg);\n  border: 1px solid var(--ara-gold);\n  background: rgba(216, 176, 106, .15);\n  box-shadow:\n    0 0 18px rgba(216, 176, 106, .4),\n    inset 0 0 6px rgba(216, 176, 106, .3);\n}\n\n.ara-header__title {\n  font-size: 1.55rem;\n  background: linear-gradient(125deg, #fff 15%, #f3dfb6 55%, #b8904a);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}\n\n.ara-header__nav ul {\n  gap: clamp(18px, 3vw, 48px);\n}\n\n.ara-header__nav a {\n  padding-block: 12px;\n  transition:\n    color .3s ease,\n    text-shadow .3s ease;\n}\n\n.ara-header__nav a::after {\n  right: 50%;\n  bottom: 3px;\n  width: 22px;\n  height: 1px;\n  transform: translateX(50%) scaleX(0);\n  background: var(--ara-gold-bright);\n  box-shadow: 0 0 12px rgba(242, 206, 112, .65);\n  transition: transform .4s var(--mythic-ease);\n}\n\n.ara-header__nav a:hover {\n  color: #f3dfb6;\n  text-shadow: 0 0 22px rgba(216, 176, 106, .35);\n}\n\n.ara-header__nav a:hover::after,\n.ara-header__nav a:focus-visible::after {\n  width: 22px;\n  transform: translateX(50%) scaleX(1);\n}\n\n.ara-header__phone {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  min-height: 48px;\n  padding: 8px 16px;\n  background:\n    linear-gradient(\n      125deg,\n      rgba(216, 176, 106, .095),\n      rgba(255, 255, 255, .025)\n    );\n  border-color: rgba(216, 176, 106, .2);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);\n  transition:\n    transform .4s var(--mythic-ease),\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n.ara-header__phone::before {\n  content: \"\";\n  position: absolute;\n  inset: -70% -50%;\n  z-index: -1;\n  background: linear-gradient(\n    110deg,\n    transparent 40%,\n    rgba(242, 206, 112, .15) 50%,\n    transparent 60%\n  );\n  transform: translateX(-65%);\n  transition: transform .85s var(--mythic-ease);\n  pointer-events: none;\n}\n\n.ara-header__phone:hover::before {\n  transform: translateX(65%);\n}\n\n.ara-header__phone:hover {\n  background: rgba(216, 176, 106, .09);\n  border-color: rgba(216, 176, 106, .6);\n  box-shadow:\n    0 8px 26px rgba(0, 0, 0, .25),\n    0 0 24px rgba(216, 176, 106, .08);\n}\n\n.ara-header__social-link {\n  width: 36px;\n  height: 36px;\n  opacity: .8;\n  box-shadow: 0 0 0 4px rgba(255, 255, 255, .025);\n  transition:\n    opacity .3s,\n    transform .4s var(--mythic-ease),\n    box-shadow .3s;\n}\n\n.ara-header__social-link:hover {\n  opacity: 1;\n  transform: translateY(-3px);\n  box-shadow:\n    0 0 0 4px rgba(216, 176, 106, .08),\n    0 0 22px rgba(216, 176, 106, .25);\n}\n\n.ara-header a:focus-visible {\n  outline: 2px solid var(--ara-gold-bright);\n  outline-offset: 5px;\n}\n\n\/* ---------- SCENE ---------- *\/\n\n.ara-hero-wrapper {\n  isolation: isolate;\n  background: #0d0f14;\n}\n\n\/* Large ambient light fields: no expensive animated blur *\/\n\n.ara-hero-wrapper::before,\n.ara-hero-wrapper::after {\n  top: 8%;\n  width: min(75vw, 1000px);\n  height: 85%;\n  filter: none;\n  border-radius: 50%;\n  opacity: 1;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(216, 176, 106, .085),\n    rgba(184, 144, 74, .025) 42%,\n    transparent 70%\n  );\n  animation: araMythicAtmosphere 16s ease-in-out infinite alternate;\n}\n\n.ara-hero-wrapper::before {\n  right: -35%;\n}\n\n.ara-hero-wrapper::after {\n  left: -35%;\n  animation-delay: -8s;\n}\n\n.ara-hero {\n  --mx: 50%;\n  --my: 48%;\n  width: 100% !important;\n  max-width: 100% !important;\n  min-height: max(450px, 50svh);\n  isolation: isolate;\n  user-select: auto;\n  background:\n    radial-gradient(\n      ellipse at 50% 53%,\n      rgba(216, 176, 106, .07),\n      transparent 47%\n    ),\n    linear-gradient(\n      110deg,\n      rgba(19, 21, 26, .25),\n      rgba(13, 15, 20, .12) 50%,\n      rgba(24, 26, 34, .35)\n    );\n}\n\n\/* Architectural grid *\/\n\n.ara-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: var(--ara-header-height) 0 0;\n  z-index: 0;\n  pointer-events: none;\n  background-image:\n    linear-gradient(rgba(216, 176, 106, .045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(216, 176, 106, .045) 1px, transparent 1px);\n  background-size: 88px 88px;\n  -webkit-mask-image: radial-gradient(ellipse, #000, transparent 72%);\n  mask-image: radial-gradient(ellipse, #000, transparent 72%);\n}\n\n\/* Interactive spotlight *\/\n\n.ara-hero::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: .85;\n  background: radial-gradient(\n    480px circle at var(--mx) var(--my),\n    rgba(216, 176, 106, .085),\n    transparent 72%\n  );\n}\n\n\/* ---------- PANELS ---------- *\/\n\n.ara-hero-panel {\n  min-width: 0;\n  background: transparent;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  border: 0;\n}\n\n.ara-panel-right {\n  padding: 5rem clamp(28px, 6vw, 110px) 5rem 180px;\n}\n\n.ara-panel-left {\n  padding: 5rem 180px 5rem clamp(28px, 6vw, 110px);\n}\n\n.ara-hero-content {\n  width: 100%;\n  max-width: 420px;\n  animation: araMythicReveal 1.1s var(--mythic-ease) both;\n}\n\n.ara-panel-left .ara-hero-content {\n  animation-delay: .15s;\n}\n\n\/* Decorative editorial line *\/\n\n.ara-hero-content::before {\n  content: \"\";\n  display: block;\n  width: 56px;\n  height: 2px;\n  margin-bottom: 26px;\n  background: linear-gradient(90deg, var(--ara-gold), transparent);\n  box-shadow: 0 0 18px rgba(216, 176, 106, .18);\n  transition: width .6s var(--mythic-ease);\n}\n\n.ara-panel-left .ara-hero-content::before {\n  margin-right: auto;\n}\n\n.ara-hero-panel:hover .ara-hero-content::before {\n  width: 100px;\n}\n\n.ara-hero-title {\n  margin: 0 0 20px;\n  font-size: clamp(2.25rem, 4vw, 4.5rem);\n  font-weight: 800;\n  line-height: 1.55;\n  overflow-wrap: anywhere;\n  color: var(--ara-gold);\n  background: linear-gradient(\n    120deg,\n    #b8904a 0%,\n    #d8b06a 28%,\n    #f6e5bc 49%,\n    #d8b06a 68%,\n    #b8904a 100%\n  );\n  background-size: 220% 100%;\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: araMythicGold 12s ease-in-out infinite alternate;\n}\n\n.ara-hero-desc {\n  max-width: 36ch;\n  font-size: clamp(1rem, 1.15vw, 1.15rem);\n  line-height: 2.15;\n  color: #a5a9b4;\n}\n\n.ara-panel-left .ara-hero-desc {\n  margin-right: auto;\n}\n\n\/* ---------- CENTRAL ENERGY LINE ---------- *\/\n\n.ara-hero-main-divider {\n  z-index: 2;\n  opacity: .7;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(216, 176, 106, .12) 15%,\n    rgba(242, 206, 112, .65) 48%,\n    rgba(242, 206, 112, .65) 52%,\n    rgba(216, 176, 106, .12) 85%,\n    transparent\n  );\n  box-shadow: 0 0 22px rgba(216, 176, 106, .18);\n}\n\n.ara-hero-main-divider::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -1px;\n  width: 3px;\n  height: 70px;\n  background: linear-gradient(\n    transparent,\n    rgba(255, 234, 185, .95),\n    transparent\n  );\n  box-shadow: 0 0 14px rgba(242, 206, 112, .5);\n  animation: araMythicSignal 7s ease-in-out infinite;\n}\n\n\/* ---------- MYTHIC CORE ---------- *\/\n\n.ara-hero-center-box {\n  --rx: 0deg;\n  --ry: 0deg;\n  width: clamp(220px, 22vw, 310px);\n  height: auto;\n  aspect-ratio: 1;\n  perspective: 900px;\n}\n\n\/* Outer orbit *\/\n\n.ara-hero-center-box::before {\n  content: \"\";\n  position: absolute;\n  inset: -32px;\n  border-radius: 50%;\n  border: 1px solid rgba(216, 176, 106, .13);\n  border-top-color: rgba(242, 206, 112, .75);\n  border-bottom-color: rgba(216, 176, 106, .38);\n  box-shadow:\n    0 0 45px rgba(216, 176, 106, .04),\n    inset 0 0 35px rgba(216, 176, 106, .025);\n  animation: araMythicOrbit 24s linear infinite;\n  pointer-events: none;\n}\n\n\/* Segmented inner orbit *\/\n\n.ara-hero-center-box::after {\n  content: \"\";\n  position: absolute;\n  inset: -17px;\n  border: 1px dashed rgba(216, 176, 106, .24);\n  border-radius: 50%;\n  animation: araMythicOrbit 60s linear infinite reverse;\n  pointer-events: none;\n}\n\n.ara-hero-center-box-inner {\n  position: relative;\n  isolation: isolate;\n  overflow: hidden;\n  border: 1px solid rgba(216, 176, 106, .48);\n  background:\n    radial-gradient(\n      circle at 32% 20%,\n      rgba(242, 206, 112, .12),\n      transparent 48%\n    ),\n    linear-gradient(\n      145deg,\n      rgba(36, 37, 43, .97),\n      rgba(13, 15, 20, .98) 65%\n    );\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  box-shadow:\n    0 28px 80px rgba(0, 0, 0, .65),\n    0 0 75px rgba(216, 176, 106, .1),\n    inset 0 1px 1px rgba(255, 236, 194, .25),\n    inset 0 -12px 40px rgba(0, 0, 0, .55);\n  transform: rotateX(var(--rx)) rotateY(var(--ry));\n  transition: transform .2s ease-out;\n  animation: none;\n}\n\n\/* Internal bezel *\/\n\n.ara-hero-center-box-inner::before {\n  content: \"\";\n  position: absolute;\n  inset: 10px;\n  border: 1px solid rgba(216, 176, 106, .13);\n  border-radius: inherit;\n  box-shadow: inset 0 0 30px rgba(216, 176, 106, .035);\n  pointer-events: none;\n}\n\n\/* Glass reflection *\/\n\n.ara-hero-center-box-inner::after {\n  content: \"\";\n  position: absolute;\n  inset: -50%;\n  background: linear-gradient(\n    115deg,\n    transparent 42%,\n    rgba(255, 239, 205, .025) 46%,\n    rgba(255, 239, 205, .14) 50%,\n    rgba(255, 239, 205, .025) 54%,\n    transparent 58%\n  );\n  transform: translateX(-65%) rotate(-12deg);\n  animation: araMythicReflection 10s ease-in-out infinite;\n  pointer-events: none;\n}\n\n.ara-hero-logo-img {\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 66%;\n  max-height: 66%;\n  object-fit: contain;\n  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .4));\n}\n\n\/* Canvas inserted by JS *\/\n\n.ara-mythic-dust {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* ---------- MOTION ---------- *\/\n\n@keyframes araMythicOrbit {\n  to { transform: rotate(360deg); }\n}\n\n@keyframes araMythicAtmosphere {\n  from { transform: translateY(-3%) scale(.96); }\n  to { transform: translateY(5%) scale(1.08); }\n}\n\n@keyframes araMythicGold {\n  from { background-position: 0% 50%; }\n  to { background-position: 100% 50%; }\n}\n\n@keyframes araMythicReveal {\n  from {\n    opacity: 0;\n    transform: translateY(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes araMythicSignal {\n  0% { top: 0; opacity: 0; }\n  15% { opacity: 1; }\n  85% { opacity: 1; }\n  100% { top: calc(100% - 70px); opacity: 0; }\n}\n\n@keyframes araMythicReflection {\n  0%, 60% { transform: translateX(-65%) rotate(-12deg); }\n  88%, 100% { transform: translateX(65%) rotate(-12deg); }\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 1100px) and (min-width: 769px) {\n  .ara-panel-right {\n    padding-right: 30px;\n    padding-left: 145px;\n  }\n\n  .ara-panel-left {\n    padding-left: 30px;\n    padding-right: 145px;\n  }\n\n  .ara-hero-title {\n    font-size: clamp(1.9rem, 3.6vw, 3rem);\n  }\n\n  .ara-hero-center-box {\n    width: 220px;\n  }\n}\n\n\/* Keep navigation available on smaller screens *\/\n\n@media (max-width: 860px) {\n  .ara-header,\n  .ara-hero-wrapper {\n    --ara-header-height: 122px;\n  }\n\n  .ara-header__inner {\n    display: grid !important;\n    grid-template-columns: 1fr auto;\n    grid-template-rows: 70px 52px;\n    gap: 0 12px;\n    padding: 0 20px !important;\n  }\n\n  .ara-header__brand {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .ara-header__contact {\n    grid-column: 2;\n    grid-row: 1;\n  }\n\n  .ara-header__nav {\n    display: flex !important;\n    grid-column: 1 \/ -1;\n    grid-row: 2;\n    align-self: stretch;\n    border-top: 1px solid rgba(216, 176, 106, .08);\n  }\n\n  .ara-header__nav ul {\n    gap: clamp(22px, 6vw, 48px);\n  }\n\n  .ara-header__nav a {\n    font-size: .85rem;\n  }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 768px) {\n  .ara-hero {\n    min-height: auto;\n    padding-bottom: 38px;\n  }\n\n  .ara-hero::before {\n    background-size: 56px 56px;\n  }\n\n  .ara-hero::after {\n    background: radial-gradient(\n      ellipse at 50% 48%,\n      rgba(216, 176, 106, .075),\n      transparent 65%\n    );\n  }\n\n  .ara-panel-right,\n  .ara-panel-left {\n    flex: none;\n    border: 0;\n    padding: 44px 24px;\n    justify-content: center;\n    text-align: center;\n  }\n\n  .ara-hero-content {\n    max-width: 440px;\n  }\n\n  .ara-hero-content::before,\n  .ara-panel-left .ara-hero-content::before {\n    margin: 0 auto 18px;\n  }\n\n  .ara-hero-title {\n    font-size: clamp(2rem, 7vw, 3rem);\n    margin-bottom: 12px;\n  }\n\n  .ara-hero-desc,\n  .ara-panel-left .ara-hero-desc {\n    margin-inline: auto;\n  }\n\n  .ara-hero-center-box {\n    width: 210px;\n    height: auto;\n    margin: 36px auto;\n    flex-shrink: 0;\n  }\n\n  .ara-hero-center-box::before {\n    inset: -27px;\n  }\n\n  .ara-hero-center-box::after {\n    inset: -14px;\n  }\n\n  .ara-hero-logo-img {\n    width: 66%;\n  }\n}\n\n@media (max-width: 420px) {\n  .ara-header__inner {\n    padding-inline: 12px !important;\n  }\n\n  .ara-header__contact {\n    gap: 8px;\n  }\n\n  .ara-header__phone {\n    padding: 8px;\n    gap: 6px;\n  }\n\n  .ara-header__phone-number {\n    font-size: 11px;\n    letter-spacing: 0;\n  }\n\n  .ara-header__phone-label {\n    font-size: 9px;\n  }\n\n  .ara-header__social {\n    gap: 5px;\n  }\n\n  .ara-header__social-link {\n    width: 28px;\n    height: 28px;\n  }\n\n  .ara-header__title {\n    font-size: 1.25rem;\n  }\n\n  .ara-header__brand {\n    gap: 7px;\n  }\n}\n\n\/* ---------- ACCESSIBILITY ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .ara-header *,\n  .ara-header *::before,\n  .ara-header *::after,\n  .ara-hero-wrapper,\n  .ara-hero-wrapper *,\n  .ara-hero-wrapper::before,\n  .ara-hero-wrapper::after,\n  .ara-hero-wrapper *::before,\n  .ara-hero-wrapper *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .ara-hero-center-box-inner {\n    transform: none !important;\n  }\n\n  .ara-mythic-dust {\n    display: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n<script>\n(() => {\n  function initAraMythic() {\n    document.querySelectorAll(\".ara-hero\").forEach((hero) => {\n      if (hero.dataset.mythicReady) return;\n      hero.dataset.mythicReady = \"true\";\n\n      const core = hero.querySelector(\".ara-hero-center-box\");\n      const reduced = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      );\n      const finePointer = window.matchMedia(\n        \"(hover: hover) and (pointer: fine)\"\n      );\n\n      const canvas = document.createElement(\"canvas\");\n      canvas.className = \"ara-mythic-dust\";\n      canvas.setAttribute(\"aria-hidden\", \"true\");\n      hero.prepend(canvas);\n\n      const ctx = canvas.getContext(\"2d\");\n\n      let width = 0;\n      let height = 0;\n      let particles = [];\n      let frame = 0;\n      let previousTime = 0;\n      let visible = false;\n      let pointerFrame = 0;\n      let pointer = null;\n\n      function resize() {\n        const bounds = hero.getBoundingClientRect();\n        width = bounds.width;\n        height = bounds.height;\n\n        if (!ctx || !width || !height) return;\n\n        const dpr = Math.min(window.devicePixelRatio || 1, 1.5);\n        canvas.width = Math.round(width * dpr);\n        canvas.height = Math.round(height * dpr);\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n        const count = width < 769 ? 24 : 54;\n\n        particles = Array.from({ length: count }, () => ({\n          x: Math.random() * width,\n          y: Math.random() * height,\n          radius: .45 + Math.random() * 1.15,\n          speed: 5 + Math.random() * 12,\n          drift: (Math.random() - .5) * 5,\n          alpha: .12 + Math.random() * .4,\n          phase: Math.random() * Math.PI * 2\n        }));\n      }\n\n      function canAnimate() {\n        return ctx &&\n          visible &&\n          !document.hidden &&\n          !reduced.matches &&\n          hero.isConnected;\n      }\n\n      function draw(time) {\n        frame = 0;\n        if (!canAnimate()) return;\n\n        const dt = previousTime\n          ? Math.min((time - previousTime) \/ 1000, .05)\n          : 0;\n\n        previousTime = time;\n        ctx.clearRect(0, 0, width, height);\n\n        particles.forEach((p) => {\n          p.y -= p.speed * dt;\n          p.x += p.drift * dt;\n\n          if (p.y < -8) {\n            p.y = height + 8;\n            p.x = Math.random() * width;\n          }\n\n          if (p.x < -8) p.x = width + 8;\n          if (p.x > width + 8) p.x = -8;\n\n          const shimmer =\n            .7 + Math.sin(time * .0007 + p.phase) * .3;\n\n          ctx.beginPath();\n          ctx.fillStyle =\n            `rgba(216,176,106,${p.alpha * shimmer})`;\n\n          ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\n          ctx.fill();\n\n          if (p.radius > 1.2) {\n            ctx.beginPath();\n            ctx.fillStyle =\n              `rgba(216,176,106,${p.alpha * shimmer * .07})`;\n\n            ctx.arc(p.x, p.y, p.radius * 4, 0, Math.PI * 2);\n            ctx.fill();\n          }\n        });\n\n        frame = requestAnimationFrame(draw);\n      }\n\n      function syncAnimation() {\n        if (!canAnimate()) {\n          cancelAnimationFrame(frame);\n          frame = 0;\n          previousTime = 0;\n          return;\n        }\n\n        if (!frame) {\n          previousTime = 0;\n          frame = requestAnimationFrame(draw);\n        }\n      }\n\n      function resetPointer() {\n        cancelAnimationFrame(pointerFrame);\n        pointerFrame = 0;\n        pointer = null;\n\n        hero.style.removeProperty(\"--mx\");\n        hero.style.removeProperty(\"--my\");\n\n        if (core) {\n          core.style.setProperty(\"--rx\", \"0deg\");\n          core.style.setProperty(\"--ry\", \"0deg\");\n        }\n      }\n\n      hero.addEventListener(\"pointermove\", (event) => {\n        if (reduced.matches || !finePointer.matches) return;\n\n        pointer = { x: event.clientX, y: event.clientY };\n        if (pointerFrame) return;\n\n        pointerFrame = requestAnimationFrame(() => {\n          pointerFrame = 0;\n          if (!pointer) return;\n\n          const rect = hero.getBoundingClientRect();\n          if (!rect.width || !rect.height) return;\n\n          const x = Math.max(\n            0, Math.min(1, (pointer.x - rect.left) \/ rect.width)\n          );\n          const y = Math.max(\n            0, Math.min(1, (pointer.y - rect.top) \/ rect.height)\n          );\n\n          hero.style.setProperty(\"--mx\", `${x * 100}%`);\n          hero.style.setProperty(\"--my\", `${y * 100}%`);\n\n          if (core) {\n            core.style.setProperty(\"--rx\", `${(0.5 - y) * 9}deg`);\n            core.style.setProperty(\"--ry\", `${(x - 0.5) * 11}deg`);\n          }\n        });\n      }, { passive: true });\n\n      hero.addEventListener(\"pointerleave\", resetPointer);\n      hero.addEventListener(\"pointercancel\", resetPointer);\n\n      if (\"ResizeObserver\" in window) {\n        const resizeObserver = new ResizeObserver(resize);\n        resizeObserver.observe(hero);\n      } else {\n        window.addEventListener(\"resize\", resize, { passive: true });\n      }\n\n      if (\"IntersectionObserver\" in window) {\n        const intersectionObserver = new IntersectionObserver(\n          ([entry]) => {\n            visible = entry.isIntersecting;\n            syncAnimation();\n          },\n          { threshold: 0 }\n        );\n\n        intersectionObserver.observe(hero);\n      } else {\n        visible = true;\n      }\n\n      document.addEventListener(\"visibilitychange\", syncAnimation);\n\n      reduced.addEventListener(\"change\", () => {\n        resetPointer();\n        syncAnimation();\n      });\n\n      finePointer.addEventListener(\"change\", resetPointer);\n\n      resize();\n      syncAnimation();\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initAraMythic);\n  } else {\n    initAraMythic();\n  }\n})();\n<\/script>\n\n<header class=\"ara-header\" dir=\"rtl\">\n  <div class=\"ara-header__inner\">\n\n    <a class=\"ara-header__brand\" href=\"https:\/\/arainc.ir\/%D8%AF%DB%8C%D9%84%D8%A7%DB%8C%D8%AA\/\" aria-label=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u062f\u06cc\u0644\u0627\u06cc\u062a\">\n      <span class=\"ara-header__title\">\u062f\u06cc\u0644\u0627\u06cc\u062a<\/span>\n    <\/a>\n\n    <nav id=\"araMainNavigation\" class=\"ara-header__nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc\">\n      <ul>\n        <li><a href=\"https:\/\/arainc.ir\/%D8%AF%DB%8C%D9%84%D8%A7%DB%8C%D8%AA\/\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n        <li><a href=\"https:\/\/arainc.ir\/\">\u0622\u0631\u0627<\/a><\/li>\n        <li><a href=\"https:\/\/arainc.ir\/%D8%AA%D9%85%D8%A7%D8%B3-%D8%A8%D8%A7-%D9%85%D8%A7\/\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/a><\/li>\n      <\/ul>\n    <\/nav>\n\n    <div class=\"ara-header__contact\">\n      <a class=\"ara-header__phone\" href=\"tel:+982112345678\" aria-label=\"\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627\">\n        <span class=\"ara-header__phone-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\">\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.12 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n          <\/svg>\n        <\/span>\n        <span class=\"ara-header__phone-text\">\n          <span class=\"ara-header__phone-label\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/span>\n          <bdi class=\"ara-header__phone-number\">021-1234-5678<\/bdi>\n        <\/span>\n      <\/a>\n\n      <div class=\"ara-header__social\">\n        <a class=\"ara-header__social-link\" href=\"\/\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n          <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/sm_5b321c99945a2.jpg\" alt=\"\u0648\u0627\u062a\u0633\u0627\u067e\" loading=\"lazy\">\n        <\/a>\n        <a class=\"ara-header__social-link\" href=\"\/\" aria-label=\"\u0628\u0644\u0647\">\n          <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/4photoshop-Bale-vector-logo-%D9%84%D9%88%DA%AF%D9%88-%D9%BE%DB%8C%D8%A7%D9%85-%D8%B1%D8%B3%D8%A7%D9%86-%D8%A8%D9%84%D9%87.jpg\" alt=\"\u0628\u0644\u0647\" loading=\"lazy\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/header>\n\n<div class=\"ara-hero-wrapper\" dir=\"rtl\">\n  <section class=\"ara-hero\">\n\n    <div class=\"ara-hero-main-divider\"><\/div>\n\n    <div class=\"ara-hero-panel ara-panel-right\">\n      <div class=\"ara-hero-content text-align-right\">\n        <h2 class=\"ara-hero-title\">\u0639\u0646\u0648\u0627\u0646 1<\/h2>\n        <p class=\"ara-hero-desc\"> \u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"ara-hero-center-box\">\n      <div class=\"ara-hero-center-box-inner\">\n        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"ARA Logo\" class=\"ara-hero-logo-img\">\n      <\/div>\n    <\/div>\n\n    <div class=\"ara-hero-panel ara-panel-left\">\n      <div class=\"ara-hero-content text-align-left\">\n        <h2 class=\"ara-hero-title\">\u0639\u0646\u0648\u0627\u0646 2<\/h2>\n        <p class=\"ara-hero-desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n    <\/div>\n\n  <\/section>\n<\/div>\n\n\n\n<div class=\"services-wrapper\" dir=\"rtl\">\n  <h2 class=\"services-main-title\">\u062e\u062f\u0645\u0627\u062a<\/h2>\n\n  <div class=\"services-container\">\n    <!-- \u06a9\u0627\u0631\u062a \u06f1 -->\n    <a href=\"https:\/\/arainc.ir\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\" class=\"elegant-card\">\n      <div class=\"card-image-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u062e\u062f\u0645\u062a \u06f1\">\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">\u062a\u0627\u06cc\u062a\u0644 \u06f1<\/h3>\n        <p class=\"card-desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- \u06a9\u0627\u0631\u062a \u06f2 -->\n    <a href=\"https:\/\/arainc.ir\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\" class=\"elegant-card\">\n      <div class=\"card-image-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u062e\u062f\u0645\u062a \u06f2\">\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">\u062a\u0627\u06cc\u062a\u0644 \u06f2<\/h3>\n        <p class=\"card-desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- \u06a9\u0627\u0631\u062a \u06f3 -->\n    <a href=\"https:\/\/arainc.ir\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\" class=\"elegant-card\">\n      <div class=\"card-image-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u062e\u062f\u0645\u062a \u06f3\">\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">\u062a\u0627\u06cc\u062a\u0644 \u06f3<\/h3>\n        <p class=\"card-desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a<\/p>\n      <\/div>\n    <\/a>\n\n    <!-- \u06a9\u0627\u0631\u062a \u06f4 -->\n    <a href=\"https:\/\/arainc.ir\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\" class=\"elegant-card\">\n      <div class=\"card-image-wrap\">\n        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u062e\u062f\u0645\u062a \u06f4\">\n      <\/div>\n      <div class=\"card-content\">\n        <h3 class=\"card-title\">\u062a\u0627\u06cc\u062a\u0644 \u06f4<\/h3>\n        <p class=\"card-desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a<\/p>\n      <\/div>\n    <\/a>\n  <\/div>\n<\/div>\n\n<style>\n  :root{\n    --bg: #2f3440;\n    --panel: rgba(255,255,255,0.04);\n    --panel-strong: rgba(255,255,255,0.06);\n    --border: rgba(207, 166, 103, 0.35);\n    --border-strong: rgba(207, 166, 103, 0.75);\n    --gold: #d8b06a;\n    --gold-soft: #f0d39a;\n    --text: #f4f4f4;\n    --muted: #c9c9c9;\n    --shadow: 0 20px 50px rgba(0,0,0,0.28);\n  }\n\n  .services-wrapper {\n    max-width: 1340px;\n    margin: 60px auto;\n    padding: 0 20px 30px;\n    font-family: \"Vazirmatn\", \"IRANSans\", \"Tahoma\", sans-serif;\n    color: var(--text);\n    direction: rtl;\n  }\n\n  .services-main-title {\n    position: relative;\n    display: inline-block;\n    margin: 0 auto 28px;\n    padding: 14px 28px;\n    left: 50%;\n    transform: translateX(-50%);\n    text-align: center;\n    font-size: 30px;\n    font-weight: 700;\n    color: #f5efe4;\n    background: rgba(255,255,255,0.03);\n    border: 1px solid var(--border);\n    border-radius: 22px;\n    box-shadow:\n      0 0 0 1px rgba(255,255,255,0.03) inset,\n      0 10px 30px rgba(0,0,0,0.18),\n      0 0 25px rgba(216,176,106,0.08);\n    backdrop-filter: blur(8px);\n  }\n\n  .services-main-title::after {\n    content: \"\";\n    display: block;\n    width: 90px;\n    height: 3px;\n    margin: 12px auto 0;\n    border-radius: 999px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    box-shadow: 0 0 12px rgba(216,176,106,0.65);\n  }\n\n  .services-container {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    margin-top: 34px;\n  }\n\n  .elegant-card {\n    position: relative;\n    display: block;\n    overflow: hidden;\n    text-decoration: none;\n    background: linear-gradient(180deg, var(--panel), rgba(255,255,255,0.02));\n    border-radius: 24px;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-top: 1px solid rgba(255,255,255,0.12);\n    box-shadow: var(--shadow);\n    transition: all 0.35s ease;\n    backdrop-filter: blur(10px);\n  }\n\n  .elegant-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(216,176,106,0.10), transparent 35%, transparent 65%, rgba(255,255,255,0.03));\n    opacity: 0;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .elegant-card:hover {\n    transform: translateY(-8px);\n    border-color: var(--border-strong);\n    box-shadow:\n      0 24px 55px rgba(0,0,0,0.36),\n      0 0 0 1px rgba(216,176,106,0.15) inset,\n      0 0 28px rgba(216,176,106,0.08);\n  }\n\n  .elegant-card:hover::before {\n    opacity: 1;\n  }\n\n  .card-image-wrap {\n    position: relative;\n    height: 230px;\n    overflow: hidden;\n    background: #1f232b;\n  }\n\n  .card-image-wrap::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.28));\n    z-index: 1;\n  }\n\n  .card-image-wrap img {\n    .card-image-wrap img {\n    width: 100%;\n    height: ;\n    transition: transform 0.6s ease, filter 0.4s ease;\n    filter: saturate(0.95) contrast(1.02);\n  }\n\n  .elegant-card:hover .card-image-wrap img {\n    transform: scale(1.07);\n    filter: saturate(1.05) contrast(1.08);\n  }\n\n  .card-content {\n    position: relative;\n    z-index: 2;\n    padding: 18px 18px 20px;\n    text-align: right;\n    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\n  }\n\n  .card-title {\n    margin: 0 0 10px 0;\n    font-size: 18px;\n    font-weight: 700;\n    color: #f7f7f7;\n    transition: color 0.3s ease;\n  }\n\n  .card-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.9;\n    color: var(--muted);\n  }\n\n  .elegant-card:hover .card-title {\n    color: var(--gold-soft);\n  }\n\n  .elegant-card:focus-visible {\n    outline: 2px solid var(--gold);\n    outline-offset: 3px;\n  }\n\n  @media (max-width: 1200px) {\n    .services-container {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 640px) {\n    .services-wrapper {\n      margin: 35px auto;\n      padding: 0 14px 20px;\n    }\n\n    .services-main-title {\n      font-size: 24px;\n      padding: 12px 22px;\n    }\n\n    .services-container {\n      grid-template-columns: 1fr;\n      gap: 18px;\n    }\n\n    .card-image-wrap {\n      height: 210px;\n    }\n  }\n<\/style>\n\n\n<p>[delight_projects limit=\u201c8\u201d ratio=\u201c16 \/ 9\u201d]<\/p>\n\n\n<style data-wp-block-html=\"css\">\n\/* ================================<br \/>\n   Footer - Ara Lighting Group<br \/>\n   Dark Premium Theme + Linear Light<br \/>\n================================ *\/<\/p>\n<p>\/* \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u0627\u06cc\u0647 \u0641\u0648\u062a\u0631 *\/<br \/>\n.site-footer {<br \/>\n    display: block !important;<br \/>\n    position: relative !important;<br \/>\n    width: 100vw !important;<br \/>\n    max-width: 100vw !important;<br \/>\n    margin-right: calc(50% - 50vw) !important;<br \/>\n    margin-left: calc(50% - 50vw) !important;<br \/>\n    background:<br \/>\n        linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0) 38%),<br \/>\n        #121418;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.06);<br \/>\n    box-sizing: border-box;<br \/>\n    direction: rtl;<br \/>\n    clear: both;<br \/>\n    overflow: hidden;<br \/>\n}<\/p>\n<p>\/* \u0646\u0648\u0631 \u062e\u0637\u06cc \u0638\u0631\u06cc\u0641 \u062f\u0631 \u0644\u0628\u0647 \u0628\u0627\u0644\u0627\u06cc\u06cc \u0641\u0648\u062a\u0631 *\/<br \/>\n.site-footer::before {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    top: 0;<br \/>\n    right: 8%;<br \/>\n    width: 84%;<br \/>\n    height: 1px;<br \/>\n    background: linear-gradient(<br \/>\n        90deg,<br \/>\n        transparent 0%,<br \/>\n        rgba(79, 195, 247, 0.18) 18%,<br \/>\n        rgba(255, 255, 255, 0.48) 50%,<br \/>\n        rgba(79, 195, 247, 0.18) 82%,<br \/>\n        transparent 100%<br \/>\n    );<br \/>\n    box-shadow:<br \/>\n        0 0 10px rgba(79, 195, 247, 0.25),<br \/>\n        0 0 28px rgba(79, 195, 247, 0.12);<br \/>\n    pointer-events: none;<br \/>\n    z-index: 1;<br \/>\n}<\/p>\n<p>\/* \u067e\u062e\u0634 \u0646\u0648\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0644\u0627\u06cc\u0645 \u0627\u0632 \u0628\u0627\u0644\u0627 \u0628\u0647 \u067e\u0627\u06cc\u06cc\u0646 *\/<br \/>\n.site-footer::after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    top: 0;<br \/>\n    right: 0;<br \/>\n    width: 100%;<br \/>\n    height: 170px;<br \/>\n    background:<br \/>\n        linear-gradient(<br \/>\n            180deg,<br \/>\n            rgba(79, 195, 247, 0.055) 0%,<br \/>\n            rgba(79, 195, 247, 0.025) 34%,<br \/>\n            rgba(79, 195, 247, 0) 100%<br \/>\n        );<br \/>\n    pointer-events: none;<br \/>\n    z-index: 1;<br \/>\n}<\/p>\n<p>\/* \u0644\u0627\u06cc\u0647 \u0646\u0648\u0631\u06cc \u062a\u06a9\u0645\u06cc\u0644\u06cc - \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0647\u0627\u0644\u0647 \u062f\u0627\u06cc\u0631\u0647\u200c\u0627\u06cc \u0642\u0628\u0644\u06cc *\/<br \/>\n.footer-light-glow {<br \/>\n    position: absolute;<br \/>\n    top: 0;<br \/>\n    right: 0;<br \/>\n    width: 100%;<br \/>\n    height: 100%;<br \/>\n    background:<br \/>\n        linear-gradient(<br \/>\n            110deg,<br \/>\n            transparent 0%,<br \/>\n            rgba(255, 255, 255, 0.018) 32%,<br \/>\n            rgba(79, 195, 247, 0.045) 50%,<br \/>\n            rgba(255, 255, 255, 0.018) 68%,<br \/>\n            transparent 100%<br \/>\n        );<br \/>\n    opacity: 0.75;<br \/>\n    pointer-events: none;<br \/>\n    z-index: 1;<br \/>\n}<\/p>\n<p>\/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u062f\u0627\u062e\u0644\u06cc - \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627 \u0647\u062f\u0631 *\/<br \/>\n.site-footer__inner {<br \/>\n    width: 100% !important;<br \/>\n    max-width: 1400px !important;<br \/>\n    margin: 0 auto !important;<br \/>\n    padding: 60px 32px !important;<br \/>\n    display: flex;<br \/>\n    justify-content: space-between;<br \/>\n    align-items: flex-start;<br \/>\n    box-sizing: border-box;<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n}<\/p>\n<p>\/* \u0633\u062a\u0648\u0646\u200c\u0647\u0627 *\/<br \/>\n.footer-column {<br \/>\n    flex: 0 1 auto;<br \/>\n    text-align: right;<br \/>\n}<\/p>\n<p>\/* \u0644\u0648\u06af\u0648 *\/<br \/>\n.footer-logo {<br \/>\n    height: 68px;<br \/>\n    width: auto;<br \/>\n    display: block;<br \/>\n    filter:<br \/>\n        brightness(0)<br \/>\n        invert(1)<br \/>\n        drop-shadow(0 0 14px rgba(255, 255, 255, 0.10));<br \/>\n}<\/p>\n<p>\/* \u0639\u0646\u0648\u0627\u0646 \u0633\u062a\u0648\u0646\u200c\u0647\u0627 *\/<br \/>\n.footer-title {<br \/>\n    font-size: 20px;<br \/>\n    font-weight: 800;<br \/>\n    margin: 0 0 25px 0;<br \/>\n    color: #ffffff;<br \/>\n    position: relative;<br \/>\n    padding-right: 15px;<br \/>\n}<\/p>\n<p>\/* \u062e\u0637 \u0639\u0645\u0648\u062f\u06cc \u0646\u0648\u0631\u06cc \u06a9\u0646\u0627\u0631 \u0639\u0646\u0648\u0627\u0646\u200c\u0647\u0627 *\/<br \/>\n.footer-title::before {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    right: 0;<br \/>\n    top: 5px;<br \/>\n    width: 3px;<br \/>\n    height: 20px;<br \/>\n    background: linear-gradient(180deg, #8ee8ff 0%, #4FC3F7 100%);<br \/>\n    border-radius: 4px;<br \/>\n    box-shadow:<br \/>\n        0 0 8px rgba(79, 195, 247, 0.8),<br \/>\n        0 0 18px rgba(79, 195, 247, 0.28);<br \/>\n}<\/p>\n<p>\/* \u0644\u06cc\u0633\u062a\u200c\u0647\u0627 *\/<br \/>\n.footer-links-list,<br \/>\n.contact-info {<br \/>\n    list-style: none;<br \/>\n    padding: 0;<br \/>\n    margin: 0;<br \/>\n}<\/p>\n<p>.footer-links-list li {<br \/>\n    margin-bottom: 12px;<br \/>\n}<\/p>\n<p>.footer-links-list a {<br \/>\n    text-decoration: none;<br \/>\n    color: #94a3b8;<br \/>\n    font-size: 16px;<br \/>\n    transition: color 0.25s ease, padding-right 0.25s ease, text-shadow 0.25s ease;<br \/>\n}<\/p>\n<p>.footer-links-list a:hover {<br \/>\n    color: #ffffff;<br \/>\n    padding-right: 5px;<br \/>\n    text-shadow: 0 0 12px rgba(79, 195, 247, 0.22);<br \/>\n}<\/p>\n<p>\/* \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633 *\/<br \/>\n.contact-item {<br \/>\n    margin-bottom: 15px;<br \/>\n}<\/p>\n<p>.contact-label {<br \/>\n    display: block;<br \/>\n    font-size: 12px;<br \/>\n    color: #64748b;<br \/>\n    margin-bottom: 4px;<br \/>\n}<\/p>\n<p>.contact-item a,<br \/>\n.contact-item p {<br \/>\n    color: #cbd5e1;<br \/>\n    text-decoration: none;<br \/>\n    font-size: 16px;<br \/>\n    margin: 0;<br \/>\n}<\/p>\n<p>.dir-ltr {<br \/>\n    direction: ltr;<br \/>\n    unicode-bidi: embed;<br \/>\n}<\/p>\n<p>\/* \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc *\/<br \/>\n.social-label {<br \/>\n    color: #64748b;<br \/>\n    font-size: 13px;<br \/>\n    margin: 20px 0 0;<br \/>\n}<\/p>\n<p>.social-icons {<br \/>\n    display: flex;<br \/>\n    gap: 12px;<br \/>\n    margin-top: 15px;<br \/>\n}<\/p>\n<p>.social-icon-link {<br \/>\n    display: inline-flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    width: 34px;<br \/>\n    height: 34px;<br \/>\n    border-radius: 9px;<br \/>\n    background: rgba(255, 255, 255, 0.025);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.08);<br \/>\n    transition:<br \/>\n        transform 0.25s ease,<br \/>\n        border-color 0.25s ease,<br \/>\n        background-color 0.25s ease,<br \/>\n        box-shadow 0.25s ease;<br \/>\n}<\/p>\n<p>.social-icon-link:hover {<br \/>\n    transform: translateY(-3px);<br \/>\n    border-color: rgba(79, 195, 247, 0.55);<br \/>\n    background: rgba(79, 195, 247, 0.08);<br \/>\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);<br \/>\n}<\/p>\n<p>.social-icons img {<br \/>\n    width: 32px;<br \/>\n    height: 32px;<br \/>\n    border-radius: 8px;<br \/>\n    filter: grayscale(1) brightness(1.18);<br \/>\n    transition: filter 0.25s ease;<br \/>\n}<\/p>\n<p>.social-icon-link:hover img {<br \/>\n    filter: grayscale(0) brightness(1);<br \/>\n}<\/p>\n<p>\/* \u0628\u062e\u0634 \u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a *\/<br \/>\n.footer-bottom {<br \/>\n    position: relative;<br \/>\n    z-index: 2;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.035);<br \/>\n    background: rgba(0, 0, 0, 0.20);<br \/>\n    width: 100%;<br \/>\n}<\/p>\n<p>.footer-bottom__inner {<br \/>\n    max-width: 1400px;<br \/>\n    margin: 0 auto;<br \/>\n    padding: 20px 32px;<br \/>\n    text-align: center;<br \/>\n    color: #475569;<br \/>\n    font-size: 13px;<br \/>\n}<\/p>\n<p>.footer-bottom__inner p {<br \/>\n    margin: 0;<br \/>\n}<\/p>\n<p>\/* \u0648\u0627\u06a9\u0646\u0634\u200c\u06af\u0631\u0627 - \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627 \u0647\u062f\u0631 *\/<br \/>\n@media (max-width: 860px) {<br \/>\n    .site-footer__inner {<br \/>\n        flex-direction: column;<br \/>\n        align-items: center;<br \/>\n        text-align: center;<br \/>\n        padding: 40px 18px !important;<br \/>\n        gap: 40px;<br \/>\n    }<\/p>\n<p>    .footer-column {<br \/>\n        text-align: center;<br \/>\n    }<\/p>\n<p>    .footer-title {<br \/>\n        padding-right: 0;<br \/>\n    }<\/p>\n<p>    .footer-title::before {<br \/>\n        display: none;<br \/>\n    }<\/p>\n<p>    .social-icons {<br \/>\n        justify-content: center;<br \/>\n    }<\/p>\n<p>    .footer-bottom__inner {<br \/>\n        padding: 20px 18px;<br \/>\n    }<br \/>\n}<\/p>\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@100..900&amp;display=swap\" rel=\"stylesheet\">\n\n<style data-wp-block-html=\"css\">\n\nhtml,\nbody {\n    overflow-x: hidden;\n}\n\n\n.site-footer,\n.wp-block-html:has(> .site-footer),\n.wp-block-group:has(> .site-footer) {\n    width: 100vw !important;\n    max-width: none !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n}\n\n.site-footer {\n    position: relative;\n    isolation: isolate;\n    display: block;\n    box-sizing: border-box;\n    min-width: 100vw;\n    min-height: 375px;\n    padding: 62px 0;\n    overflow: hidden;\n    background:\n        linear-gradient(\n            90deg,\n            #15181c 0%,\n            #111419 50%,\n            #15181c 100%\n        );\n    color: #c9cdd2;\n    direction: rtl;\n        font-family: \"Vazirmatn\", Tahoma, sans-serif !important;\n}\n\n.site-footer *,\n.site-footer *::before,\n.site-footer *::after {\n    box-sizing: border-box;\n}\n\n.site-footer::before,\n.site-footer::after {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    bottom: 0;\n    width: 5px;\n    content: \"\";\n    background: #b8e9ff;\n    opacity: 0.72;\n    box-shadow:\n        0 0 9px rgba(184, 233, 255, 0.95),\n        0 0 24px rgba(113, 211, 255, 0.78),\n        0 0 52px rgba(113, 211, 255, 0.45);\n}\n\n.site-footer::before {\n    right: 0;\n}\n\n.site-footer::after {\n    left: 0;\n}\n\n.footer-light-glow {\n    position: absolute;\n    z-index: -1;\n    inset: 0;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(125, 215, 255, 0.13) 0%,\n            transparent 16%,\n            transparent 84%,\n            rgba(125, 215, 255, 0.13) 100%\n        );\n}\n\n.site-footer__inner {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    align-items: start;\n    width: 70%;\n    max-width: none;\n    min-height: 250px;\n    margin: 0 auto;\n    direction: rtl;\n}\n\n.links-area {\n    grid-column: 1;\n    grid-row: 1;\n    width: 100%;\n    padding: 0;\n    text-align: right;\n}\n\n.contact-area {\n    grid-column: 2;\n    grid-row: 1;\n    width: 100%;\n    padding: 0;\n    text-align: center;\n}\n\n.logo-area {\n    display: flex;\n    grid-column: 3;\n    grid-row: 1;\n    align-items: flex-start;\n    justify-content: flex-start;\n    width: 100%;\n    min-height: 180px;\n    padding: 0;\n    text-align: left;\n}\n\n.footer-title {\n    position: relative;\n    display: inline-block;\n    margin: 0 0 28px;\n    padding-right: 14px;\n    color: #f1f3f5;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n.footer-title::before {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    width: 3px;\n    height: 23px;\n    border-radius: 2px;\n    content: \"\";\n    background: #67d7ff;\n    box-shadow: 0 0 9px rgba(103, 215, 255, 0.95);\n    transform: translateY(-50%);\n}\n\n.footer-links-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.footer-links-list li {\n    margin: 0;\n    padding: 0;\n}\n\n.footer-links-list a {\n    display: inline-block;\n    color: #aeb4bb;\n    font-size: 14px;\n    line-height: 1.8;\n    text-decoration: none;\n    transition:\n        color 180ms ease,\n        transform 180ms ease;\n}\n\n.footer-links-list a:hover,\n.footer-links-list a:focus {\n    color: #ffffff;\n    transform: translateX(-4px);\n}\n\n.contact-info {\n    margin: 0;\n}\n\n.contact-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n    margin: 0;\n}\n\n.contact-label,\n.social-label {\n    color: #9099a3;\n    font-size: 12px;\n    line-height: 1.8;\n}\n\n.contact-item a {\n    color: #c9cdd2;\n    font-size: 15px;\n    line-height: 1.8;\n    text-decoration: none;\n}\n\n.contact-item a:hover,\n.contact-item a:focus {\n    color: #75dcff;\n}\n\n.social-links {\n    margin-top: 32px;\n}\n\n.social-label {\n    margin: 0 0 14px;\n}\n\n.social-icons {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    min-height: 46px;\n}\n\n.social-icon-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    border-radius: 8px;\n    background: #ffffff;\n    box-shadow:\n        0 0 8px rgba(255, 255, 255, 0.22),\n        0 4px 12px rgba(0, 0, 0, 0.2);\n}\n\n.social-icon-link img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n.footer-logo-link {\n    display: block;\n    max-width: 125px;\n    text-decoration: none;\n}\n\n.footer-logo {\n    display: block;\n    width: 125px;\n    height: auto;\n    max-height: 105px;\n    object-fit: contain;\n}\n\n@media (max-width: 900px) {\n    .site-footer__inner {\n        width: 80%;\n    }\n}\n\n@media (max-width: 640px) {\n    .site-footer {\n        min-height: auto;\n        padding: 48px 28px;\n    }\n\n    .site-footer__inner {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 42px;\n        width: 100%;\n        min-height: auto;\n        text-align: center;\n    }\n\n    .links-area,\n    .contact-area,\n    .logo-area {\n        width: 100%;\n        padding: 0;\n        text-align: center;\n    }\n\n    .links-area {\n        order: 1;\n    }\n\n    .contact-area {\n        order: 2;\n    }\n\n    .logo-area {\n        order: 3;\n        min-height: auto;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .footer-links-list {\n        align-items: center;\n    }\n\n    .footer-logo-link {\n        margin: 0 auto;\n    }\n\n    .site-footer::before,\n    .site-footer::after {\n        width: 3px;\n    }\n}\n\n<\/style>\n\n<footer class=\"site-footer alignfull\" dir=\"rtl\">\n    <div class=\"footer-light-glow\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"site-footer__inner\">\n\n        <div class=\"footer-column links-area\">\n            <h3 class=\"footer-title\">\u06af\u0631\u0648\u0647 \u0635\u0646\u0639\u062a\u06cc \u0622\u0631\u0627<\/h3>\n\n            <ul class=\"footer-links-list\">\n                <li>\n                    <a href=\"https:\/\/arainc.ir\/%D8%A7%D9%84%D9%BE%D8%A7%D8%AA\/\">\u0627\u0644\u067e\u0627\u062a<\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/arainc.ir\/%D8%AF%DB%8C%D9%84%D8%A7%DB%8C%D8%AA\/\">\u062f\u06cc\u0644\u0627\u06cc\u062a<\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/arainc.ir\/%D8%AF%DB%8C%D9%88%D8%A7%D9%86-%D8%AE%D8%A7%D9%86%D9%87\/\">\u062f\u06cc\u0648\u0627\u0646 \u062e\u0627\u0646\u0647<\/a>\n                <\/li>\n                <li>\n                    <a href=\"https:\/\/arainc.ir\/%D9%85%DB%8C%DB%8C%D9%86%D8%A7\/\">\u0645\u06cc\u06cc\u0646\u0627<\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"footer-column contact-area\">\n            <h3 class=\"footer-title\">\u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627<\/h3>\n\n            <div class=\"contact-info\">\n                <div class=\"contact-item\">\n                    <span class=\"contact-label\">\u062a\u0644\u0641\u0646:<\/span>\n\n                    <a href=\"tel:02177127906\" class=\"dir-ltr\" dir=\"ltr\">\n                        02177127906\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"social-links\">\n                <p class=\"social-label\">\n                    \u0627\u0631\u062a\u0628\u0627\u0637 \u062f\u0631 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc:\n                <\/p>\n\n                <div class=\"social-icons\">\n                    <a href=\"\/\" class=\"social-icon-link\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n                        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/sm_5b321c99945a2.jpg\" alt=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n                    <\/a>\n\n                    <a href=\"\/\" class=\"social-icon-link\" aria-label=\"\u0628\u0644\u0647\">\n                        <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/4photoshop-Bale-vector-logo-%D9%84%D9%88%DA%AF%D9%88-%D9%BE%DB%8C%D8%A7%D9%85-%D8%B1%D8%B3%D8%A7%D9%86-%D8%A8%D9%84%D9%87.jpg\" alt=\"\u0628\u0644\u0647\">\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-column logo-area\">\n            <a href=\"https:\/\/arainc.ir\/\" class=\"footer-logo-link\" aria-label=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u06af\u0631\u0648\u0647 \u0635\u0646\u0639\u062a\u06cc \u0622\u0631\u0627\">\n                <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/09\/logo-ara.png\" alt=\"\u06af\u0631\u0648\u0647 \u0635\u0646\u0639\u062a\u06cc \u0622\u0631\u0627\" class=\"footer-logo\">\n            <\/a>\n        <\/div>\n\n    <\/div>\n<\/footer>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u062f\u06cc\u0644\u0627\u06cc\u062a \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0622\u0631\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 021-1234-5678 \u0639\u0646\u0648\u0627\u0646 1 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0639\u0646\u0648\u0627\u0646 2 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u062f\u0645\u0627\u062a \u062a\u0627\u06cc\u062a\u0644 \u06f1 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a \u062a\u0627\u06cc\u062a\u0644 \u06f2 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a \u062a\u0627\u06cc\u062a\u0644 \u06f3 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a \u062a\u0627\u06cc\u062a\u0644 \u06f4 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u06a9\u0648\u062a\u0627\u0647 \u062e\u062f\u0645\u062a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arainc.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=124"}],"version-history":[{"count":0,"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/124\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/10"}],"wp:attachment":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}