{"id":147,"date":"2026-08-03T09:11:42","date_gmt":"2026-08-03T09:11:42","guid":{"rendered":"http:\/\/araa.local\/?page_id=147"},"modified":"2026-08-03T09:11:42","modified_gmt":"2026-08-03T09:11:42","slug":"%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/arainc.ir\/?page_id=147","title":{"rendered":"\u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u0644\u067e\u0627\u062a"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\nhtml, body { overflow-x: clip; }\n\n.ara-header {\n  display: block !important;\n  position: static !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  padding: 0 !important;\n  box-sizing: border-box;\n  direction: rtl;\n  background: #ffffff;\n  border-bottom: 1px solid #e5e7eb;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.ara-header *,\n.ara-header *::before,\n.ara-header *::after { box-sizing: border-box; }\n\n.ara-header__inner {\n  width: 100% !important;\n  max-width: 1400px !important;\n  margin: 0 auto !important;\n  padding: 20px 32px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 28px;\n}\n\n.ara-header__brand {\n  display: flex !important;\n  align-items: center;\n  gap: 16px;\n  text-decoration: none !important;\n  box-shadow: none !important;\n  flex-shrink: 0;\n}\n\n.ara-header__logo {\n  height: 68px !important;\n  width: auto !important;\n  max-width: none !important;\n  display: block !important;\n  border-radius: 6px;\n}\n\n.ara-header__title {\n  font-size: 34px !important;\n  font-weight: 800 !important;\n  color: #111827 !important;\n  line-height: 1.2 !important;\n  white-space: nowrap;\n}\n\n.ara-header__nav { flex-shrink: 0; }\n\n.ara-header__nav ul {\n  display: flex !important;\n  align-items: center;\n  gap: 36px;\n  list-style: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.ara-header__nav li {\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n\n.ara-header__nav a {\n  display: inline-block;\n  font-size: 21px !important;\n  font-weight: 600 !important;\n  color: #374151 !important;\n  text-decoration: none !important;\n  box-shadow: none !important;\n  padding: 10px 2px;\n  white-space: nowrap;\n  transition: color .2s ease;\n}\n\n.ara-header__nav a:hover,\n.ara-header__nav a:focus-visible { color: #0f766e !important; }\n\n.ara-header__toggle {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n  width: 0;\n  height: 0;\n}\n\n.ara-header__burger {\n  display: none;\n  flex-direction: column;\n  justify-content: center;\n  gap: 6px;\n  width: 48px;\n  height: 48px;\n  padding: 11px;\n  cursor: pointer;\n  border: 1px solid #e5e7eb;\n  border-radius: 10px;\n  background: #ffffff;\n}\n\n.ara-header__burger span {\n  display: block;\n  height: 3px;\n  width: 100%;\n  background: #111827;\n  border-radius: 3px;\n  transition: transform .25s ease, opacity .25s ease;\n}\n\n@media (max-width: 860px) {\n  .ara-header__inner {\n    flex-wrap: wrap !important;\n    padding: 14px 18px !important;\n  }\n\n  .ara-header__logo { height: 50px !important; }\n  .ara-header__title { font-size: 26px !important; }\n  .ara-header__burger { display: flex; }\n\n  .ara-header__nav {\n    flex-basis: 100%;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height .3s ease;\n  }\n\n  .ara-header__nav ul {\n    flex-direction: column !important;\n    align-items: stretch;\n    gap: 0;\n    padding-top: 8px !important;\n  }\n\n  .ara-header__nav li + li { border-top: 1px solid #f3f4f6; }\n\n  .ara-header__nav a {\n    display: block;\n    font-size: 19px !important;\n    padding: 15px 4px;\n  }\n\n  .ara-header__toggle:checked ~ .ara-header__nav { max-height: 400px; }\n\n  .ara-header__toggle:checked ~ .ara-header__burger span:nth-child(1) {\n    transform: translateY(9px) rotate(45deg);\n  }\n  .ara-header__toggle:checked ~ .ara-header__burger span:nth-child(2) { opacity: 0; }\n  .ara-header__toggle:checked ~ .ara-header__burger span:nth-child(3) {\n    transform: translateY(-9px) rotate(-45deg);\n  }\n}\n<\/style>\n\n<header class=\"ara-header\">\n  <div class=\"ara-header__inner\">\n    <a class=\"ara-header__brand\" href=\"https:\/\/arainc.ir\/%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\n      <img decoding=\"async\" class=\"ara-header__logo\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u0627\u0644\u067e\u0627\u062a\">\n      <span class=\"ara-header__title\">\u0627\u0644\u067e\u0627\u062a<\/span>\n    <\/a>\n\n    <input class=\"ara-header__toggle\" id=\"araNavToggleElpat\" type=\"checkbox\">\n    <label class=\"ara-header__burger\" for=\"araNavToggleElpat\" aria-label=\"\u0645\u0646\u0648\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/label>\n\n    <nav class=\"ara-header__nav\">\n      <ul>\n        <li><a href=\"https:\/\/arainc.ir\/%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/a><\/li>\n        <li><a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\u0641\u0631\u0648\u0634\u06af\u0627\u0647<\/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  <\/div>\n<\/header>\n\n\n\n<!-- =========================================\n     ARA HEADER (Full-Bleed & Perfectly Centered)\n     ========================================= -->\n<header class=\"ara-header\" dir=\"rtl\">\n  <div class=\"ara-header__inner\">\n\n    <!-- \u0633\u062a\u0648\u0646 \u06f1 (\u0631\u0627\u0633\u062a): \u0641\u0642\u0637 \u0644\u0648\u06af\u0648 -->\n    <a class=\"ara-header__brand\" href=\"https:\/\/arainc.ir\/%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\" aria-label=\"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc\">\n      <img decoding=\"async\" class=\"ara-header__logo\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\" alt=\"\u0644\u0648\u06af\u0648\">\n    <\/a>\n\n    <!-- \u062f\u06a9\u0645\u0647 \u0647\u0645\u0628\u0631\u06af\u0631\u06cc \u0645\u0646\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 -->\n    <input class=\"ara-header__toggle\" id=\"araNavToggleElpat\" type=\"checkbox\">\n    <label class=\"ara-header__burger\" for=\"araNavToggleElpat\" aria-label=\"\u0645\u0646\u0648\">\n      <span aria-hidden=\"true\"><\/span>\n      <span aria-hidden=\"true\"><\/span>\n      <span aria-hidden=\"true\"><\/span>\n    <\/label>\n\n    <!-- \u0633\u062a\u0648\u0646 \u06f2 (\u0645\u0631\u06a9\u0632 \u062f\u0642\u06cc\u0642): \u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc -->\n    <nav class=\"ara-header__nav\" aria-label=\"\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc \u0627\u0644\u067e\u0627\u062a\">\n      <ul class=\"ara-header__nav-list\">\n        <li class=\"ara-header__nav-item ara-has-sub\">\n          <a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\" aria-expanded=\"false\" aria-haspopup=\"true\">\n            \u0641\u0631\u0648\u0634\u06af\u0627\u0647\n            <svg class=\"ara-chevron\" viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n          <\/a>\n\n          <div class=\"ara-submenu\">\n            <ul class=\"ara-submenu__card\">\n              <li><a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\u0645\u062d\u0635\u0648\u0644 \u06f1<\/a><\/li>\n              <li><a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\u0645\u062d\u0635\u0648\u0644 \u06f2<\/a><\/li>\n              <li><a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\u0645\u062d\u0635\u0648\u0644 \u06f3<\/a><\/li>\n              <li class=\"ara-submenu__all\">\n                <a href=\"https:\/\/arainc.ir\/%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%d9%84%d9%be%d8%a7%d8%aa\/\">\n                  \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n                  <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M19 12H5M12 5l-7 7 7 7\"><\/path><\/svg>\n                <\/a>\n              <\/li>\n            <\/ul>\n          <\/div>\n        <\/li>\n        <li class=\"ara-header__nav-item\"><a href=\"https:\/\/arainc.ir\/\">\u0622\u0631\u0627<\/a><\/li>\n        <li class=\"ara-header__nav-item\"><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    <!-- \u0633\u062a\u0648\u0646 \u06f3 (\u0686\u067e): \u062a\u0645\u0627\u0633 \u0648 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc -->\n    <div class=\"ara-header__contact\">\n      <a class=\"ara-header__phone\" href=\"tel:+982112345678\">\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\"><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.11 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><\/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 ara-header__social-link--whatsapp\" href=\"\/\" aria-label=\"\u0648\u0627\u062a\u0633\u0627\u067e\" data-tip=\"\u0648\u0627\u062a\u0633\u0627\u067e\">\n          <img decoding=\"async\" src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/sm_5b321c99945a2.jpg\" alt=\"\" aria-hidden=\"true\">\n        <\/a>\n        <a class=\"ara-header__social-link ara-header__social-link--bale\" href=\"\/\" aria-label=\"\u0628\u0644\u0647\" data-tip=\"\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=\"\" aria-hidden=\"true\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/header>\n<style>\n  \/* =========================================\n     \u06f1. \u062d\u0630\u0641 \u06a9\u0627\u0645\u0644 \u0648 \u0642\u0637\u0639\u06cc \u0647\u0631\u06af\u0648\u0646\u0647 \u06af\u067e \u0648 \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u0628\u0627\u0644\u0627\u06cc \u0635\u0641\u062d\u0647\n     ========================================= *\/\n  html, 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\n  \/* \u062d\u0630\u0641 \u06af\u067e\u200c\u0647\u0627\u06cc \u0627\u062d\u062a\u0645\u0627\u0644\u06cc \u0642\u0627\u0644\u0628 \u0648\u0631\u062f\u067e\u0631\u0633 \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u0635\u0641\u062d\u0647 *\/\n  html body.admin-bar,\n  .wp-site-blocks,\n  .entry-content,\n  .post-content,\n  .site-content,\n  .site-main,\n  main,\n  article,\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  article {\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  }\n\n  \/* =========================================\n     \u06f2. \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0647\u062f\u0631 (\u0645\u0645\u0627\u0633 \u0628\u0647 \u0633\u0642\u0641 + \u0634\u0646\u0627\u0648\u0631\u06cc \u0627\u062c\u0632\u0627)\n     ========================================= *\/\n  :root {\n    --ara-header-height: 86px;\n    --ara-accent: #7ddfff;\n    --ara-accent-strong: #35c8f3;\n    --ara-accent-soft: rgba(125, 223, 255, 0.14);\n    --ara-text: #ffffff;\n    --ara-border: rgba(255, 255, 255, 0.18);\n    --ara-panel: rgba(14, 28, 44, 0.95);\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: transparent !important;\n    box-sizing: border-box;\n  }\n\n  .ara-header *,\n  .ara-header *::before,\n  .ara-header *::after {\n    box-sizing: border-box;\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(125, 223, 255, 0.25) 20%,\n      rgba(255, 255, 255, 0.32) 50%,\n      rgba(125, 223, 255, 0.25) 80%,\n      transparent 100%\n    );\n    opacity: 0.75;\n  }\n\n  .ara-header__inner {\n    position: relative;\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: 14px !important;\n    padding-bottom: 6px !important;\n    padding-left: 48px !important;\n    padding-right: 48px !important;\n    margin: 0 !important;\n    box-sizing: border-box;\n  }\n\n  \/* \u0644\u0648\u06af\u0648 *\/\n  .ara-header__brand {\n    display: flex !important;\n    align-items: center;\n    justify-content: flex-start;\n    flex-shrink: 0;\n    text-decoration: none;\n  }\n\n  .ara-header__logo {\n    height: 44px !important;\n    width: auto !important;\n    max-width: 140px !important;\n    object-fit: contain;\n    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));\n    transition: transform 240ms ease, filter 240ms ease;\n  }\n\n  .ara-header__brand:hover .ara-header__logo {\n    transform: scale(1.04);\n    filter: drop-shadow(0 4px 16px rgba(125, 223, 255, 0.45));\n  }\n\n  \/* \u0645\u0646\u0648 *\/\n  .ara-header__nav {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    padding: 0 20px;\n  }\n\n  .ara-header__nav-list {\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n  }\n\n  .ara-header__nav-item {\n    position: relative;\n    display: flex;\n    align-items: center;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .ara-header__nav-item > a {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 4px;\n    color: rgba(255, 255, 255, 0.92) !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    text-decoration: none !important;\n    transition: color 200ms ease;\n  }\n\n  .ara-header__nav-item > a::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: var(--ara-accent);\n    box-shadow: 0 0 10px rgba(125, 223, 255, 0.85);\n    transform: scaleX(0);\n    transform-origin: center;\n    transition: transform 240ms ease;\n  }\n\n  .ara-header__nav-item > a:hover {\n    color: var(--ara-accent) !important;\n  }\n\n  .ara-header__nav-item > a:hover::after {\n    transform: scaleX(1);\n  }\n\n  \/* \u0628\u062e\u0634 \u062a\u0645\u0627\u0633 \u0648 \u0633\u0648\u0634\u0627\u0644 *\/\n  .ara-header__contact {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 16px;\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: 1px solid var(--ara-border);\n    border-radius: 12px;\n    background: rgba(255, 255, 255, 0.08);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    transition: all 220ms ease;\n    white-space: nowrap;\n  }\n\n  .ara-header__phone:hover {\n    border-color: rgba(125, 223, 255, 0.7);\n    background: rgba(125, 223, 255, 0.14);\n    transform: translateY(-2px);\n  }\n\n  .ara-header__phone-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--ara-accent-soft);\n    color: var(--ara-accent);\n    flex-shrink: 0;\n    transition: all 220ms ease;\n  }\n\n  .ara-header__phone-icon svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  .ara-header__phone:hover .ara-header__phone-icon {\n    background: var(--ara-accent);\n    color: #06202b;\n  }\n\n  .ara-header__phone-text {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 2px;\n  }\n\n  .ara-header__phone-label {\n    color: rgba(255, 255, 255, 0.65);\n    font-size: 10px;\n    font-weight: 500;\n  }\n\n  .ara-header__phone-number {\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\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    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 34px;\n    height: 34px;\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.92);\n    transition: all 220ms ease;\n  }\n\n  .ara-header__social-link:hover {\n    transform: translateY(-2px);\n    border-color: var(--ara-accent);\n    box-shadow: 0 0 12px rgba(125, 223, 255, 0.5);\n  }\n\n  .ara-header__social-link img {\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n    object-fit: cover;\n  }\n\n  \/* \u0632\u06cc\u0631\u0645\u0646\u0648 *\/\n  .ara-submenu {\n    position: absolute;\n    top: 100%;\n    right: 50%;\n    z-index: 1100;\n    padding-top: 10px;\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transform: translateX(50%) translateY(8px);\n    transition: all 220ms ease;\n  }\n\n  .ara-submenu__card {\n    min-width: 200px;\n    margin: 0 !important;\n    padding: 8px !important;\n    border: 1px solid rgba(255, 255, 255, 0.14);\n    border-radius: 12px;\n    background: var(--ara-panel);\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);\n    backdrop-filter: blur(14px);\n    list-style: none !important;\n  }\n\n  .ara-submenu__card a {\n    display: flex !important;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px !important;\n    border-radius: 8px;\n    color: rgba(255, 255, 255, 0.82) !important;\n    font-size: 14px !important;\n    text-decoration: none !important;\n    transition: all 180ms ease;\n  }\n\n  .ara-submenu__card a:hover {\n    padding-right: 15px !important;\n    background: var(--ara-accent-soft);\n    color: var(--ara-accent) !important;\n  }\n\n  .ara-has-sub:hover > .ara-submenu {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n    transform: translateX(50%) translateY(0);\n  }\n\n  .ara-header__toggle,\n  .ara-header__burger {\n    display: none;\n  }\n\n  \/* =========================================\n     \u06f3. \u0647\u06cc\u0631\u0648 \u0648 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0628\u0627 \u0631\u0646\u06af \u062c\u062f\u06cc\u062f \u0648 \u0686\u0634\u0645\u200c\u0646\u0648\u0627\u0632\n     ========================================= *\/\n  :root {\n    --hero-accent: #7ddfff;\n    --hero-accent-strong: #35c8f3;\n    --hero-accent-soft: rgba(125, 223, 255, 0.16);\n    --hero-muted: rgba(255, 255, 255, 0.88);\n    --hero-border: rgba(125, 223, 255, 0.22);\n    \/* \u0631\u0646\u06af \u062c\u062f\u06cc\u062f \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0622\u0631\u0627\u0633\u067e\u0627\u062a: \u0622\u0628\u06cc \u0646\u0641\u062a\u06cc\/\u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u0647\u0627\u06cc\u200c\u062a\u06a9 *\/\n    --hero-slant-bg: linear-gradient(145deg, rgba(13, 31, 53, 0.92) 0%, rgba(8, 20, 36, 0.96) 100%);\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    box-sizing: border-box !important;\n    overflow: hidden !important;\n  }\n\n  .ara-hero {\n    position: relative !important;\n    top: 0 !important;\n    margin-top: 0 !important;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    height: 65vh !important;\n    min-height: 480px !important;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    background: #060e16;\n    box-sizing: border-box;\n    user-select: none;\n  }\n\n  .ara-hero *,\n  .ara-hero *::before,\n  .ara-hero *::after {\n    box-sizing: border-box;\n  }\n\n  .ara-hero__timer-bar {\n    position: absolute;\n    top: var(--ara-header-height);\n    right: 0;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: rgba(255, 255, 255, 0.1);\n    z-index: 90;\n  }\n\n  .ara-hero__timer-progress {\n    width: 0%;\n    height: 100%;\n    background: linear-gradient(90deg, var(--hero-accent-strong), var(--hero-accent));\n    box-shadow: 0 0 10px rgba(125, 223, 255, 0.85);\n  }\n\n  .ara-hero__bg-slider {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n  }\n\n  .ara-hero__bg-item {\n    position: absolute;\n    inset: 0;\n    background-position: center;\n    background-size: cover;\n    background-repeat: no-repeat;\n    opacity: 0;\n    transform: scale(1.05);\n    transition: opacity 0.8s ease-in-out, transform 5s ease-out;\n  }\n\n  .ara-hero__bg-item.is-active {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .ara-hero__overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(270deg, rgba(5, 12, 20, 0.88) 0%, rgba(5, 12, 20, 0.45) 50%, rgba(5, 12, 20, 0.75) 100%);\n  }\n\n  .ara-hero__main {\n    position: relative;\n    z-index: 10;\n    flex: 1;\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: stretch;\n    width: 100% !important;\n    height: 100%;\n    padding-top: var(--ara-header-height);\n  }\n\n  \/* \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u0627\u062d\u200c\u0634\u062f\u0647 \u0622\u0631\u0627\u0633\u067e\u0627\u062a *\/\n  .ara-hero__slant-side {\n    position: relative;\n    flex: 0 0 25% !important;\n    width: 25% !important;\n    min-width: 240px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--hero-slant-bg); \/* \u0631\u0646\u06af \u062c\u062f\u06cc\u062f \u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc *\/\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%);\n    border-left: 1px solid var(--hero-border);\n    box-shadow: inset -2px 0 25px rgba(125, 223, 255, 0.08);\n  }\n\n  .ara-hero__slant-title {\n    color: #ffffff;\n    font-size: clamp(32px, 3.2vw, 48px);\n    font-weight: 900;\n    letter-spacing: 2px;\n    text-shadow: 0 0 24px rgba(125, 223, 255, 0.6), 0 4px 12px rgba(0, 0, 0, 0.6);\n  }\n\n  .ara-hero__content-wrap {\n    position: relative;\n    flex: 1 1 75% !important;\n    width: 75% !important;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 20px 50px 30px;\n  }\n\n  .ara-hero__slide {\n    display: none;\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n    animation: araSlideIn 0.4s ease-out forwards;\n  }\n\n  .ara-hero__slide.is-active {\n    display: flex;\n  }\n\n  .ara-hero__tag {\n    display: inline-block;\n    padding: 5px 16px;\n    background: var(--hero-accent-soft);\n    border: 1px solid var(--hero-accent);\n    color: var(--hero-accent);\n    font-size: 13px;\n    font-weight: 700;\n    border-radius: 20px;\n    margin-bottom: 12px;\n  }\n\n  .ara-hero__title {\n    margin: 0 0 10px;\n    color: #ffffff;\n    font-size: clamp(24px, 2.4vw, 36px);\n    font-weight: 900;\n    line-height: 1.35;\n    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);\n  }\n\n  .ara-hero__desc {\n    margin: 0;\n    color: var(--hero-muted);\n    font-size: clamp(14px, 1.05vw, 16px);\n    font-weight: 500;\n    line-height: 1.75;\n    max-width: 760px;\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n  }\n\n  .ara-hero__indicators {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 24px;\n  }\n\n  .ara-hero__dot {\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    border: 2px solid rgba(255, 255, 255, 0.6);\n    background: transparent;\n    padding: 0;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  .ara-hero__dot.is-active {\n    width: 26px;\n    border-radius: 8px;\n    border-color: var(--hero-accent);\n    background: var(--hero-accent);\n    box-shadow: 0 0 12px rgba(125, 223, 255, 0.8);\n  }\n\n  @keyframes araSlideIn {\n    from { opacity: 0; transform: translateY(8px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* =========================================\n     \u06f4. \u0631\u06cc\u0633\u067e\u0627\u0646\u0633\u06cc\u0648\n     ========================================= *\/\n  @media (max-width: 992px) {\n    .ara-header__inner {\n      padding: 10px 24px !important;\n    }\n    .ara-header__contact {\n      display: none;\n    }\n    .ara-header__burger {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 5px;\n      width: 38px;\n      height: 38px;\n      border: 1px solid rgba(255, 255, 255, 0.25);\n      border-radius: 8px;\n      background: rgba(255, 255, 255, 0.08);\n      cursor: pointer;\n    }\n    .ara-header__burger span {\n      display: block;\n      width: 20px;\n      height: 2px;\n      border-radius: 2px;\n      background: #ffffff;\n    }\n    .ara-header__nav {\n      position: absolute;\n      top: var(--ara-header-height);\n      left: 20px;\n      right: 20px;\n      display: block;\n      padding: 14px;\n      background: rgba(14, 28, 44, 0.98);\n      border: 1px solid var(--ara-border);\n      border-radius: 12px;\n      opacity: 0;\n      visibility: hidden;\n      pointer-events: none;\n      transform: translateY(-10px);\n      transition: all 220ms ease;\n    }\n    .ara-header__nav-list {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 6px;\n    }\n    .ara-header__toggle:checked ~ .ara-header__nav {\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n      transform: translateY(0);\n    }\n    .ara-submenu {\n      position: static;\n      width: 100%;\n      transform: none;\n      opacity: 1;\n      visibility: visible;\n      pointer-events: auto;\n      padding: 4px 0 0;\n    }\n    .ara-hero {\n      height: auto !important;\n      min-height: 420px !important;\n    }\n    .ara-hero__content-wrap {\n      padding: 24px 30px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .ara-hero__main {\n      flex-direction: column !important;\n    }\n    .ara-hero__slant-side {\n      flex: none !important;\n      width: 100% !important;\n      min-width: 100%;\n      height: 52px;\n      clip-path: none;\n      border-left: none;\n      border-bottom: 1px solid var(--hero-border);\n    }\n    .ara-hero__slant-title {\n      font-size: 26px;\n    }\n    .ara-hero__content-wrap {\n      flex: none !important;\n      width: 100% !important;\n      padding: 24px 20px 34px;\n    }\n  }\n<\/style>\n<style>\n\/* =========================================\n   ARA HEADER \u2014 \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627 \u062a\u0635\u0648\u06cc\u0631 \u0645\u0631\u062c\u0639\n   \u0630\u063a\u0627\u0644\u06cc \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc + \u0633\u0631\u0645\u0647\u200c\u0627\u06cc \u0639\u0645\u06cc\u0642 + \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc \u06cc\u062e\u06cc\n   ========================================= *\/\n\n.ara-header {\n  --ara-accent: #7ddfff;\n  --ara-accent-strong: #54cbea;\n  --ara-accent-soft: rgba(125, 223, 255, 0.10);\n  --ara-text: #f3f7fa;\n  --ara-border: rgba(178, 204, 220, 0.17);\n  --ara-panel: rgba(12, 27, 44, 0.97);\n\n  background: linear-gradient(\n    105deg,\n    rgba(43, 51, 59, 0.88) 0%,\n    rgba(53, 61, 69, 0.78) 48%,\n    rgba(24, 37, 51, 0.90) 76%,\n    rgba(10, 25, 43, 0.97) 100%\n  ) !important;\n\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  box-shadow: 0 5px 24px rgba(3, 10, 18, 0.12);\n}\n\n\/* \u062e\u0637 \u0638\u0631\u06cc\u0641 \u067e\u0627\u06cc\u06cc\u0646 \u0647\u062f\u0631\u060c \u0645\u0634\u0627\u0628\u0647 \u062a\u0635\u0648\u06cc\u0631 *\/\n.ara-header::after {\n  height: 1px;\n  opacity: 1;\n  background: linear-gradient(\n    90deg,\n    rgba(211, 225, 235, 0.10),\n    rgba(211, 225, 235, 0.23) 50%,\n    rgba(125, 223, 255, 0.18)\n  );\n  pointer-events: none;\n}\n\n\/* \u0642\u0637\u0639\u0647 \u0646\u0648\u0631 \u0641\u06cc\u0631\u0648\u0632\u0647\u200c\u0627\u06cc \u062f\u0631 \u06af\u0648\u0634\u0647 \u0631\u0627\u0633\u062a *\/\n.ara-header::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 70px;\n  height: 2px;\n  z-index: 2;\n  background: var(--ara-accent);\n  box-shadow:\n    0 0 8px rgba(125, 223, 255, 0.60),\n    0 0 20px rgba(125, 223, 255, 0.22);\n  pointer-events: none;\n}\n\n\/* \u0644\u0648\u06af\u0648: \u062d\u0641\u0638 \u0631\u0646\u06af \u0627\u0635\u0644\u06cc *\/\n.ara-header__logo {\n  filter: drop-shadow(0 2px 7px rgba(0, 0, 0, 0.28));\n}\n\n.ara-header__brand:hover .ara-header__logo {\n  filter: drop-shadow(0 0 12px rgba(125, 223, 255, 0.28));\n}\n\n\/* \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0645\u0646\u0648 *\/\n.ara-header__nav-item > a {\n  color: #e4ebf0 !important;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);\n}\n\n.ara-header__nav-item > a:hover,\n.ara-header__nav-item > a:focus-visible {\n  color: var(--ara-accent) !important;\n}\n\n.ara-header__nav-item > a::after {\n  height: 2px;\n  border-radius: 2px;\n  background: var(--ara-accent);\n  box-shadow: 0 0 8px rgba(125, 223, 255, 0.45);\n}\n\n.ara-header__nav-item > a:focus-visible::after {\n  transform: scaleX(1);\n}\n\n.ara-header .ara-chevron {\n  color: #a6becb;\n  transition: color 200ms ease;\n}\n\n.ara-header__nav-item > a:hover .ara-chevron {\n  color: var(--ara-accent);\n}\n\n\/* \u06a9\u0627\u0631\u062a \u062a\u0645\u0627\u0633: \u0634\u06cc\u0634\u0647\u200c\u0627\u06cc \u062a\u06cc\u0631\u0647 \u0648 \u06a9\u0645\u200c\u06a9\u0646\u062a\u0631\u0627\u0633\u062a *\/\n.ara-header__phone {\n  border-color: rgba(169, 198, 215, 0.22);\n  border-radius: 10px;\n  background: rgba(10, 25, 41, 0.28);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);\n}\n\n.ara-header__phone:hover {\n  background: rgba(125, 223, 255, 0.08);\n  border-color: rgba(125, 223, 255, 0.55);\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, 0.05),\n    0 0 16px rgba(125, 223, 255, 0.08);\n}\n\n.ara-header__phone-icon {\n  color: var(--ara-accent);\n  background: rgba(125, 223, 255, 0.09);\n  border: 1px solid rgba(125, 223, 255, 0.16);\n}\n\n.ara-header__phone:hover .ara-header__phone-icon {\n  background: rgba(125, 223, 255, 0.18);\n  color: #b8efff;\n  border-color: rgba(125, 223, 255, 0.38);\n}\n\n.ara-header__phone-label {\n  color: #b5c2cc;\n}\n\n.ara-header__phone-number {\n  color: #f0f6fa;\n}\n\n\/* \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc: \u0642\u0627\u0628 \u0647\u0645\u0627\u0647\u0646\u06af\u060c \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0644\u0648\u06af\u0648\u0647\u0627 *\/\n.ara-header__social-link {\n  padding: 3px;\n  border-color: rgba(169, 198, 215, 0.25);\n  background: rgba(12, 27, 44, 0.48);\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.ara-header__social-link:hover {\n  border-color: rgba(125, 223, 255, 0.70);\n  background: rgba(125, 223, 255, 0.10);\n  box-shadow: 0 0 12px rgba(125, 223, 255, 0.22);\n}\n\n\/* \u0632\u06cc\u0631\u0645\u0646\u0648\u06cc \u0633\u0631\u0645\u0647\u200c\u0627\u06cc *\/\n.ara-header .ara-submenu__card {\n  background: linear-gradient(\n    145deg,\n    rgba(20, 37, 54, 0.98),\n    rgba(9, 23, 39, 0.98)\n  );\n  border-color: rgba(125, 223, 255, 0.20);\n  border-radius: 12px;\n  box-shadow:\n    0 18px 40px rgba(2, 8, 16, 0.38),\n    inset 0 1px 0 rgba(255, 255, 255, 0.04);\n}\n\n.ara-header .ara-submenu__card a {\n  color: #dce6ed !important;\n}\n\n.ara-header .ara-submenu__card a:hover,\n.ara-header .ara-submenu__card a:focus-visible {\n  color: var(--ara-accent) !important;\n  background: rgba(125, 223, 255, 0.09);\n}\n\n.ara-header .ara-submenu__all {\n  margin-top: 6px;\n  padding-top: 6px;\n  border-top: 1px solid rgba(169, 198, 215, 0.14);\n}\n\n.ara-header .ara-submenu__all a {\n  color: var(--ara-accent) !important;\n}\n\n\/* \u0646\u0645\u0627\u06cc\u0634 \u0632\u06cc\u0631\u0645\u0646\u0648 \u0647\u0646\u06af\u0627\u0645 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0628\u0627 \u0635\u0641\u062d\u0647\u200c\u06a9\u0644\u06cc\u062f *\/\n.ara-header .ara-has-sub:focus-within > .ara-submenu {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateX(50%) translateY(0);\n}\n\n.ara-header a:focus-visible {\n  outline: 2px solid var(--ara-accent);\n  outline-offset: 4px;\n}\n\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n@media (max-width: 992px) {\n  .ara-header__burger {\n    border-color: rgba(125, 223, 255, 0.28);\n    background: rgba(10, 25, 43, 0.42);\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);\n  }\n\n  .ara-header__burger span {\n    background: #c9effa;\n  }\n\n  .ara-header__nav {\n    background: linear-gradient(\n      145deg,\n      rgba(25, 40, 55, 0.98),\n      rgba(9, 23, 39, 0.99)\n    );\n    border-color: rgba(125, 223, 255, 0.22);\n    box-shadow: 0 18px 40px rgba(2, 8, 16, 0.35);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n  }\n\n  .ara-header__toggle:checked + .ara-header__burger {\n    border-color: var(--ara-accent);\n    background: rgba(125, 223, 255, 0.12);\n  }\n\n  .ara-header__nav-item {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .ara-header__nav-item > a {\n    justify-content: space-between;\n  }\n\n  .ara-header .ara-has-sub:hover > .ara-submenu,\n  .ara-header .ara-has-sub:focus-within > .ara-submenu {\n    transform: none;\n  }\n\n  .ara-header .ara-submenu__card {\n    min-width: 0;\n    background: rgba(5, 17, 30, 0.35);\n    box-shadow: none;\n  }\n\n  .ara-header::before {\n    width: 48px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ara-header *,\n  .ara-header *::before,\n  .ara-header *::after {\n    transition: none !important;\n  }\n}\n<\/style>\n\n\n\n<!-- =========================================\n     ARA PRODUCTS \u2014 Custom HTML Block\n     \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc WordPress\n     ========================================= -->\n\n<section class=\"ara-products\" dir=\"rtl\" aria-label=\"\u0645\u062d\u0635\u0648\u0644\u0627\u062a\">\n\n  <!-- \u0645\u062d\u0635\u0648\u0644 \u06f1: \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\n  <article class=\"ara-product\">\n    <div class=\"ara-product__image-wrap\">\n      <img decoding=\"async\"\n        class=\"ara-product__image\"\n        src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n        alt=\"\u0639\u06a9\u0633 \u0645\u062d\u0635\u0648\u0644 \u06f1\"\n      >\n    <\/div>\n\n    <div class=\"ara-product__content\">\n      <span class=\"ara-product__label\">\u0645\u062d\u0635\u0648\u0644 \u06f1<\/span>\n      <h2 class=\"ara-product__title\">\u0645\u062d\u0635\u0648\u0644 \u06f1<\/h2>\n\n      <div class=\"ara-product__description\">\n        <strong>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/strong>\n        <p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n\n      <div class=\"ara-product__specifications\">\n        <strong>\u0645\u0634\u062e\u0635\u0627\u062a<\/strong>\n        <ul>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ara-product__actions\">\n        <a href=\"\/\" class=\"ara-product__button ara-product__button--primary\">\n          \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\n\n  <!-- \u0645\u062d\u0635\u0648\u0644 \u06f2: \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0686\u067e -->\n  <article class=\"ara-product ara-product--reverse\">\n    <div class=\"ara-product__image-wrap\">\n      <img decoding=\"async\"\n        class=\"ara-product__image\"\n        src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n        alt=\"\u0639\u06a9\u0633 \u0645\u062d\u0635\u0648\u0644 \u06f2\"\n      >\n    <\/div>\n\n    <div class=\"ara-product__content\">\n      <span class=\"ara-product__label\">\u0645\u062d\u0635\u0648\u0644 \u06f2<\/span>\n      <h2 class=\"ara-product__title\">\u0645\u062d\u0635\u0648\u0644 \u06f2<\/h2>\n\n      <div class=\"ara-product__description\">\n        <strong>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/strong>\n        <p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n\n      <div class=\"ara-product__specifications\">\n        <strong>\u0645\u0634\u062e\u0635\u0627\u062a<\/strong>\n        <ul>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ara-product__actions\">\n        <a href=\"\/\" class=\"ara-product__button ara-product__button--primary\">\n          \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\n\n  <!-- \u0645\u062d\u0635\u0648\u0644 \u06f3: \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\n  <article class=\"ara-product\">\n    <div class=\"ara-product__image-wrap\">\n      <img decoding=\"async\"\n        class=\"ara-product__image\"\n        src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n        alt=\"\u0639\u06a9\u0633 \u0645\u062d\u0635\u0648\u0644 \u06f3\"\n      >\n    <\/div>\n\n    <div class=\"ara-product__content\">\n      <span class=\"ara-product__label\">\u0645\u062d\u0635\u0648\u0644 \u06f3<\/span>\n      <h2 class=\"ara-product__title\">\u0645\u062d\u0635\u0648\u0644 \u06f3<\/h2>\n\n      <div class=\"ara-product__description\">\n        <strong>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/strong>\n        <p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n\n      <div class=\"ara-product__specifications\">\n        <strong>\u0645\u0634\u062e\u0635\u0627\u062a<\/strong>\n        <ul>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ara-product__actions\">\n        <a href=\"\/\" class=\"ara-product__button ara-product__button--primary\">\n          \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\n\n  <!-- \u0645\u062d\u0635\u0648\u0644 \u06f4: \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0686\u067e -->\n  <article class=\"ara-product ara-product--reverse\">\n    <div class=\"ara-product__image-wrap\">\n      <img decoding=\"async\"\n        class=\"ara-product__image\"\n        src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n        alt=\"\u0639\u06a9\u0633 \u0645\u062d\u0635\u0648\u0644 \u06f4\"\n      >\n    <\/div>\n\n    <div class=\"ara-product__content\">\n      <span class=\"ara-product__label\">\u0645\u062d\u0635\u0648\u0644 \u06f4<\/span>\n      <h2 class=\"ara-product__title\">\u0645\u062d\u0635\u0648\u0644 \u06f4<\/h2>\n\n      <div class=\"ara-product__description\">\n        <strong>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/strong>\n        <p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n\n      <div class=\"ara-product__specifications\">\n        <strong>\u0645\u0634\u062e\u0635\u0627\u062a<\/strong>\n        <ul>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ara-product__actions\">\n        <a href=\"\/\" class=\"ara-product__button ara-product__button--primary\">\n          \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\n\n  <!-- \u0645\u062d\u0635\u0648\u0644 \u06f5: \u062a\u0635\u0648\u06cc\u0631 \u0633\u0645\u062a \u0631\u0627\u0633\u062a -->\n  <article class=\"ara-product\">\n    <div class=\"ara-product__image-wrap\">\n      <img decoding=\"async\"\n        class=\"ara-product__image\"\n        src=\"https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n        alt=\"\u0639\u06a9\u0633 \u0645\u062d\u0635\u0648\u0644 \u06f5\"\n      >\n    <\/div>\n\n    <div class=\"ara-product__content\">\n      <span class=\"ara-product__label\">\u0645\u062d\u0635\u0648\u0644 \u06f5<\/span>\n      <h2 class=\"ara-product__title\">\u0645\u062d\u0635\u0648\u0644 \u06f5<\/h2>\n\n      <div class=\"ara-product__description\">\n        <strong>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/strong>\n        <p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n      <\/div>\n\n      <div class=\"ara-product__specifications\">\n        <strong>\u0645\u0634\u062e\u0635\u0627\u062a<\/strong>\n        <ul>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n          <li>\u0645\u0634\u062e\u0635\u0627\u062a<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"ara-product__actions\">\n        <a href=\"\/\" class=\"ara-product__button ara-product__button--primary\">\n          \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\n<\/section>\n\n\n<style>\n\/* =========================================\n   ARA PRODUCTS\n   \u0628\u062f\u0648\u0646 \u0628\u06a9\u200c\u06af\u0631\u0627\u0646\u062f \u0628\u0632\u0631\u06af \u0648\u0627\u0644\u062f\n   \u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u062f\u0627\u0631\u0627\u06cc \u067e\u0646\u0644 \u0645\u0633\u062a\u0642\u0644\n   ========================================= *\/\n\n.ara-products {\n  --product-accent: #7ddfff;\n  --product-accent-strong: #54cbea;\n  --product-navy: #0b1d32;\n  --product-navy-light: #142b43;\n  --product-text: #f4f8fb;\n  --product-muted: #b8c6d0;\n  --product-border: rgba(125, 223, 255, 0.20);\n\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 42px 24px;\n  font-family: \"Vazirmatn\", Tahoma, sans-serif;\n}\n\n\/* \u0647\u0631 \u0645\u062d\u0635\u0648\u0644 \u06cc\u06a9 \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0645\u0633\u062a\u0642\u0644 *\/\n.ara-product {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  min-height: 310px;\n  margin: 0 0 28px;\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(18, 39, 60, 0.94),\n      rgba(7, 22, 38, 0.96)\n    );\n\n  border: 1px solid var(--product-border);\n  border-radius: 18px;\n  box-shadow:\n    0 14px 34px rgba(2, 10, 19, 0.22),\n    inset 0 1px 0 rgba(255, 255, 255, 0.045);\n\n  isolation: isolate;\n  transition:\n    transform 260ms ease,\n    border-color 260ms ease,\n    box-shadow 260ms ease;\n}\n\n.ara-product::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  opacity: 0.35;\n  background:\n    linear-gradient(\n      120deg,\n      transparent 20%,\n      rgba(125, 223, 255, 0.06),\n      transparent 70%\n    );\n  pointer-events: none;\n}\n\n.ara-product:hover {\n  transform: translateY(-4px);\n  border-color: rgba(125, 223, 255, 0.42);\n  box-shadow:\n    0 20px 42px rgba(2, 10, 19, 0.30),\n    0 0 24px rgba(125, 223, 255, 0.07),\n    inset 0 1px 0 rgba(255, 255, 255, 0.06);\n}\n\n\/* \u062d\u0627\u0644\u062a \u06cc\u06a9\u06cc\u200c\u062f\u0631\u0645\u06cc\u0627\u0646 *\/\n.ara-product--reverse {\n  flex-direction: row-reverse;\n}\n\n\/* \u0628\u062e\u0634 \u062a\u0635\u0648\u06cc\u0631 *\/\n.ara-product__image-wrap {\n  position: relative;\n  flex: 0 0 36%;\n  min-height: 310px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 28px;\n  overflow: hidden;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(5, 18, 32, 0.72),\n      rgba(18, 43, 66, 0.50)\n    );\n}\n\n.ara-product__image-wrap::after {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\n  border: 1px solid rgba(125, 223, 255, 0.14);\n  border-radius: 14px;\n  pointer-events: none;\n}\n\n.ara-product__image {\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 100%;\n  max-width: 250px;\n  height: 220px;\n  object-fit: contain;\n  filter:\n    drop-shadow(0 12px 18px rgba(0, 0, 0, 0.30))\n    drop-shadow(0 0 14px rgba(125, 223, 255, 0.08));\n  transition: transform 300ms ease;\n}\n\n.ara-product:hover .ara-product__image {\n  transform: scale(1.045);\n}\n\n\/* \u0628\u062e\u0634 \u0627\u0637\u0644\u0627\u0639\u0627\u062a *\/\n.ara-product__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 38px 44px;\n  text-align: right;\n}\n\n.ara-product__label {\n  display: inline-flex;\n  align-items: center;\n  min-height: 26px;\n  padding: 4px 13px;\n  border: 1px solid rgba(125, 223, 255, 0.38);\n  border-radius: 999px;\n  background: rgba(125, 223, 255, 0.09);\n  color: var(--product-accent);\n  font-size: 12px;\n  font-weight: 700;\n}\n\n.ara-product__title {\n  margin: 12px 0 18px;\n  color: var(--product-text);\n  font-size: clamp(23px, 2.4vw, 34px);\n  font-weight: 900;\n  line-height: 1.4;\n}\n\n.ara-product__description,\n.ara-product__specifications {\n  width: 100%;\n  color: var(--product-muted);\n  font-size: 14px;\n  line-height: 1.9;\n}\n\n.ara-product__description strong,\n.ara-product__specifications strong {\n  display: block;\n  margin-bottom: 4px;\n  color: #eef7fb;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n.ara-product__description p {\n  margin: 0 0 10px;\n}\n\n.ara-product__specifications ul {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px 18px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.ara-product__specifications li {\n  position: relative;\n  padding-right: 15px;\n}\n\n.ara-product__specifications li::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0.85em;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--product-accent);\n  box-shadow: 0 0 8px rgba(125, 223, 255, 0.60);\n  transform: translateY(-50%);\n}\n\n\/* \u062f\u06a9\u0645\u0647 *\/\n.ara-product__actions {\n  margin-top: 24px;\n}\n\n.ara-product__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  padding: 10px 22px;\n  border: 1px solid rgba(125, 223, 255, 0.56);\n  border-radius: 10px;\n  background: linear-gradient(\n    135deg,\n    rgba(125, 223, 255, 0.18),\n    rgba(84, 203, 234, 0.08)\n  );\n  color: #eafaff !important;\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none !important;\n  transition: all 220ms ease;\n}\n\n.ara-product__button:hover,\n.ara-product__button:focus-visible {\n  border-color: var(--product-accent);\n  background: var(--product-accent);\n  color: #092033 !important;\n  box-shadow: 0 0 18px rgba(125, 223, 255, 0.25);\n  transform: translateY(-2px);\n}\n\n.ara-product__button:focus-visible {\n  outline: 2px solid #d7f8ff;\n  outline-offset: 3px;\n}\n\n\/* \u062a\u0628\u0644\u062a *\/\n@media (max-width: 780px) {\n  .ara-products {\n    padding: 28px 16px;\n  }\n\n  .ara-product,\n  .ara-product--reverse {\n    flex-direction: column;\n    min-height: 0;\n  }\n\n  .ara-product__image-wrap {\n    flex: none;\n    width: 100%;\n    min-height: 230px;\n    height: 230px;\n    padding: 20px;\n  }\n\n  .ara-product__image {\n    height: 175px;\n  }\n\n  .ara-product__content {\n    padding: 28px 24px 30px;\n  }\n}\n\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n@media (max-width: 480px) {\n  .ara-products {\n    padding: 22px 12px;\n  }\n\n  .ara-product {\n    margin-bottom: 20px;\n    border-radius: 14px;\n  }\n\n  .ara-product__image-wrap {\n    min-height: 200px;\n    height: 200px;\n  }\n\n  .ara-product__image {\n    height: 145px;\n  }\n\n  .ara-product__content {\n    padding: 24px 18px 26px;\n  }\n\n  .ara-product__title {\n    font-size: 24px;\n  }\n\n  .ara-product__specifications ul {\n    display: block;\n  }\n\n  .ara-product__specifications li {\n    margin-bottom: 3px;\n  }\n\n  .ara-product__button {\n    width: 100%;\n  }\n}\n\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 *\/\n@media (prefers-reduced-motion: reduce) {\n  .ara-product,\n  .ara-product__image,\n  .ara-product__button {\n    transition: none;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u067e\u0627\u062a \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0622\u0631\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0645\u062d\u0635\u0648\u0644 \u06f1 \u0645\u062d\u0635\u0648\u0644 \u06f2 \u0645\u062d\u0635\u0648\u0644 \u06f3 \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0622\u0631\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 \u062a\u0645\u0627\u0633 \u0628\u0627 \u0645\u0627 021-1234-5678 \u0645\u062d\u0635\u0648\u0644 \u06f1 \u0645\u062d\u0635\u0648\u0644 \u06f1 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0645\u062d\u0635\u0648\u0644 \u06f2 \u0645\u062d\u0635\u0648\u0644 \u06f2 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u062e\u0635\u0627\u062a \u0645\u0634\u0627\u0648\u0631\u0647 &#8211; \u062b\u0628\u062a \u0633\u0641\u0627\u0631\u0634 \u0645\u062d\u0635\u0648\u0644 \u06f3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/147","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=147"}],"version-history":[{"count":0,"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/147\/revisions"}],"wp:attachment":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}