{"id":109,"date":"2026-08-03T07:01:03","date_gmt":"2026-08-03T07:01:03","guid":{"rendered":"http:\/\/araa.local\/?page_id=109"},"modified":"2026-08-03T07:01:03","modified_gmt":"2026-08-03T07:01:03","slug":"%d8%a7%d9%84%d9%be%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/arainc.ir\/?page_id=109","title":{"rendered":"\u0627\u0644\u067e\u0627\u062a"},"content":{"rendered":"\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\n\n\n<!-- =========================================\n     ARA HERO (100% Full-Bleed + Hold-To-Pause Slider)\n     ========================================= -->\n<div class=\"ara-hero-wrapper\" id=\"araHeroWrapper\">\n  <section class=\"ara-hero\" dir=\"rtl\" aria-label=\"\u0628\u062e\u0634 \u0647\u06cc\u0631\u0648 \u0648 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\">\n    \n    <!-- \u0646\u0648\u0627\u0631 \u062a\u0627\u06cc\u0645\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a \u0627\u0633\u0644\u0627\u06cc\u062f (\u062f\u0642\u06cc\u0642\u0627\u064b \u0632\u06cc\u0631 \u0647\u062f\u0631) -->\n    <div class=\"ara-hero__timer-bar\">\n      <div class=\"ara-hero__timer-progress\" id=\"araHeroProgress\"><\/div>\n    <\/div>\n\n    <!-- \u062a\u0635\u0627\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 -->\n    <div class=\"ara-hero__bg-slider\">\n      <div class=\"ara-hero__bg-item is-active\" style=\"background-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png&quot;);\"><\/div>\n      <div class=\"ara-hero__bg-item\" style=\"background-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png&quot;);\"><\/div>\n      <div class=\"ara-hero__bg-item\" style=\"background-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png&quot;);\"><\/div>\n      <div class=\"ara-hero__overlay\"><\/div>\n    <\/div>\n\n    <!-- \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc \u0647\u06cc\u0631\u0648 -->\n    <div class=\"ara-hero__main\">\n      \n      <!-- \u0628\u062e\u0634 \u0645\u0648\u0631\u0628 \u0633\u0645\u062a \u0631\u0627\u0633\u062a: \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u067e\u0627\u062a -->\n      <div class=\"ara-hero__slant-side\">\n        <div class=\"ara-hero__slant-content\">\n          <span class=\"ara-hero__slant-title\">\u0627\u0644\u067e\u0627\u062a<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- \u0628\u062e\u0634 \u0645\u062a\u0646\u06cc \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627 (\u06f7\u06f5\u066a \u0639\u0631\u0636) -->\n      <div class=\"ara-hero__content-wrap\">\n        \n        <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f1 -->\n        <div class=\"ara-hero__slide is-active\">\n          <span class=\"ara-hero__tag\">\u062a\u06af<\/span>\n          <h1 class=\"ara-hero__title\">\u0639\u0646\u0648\u0627\u0646<\/h1>\n          <p class=\"ara-hero__desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n        <\/div>\n\n        <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f2 -->\n        <div class=\"ara-hero__slide\">\n          <span class=\"ara-hero__tag\">\u062a\u06af<\/span>\n          <h1 class=\"ara-hero__title\">\u0639\u0646\u0648\u0627\u0646<\/h1>\n          <p class=\"ara-hero__desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n        <\/div>\n\n        <!-- \u0627\u0633\u0644\u0627\u06cc\u062f \u06f3 -->\n        <div class=\"ara-hero__slide\">\n          <span class=\"ara-hero__tag\">\u062a\u06af<\/span>\n          <h1 class=\"ara-hero__title\">\u0639\u0646\u0648\u0627\u0646<\/h1>\n          <p class=\"ara-hero__desc\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a<\/p>\n        <\/div>\n\n        <!-- \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u06cc \u06a9\u0646\u062a\u0631\u0644 \u0627\u0633\u0644\u0627\u06cc\u062f -->\n        <div class=\"ara-hero__indicators\" id=\"araHeroIndicators\">\n          <button class=\"ara-hero__dot is-active\" type=\"button\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f1\"><\/button>\n          <button class=\"ara-hero__dot\" type=\"button\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f2\"><\/button>\n          <button class=\"ara-hero__dot\" type=\"button\" aria-label=\"\u0627\u0633\u0644\u0627\u06cc\u062f \u06f3\"><\/button>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\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\n\n\n<script>\n(function() {\n  const heroWrapper = document.getElementById('araHeroWrapper');\n  const slides = document.querySelectorAll('.ara-hero__slide');\n  const bgItems = document.querySelectorAll('.ara-hero__bg-item');\n  const dots = document.querySelectorAll('.ara-hero__dot');\n  const progressBar = document.getElementById('araHeroProgress');\n\n  const DURATION = 5000; \/\/ \u06f5 \u062b\u0627\u0646\u06cc\u0647\n  let currentIndex = 0;\n  let startTime = null;\n  let elapsedBeforePause = 0;\n  let isPaused = false;\n  let animFrameId = null;\n\n  function goToSlide(index) {\n    if (index === currentIndex) return;\n    slides[currentIndex].classList.remove('is-active');\n    bgItems[currentIndex].classList.remove('is-active');\n    dots[currentIndex].classList.remove('is-active');\n\n    currentIndex = index;\n    slides[currentIndex].classList.add('is-active');\n    bgItems[currentIndex].classList.add('is-active');\n    dots[currentIndex].classList.add('is-active');\n\n    resetTimer();\n  }\n\n  function nextSlide() {\n    const next = (currentIndex + 1) % slides.length;\n    goToSlide(next);\n  }\n\n  function tick(timestamp) {\n    if (!startTime) startTime = timestamp;\n    \n    if (!isPaused) {\n      const totalElapsed = (timestamp - startTime) + elapsedBeforePause;\n      const progressPercent = Math.min((totalElapsed \/ DURATION) * 100, 100);\n      \n      if (progressBar) {\n        progressBar.style.width = progressPercent + '%';\n      }\n\n      if (totalElapsed >= DURATION) {\n        nextSlide();\n        return;\n      }\n    }\n    animFrameId = requestAnimationFrame(tick);\n  }\n\n  function resetTimer() {\n    if (animFrameId) cancelAnimationFrame(animFrameId);\n    startTime = null;\n    elapsedBeforePause = 0;\n    if (progressBar) progressBar.style.width = '0%';\n    animFrameId = requestAnimationFrame(tick);\n  }\n\n  function pauseTimer() {\n    if (isPaused) return;\n    isPaused = true;\n    if (startTime) {\n      elapsedBeforePause += performance.now() - startTime;\n    }\n    startTime = null;\n  }\n\n  function resumeTimer() {\n    if (!isPaused) return;\n    isPaused = false;\n    startTime = performance.now();\n  }\n\n  \/\/ \u0631\u0648\u06cc\u062f\u0627\u062f \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0646\u0634\u0627\u0646\u06af\u0631\u0647\u0627\n  dots.forEach((dot, index) => {\n    dot.addEventListener('click', (e) => {\n      e.stopPropagation();\n      goToSlide(index);\n    });\n  });\n\n  \/\/ \u06a9\u0646\u062a\u0631\u0644 \u0645\u062a\u0648\u0642\u0641 \u0634\u062f\u0646 \u062a\u0627\u06cc\u0645\u0631 \u0628\u0627 \u0646\u06af\u0647\u200c\u062f\u0627\u0634\u062a\u0646 \u0645\u0627\u0648\u0633 (MouseDown\/MouseUp)\n  heroWrapper.addEventListener('mousedown', pauseTimer);\n  window.addEventListener('mouseup', resumeTimer);\n\n  \/\/ \u06a9\u0646\u062a\u0631\u0644 \u0645\u062a\u0648\u0642\u0641 \u0634\u062f\u0646 \u062a\u0627\u06cc\u0645\u0631 \u0628\u0627 \u0644\u0645\u0633 \u0648 \u0646\u06af\u0647\u200c\u062f\u0627\u0634\u062a\u0646 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 (TouchStart\/TouchEnd)\n  heroWrapper.addEventListener('touchstart', pauseTimer, { passive: true });\n  window.addEventListener('touchend', resumeTimer);\n  window.addEventListener('touchcancel', resumeTimer);\n\n  \/\/ \u0634\u0631\u0648\u0639 \u0686\u0631\u062e\u0647 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\n  if (slides.length > 0) {\n    resetTimer();\n  }\n})();\n<\/script>\n\n\n\n<p class=\"has-text-align-right alignwide wp-block-paragraph\">\u0645\u0639\u0631\u0641\u06cc<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   Ara Industrial Group\n   Product Categories - Master Class UI\n   ========================================================= *\/\n\n.ara-product-categories {\n    --ara-accent: #7ddfff;\n    --ara-accent-strong: #35c8f3;\n    --ara-accent-deep: #167ca8;\n\n    --ara-bg: #071019;\n    --ara-panel: #0d1b26;\n    --ara-panel-light: #132735;\n\n    --ara-text: #ffffff;\n    --ara-text-soft: rgba(255, 255, 255, 0.72);\n    --ara-border: rgba(255, 255, 255, 0.16);\n\n    --ara-font:\n        \"B Zar\",\n        \"B Nazanin\",\n        \"Vazirmatn\",\n        \"IRANSans\",\n        Tahoma,\n        Arial,\n        sans-serif;\n\n    position: relative;\n\n    width: 100%;\n    max-width: 1440px;\n\n    margin: 0 auto;\n    padding: 76px 32px 88px;\n\n    direction: rtl;\n    isolation: isolate;\n    font-family: var(--ara-font);\n\n    color: var(--ara-text);\n}\n\n.ara-product-categories::after {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    right: 10%;\n    left: 10%;\n\n    height: 1px;\n\n    content: \"\";\n    background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(125, 223, 255, 0.42),\n        transparent\n    );\n}\n\n\/* \u06a9\u0646\u062a\u0631\u0644 Box Model *\/\n.ara-product-categories *,\n.ara-product-categories *::before,\n.ara-product-categories *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   Heading\n   ========================================================= *\/\n\n.ara-product-categories__heading {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    margin-bottom: 46px;\n    text-align: center;\n}\n\n.ara-product-categories__eyebrow {\n    display: inline-block;\n\n    margin-bottom: 9px;\n\n    color: var(--ara-accent);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.16em;\n    line-height: 1.5;\n}\n\n.ara-product-categories__title {\n    margin: 0;\n\n    color: var(--ara-text);\n    font-size: clamp(25px, 3.2vw, 36px);\n    font-weight: 800;\n    line-height: 1.45;\n    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.28);\n}\n\n.ara-product-categories__line {\n    position: relative;\n\n    display: block;\n    width: 92px;\n    height: 3px;\n\n    margin-top: 17px;\n    overflow: visible;\n\n    border-radius: 10px;\n    background: var(--ara-accent);\n    box-shadow:\n        0 0 8px rgba(125, 223, 255, 0.8),\n        0 0 24px rgba(53, 200, 243, 0.32);\n}\n\n.ara-product-categories__line::before,\n.ara-product-categories__line::after {\n    position: absolute;\n    top: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n    background: var(--ara-accent);\n\n    content: \"\";\n    box-shadow: 0 0 10px rgba(125, 223, 255, 0.8);\n    transform: translateY(-50%);\n}\n\n.ara-product-categories__line::before {\n    right: -14px;\n}\n\n.ara-product-categories__line::after {\n    left: -14px;\n}\n\n\/* =========================================================\n   Grid\n   ========================================================= *\/\n\n.ara-product-categories__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: clamp(20px, 3vw, 34px);\n\n    width: 100%;\n    max-width: 1120px;\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   Product Card\n   ========================================================= *\/\n\n.ara-product-card {\n    --card-size: clamp(170px, 19vw, 238px);\n\n    position: relative;\n\n    display: block;\n    width: min(100%, var(--card-size));\n    aspect-ratio: 1 \/ 1;\n\n    margin: 0 auto;\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 50%;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.08),\n            rgba(255, 255, 255, 0.02)\n        ),\n        var(--ara-panel);\n\n    color: var(--ara-text);\n    text-decoration: none;\n\n    box-shadow:\n        0 15px 34px rgba(0, 0, 0, 0.24),\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\n\n    isolation: isolate;\n    transform: translateZ(0);\n\n    transition:\n        transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1),\n        border-color 260ms ease,\n        box-shadow 320ms ease;\n}\n\n\/* \u062a\u0635\u0648\u06cc\u0631 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 *\/\n.ara-product-card__image {\n    position: absolute;\n    z-index: -3;\n    inset: 0;\n\n    display: block;\n\n    background:\n        var(--product-image) center \/ cover no-repeat,\n        var(--ara-panel);\n\n    transform: scale(1.01);\n    transition:\n        transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1),\n        filter 500ms ease;\n}\n\n\/* \u067e\u0648\u0634\u0634 \u062a\u06cc\u0631\u0647 \u0648 \u06af\u0631\u0627\u062f\u06cc\u0627\u0646\u06cc \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 *\/\n.ara-product-card__overlay {\n    position: absolute;\n    z-index: -2;\n    inset: 0;\n\n    display: block;\n\n    background:\n        radial-gradient(\n            circle at 50% 38%,\n            rgba(125, 223, 255, 0.14),\n            transparent 35%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(4, 11, 17, 0.12) 5%,\n            rgba(4, 11, 17, 0.22) 42%,\n            rgba(4, 11, 17, 0.88) 100%\n        );\n\n    transition:\n        background 350ms ease,\n        opacity 350ms ease;\n}\n\n\/* \u062d\u0644\u0642\u0647\u200c\u06cc \u062f\u0627\u062e\u0644\u06cc \u0646\u0648\u0631 *\/\n.ara-product-card::before {\n    position: absolute;\n    z-index: 2;\n    inset: 8px;\n\n    border: 1px solid rgba(255, 255, 255, 0.24);\n    border-radius: 50%;\n\n    content: \"\";\n    pointer-events: none;\n\n    box-shadow:\n        inset 0 0 22px rgba(125, 223, 255, 0.06),\n        0 0 18px rgba(125, 223, 255, 0.08);\n}\n\n\/* \u0645\u062d\u062a\u0648\u0627\u06cc \u06a9\u0627\u0631\u062a *\/\n.ara-product-card__content {\n    position: absolute;\n    z-index: 3;\n    inset: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-end;\n\n    padding: 28px 20px 34px;\n\n    text-align: center;\n}\n\n.ara-product-card__number {\n    position: absolute;\n    top: 24px;\n    right: 50%;\n\n    color: rgba(255, 255, 255, 0.62);\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n\n    transform: translateX(50%);\n}\n\n.ara-product-card__name {\n    display: block;\n\n    color: #ffffff;\n    font-size: clamp(17px, 2vw, 22px);\n    font-weight: 800;\n    line-height: 1.5;\n    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);\n}\n\n.ara-product-card__arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    margin-top: 10px;\n\n    border: 1px solid rgba(125, 223, 255, 0.4);\n    border-radius: 50%;\n\n    background: rgba(125, 223, 255, 0.12);\n    color: var(--ara-accent);\n    font-family: Arial, sans-serif;\n    font-size: 17px;\n    line-height: 1;\n\n    opacity: 0.9;\n    transition:\n        background 250ms ease,\n        color 250ms ease,\n        transform 250ms ease;\n}\n\n\/* =========================================================\n   Hover \/ Focus\n   ========================================================= *\/\n\n.ara-product-card:hover,\n.ara-product-card:focus-visible {\n    border-color: rgba(125, 223, 255, 0.9);\n    box-shadow:\n        0 20px 44px rgba(0, 0, 0, 0.38),\n        0 0 0 5px rgba(125, 223, 255, 0.08),\n        0 0 30px rgba(53, 200, 243, 0.18);\n\n    transform: translateY(-8px) scale(1.025);\n}\n\n.ara-product-card:hover .ara-product-card__image,\n.ara-product-card:focus-visible .ara-product-card__image {\n    filter: saturate(1.2) contrast(1.04);\n    transform: scale(1.12);\n}\n\n.ara-product-card:hover .ara-product-card__overlay,\n.ara-product-card:focus-visible .ara-product-card__overlay {\n    background:\n        radial-gradient(\n            circle at 50% 38%,\n            rgba(125, 223, 255, 0.24),\n            transparent 40%\n        ),\n        linear-gradient(\n            180deg,\n            rgba(4, 11, 17, 0.08) 5%,\n            rgba(4, 11, 17, 0.18) 42%,\n            rgba(4, 11, 17, 0.84) 100%\n        );\n}\n\n.ara-product-card:hover .ara-product-card__arrow,\n.ara-product-card:focus-visible .ara-product-card__arrow {\n    background: var(--ara-accent);\n    color: #06202b;\n    transform: translateX(-4px);\n}\n\n.ara-product-card:focus-visible {\n    outline: 3px solid rgba(125, 223, 255, 0.75);\n    outline-offset: 5px;\n}\n\n\/* =========================================================\n   \u06a9\u0627\u0631\u062a \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n   ========================================================= *\/\n\n.ara-product-card--all {\n    border-color: rgba(125, 223, 255, 0.68);\n\n    background:\n        radial-gradient(\n            circle at 50% 28%,\n            rgba(125, 223, 255, 0.22),\n            transparent 38%\n        ),\n        linear-gradient(\n            145deg,\n            #157fa9 0%,\n            #0b405d 52%,\n            #09283d 100%\n        );\n\n    box-shadow:\n        0 16px 36px rgba(0, 0, 0, 0.3),\n        0 0 24px rgba(53, 200, 243, 0.13),\n        inset 0 1px 0 rgba(255, 255, 255, 0.24);\n}\n\n.ara-product-card--all::before {\n    border-color: rgba(255, 255, 255, 0.38);\n}\n\n.ara-product-card--all .ara-product-card__number {\n    color: rgba(255, 255, 255, 0.84);\n    font-size: 29px;\n    line-height: 1;\n}\n\n.ara-product-card--all .ara-product-card__name {\n    font-size: clamp(18px, 2.2vw, 24px);\n}\n\n.ara-product-card--all:hover,\n.ara-product-card--all:focus-visible {\n    border-color: #b8f2ff;\n    background:\n        radial-gradient(\n            circle at 50% 28%,\n            rgba(255, 255, 255, 0.28),\n            transparent 40%\n        ),\n        linear-gradient(\n            145deg,\n            #1c9ac7 0%,\n            #0c5275 52%,\n            #0b3048 100%\n        );\n}\n\n\/* =========================================================\n   Responsive - Tablet\n   ========================================================= *\/\n\n@media (max-width: 1050px) {\n    .ara-product-categories {\n        padding-right: 24px;\n        padding-left: 24px;\n    }\n\n    .ara-product-categories__grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        max-width: 680px;\n        gap: 30px 34px;\n    }\n\n    .ara-product-card {\n        --card-size: clamp(190px, 31vw, 230px);\n    }\n}\n\n\/* =========================================================\n   Responsive - Mobile\n   ========================================================= *\/\n\n@media (max-width: 560px) {\n    .ara-product-categories {\n        padding: 58px 18px 66px;\n    }\n\n    .ara-product-categories__heading {\n        margin-bottom: 34px;\n    }\n\n    .ara-product-categories__title {\n        font-size: 26px;\n    }\n\n    .ara-product-categories__grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n    }\n\n    .ara-product-card {\n        --card-size: min(76vw, 260px);\n    }\n}\n\n\/* =========================================================\n   \u06a9\u0627\u0647\u0634 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062d\u0633\u0627\u0633 \u0628\u0647 \u062d\u0631\u06a9\u062a\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n    .ara-product-card,\n    .ara-product-card *,\n    .ara-product-card::before {\n        transition: none !important;\n    }\n\n    .ara-product-card:hover,\n    .ara-product-card:focus-visible {\n        transform: none;\n    }\n}\n\n<\/style>\n\n<section class=\"ara-product-categories\" aria-labelledby=\"ara-products-title\">\n\n  <div class=\"ara-product-categories__heading\">\n    \n\n    <h2 id=\"ara-products-title\" class=\"ara-product-categories__title\">\n      \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a\n    <\/h2>\n\n    <span class=\"ara-product-categories__line\" aria-hidden=\"true\"><\/span>\n  <\/div>\n\n  <div class=\"ara-product-categories__grid\">\n\n    <!-- \u0645\u062d\u0635\u0648\u0644 1 -->\n    <a\n      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      class=\"ara-product-card\"\n      style=\"--product-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/prod1.jpg&quot;);\"\n      aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u06f1\"\n    >\n      <span class=\"ara-product-card__image\" aria-hidden=\"true\"><\/span>\n      <span class=\"ara-product-card__overlay\" aria-hidden=\"true\"><\/span>\n\n      <span class=\"ara-product-card__content\">\n        <span class=\"ara-product-card__number\">01<\/span>\n        <span class=\"ara-product-card__name\">\u0645\u062d\u0635\u0648\u0644 \u06f1<\/span>\n        <span class=\"ara-product-card__arrow\" aria-hidden=\"true\">\u2190<\/span>\n      <\/span>\n    <\/a>\n\n    <!-- \u0645\u062d\u0635\u0648\u0644 2 -->\n    <a\n      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      class=\"ara-product-card\"\n      style=\"--product-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/prod2.jpg&quot;);\"\n      aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u06f2\"\n    >\n      <span class=\"ara-product-card__image\" aria-hidden=\"true\"><\/span>\n      <span class=\"ara-product-card__overlay\" aria-hidden=\"true\"><\/span>\n\n      <span class=\"ara-product-card__content\">\n        <span class=\"ara-product-card__number\">02<\/span>\n        <span class=\"ara-product-card__name\">\u0645\u062d\u0635\u0648\u0644 \u06f2<\/span>\n        <span class=\"ara-product-card__arrow\" aria-hidden=\"true\">\u2190<\/span>\n      <\/span>\n    <\/a>\n\n    <!-- \u0645\u062d\u0635\u0648\u0644 3 -->\n    <a\n      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      class=\"ara-product-card\"\n      style=\"--product-image: url(&quot;https:\/\/arainc.ir\/wp-content\/uploads\/2026\/08\/prod3.jpg&quot;);\"\n      aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644 \u06f3\"\n    >\n      <span class=\"ara-product-card__image\" aria-hidden=\"true\"><\/span>\n      <span class=\"ara-product-card__overlay\" aria-hidden=\"true\"><\/span>\n\n      <span class=\"ara-product-card__content\">\n        <span class=\"ara-product-card__number\">03<\/span>\n        <span class=\"ara-product-card__name\">\u0645\u062d\u0635\u0648\u0644 \u06f3<\/span>\n        <span class=\"ara-product-card__arrow\" aria-hidden=\"true\">\u2190<\/span>\n      <\/span>\n    <\/a>\n\n    <!-- \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a -->\n    <a\n      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      class=\"ara-product-card ara-product-card--all\"\n      aria-label=\"\u0645\u0634\u0627\u0647\u062f\u0647 \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\"\n    >\n      <span class=\"ara-product-card__glow\" aria-hidden=\"true\"><\/span>\n\n      <span class=\"ara-product-card__content\">\n        <span class=\"ara-product-card__number\">+<\/span>\n        <span class=\"ara-product-card__name\">\u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/span>\n        <span class=\"ara-product-card__arrow\" aria-hidden=\"true\">\u2190<\/span>\n      <\/span>\n    <\/a>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   Ara Services\n   ========================================================= *\/\n\n.ara-services {\n    --ara-accent: #7ddfff;\n    --ara-text: #ffffff;\n    --ara-text-soft: rgba(255, 255, 255, 0.72);\n    --ara-border: rgba(255, 255, 255, 0.2);\n    --ara-surface: rgba(8, 21, 31, 0.64);\n\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 64px 24px 82px;\n\n    direction: rtl;\n    isolation: isolate;\n\n    color: var(--ara-text);\n\n    font-family:\n        \"B Zar\",\n        \"B Nazanin\",\n        \"Vazirmatn\",\n        \"IRANSans\",\n        Tahoma,\n        Arial,\n        sans-serif;\n}\n\n.ara-services *,\n.ara-services *::before,\n.ara-services *::after {\n    box-sizing: border-box;\n}\n\n\n\/* \u0639\u0646\u0648\u0627\u0646 \u0628\u062e\u0634 *\/\n\n.ara-services__header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    margin-bottom: 42px;\n\n    text-align: center;\n}\n\n.ara-services__title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(25px, 3vw, 36px);\n    font-weight: 800;\n    line-height: 1.5;\n\n    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);\n}\n\n.ara-services__line {\n    position: relative;\n\n    display: block;\n\n    width: 82px;\n    height: 3px;\n    margin-top: 16px;\n\n    border-radius: 20px;\n\n    background: var(--ara-accent);\n\n    box-shadow:\n        0 0 9px rgba(125, 223, 255, 0.8),\n        0 0 22px rgba(53, 200, 243, 0.3);\n}\n\n.ara-services__line::before,\n.ara-services__line::after {\n    position: absolute;\n    top: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: var(--ara-accent);\n    content: \"\";\n\n    transform: translateY(-50%);\n}\n\n.ara-services__line::before {\n    right: -13px;\n}\n\n.ara-services__line::after {\n    left: -13px;\n}\n\n\n\/* \u06af\u0631\u06cc\u062f \u0627\u0648\u0644\u06cc\u0647 2\u00d72 *\/\n\n.ara-services__grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n\n    width: 100%;\n    max-width: 860px;\n    margin: 0 auto;\n\n    transition:\n        grid-template-columns 500ms ease,\n        gap 400ms ease;\n}\n\n\n\/* \u06af\u0631\u06cc\u062f \u062f\u0631 \u062d\u0627\u0644\u062a \u0628\u0627\u0632\u0634\u062f\u0647 *\/\n\n.ara-services__grid.is-expanded {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n}\n\n\n\/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\n\n.ara-service-card {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n    min-width: 0;\n    padding: 0;\n    overflow: hidden;\n\n    border: 1px solid var(--ara-border);\n    border-radius: 8px;\n\n    background: var(--ara-surface);\n    color: #ffffff;\n\n    font: inherit;\n    text-align: right;\n\n    cursor: pointer;\n\n    box-shadow:\n        0 12px 28px rgba(0, 0, 0, 0.2),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    transition:\n        transform 350ms ease,\n        border-color 300ms ease,\n        box-shadow 350ms ease;\n}\n\n\n\/* \u062a\u0645\u0627\u0645 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u06cc\u06a9 \u062a\u0645 \u0648 \u0627\u0633\u062a\u0627\u06cc\u0644 \u06cc\u06a9\u0633\u0627\u0646 \u062f\u0627\u0631\u0646\u062f *\/\n\n.ara-service-card,\n.ara-service-card:hover,\n.ara-service-card:focus,\n.ara-service-card:active {\n    color: #ffffff;\n    background: var(--ara-surface);\n}\n\n.ara-service-card:hover {\n    border-color: rgba(125, 223, 255, 0.78);\n\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 18px 36px rgba(0, 0, 0, 0.3),\n        0 0 24px rgba(53, 200, 243, 0.15);\n}\n\n.ara-service-card:focus-visible {\n    outline: 3px solid rgba(125, 223, 255, 0.85);\n    outline-offset: 4px;\n}\n\n\n\/* \u06a9\u0627\u0631\u062a \u0641\u0639\u0627\u0644 \u062f\u0631 \u0631\u062f\u06cc\u0641 \u0627\u0648\u0644 *\/\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active {\n    order: -1;\n    grid-column: 1 \/ -1;\n\n    min-height: 245px;\n\n    cursor: default;\n}\n\n\n\/* \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0627\u062e\u0644\u06cc *\/\n\n.ara-service-card__body {\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n}\n\n\n\/* \u062a\u0635\u0648\u06cc\u0631 \u0647\u0645\u0647\u200c\u06cc \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 *\/\n\n.ara-service-card__media {\n    position: relative;\n\n    display: block;\n\n    width: 100%;\n    aspect-ratio: 1.18 \/ 1;\n    overflow: hidden;\n\n    background: #0b1c28;\n}\n\n.ara-service-card__image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n\n    filter: saturate(0.9) contrast(1.04);\n\n    transform: scale(1.01);\n\n    transition:\n        transform 650ms ease,\n        filter 450ms ease;\n}\n\n.ara-service-card:hover .ara-service-card__image {\n    filter: saturate(1.12) contrast(1.06);\n    transform: scale(1.07);\n}\n\n\n\/* \u0644\u0627\u06cc\u0647\u200c\u06cc \u0631\u0648\u06cc \u062a\u0635\u0648\u06cc\u0631 *\/\n\n.ara-service-card__shade {\n    position: absolute;\n    inset: 0;\n\n    display: block;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(3, 11, 17, 0.03) 10%,\n            rgba(3, 11, 17, 0.14) 45%,\n            rgba(3, 11, 17, 0.9) 100%\n        );\n}\n\n\n\/* \u0645\u062a\u0646 \u06a9\u0627\u0631\u062a \u062f\u0631 \u062d\u0627\u0644\u062a \u0628\u0633\u062a\u0647 *\/\n\n.ara-service-card__info {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    \/*\n     * \u0641\u0627\u0635\u0644\u0647\u200c\u06cc \u0645\u062a\u0646 \u0627\u0632 \u0644\u0628\u0647\u200c\u06cc \u06a9\u0627\u0631\u062a \u0627\u0641\u0632\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.\n     *\/\n    padding: 25px 27px 27px;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(3, 11, 17, 0.94)\n        );\n}\n\n.ara-service-card__title {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: clamp(16px, 1.8vw, 20px);\n    font-weight: 800;\n    line-height: 1.6;\n\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);\n}\n\n.ara-service-card__description {\n    display: none;\n}\n\n\n\/* \u0634\u0645\u0627\u0631\u0647 \u06a9\u0627\u0631\u062a *\/\n\n.ara-service-card__number {\n    position: absolute;\n    top: 15px;\n    right: 18px;\n    z-index: 3;\n\n    color: rgba(255, 255, 255, 0.88);\n\n    font-family: Arial, sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n\n    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);\n}\n\n\n\/* \u0639\u0644\u0627\u0645\u062a \u0628\u0627\u0632\u0634\u062f\u0646 *\/\n\n.ara-service-card__open {\n    position: absolute;\n    top: 14px;\n    left: 17px;\n    z-index: 3;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 29px;\n    height: 29px;\n\n    border: 1px solid rgba(125, 223, 255, 0.64);\n    border-radius: 50%;\n\n    background: rgba(7, 26, 37, 0.58);\n    color: var(--ara-accent);\n\n    font-family: Arial, sans-serif;\n    font-size: 20px;\n    line-height: 1;\n\n    transition:\n        background 300ms ease,\n        color 300ms ease,\n        transform 400ms ease;\n}\n\n.ara-service-card:hover .ara-service-card__open {\n    background: var(--ara-accent);\n    color: #06202b;\n    transform: rotate(90deg);\n}\n\n\n\/* \u067e\u0646\u0644 \u06a9\u0627\u0631\u062a \u0641\u0639\u0627\u0644 *\/\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__body {\n    flex-direction: row-reverse;\n    min-height: 245px;\n}\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__media {\n    flex: 0 0 25%;\n\n    min-height: 245px;\n    aspect-ratio: auto;\n}\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__info {\n    position: relative;\n    inset: auto;\n\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n\n    flex: 1 1 auto;\n    min-width: 0;\n\n    padding: 38px 52px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255, 255, 255, 0.08),\n            rgba(255, 255, 255, 0.025)\n        );\n}\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__title {\n    margin-bottom: 16px;\n\n    color: #ffffff;\n\n    font-size: clamp(22px, 2.7vw, 32px);\n    line-height: 1.55;\n\n    text-shadow: none;\n}\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__description {\n    display: block;\n\n    color: var(--ara-text-soft);\n\n    font-size: clamp(14px, 1.5vw, 17px);\n    line-height: 2;\n}\n\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__open {\n    background: var(--ara-accent);\n    color: #06202b;\n    transform: rotate(45deg);\n}\n\n\n\/* \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u062f\u0631 \u062d\u0627\u0644\u062a \u0628\u0627\u0632 *\/\n\n.ara-services__grid.is-expanded\n.ara-service-card:not(.is-active) {\n    transform: scale(0.98);\n}\n\n\n\/* \u062a\u0628\u0644\u062a *\/\n\n@media (max-width: 900px) {\n    .ara-services {\n        padding-right: 18px;\n        padding-left: 18px;\n    }\n\n    .ara-services__grid {\n        max-width: 760px;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__media {\n        flex-basis: 30%;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__info {\n        padding: 32px 38px;\n    }\n}\n\n\n\/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\n\n@media (max-width: 620px) {\n    .ara-services {\n        padding: 50px 14px 65px;\n    }\n\n    .ara-services__grid,\n    .ara-services__grid.is-expanded {\n        grid-template-columns: 1fr;\n        gap: 16px;\n\n        max-width: 390px;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active {\n        grid-column: auto;\n        order: -1;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__body {\n        flex-direction: column;\n        min-height: 0;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__media {\n        flex-basis: auto;\n\n        min-height: 195px;\n        aspect-ratio: 16 \/ 10;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__info {\n        min-height: 180px;\n        padding: 30px 27px 34px;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__title {\n        font-size: 23px;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card.is-active\n    .ara-service-card__description {\n        font-size: 14px;\n        line-height: 1.95;\n    }\n\n    .ara-services__grid.is-expanded\n    .ara-service-card:not(.is-active) {\n        transform: none;\n    }\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\n@media (prefers-reduced-motion: reduce) {\n    .ara-services *,\n    .ara-services *::before,\n    .ara-services *::after {\n        animation-duration: 0.01ms !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n\/* \u0639\u0628\u0627\u0631\u062a \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u06a9\u0627\u0631\u062a *\/\n\n.ara-service-card__more {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n\n    margin-top: 9px;\n\n    color: var(--ara-accent);\n\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.7;\n\n    opacity: 0.9;\n\n    transition:\n        color 250ms ease,\n        gap 250ms ease,\n        opacity 250ms ease;\n}\n\n.ara-service-card__more span {\n    display: inline-block;\n\n    font-family: Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1;\n\n    transition: transform 250ms ease;\n}\n\n.ara-service-card:hover .ara-service-card__more {\n    gap: 11px;\n    color: #ffffff;\n    opacity: 1;\n}\n\n.ara-service-card:hover .ara-service-card__more span {\n    transform: translateX(-3px);\n}\n\n\n\/*\n * \u062f\u0631 \u067e\u0646\u0644 \u0628\u0627\u0632\u0634\u062f\u0647\u060c \u0639\u0628\u0627\u0631\u062a \u00ab\u0628\u06cc\u0634\u062a\u0631\u00bb \u0645\u062e\u0641\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f\u061b\n * \u0686\u0648\u0646 \u06a9\u0627\u0631\u062a \u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a \u0628\u0627\u0632 \u0634\u062f\u0647 \u0627\u0633\u062a.\n *\/\n.ara-services__grid.is-expanded\n.ara-service-card.is-active\n.ara-service-card__more {\n    display: none;\n}\n\n<\/style>\n\n<section class=\"ara-services\" aria-labelledby=\"ara-services-title\">\n\n    <header class=\"ara-services__header\">\n        <h2 id=\"ara-services-title\" class=\"ara-services__title\">\n            \u062e\u062f\u0645\u0627\u062a \u0645\u0627\n        <\/h2>\n\n        <span class=\"ara-services__line\" aria-hidden=\"true\"><\/span>\n    <\/header>\n\n\n    <div class=\"ara-services__grid\" data-services-grid>\n\n        <!-- \u06a9\u0627\u0631\u062a \u062e\u062f\u0645\u062a 1 -->\n        <button\n            type=\"button\"\n            class=\"ara-service-card\"\n            data-service-card\n            aria-expanded=\"false\"\n        >\n            <span class=\"ara-service-card__body\">\n\n                <span class=\"ara-service-card__media\">\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n                        alt=\"\u062e\u062f\u0645\u062a 1\"\n                        class=\"ara-service-card__image\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ara-service-card__shade\" aria-hidden=\"true\"><\/span>\n\n                    <span class=\"ara-service-card__number\" aria-hidden=\"true\">\n                        01\n                    <\/span>\n\n                    <span class=\"ara-service-card__open\" aria-hidden=\"true\">\n                        +\n                    <\/span>\n                <\/span>\n\n                <span class=\"ara-service-card__info\">\n                    <span class=\"ara-service-card__title\">\n                        \u062e\u062f\u0645\u062a 1\n                    <\/span>\n<span class=\"ara-service-card__more\">\n    \u0628\u06cc\u0634\u062a\u0631\n    <span aria-hidden=\"true\">\u2190<\/span>\n<\/span>\n                    <span class=\"ara-service-card__description\">\n                        \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u062f\u0645\u062a 1\n                    <\/span>\n                <\/span>\n\n            <\/span>\n        <\/button>\n\n\n        <!-- \u06a9\u0627\u0631\u062a \u062e\u062f\u0645\u062a 2 -->\n        <button\n            type=\"button\"\n            class=\"ara-service-card\"\n            data-service-card\n            aria-expanded=\"false\"\n        >\n            <span class=\"ara-service-card__body\">\n\n                <span class=\"ara-service-card__media\">\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n                        alt=\"\u062e\u062f\u0645\u062a 2\"\n                        class=\"ara-service-card__image\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ara-service-card__shade\" aria-hidden=\"true\"><\/span>\n\n                    <span class=\"ara-service-card__number\" aria-hidden=\"true\">\n                        02\n                    <\/span>\n\n                    <span class=\"ara-service-card__open\" aria-hidden=\"true\">\n                        +\n                    <\/span>\n                <\/span>\n\n                <span class=\"ara-service-card__info\">\n                    <span class=\"ara-service-card__title\">\n                        \u062e\u062f\u0645\u062a 2\n                    <\/span>\n<span class=\"ara-service-card__more\">\n    \u0628\u06cc\u0634\u062a\u0631\n    <span aria-hidden=\"true\">\u2190<\/span>\n<\/span>\n                    <span class=\"ara-service-card__description\">\n                        \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u062f\u0645\u062a 2\n                    <\/span>\n                <\/span>\n\n            <\/span>\n        <\/button>\n\n\n        <!-- \u06a9\u0627\u0631\u062a \u062e\u062f\u0645\u062a 3 -->\n        <button\n            type=\"button\"\n            class=\"ara-service-card\"\n            data-service-card\n            aria-expanded=\"false\"\n        >\n            <span class=\"ara-service-card__body\">\n\n                <span class=\"ara-service-card__media\">\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n                        alt=\"\u062e\u062f\u0645\u062a 3\"\n                        class=\"ara-service-card__image\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ara-service-card__shade\" aria-hidden=\"true\"><\/span>\n\n                    <span class=\"ara-service-card__number\" aria-hidden=\"true\">\n                        03\n                    <\/span>\n\n                    <span class=\"ara-service-card__open\" aria-hidden=\"true\">\n                        +\n                    <\/span>\n                <\/span>\n\n                <span class=\"ara-service-card__info\">\n                    <span class=\"ara-service-card__title\">\n                        \u062e\u062f\u0645\u062a 3\n                    <\/span>\n<span class=\"ara-service-card__more\">\n    \u0628\u06cc\u0634\u062a\u0631\n    <span aria-hidden=\"true\">\u2190<\/span>\n<\/span>\n                    <span class=\"ara-service-card__description\">\n                        \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u062f\u0645\u062a 3\n                    <\/span>\n                <\/span>\n\n            <\/span>\n        <\/button>\n\n\n        <!-- \u06a9\u0627\u0631\u062a \u062e\u062f\u0645\u062a 4 -->\n        <button\n            type=\"button\"\n            class=\"ara-service-card\"\n            data-service-card\n            aria-expanded=\"false\"\n        >\n            <span class=\"ara-service-card__body\">\n\n                <span class=\"ara-service-card__media\">\n                    <img decoding=\"async\"\n                        src=\"\/wp-content\/uploads\/2026\/08\/Screenshot-1-5.png\"\n                        alt=\"\u062e\u062f\u0645\u062a 4\"\n                        class=\"ara-service-card__image\"\n                        loading=\"lazy\"\n                    >\n\n                    <span class=\"ara-service-card__shade\" aria-hidden=\"true\"><\/span>\n\n                    <span class=\"ara-service-card__number\" aria-hidden=\"true\">\n                        04\n                    <\/span>\n\n                    <span class=\"ara-service-card__open\" aria-hidden=\"true\">\n                        +\n                    <\/span>\n                <\/span>\n\n                <span class=\"ara-service-card__info\">\n                    <span class=\"ara-service-card__title\">\n                        \u062e\u062f\u0645\u062a 4\n                    <\/span>\n<span class=\"ara-service-card__more\">\n    \u0628\u06cc\u0634\u062a\u0631\n    <span aria-hidden=\"true\">\u2190<\/span>\n<\/span>\n                    <span class=\"ara-service-card__description\">\n                        \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062e\u062f\u0645\u062a 4\n                    <\/span>\n                <\/span>\n\n            <\/span>\n        <\/button>\n\n    <\/div>\n<\/section>\n\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initAraServices() {\n        var grids = document.querySelectorAll(\"[data-services-grid]\");\n\n        grids.forEach(function (grid) {\n            if (grid.dataset.araInitialized === \"true\") {\n                return;\n            }\n\n            grid.dataset.araInitialized = \"true\";\n\n            var cards = grid.querySelectorAll(\"[data-service-card]\");\n\n            cards.forEach(function (card) {\n                card.addEventListener(\"click\", function () {\n                    var isActive = card.classList.contains(\"is-active\");\n\n                    cards.forEach(function (item) {\n                        item.classList.remove(\"is-active\");\n                        item.setAttribute(\"aria-expanded\", \"false\");\n                    });\n\n                    grid.classList.remove(\"is-expanded\");\n\n                    if (!isActive) {\n                        card.classList.add(\"is-active\");\n                        card.setAttribute(\"aria-expanded\", \"true\");\n                        grid.classList.add(\"is-expanded\");\n                    }\n                });\n            });\n        });\n    }\n\n    function closeAraServices() {\n        document\n            .querySelectorAll(\"[data-services-grid].is-expanded\")\n            .forEach(function (grid) {\n                grid.classList.remove(\"is-expanded\");\n\n                grid.querySelectorAll(\"[data-service-card]\")\n                    .forEach(function (card) {\n                        card.classList.remove(\"is-active\");\n                        card.setAttribute(\"aria-expanded\", \"false\");\n                    });\n            });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", initAraServices);\n    } else {\n        initAraServices();\n    }\n\n    document.addEventListener(\"keydown\", function (event) {\n        if (event.key === \"Escape\") {\n            closeAraServices();\n        }\n    });\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.ara-services__title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(25px, 3vw, 36px);\n    font-weight: 800;\n    line-height: 1.5;\n\n    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.35);\n}\n.ara-services__line {\n    position: relative;\n\n    display: block;\n\n    width: 82px;\n    height: 3px;\n    margin-top: 16px;\n\n    border-radius: 20px;\n\n    background: var(--ara-accent);\n\n    box-shadow:\n        0 0 9px rgba(125, 223, 255, 0.8),\n        0 0 22px rgba(53, 200, 243, 0.3);\n}\n.ara-services__line::before,\n.ara-services__line::after {\n    position: absolute;\n    top: 50%;\n\n    width: 6px;\n    height: 6px;\n\n    border-radius: 50%;\n\n    background: var(--ara-accent);\n    content: \"\";\n\n    transform: translateY(-50%);\n}\n\n.ara-services__line::before {\n    right: -13px;\n}\n\n.ara-services__line::after {\n    left: -13px;\n}\n<\/style>\n\n<header class=\"ara-services__header\">\n        <h2 id=\"ara-services-title\" class=\"ara-services__title\">\n            \u0634\u0631\u06a9\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc\n        <\/h2>\n        <span class=\"ara-services__line\" aria-hidden=\"true\"><\/span>\n<\/header>\n\n\n<p>[lumiere_gallery title=&#8221;\u0646\u0648\u0631\u067e\u0631\u062f\u0627\u0632\u06cc \u062a\u062e\u0635\u0635\u06cc \u06a9\u0627\u0628\u06cc\u0646\u062a \u0648 \u062f\u06a9\u0648\u0631\u0627\u0633\u06cc\u0648\u0646&#8221; subtitle=&#8221;\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0628\u0627 \u062e\u0637\u0648\u0637 \u0646\u0648\u0631\u06cc \u0648 \u067e\u0631\u0648\u0641\u06cc\u0644\u200c\u0647\u0627\u06cc \u062a\u0648\u06a9\u0627\u0631 \u0627\u0633\u0644\u06cc\u0645&#8221;]<\/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>","protected":false},"excerpt":{"rendered":"<p>\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 \u0627\u0644\u067e\u0627\u062a \u062a\u06af \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u06af \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u062a\u06af \u0639\u0646\u0648\u0627\u0646 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0645\u0639\u0631\u0641\u06cc \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u062d\u0635\u0648\u0644\u0627\u062a 01 \u0645\u062d\u0635\u0648\u0644 \u06f1 \u2190 02 \u0645\u062d\u0635\u0648\u0644 \u06f2 \u2190 03 \u0645\u062d\u0635\u0648\u0644 \u06f3 \u2190 + \u0647\u0645\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u2190 \u062e\u062f\u0645\u0627\u062a \u0645\u0627 01 + \u062e\u062f\u0645\u062a 1 \u0628\u06cc\u0634\u062a\u0631 \u2190 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/109","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=109"}],"version-history":[{"count":0,"href":"https:\/\/arainc.ir\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"wp:attachment":[{"href":"https:\/\/arainc.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}