{"id":180,"date":"2026-03-23T09:28:03","date_gmt":"2026-03-23T09:28:03","guid":{"rendered":"https:\/\/arcotiselevators.com\/?page_id=180"},"modified":"2026-05-21T13:06:20","modified_gmt":"2026-05-21T13:06:20","slug":"escalation-horizontal-mobility","status":"publish","type":"page","link":"https:\/\/arcotiselevators.com\/en\/escalation-horizontal-mobility\/","title":{"rendered":"Escalators"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"180\" class=\"elementor elementor-180\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3db438a e-con-full e-flex e-con e-parent\" data-id=\"3db438a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c13de elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d1c13de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .arc-header-wrap,\r\n  .arc-header-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-header-wrap {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #c9a96e;\r\n    --arc-gold-light: #e2cc9c;\r\n    --arc-white: #ffffff;\r\n    --arc-text: #ffffff;\r\n    --arc-border: rgba(255,255,255,0.16);\r\n    --arc-shadow: 0 18px 50px rgba(20, 6, 10, 0.14);\r\n    --arc-soft-shadow: 0 14px 40px rgba(20, 6, 10, 0.10);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 9999;\r\n    width: 100%;\r\n    font-family: \"Manrope\", sans-serif;\r\n    background: transparent;\r\n    border-bottom: 1px solid rgba(255,255,255,0.08);\r\n    box-shadow: none;\r\n    transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled {\r\n    position: fixed;\r\n    background: rgba(255,255,255,0.96);\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: 0 10px 30px rgba(20, 6, 10, 0.08);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    --arc-text: #9d1f2d;\r\n    --arc-border: rgba(157,31,45,0.12);\r\n  }\r\n\r\n  .arc-header {\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 0 28px;\r\n    min-height: 88px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    overflow: visible;\r\n    transition: min-height 0.35s ease, padding 0.35s ease;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-header {\r\n    min-height: 80px;\r\n  }\r\n\r\n  .arc-header__brand {\r\n    flex: 0 0 auto;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .arc-header__brand img {\r\n    max-height: 90px;\r\n    width: auto;\r\n    display: block;\r\n    object-fit: contain;\r\n    transition: max-height 0.35s ease, filter 0.35s ease;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-header__brand img {\r\n    max-height: 78px;\r\n  }\r\n\r\n  .arc-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-left: auto;\r\n    overflow: visible;\r\n  }\r\n\r\n  .arc-nav__list {\r\n    list-style: none;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow: visible;\r\n  }\r\n\r\n  .arc-nav__item {\r\n    position: relative;\r\n    overflow: visible;\r\n  }\r\n\r\n  .arc-nav__link,\r\n  .arc-nav__toggle {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    min-height: 48px;\r\n    padding: 12px 16px;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--arc-text);\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n    border-radius: 999px;\r\n    transition: all 0.28s ease;\r\n    white-space: nowrap;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.18);\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-nav__link,\r\n  .arc-header-wrap.arc-scrolled .arc-nav__toggle {\r\n    text-shadow: none;\r\n  }\r\n\r\n  .arc-nav__link:hover,\r\n  .arc-nav__toggle:hover,\r\n  .arc-nav__item:hover > .arc-nav__toggle,\r\n  .arc-nav__item:hover > .arc-nav__link {\r\n    color: var(--arc-gold-light);\r\n    background: rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-nav__link:hover,\r\n  .arc-header-wrap.arc-scrolled .arc-nav__toggle:hover,\r\n  .arc-header-wrap.arc-scrolled .arc-nav__item:hover > .arc-nav__toggle,\r\n  .arc-header-wrap.arc-scrolled .arc-nav__item:hover > .arc-nav__link {\r\n    color: var(--arc-red-dark);\r\n    background: rgba(157,31,45,0.06);\r\n  }\r\n\r\n  .arc-nav__link::after,\r\n  .arc-nav__toggle::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 16px;\r\n    right: 16px;\r\n    bottom: 9px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--arc-gold-light), var(--arc-white));\r\n    transform: scaleX(0);\r\n    transform-origin: center;\r\n    transition: transform 0.28s ease;\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-nav__link::after,\r\n  .arc-header-wrap.arc-scrolled .arc-nav__toggle::after {\r\n    background: linear-gradient(90deg, var(--arc-red), var(--arc-gold));\r\n  }\r\n\r\n  .arc-nav__link:hover::after,\r\n  .arc-nav__toggle:hover::after,\r\n  .arc-nav__item:hover > .arc-nav__toggle::after,\r\n  .arc-nav__item:hover > .arc-nav__link::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .arc-caret {\r\n    width: 15px;\r\n    height: 15px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    transition: transform 0.28s ease;\r\n  }\r\n\r\n  .arc-nav__item:hover .arc-caret,\r\n  .arc-nav__item.is-open .arc-caret {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .arc-dropdown {\r\n    position: absolute;\r\n    top: calc(100% + 8px);\r\n    right: 0;\r\n    left: auto;\r\n    max-width: calc(100vw - 32px);\r\n    background: rgba(255,255,255,0.98);\r\n    border: 1px solid rgba(157,31,45,0.10);\r\n    border-radius: 22px;\r\n    box-shadow: var(--arc-shadow);\r\n    padding: 18px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateY(12px);\r\n    transition: all 0.3s ease;\r\n    pointer-events: none;\r\n    z-index: 1000;\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .arc-nav__item:hover > .arc-dropdown,\r\n  .arc-nav__item.is-open > .arc-dropdown,\r\n  .arc-nav__item:focus-within > .arc-dropdown {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .arc-dropdown--products {\r\n    width: min(780px, calc(100vw - 32px));\r\n  }\r\n\r\n  .arc-dropdown--services {\r\n    width: min(620px, calc(100vw - 32px));\r\n  }\r\n\r\n  .arc-dropdown__inner {\r\n    max-height: 440px;\r\n    overflow-y: auto;\r\n    padding-right: 4px;\r\n  }\r\n\r\n  .arc-dropdown__inner::-webkit-scrollbar {\r\n    width: 8px;\r\n  }\r\n\r\n  .arc-dropdown__inner::-webkit-scrollbar-thumb {\r\n    background: rgba(157,31,45,0.16);\r\n    border-radius: 999px;\r\n  }\r\n\r\n  .arc-dropdown__title {\r\n    display: block;\r\n    margin: 0 0 16px;\r\n    padding: 0 6px 12px;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arc-dropdown__sections {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .arc-dropdown__section {\r\n    padding: 14px;\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    border-radius: 16px;\r\n    background: rgba(157,31,45,0.02);\r\n  }\r\n\r\n  .arc-dropdown__section-title {\r\n    display: block;\r\n    margin-bottom: 10px;\r\n    padding-bottom: 8px;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arc-dropdown__links {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 4px;\r\n  }\r\n\r\n  .arc-dropdown a {\r\n    display: block;\r\n    padding: 10px 12px;\r\n    border-radius: 12px;\r\n    color: var(--arc-red);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    line-height: 1.45;\r\n    transition: all 0.24s ease;\r\n    border: 1px solid transparent;\r\n  }\r\n\r\n  .arc-dropdown a:hover {\r\n    background: rgba(157,31,45,0.05);\r\n    border-color: rgba(157,31,45,0.08);\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .arc-profile-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    min-height: 46px;\r\n    padding: 12px 18px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    color: #ffffff;\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    box-shadow: 0 12px 28px rgba(20, 6, 10, 0.16);\r\n    transition: all 0.28s ease;\r\n  }\r\n\r\n  .arc-profile-btn:hover {\r\n    transform: translateY(-2px);\r\n    color: #ffffff;\r\n    background: linear-gradient(135deg, var(--arc-red-dark), var(--arc-red));\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-profile-btn {\r\n    color: #ffffff;\r\n    border-color: rgba(157,31,45,0.10);\r\n  }\r\n\r\n  .arc-profile-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media (min-width: 1101px) {\r\n    .arc-nav__item.has-dropdown > .arc-dropdown::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      top: -14px;\r\n      height: 14px;\r\n      background: transparent;\r\n    }\r\n  }\r\n\r\n  .arc-mobile-btn {\r\n    display: none;\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 1px solid rgba(255,255,255,0.24);\r\n    outline: none;\r\n    box-shadow: 0 8px 20px rgba(20, 6, 10, 0.08);\r\n    background: rgba(255,255,255,0.08);\r\n    border-radius: 14px;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all 0.28s ease;\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-mobile-btn {\r\n    border: 1px solid rgba(157,31,45,0.14);\r\n    background: #fff;\r\n  }\r\n\r\n  .arc-mobile-btn:focus,\r\n  .arc-mobile-btn:focus-visible,\r\n  .arc-mobile-btn:active {\r\n    outline: none !important;\r\n    box-shadow: 0 8px 20px rgba(20, 6, 10, 0.04) !important;\r\n  }\r\n\r\n  .arc-mobile-btn:hover {\r\n    background: rgba(255,255,255,0.14);\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-mobile-btn:hover {\r\n    background: rgba(157,31,45,0.04);\r\n  }\r\n\r\n  .arc-mobile-btn span {\r\n    position: relative;\r\n    display: block;\r\n    width: 0px;\r\n    height: 2px;\r\n    margin-left: -16px;\r\n    background: #fff;\r\n    border-radius: 999px;\r\n    transition: all 0.28s ease;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-mobile-btn span {\r\n    background: var(--arc-red);\r\n  }\r\n\r\n  .arc-mobile-btn span::before,\r\n  .arc-mobile-btn span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    width: 20px;\r\n    height: 2px;\r\n    background: #fff;\r\n    border-radius: 999px;\r\n    transition: all 0.28s ease;\r\n  }\r\n\r\n  .arc-header-wrap.arc-scrolled .arc-mobile-btn span::before,\r\n  .arc-header-wrap.arc-scrolled .arc-mobile-btn span::after {\r\n    background: var(--arc-red);\r\n  }\r\n\r\n  .arc-mobile-btn span::before {\r\n    top: -6px;\r\n  }\r\n\r\n  .arc-mobile-btn span::after {\r\n    top: 6px;\r\n  }\r\n\r\n  .arc-mobile-btn.is-active span {\r\n    background: transparent;\r\n  }\r\n\r\n  .arc-mobile-btn.is-active span::before {\r\n    top: 0;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .arc-mobile-btn.is-active span::after {\r\n    top: 0;\r\n    transform: rotate(-45deg);\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .arc-header-wrap {\r\n      position: fixed;\r\n      background: rgba(255,255,255,0.96);\r\n      border-bottom: 1px solid rgba(157,31,45,0.08);\r\n      box-shadow: 0 10px 30px rgba(20, 6, 10, 0.08);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      --arc-text: #9d1f2d;\r\n      --arc-border: rgba(157,31,45,0.12);\r\n    }\r\n\r\n  .arc-header {\r\n  min-height: 72px;\r\n  padding: 10px 16px;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n}\r\n\r\n.arc-header__brand {\r\n  max-width: calc(100% - 60px);\r\n  flex: 0 1 auto;\r\n}\r\n\r\n.arc-logo--white,\r\n.arc-logo--color {\r\n  max-height: 46px;\r\n  max-width: 100%;\r\n  width: auto;\r\n}\r\n\r\n.arc-mobile-btn {\r\n  display: inline-flex;\r\n  margin-left: auto;\r\n  flex: 0 0 44px;\r\n}\r\n\r\n    .arc-nav {\r\n      width: 100%;\r\n      order: 3;\r\n      display: none;\r\n      margin-left: 0;\r\n      padding-top: 8px;\r\n    }\r\n\r\n    .arc-nav.is-open {\r\n      display: block;\r\n    }\r\n\r\n    .arc-nav__list {\r\n      width: 100%;\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 10px;\r\n      padding: 14px;\r\n      background: #fff;\r\n      border: 1px solid rgba(157,31,45,0.10);\r\n      border-radius: 24px;\r\n      box-shadow: var(--arc-soft-shadow);\r\n    }\r\n\r\n    .arc-nav__item {\r\n      width: 100%;\r\n    }\r\n\r\n    .arc-nav__link,\r\n    .arc-nav__toggle {\r\n      width: 100%;\r\n      min-height: 52px;\r\n      justify-content: space-between;\r\n      padding: 14px 16px;\r\n      font-size: 13px;\r\n      border-radius: 16px;\r\n      background: rgba(157,31,45,0.03);\r\n      color: var(--arc-red);\r\n      text-shadow: none;\r\n    }\r\n\r\n    .arc-nav__link::after,\r\n    .arc-nav__toggle::after {\r\n      display: none;\r\n    }\r\n\r\n    .arc-dropdown {\r\n      position: static;\r\n      min-width: 100%;\r\n      max-width: 100%;\r\n      width: 100%;\r\n      margin-top: 8px;\r\n      border-radius: 18px;\r\n      box-shadow: none;\r\n      border: 1px solid rgba(157,31,45,0.10);\r\n      padding: 14px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: none;\r\n      display: none;\r\n      pointer-events: auto;\r\n      background: #fff;\r\n      z-index: auto;\r\n    }\r\n\r\n    .arc-nav__item.is-open > .arc-dropdown {\r\n      display: block;\r\n    }\r\n\r\n    .arc-dropdown__sections {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    .arc-dropdown__title {\r\n      font-size: 22px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .arc-dropdown__section-title {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .arc-dropdown__inner {\r\n      max-height: 340px;\r\n    }\r\n\r\n    .arc-nav__item:hover > .arc-dropdown {\r\n      display: none;\r\n    }\r\n\r\n    .arc-nav__item.is-open:hover > .arc-dropdown {\r\n      display: block;\r\n    }\r\n\r\n    .arc-profile-btn {\r\n      width: 100%;\r\n      min-height: 52px;\r\n      border-radius: 16px;\r\n      padding: 14px 16px;\r\n      justify-content: center;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  .arc-dropdown a.arc-dropdown__title--link {\r\n    display: block;\r\n    margin: 0 0 16px;\r\n    padding: 0 6px 12px;\r\n    border-radius: 0;\r\n    border: 0;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n    background: transparent;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    color: var(--arc-red);\r\n    letter-spacing: 0.01em;\r\n    text-decoration: none;\r\n    transform: none;\r\n  }\r\n\r\n  .arc-dropdown a.arc-dropdown__title--link:hover {\r\n    background: transparent;\r\n    border-color: transparent;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n    color: var(--arc-red-dark);\r\n    transform: none;\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n.arc-header {\r\n  min-height: 68px;\r\n  padding: 10px 14px;\r\n}\r\n\r\n.arc-header__brand {\r\n  max-width: calc(100% - 56px);\r\n}\r\n\r\n.arc-header__brand img {\r\n  width: auto;\r\n  display: block;\r\n  object-fit: contain;\r\n}\r\n\r\n.arc-logo--white,\r\n.arc-logo--color {\r\n  max-height: 40px;\r\n  max-width: 100%;\r\n}\r\n\r\n    .arc-nav__list {\r\n      padding: 12px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .arc-nav__link,\r\n    .arc-nav__toggle {\r\n      font-size: 12px;\r\n      padding: 13px 14px;\r\n      letter-spacing: 0.035em;\r\n    }\r\n\r\n    .arc-dropdown a {\r\n      font-size: 13px;\r\n      padding: 10px 11px;\r\n    }\r\n\r\n    .arc-profile-btn {\r\n      font-size: 12px;\r\n      padding: 13px 14px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-header {\r\n  min-height: 64px;\r\n  padding: 8px 12px;\r\n}\r\n\r\n.arc-header__brand {\r\n  max-width: calc(100% - 52px);\r\n}\r\n\r\n.arc-logo--white,\r\n.arc-logo--color {\r\n  max-height: 36px;\r\n  max-width: 100%;\r\n}\r\n\r\n.arc-mobile-btn {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 12px;\r\n}\r\n\r\n    .arc-dropdown__title {\r\n      font-size: 20px;\r\n    }\r\n\r\n    .arc-dropdown__section-title {\r\n      font-size: 17px;\r\n    }\r\n  }\r\n  .arc-header__brand {\r\n  position: relative;\r\n}\r\n\r\n.arc-logo {\r\n  display: block;\r\n  width: auto;\r\n  object-fit: contain;\r\n  transition: opacity 0.35s ease, visibility 0.35s ease, max-height 0.35s ease;\r\n}\r\n\r\n.arc-logo--white,\r\n.arc-logo--color {\r\n  max-height: 98px;\r\n}\r\n\r\n.arc-header-wrap.arc-scrolled .arc-logo--white,\r\n.arc-header-wrap.arc-scrolled .arc-logo--color {\r\n  max-height: 88px;\r\n}\r\n\r\n.arc-logo--white {\r\n  opacity: 1;\r\n  visibility: visible;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.arc-logo--color {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.arc-header-wrap.arc-scrolled .arc-logo--white {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n.arc-header-wrap.arc-scrolled .arc-logo--color {\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .arc-logo--white {\r\n    opacity: 0 !important;\r\n    visibility: hidden !important;\r\n    position: absolute;\r\n  }\r\n\r\n  .arc-logo--color {\r\n    opacity: 1 !important;\r\n    visibility: visible !important;\r\n    position: relative;\r\n    top: auto;\r\n    left: auto;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .arc-logo--color {\r\n    max-height: 28px !important;\r\n    width: auto !important;\r\n    max-width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .arc-logo--color {\r\n    max-height: 42px !important;\r\n    width: auto !important;\r\n    max-width: 100% !important;\r\n  }\r\n}\r\n.arc-translate-item{\r\n  display: flex;\r\n  align-items: center;\r\n  margin-left: 12px;\r\n}\r\n\r\n.arc-translate-item .gtranslate_wrapper{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n<\/style>\r\n\r\n<header class=\"arc-header-wrap\" id=\"arcHeaderWrap\">\r\n  <div class=\"arc-header\">\r\n   <a href=\"https:\/\/arcotiselevators.com\/\" class=\"arc-header__brand\">\r\n  <img decoding=\"async\" class=\"arc-logo arc-logo--white\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/Untitled-design-49.png\" alt=\"Company Logo\">\r\n  <img decoding=\"async\" class=\"arc-logo arc-logo--color\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-27.png\" alt=\"Company Logo\">\r\n<\/a>\r\n\r\n    <button class=\"arc-mobile-btn\" id=\"arcMobileBtn\" aria-label=\"Toggle menu\" aria-expanded=\"false\">\r\n      <span><\/span>\r\n    <\/button>\r\n\r\n    <nav class=\"arc-nav\" id=\"arcNav\">\r\n      <ul class=\"arc-nav__list\">\r\n\r\n        <li class=\"arc-nav__item has-dropdown\">\r\n          <button class=\"arc-nav__toggle\" type=\"button\" aria-expanded=\"false\">\r\n            About Us\r\n            <span class=\"arc-caret\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <div class=\"arc-dropdown\">\r\n            <div class=\"arc-dropdown__inner\">\r\n              <a href=\"https:\/\/arcotiselevators.com\/about-us\/\" class=\"arc-dropdown__title arc-dropdown__title--link\">About Us<\/a>\r\n\r\n              <div class=\"arc-dropdown__sections\" style=\"grid-template-columns: 1fr;\">\r\n                <div class=\"arc-dropdown__section\">\r\n                  <span class=\"arc-dropdown__section-title\">Explore<\/span>\r\n                  <div class=\"arc-dropdown__links\">\r\n                    <a href=\"https:\/\/arcotiselevators.com\/about-us\/#who-we-are\">Who We Are<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/about-us\/#our-partners\">Our Partners<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/about-us\/#certifications\">Certifications<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/about-us\/#our-works\">Our Works<\/a>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/li>\r\n\r\n<li class=\"arc-nav__item has-dropdown\">\r\n  <button class=\"arc-nav__toggle\" type=\"button\" aria-expanded=\"false\">\r\n    Products\r\n    <span class=\"arc-caret\">\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n        <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n      <\/svg>\r\n    <\/span>\r\n  <\/button>\r\n\r\n  <div class=\"arc-dropdown arc-dropdown--products\">\r\n    <div class=\"arc-dropdown__inner\">\r\n      <span class=\"arc-dropdown__title\">Our Products<\/span>\r\n\r\n      <div class=\"arc-dropdown__sections\">\r\n        <div class=\"arc-dropdown__section\">\r\n          <span class=\"arc-dropdown__section-title\">Passenger Lifts<\/span>\r\n          <div class=\"arc-dropdown__links\">\r\n            <a href=\"https:\/\/arcotiselevators.com\/passenger-commercial-lifts\/\">Passenger Elevators<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Home Elevators<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/panoramic-lifts\/\">Panoramic Lifts<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/hospital-elevator-3\/\">Hospital Elevators<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-dropdown__section\">\r\n          <span class=\"arc-dropdown__section-title\">Freight &amp; Utility<\/span>\r\n          <div class=\"arc-dropdown__links\">\r\n            <a href=\"https:\/\/arcotiselevators.com\/goods-lift\/\">Freight &amp; Goods Elevators<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/dumbwaiter-lift\/\">Dumbwaiter Lifts<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-dropdown__section\">\r\n          <span class=\"arc-dropdown__section-title\">Accessibility &amp; Mobility<\/span>\r\n          <div class=\"arc-dropdown__links\">\r\n            <a href=\"https:\/\/arcotiselevators.com\/stair-lifts\/\">Stair Lifts<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/platform-lifts\/\">Platform Lifts<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/escalation-horizontal-mobility\/\">Escalators<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/moving-walks\/\">Moving Walks<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-dropdown__section\">\r\n          <span class=\"arc-dropdown__section-title\">Parking &amp; Specialized<\/span>\r\n          <div class=\"arc-dropdown__links\">\r\n            <a href=\"https:\/\/arcotiselevators.com\/parking-specialized-systems\/\">Car Parking Lift<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/turning-table\/\">Turning Table<\/a>\r\n            <a href=\"https:\/\/arcotiselevators.com\/modernization-kits\/\">Modernization Kits<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/li>\r\n\r\n        <li class=\"arc-nav__item has-dropdown\">\r\n          <button class=\"arc-nav__toggle\" type=\"button\" aria-expanded=\"false\">\r\n            Services\r\n            <span class=\"arc-caret\">\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <div class=\"arc-dropdown arc-dropdown--services\">\r\n            <div class=\"arc-dropdown__inner\">\r\n              <a href=\"https:\/\/arcotiselevators.com\/services\/\" class=\"arc-dropdown__title arc-dropdown__title--link\">Our Services<\/a>\r\n\r\n              <div class=\"arc-dropdown__sections\">\r\n                <div class=\"arc-dropdown__section\">\r\n                  <span class=\"arc-dropdown__section-title\">Supply &amp; Project Execution<\/span>\r\n                  <div class=\"arc-dropdown__links\">\r\n                    <a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Sale &amp; Supply<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Installation<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Lift Installation Works<\/a>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"arc-dropdown__section\">\r\n                  <span class=\"arc-dropdown__section-title\">Maintenance &amp; Support<\/span>\r\n                  <div class=\"arc-dropdown__links\">\r\n                    <a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Maintenance<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">After-Sales Service<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Technical Support<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">24\/7 Emergency Service<\/a>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"arc-dropdown__section\">\r\n                  <span class=\"arc-dropdown__section-title\">Repair &amp; Upgrade Solutions<\/span>\r\n                  <div class=\"arc-dropdown__links\">\r\n                    <a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Repair<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Reconstruction<\/a>\r\n                    <a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Modernization<\/a>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-nav__item\">\r\n          <a class=\"arc-nav__link\" href=\"https:\/\/arcotiselevators.com\/projects\/\">Projects<\/a>\r\n        <\/li>\r\n\r\n        <li class=\"arc-nav__item\">\r\n          <a class=\"arc-nav__link\" href=\"https:\/\/arcotiselevators.com\/contact-us\/\">Contact Us<\/a>\r\n        <\/li>\r\n\r\n        <li class=\"arc-nav__item\">\r\n          <a class=\"arc-profile-btn\" href=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/05\/company-profile.pdf\" download>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3V14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M5 21H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Download Profile\r\n          <\/a>\r\n        <\/li>\r\n        <li class=\"arc-nav__item arc-translate-item\">\r\n  <!-- GTranslate widget goes here -->\r\n<\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/div>\r\n<\/header>\r\n\r\n<script>\r\n  (function () {\r\n    const headerWrap = document.getElementById(\"arcHeaderWrap\");\r\n    const mobileBtn = document.getElementById(\"arcMobileBtn\");\r\n    const nav = document.getElementById(\"arcNav\");\r\n    const dropdownItems = document.querySelectorAll(\".arc-nav__item.has-dropdown\");\r\n    const mobileBreakpoint = 1100;\r\n\r\n    function isMobile() {\r\n      return window.innerWidth <= mobileBreakpoint;\r\n    }\r\n\r\n    function closeAllDropdowns() {\r\n      dropdownItems.forEach((item) => {\r\n        item.classList.remove(\"is-open\");\r\n        const btn = item.querySelector(\".arc-nav__toggle\");\r\n        if (btn) btn.setAttribute(\"aria-expanded\", \"false\");\r\n      });\r\n    }\r\n\r\n    function handleHeaderScroll() {\r\n      if (window.innerWidth > mobileBreakpoint) {\r\n        if (window.scrollY > 40) {\r\n          headerWrap.classList.add(\"arc-scrolled\");\r\n        } else {\r\n          headerWrap.classList.remove(\"arc-scrolled\");\r\n        }\r\n      } else {\r\n        headerWrap.classList.remove(\"arc-scrolled\");\r\n      }\r\n    }\r\n\r\n    if (mobileBtn) {\r\n      mobileBtn.addEventListener(\"click\", function () {\r\n        const isOpen = nav.classList.toggle(\"is-open\");\r\n        mobileBtn.classList.toggle(\"is-active\", isOpen);\r\n        mobileBtn.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\r\n      });\r\n    }\r\n\r\n    dropdownItems.forEach((item) => {\r\n      const toggle = item.querySelector(\".arc-nav__toggle\");\r\n\r\n      toggle.addEventListener(\"click\", function (e) {\r\n        if (!isMobile()) return;\r\n\r\n        e.preventDefault();\r\n        const currentlyOpen = item.classList.contains(\"is-open\");\r\n\r\n        closeAllDropdowns();\r\n\r\n        if (!currentlyOpen) {\r\n          item.classList.add(\"is-open\");\r\n          toggle.setAttribute(\"aria-expanded\", \"true\");\r\n        }\r\n      });\r\n    });\r\n\r\n    document.addEventListener(\"click\", function (e) {\r\n      const insideHeader = e.target.closest(\".arc-header-wrap\");\r\n      if (!insideHeader) {\r\n        closeAllDropdowns();\r\n        if (isMobile()) {\r\n          nav.classList.remove(\"is-open\");\r\n          mobileBtn.classList.remove(\"is-active\");\r\n          mobileBtn.setAttribute(\"aria-expanded\", \"false\");\r\n        }\r\n      }\r\n    });\r\n\r\n    window.addEventListener(\"resize\", function () {\r\n      if (!isMobile()) {\r\n        nav.classList.remove(\"is-open\");\r\n        mobileBtn.classList.remove(\"is-active\");\r\n        mobileBtn.setAttribute(\"aria-expanded\", \"false\");\r\n        closeAllDropdowns();\r\n      }\r\n      handleHeaderScroll();\r\n    });\r\n\r\n    window.addEventListener(\"scroll\", handleHeaderScroll);\r\n    handleHeaderScroll();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c560845 e-con-full e-flex e-con e-parent\" data-id=\"c560845\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c48b94 e-con-full e-flex e-con e-parent\" data-id=\"6c48b94\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a18b73 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8a18b73\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Escalators & Specialized Mobility Systems<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    :root {\r\n      --arc-primary: #9d1f2d;\r\n      --arc-primary-dark: #7a1823;\r\n      --arc-primary-light: #c42a3b;\r\n      --arc-gold: #c9a96e;\r\n      --arc-gold-light: #e5d4a8;\r\n    }\r\n\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      font-family: \"Manrope\", sans-serif;\r\n      margin: 0;\r\n      padding: 0;\r\n      color: #5a6474;\r\n      background: #f4f4f4;\r\n    }\r\n\r\n    \/* Hero Section - Same 40vh Size *\/\r\n    .arc-eshm-hero {\r\n      position: relative;\r\n      min-height: 40vh;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n      padding: 30px 20px;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* Background Image *\/\r\n    .arc-eshm-hero__image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      background-image: url('https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/pexels-pixabay-54581-scaled.jpg');\r\n      background-size: cover;\r\n      background-position: center center;\r\n      background-repeat: no-repeat;\r\n      transform: scale(1.05);\r\n      animation: arcImgBreath 20s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcImgBreath {\r\n      0%, 100% { transform: scale(1.05); }\r\n      50% { transform: scale(1); }\r\n    }\r\n\r\n    \/* Enhanced Overlay *\/\r\n    .arc-eshm-hero__overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(96deg,\r\n        rgba(6,4,8,0.94) 0%,\r\n        rgba(80,10,20,0.76) 32%,\r\n        rgba(80,10,20,0.35) 58%,\r\n        rgba(6,12,28,0.55) 100%);\r\n    }\r\n\r\n    \/* Premium Vignette Effect *\/\r\n    .arc-eshm-hero__vignette {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.4) 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Subtle Grid Pattern *\/\r\n    .arc-eshm-hero__grid {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      background-image: \r\n        linear-gradient(rgba(201,169,110,0.03) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(201,169,110,0.03) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      opacity: 0.5;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Luxury Glow *\/\r\n    .arc-eshm-hero__glow {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 400px;\r\n      height: 400px;\r\n      background: radial-gradient(circle, rgba(157,31,45,0.12) 0%, transparent 60%);\r\n      z-index: 2;\r\n      pointer-events: none;\r\n      animation: glowPulse 6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes glowPulse {\r\n      0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\r\n      50% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }\r\n    }\r\n\r\n    \/* Floating Particles *\/\r\n    .arc-eshm-hero__particles {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arc-eshm-particle {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      background: var(--arc-gold);\r\n      opacity: 0;\r\n      animation: floatParticle 15s infinite;\r\n    }\r\n\r\n    .arc-eshm-particle--1 { width: 3px; height: 3px; left: 10%; top: 20%; animation-delay: 0s; }\r\n    .arc-eshm-particle--2 { width: 4px; height: 4px; left: 85%; top: 15%; animation-delay: 2s; }\r\n    .arc-eshm-particle--3 { width: 2px; height: 2px; left: 70%; top: 60%; animation-delay: 4s; }\r\n    .arc-eshm-particle--4 { width: 3px; height: 3px; left: 20%; top: 70%; animation-delay: 6s; }\r\n    .arc-eshm-particle--5 { width: 2px; height: 2px; left: 50%; top: 10%; animation-delay: 8s; }\r\n    .arc-eshm-particle--6 { width: 3px; height: 3px; left: 90%; top: 80%; animation-delay: 10s; }\r\n\r\n    @keyframes floatParticle {\r\n      0% { opacity: 0; transform: translateY(50px) scale(0); }\r\n      10% { opacity: 0.6; }\r\n      50% { opacity: 0.3; }\r\n      90% { opacity: 0; }\r\n      100% { opacity: 0; transform: translateY(-60vh) scale(1); }\r\n    }\r\n\r\n    \/* Geometric Elements *\/\r\n    .arc-eshm-hero__geo {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arc-eshm-geo-diamond {\r\n      position: absolute;\r\n      top: 12%;\r\n      right: 8%;\r\n      width: 40px;\r\n      height: 40px;\r\n      border: 1px solid rgba(201,169,110,0.25);\r\n      transform: rotate(45deg);\r\n      animation: rotateDiamond 25s linear infinite;\r\n    }\r\n\r\n    .arc-eshm-geo-diamond::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 6px;\r\n      border: 1px solid rgba(201,169,110,0.15);\r\n    }\r\n\r\n    @keyframes rotateDiamond {\r\n      from { transform: rotate(45deg); }\r\n      to { transform: rotate(405deg); }\r\n    }\r\n\r\n    .arc-eshm-geo-line-v {\r\n      position: absolute;\r\n      left: 4%;\r\n      top: 25%;\r\n      width: 1px;\r\n      height: 80px;\r\n      background: linear-gradient(to bottom, transparent, rgba(201,169,110,0.25), transparent);\r\n    }\r\n\r\n    .arc-eshm-geo-line-h {\r\n      position: absolute;\r\n      right: 4%;\r\n      bottom: 25%;\r\n      width: 70px;\r\n      height: 1px;\r\n      background: linear-gradient(to right, transparent, rgba(201,169,110,0.25), transparent);\r\n    }\r\n\r\n    \/* Corner Accents *\/\r\n    .arc-eshm-hero__corners {\r\n      position: absolute;\r\n      inset: 20px;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .arc-eshm-corner {\r\n      position: absolute;\r\n      width: 30px;\r\n      height: 30px;\r\n    }\r\n\r\n    .arc-eshm-corner--tl { top: 0; left: 0; }\r\n    .arc-eshm-corner--tr { top: 0; right: 0; transform: rotate(90deg); }\r\n    .arc-eshm-corner--bl { bottom: 0; left: 0; transform: rotate(-90deg); }\r\n    .arc-eshm-corner--br { bottom: 0; right: 0; transform: rotate(180deg); }\r\n\r\n    .arc-eshm-corner::before,\r\n    .arc-eshm-corner::after {\r\n      content: '';\r\n      position: absolute;\r\n      background: var(--arc-gold);\r\n      opacity: 0.3;\r\n    }\r\n\r\n    .arc-eshm-corner::before {\r\n      top: 0; left: 0;\r\n      width: 30px; height: 1px;\r\n    }\r\n\r\n    .arc-eshm-corner::after {\r\n      top: 0; left: 0;\r\n      width: 1px; height: 30px;\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .arc-eshm-hero__inner {\r\n      position: relative;\r\n      z-index: 10;\r\n      width: 100%;\r\n      max-width: 900px;\r\n      padding: 0 15px;\r\n    }\r\n\r\n    .arc-eshm-hero__content {\r\n      position: relative;\r\n      z-index: 2;\r\n      text-align: center;\r\n      padding: 0 15px;\r\n      color: white;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 18px;\r\n    }\r\n\r\n    \/* Eyebrow *\/\r\n    .arc-eshm-hero__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-family: \"Manrope\", sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.25em;\r\n      color: var(--arc-gold);\r\n      text-transform: uppercase;\r\n      padding: 8px 20px;\r\n      background: rgba(201,169,110,0.08);\r\n      border: 1px solid rgba(201,169,110,0.2);\r\n      border-radius: 50px;\r\n      backdrop-filter: blur(8px);\r\n      -webkit-backdrop-filter: blur(8px);\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .arc-eshm-hero__eyebrow.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .arc-eshm-eyebrow-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--arc-gold);\r\n      border-radius: 50%;\r\n      animation: dotPulse 2s ease-in-out infinite;\r\n      box-shadow: 0 0 10px var(--arc-gold);\r\n    }\r\n\r\n    @keyframes dotPulse {\r\n      0%, 100% { transform: scale(1); opacity: 1; }\r\n      50% { transform: scale(1.2); opacity: 0.7; }\r\n    }\r\n\r\n    \/* Title *\/\r\n    .arc-eshm-hero__title {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(28px, 5vw, 46px);\r\n      font-weight: 600;\r\n      line-height: 1.15;\r\n      color: #ffffff;\r\n      margin: 0;\r\n      opacity: 0;\r\n      transform: translateY(25px);\r\n      transition: all 0.9s cubic-bezier(0.23, 1, 0.32, 1) 0.15s;\r\n    }\r\n\r\n    .arc-eshm-hero__title.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .arc-eshm-title-line {\r\n      display: block;\r\n    }\r\n\r\n    .arc-eshm-title-accent {\r\n      font-style: italic;\r\n      font-weight: 500;\r\n      color: var(--arc-gold);\r\n      position: relative;\r\n    }\r\n\r\n    \/* Divider *\/\r\n    .arc-eshm-hero__divider {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 15px;\r\n      opacity: 0;\r\n      transform: scaleX(0);\r\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;\r\n    }\r\n\r\n    .arc-eshm-hero__divider.is-visible {\r\n      opacity: 1;\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .arc-eshm-divider-line {\r\n      width: 50px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-eshm-divider-diamond {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--arc-gold);\r\n      transform: rotate(45deg);\r\n      position: relative;\r\n      box-shadow: 0 0 15px rgba(201,169,110,0.5);\r\n    }\r\n\r\n    .arc-eshm-divider-diamond::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: -4px;\r\n      border: 1px solid rgba(201,169,110,0.3);\r\n    }\r\n\r\n    \/* Subtitle *\/\r\n    .arc-eshm-hero__subtitle {\r\n      font-family: \"Manrope\", sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 400;\r\n      line-height: 1.7;\r\n      color: rgba(255,255,255,0.75);\r\n      max-width: 480px;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;\r\n    }\r\n\r\n    .arc-eshm-hero__subtitle.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .arc-eshm-hero__buttons {\r\n      display: flex;\r\n      gap: 15px;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      margin-top: 8px;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;\r\n    }\r\n\r\n    .arc-eshm-hero__buttons.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .arc-eshm-btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-width: 200px;\r\n      min-height: 52px;\r\n      padding: 14px 28px;\r\n      border-radius: 999px;\r\n      text-decoration: none;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.03em;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n      color: #fff;\r\n      font-family: \"Manrope\", sans-serif;\r\n      background: linear-gradient(135deg, var(--arc-primary) 0%, var(--arc-primary-dark) 100%);\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      box-shadow:\r\n        0 20px 50px rgba(106,10,20,0.35),\r\n        0 0 0 1px rgba(255,255,255,0.05) inset,\r\n        0 1px 0 rgba(255,255,255,0.1) inset;\r\n    }\r\n\r\n    .arc-eshm-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, var(--arc-primary-light) 0%, var(--arc-primary) 100%);\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n      border-radius: 999px;\r\n    }\r\n\r\n    .arc-eshm-btn:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-btn:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow:\r\n        0 25px 60px rgba(106,10,20,0.45),\r\n        0 0 0 1px rgba(255,255,255,0.1) inset;\r\n    }\r\n\r\n    .arc-eshm-btn:active {\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .arc-eshm-btn__text,\r\n    .arc-eshm-btn__icon {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .arc-eshm-btn__icon {\r\n      display: flex;\r\n      align-items: center;\r\n      transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .arc-eshm-btn:hover .arc-eshm-btn__icon {\r\n      transform: translateX(5px);\r\n    }\r\n\r\n    .arc-eshm-btn__shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -100%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n      z-index: 1;\r\n      animation: arcShimmer 4s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcShimmer {\r\n      0% { left: -100%; }\r\n      50%, 100% { left: 100%; }\r\n    }\r\n\r\n    .arc-eshm-btn--secondary {\r\n      background: rgba(255,255,255,0.03);\r\n      border: 1px solid rgba(201,169,110,0.3);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      color: var(--arc-gold);\r\n    }\r\n\r\n    .arc-eshm-btn--secondary::before {\r\n      background: linear-gradient(135deg, rgba(201,169,110,0.15) 0%, rgba(201,169,110,0.05) 100%);\r\n    }\r\n\r\n    .arc-eshm-btn--secondary:hover {\r\n      border-color: var(--arc-gold);\r\n      box-shadow: 0 20px 50px rgba(201,169,110,0.15);\r\n    }\r\n\r\n    \/* Scroll Indicator *\/\r\n    .arc-eshm-hero__scroll {\r\n      position: absolute;\r\n      bottom: 15px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 10;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 5px;\r\n      opacity: 0;\r\n      animation: fadeIn 1s ease 1.2s forwards;\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      to { opacity: 0.5; }\r\n    }\r\n\r\n    .arc-eshm-scroll__mouse {\r\n      width: 18px;\r\n      height: 28px;\r\n      border: 1.5px solid rgba(201,169,110,0.4);\r\n      border-radius: 9px;\r\n      position: relative;\r\n    }\r\n\r\n    .arc-eshm-scroll__wheel {\r\n      position: absolute;\r\n      top: 5px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 2px;\r\n      height: 6px;\r\n      background: var(--arc-gold);\r\n      border-radius: 2px;\r\n      animation: scrollWheel 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes scrollWheel {\r\n      0%, 100% { opacity: 1; transform: translateX(-50%) translateY(0); }\r\n      50% { opacity: 0.3; transform: translateX(-50%) translateY(6px); }\r\n    }\r\n\r\n    .arc-eshm-scroll__text {\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n      letter-spacing: 0.15em;\r\n      color: var(--arc-gold);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* Media Queries *\/\r\n    @media (max-width: 767px) {\r\n      .arc-eshm-hero {\r\n        min-height: 35vh;\r\n        padding: 25px 15px;\r\n      }\r\n\r\n      .arc-eshm-hero__content {\r\n        gap: 14px;\r\n      }\r\n\r\n      .arc-eshm-hero__title {\r\n        font-size: 24px;\r\n        white-space: normal;\r\n      }\r\n\r\n      .arc-eshm-hero__eyebrow {\r\n        font-size: 9px;\r\n        padding: 6px 14px;\r\n      }\r\n\r\n      .arc-eshm-hero__subtitle {\r\n        font-size: 12px;\r\n        padding: 0 10px;\r\n      }\r\n\r\n      .arc-eshm-hero__buttons {\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        width: 100%;\r\n      }\r\n\r\n      .arc-eshm-btn {\r\n        width: 85%;\r\n        min-width: auto;\r\n        padding: 12px 24px;\r\n        font-size: 13px;\r\n        min-height: 48px;\r\n      }\r\n\r\n      .arc-eshm-divider-line {\r\n        width: 35px;\r\n      }\r\n\r\n      .arc-eshm-hero__corners {\r\n        inset: 12px;\r\n      }\r\n\r\n      .arc-eshm-corner {\r\n        width: 22px;\r\n        height: 22px;\r\n      }\r\n\r\n      .arc-eshm-corner::before { width: 22px; }\r\n      .arc-eshm-corner::after { height: 22px; }\r\n\r\n      .arc-eshm-hero__geo {\r\n        opacity: 0.4;\r\n      }\r\n\r\n      .arc-eshm-hero__scroll {\r\n        bottom: 10px;\r\n      }\r\n\r\n      .arc-eshm-scroll__mouse {\r\n        width: 16px;\r\n        height: 24px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .arc-eshm-hero__corners {\r\n        display: none;\r\n      }\r\n\r\n      .arc-eshm-hero__title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .arc-eshm-btn {\r\n        width: 90%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Hero Section -->\r\n  <section class=\"arc-eshm-hero\" id=\"arc-hero-section\">\r\n    <!-- Background Layers -->\r\n    <div class=\"arc-eshm-hero__image\"><\/div>\r\n    <div class=\"arc-eshm-hero__overlay\"><\/div>\r\n    <div class=\"arc-eshm-hero__vignette\"><\/div>\r\n    <div class=\"arc-eshm-hero__grid\"><\/div>\r\n    <div class=\"arc-eshm-hero__glow\"><\/div>\r\n\r\n    <!-- Floating Particles -->\r\n    <div class=\"arc-eshm-hero__particles\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--1\"><\/span>\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--2\"><\/span>\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--3\"><\/span>\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--4\"><\/span>\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--5\"><\/span>\r\n      <span class=\"arc-eshm-particle arc-eshm-particle--6\"><\/span>\r\n    <\/div>\r\n\r\n    <!-- Geometric Elements -->\r\n    <div class=\"arc-eshm-hero__geo\" aria-hidden=\"true\">\r\n      <div class=\"arc-eshm-geo-diamond\"><\/div>\r\n      <div class=\"arc-eshm-geo-line-v\"><\/div>\r\n      <div class=\"arc-eshm-geo-line-h\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Corner Accents -->\r\n    <div class=\"arc-eshm-hero__corners\" aria-hidden=\"true\">\r\n      <div class=\"arc-eshm-corner arc-eshm-corner--tl\"><\/div>\r\n      <div class=\"arc-eshm-corner arc-eshm-corner--tr\"><\/div>\r\n      <div class=\"arc-eshm-corner arc-eshm-corner--bl\"><\/div>\r\n      <div class=\"arc-eshm-corner arc-eshm-corner--br\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content -->\r\n    <div class=\"arc-eshm-hero__inner\">\r\n      <div class=\"arc-eshm-hero__content\">\r\n\r\n        <!-- Eyebrow -->\r\n        <div class=\"arc-eshm-hero__eyebrow arc-eshm-reveal\" data-delay=\"0\">\r\n          <span class=\"arc-eshm-eyebrow-dot\"><\/span>\r\n          MOBILITY & TRANSPORT SOLUTIONS\r\n        <\/div>\r\n\r\n        <!-- Title -->\r\n        <h1 class=\"arc-eshm-hero__title arc-eshm-reveal\" data-delay=\"1\">\r\n          <span class=\"arc-eshm-title-line\">Escalators <em class=\"arc-eshm-title-accent\">&<\/em> Specialized<\/span>\r\n          <span class=\"arc-eshm-title-line\">Mobility Systems<\/span>\r\n        <\/h1>\r\n\r\n        <!-- Divider -->\r\n        <div class=\"arc-eshm-hero__divider arc-eshm-reveal\" data-delay=\"2\">\r\n          <span class=\"arc-eshm-divider-line\"><\/span>\r\n          <span class=\"arc-eshm-divider-diamond\"><\/span>\r\n          <span class=\"arc-eshm-divider-line\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Subtitle -->\r\n        <p class=\"arc-eshm-hero__subtitle arc-eshm-reveal\" data-delay=\"3\">\r\n          Advanced escalator and mobility solutions engineered for seamless flow, safety, and exceptional performance in high-traffic environments.\r\n        <\/p>\r\n\r\n        <!-- Buttons -->\r\n        <div class=\"arc-eshm-hero__buttons arc-eshm-reveal\" data-delay=\"4\">\r\n          <a href=\"#solutions\" class=\"arc-eshm-btn arc-eshm-btn--primary\">\r\n            <span class=\"arc-eshm-btn__shimmer\"><\/span>\r\n            <span class=\"arc-eshm-btn__text\">Explore Solutions<\/span>\r\n            <span class=\"arc-eshm-btn__icon\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <a href=\"#contact\" class=\"arc-eshm-btn arc-eshm-btn--secondary\">\r\n            <span class=\"arc-eshm-btn__shimmer\"><\/span>\r\n            <span class=\"arc-eshm-btn__text\">Request a Quote<\/span>\r\n            <span class=\"arc-eshm-btn__icon\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <div class=\"arc-eshm-hero__scroll\">\r\n      <div class=\"arc-eshm-scroll__mouse\">\r\n        <div class=\"arc-eshm-scroll__wheel\"><\/div>\r\n      <\/div>\r\n      <span class=\"arc-eshm-scroll__text\">Scroll<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      \/\/ Staggered reveal animations\r\n      const reveals = document.querySelectorAll('.arc-eshm-reveal');\r\n      \r\n      reveals.forEach(function (el, index) {\r\n        const delay = el.getAttribute('data-delay') || index;\r\n        setTimeout(function() {\r\n          el.classList.add('is-visible');\r\n        }, 150 + (delay * 120));\r\n      });\r\n\r\n      \/\/ Subtle parallax on mouse move\r\n      const hero = document.querySelector('.arc-eshm-hero');\r\n      const image = document.querySelector('.arc-eshm-hero__image');\r\n      const glow = document.querySelector('.arc-eshm-hero__glow');\r\n      \r\n      if (hero && image) {\r\n        hero.addEventListener('mousemove', function(e) {\r\n          const rect = hero.getBoundingClientRect();\r\n          const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n          const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n          \r\n          image.style.transform = `scale(1.05) translate(${x * 8}px, ${y * 8}px)`;\r\n          \r\n          if (glow) {\r\n            glow.style.transform = `translate(calc(-50% + ${x * 30}px), calc(-50% + ${y * 30}px))`;\r\n          }\r\n        });\r\n\r\n        hero.addEventListener('mouseleave', function() {\r\n          image.style.transform = 'scale(1.05)';\r\n          if (glow) {\r\n            glow.style.transform = 'translate(-50%, -50%)';\r\n          }\r\n        });\r\n      }\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0138ed e-con-full e-flex e-con e-parent\" data-id=\"f0138ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e71f77 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5e71f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Escalators - Arcotis Lifts<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* General Styles *\/\r\n    body {\r\n      font-family: \"Manrope\", sans-serif;\r\n      background-color: #f4f4f4;\r\n      margin: 0;\r\n      padding: 0;\r\n      color: #5a6474; \/* Soft text color *\/\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .product-hero {\r\n      display: flex;\r\n      justify-content: flex-start; \/* Align content to left *\/\r\n      align-items: center;\r\n      background-color: #ffffff;\r\n      padding: 50px 20px;\r\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-height: 60vh; \/* Adjusted for larger image *\/\r\n    }\r\n\r\n    .product-hero .container {\r\n      display: flex;\r\n      gap: 20px;\r\n      align-items: center;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      \r\n      justify-content: flex-start; \/* Align content to the left *\/\r\n    }\r\n\r\n    .product-hero__content h1 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(36px, 4.5vw, 64px);\r\n      font-weight: 600;\r\n      color: #9d1f2d;\r\n      text-align: left;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .product-hero__content p {\r\n      font-size: 18px;\r\n      color: #666;\r\n      max-width: 600px;\r\n      text-align: justify;\r\n    }\r\n\r\n    .product-hero__image img {\r\n      width: 100%;\r\n      max-width: 600px; \/* Increased max-width for larger image *\/\r\n      border-radius: 8px;\r\n      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    \/* Hover Effect *\/\r\n    .product-hero__image img:hover {\r\n      transform: scale(1.05); \/* Zoom effect on hover *\/\r\n    }\r\n\r\n    \/* Product Gallery Section *\/\r\n    .product-gallery {\r\n      padding: 40px 20px;\r\n      background-color: #ffffff;\r\n    }\r\n\r\n    .product-gallery .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .products-gallery__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 24px;\r\n      justify-items: stretch;\r\n    }\r\n\r\n    .product-gallery__item {\r\n      position: relative;\r\n      min-height: 420px;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background: #f7f3ee;\r\n      border: 1px solid rgba(19,35,59,0.08);\r\n      box-shadow:\r\n        0 18px 50px rgba(19,35,59,0.08),\r\n        0 8px 20px rgba(19,35,59,0.04);\r\n      cursor: pointer;\r\n      transform: translateY(0);\r\n      transition:\r\n        transform .45s cubic-bezier(.23,1,.32,1),\r\n        box-shadow .45s cubic-bezier(.23,1,.32,1),\r\n        border-color .45s ease;\r\n    }\r\n\r\n    .product-gallery__item:hover {\r\n      transform: translateY(-8px);\r\n      border-color: rgba(201,169,110,0.38);\r\n      box-shadow:\r\n        0 28px 70px rgba(19,35,59,0.14),\r\n        0 10px 26px rgba(19,35,59,0.06);\r\n    }\r\n\r\n    .product-gallery__item img {\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 420px;\r\n      object-fit: cover;\r\n      max-width: none;\r\n      border-radius: 0;\r\n      box-shadow: none;\r\n      transform: scale(1.03);\r\n      transition: transform 1.1s cubic-bezier(.23,1,.32,1), filter .5s ease;\r\n      filter: saturate(.95) contrast(1.02) brightness(.95);\r\n    }\r\n\r\n    .product-gallery__item:hover img {\r\n      transform: scale(1.09);\r\n      filter: saturate(1.02) contrast(1.04) brightness(.68);\r\n    }\r\n\r\n    .product-gallery__overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0.10) 0%, rgba(19,35,59,0.28) 55%, rgba(19,35,59,0.72) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.14), transparent 45%, rgba(201,169,110,0.10));\r\n      opacity: 1;\r\n      transition: background .45s ease, opacity .45s ease;\r\n    }\r\n\r\n    .product-gallery__item:hover .product-gallery__overlay {\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0.18) 0%, rgba(19,35,59,0.52) 45%, rgba(8,14,26,0.90) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.28), transparent 42%, rgba(201,169,110,0.16));\r\n    }\r\n\r\n    .product-gallery__number {\r\n      position: absolute;\r\n      top: 20px;\r\n      right: 20px;\r\n      z-index: 4;\r\n      width: 46px;\r\n      height: 46px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50%;\r\n      background: rgba(255,255,255,0.92);\r\n      box-shadow: 0 5px 20px rgba(0,0,0,0.15);\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: #9d1f2d;\r\n      transition: all .35s ease;\r\n    }\r\n\r\n    .product-gallery__item:hover .product-gallery__number {\r\n      background: #9d1f2d;\r\n      color: #fff;\r\n      transform: scale(1.08);\r\n    }\r\n\r\n    .product-gallery__base {\r\n      position: absolute;\r\n      inset: auto 0 0 0;\r\n      z-index: 2;\r\n      padding: 26px 24px 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 10px;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transition:\r\n        transform .45s cubic-bezier(.23,1,.32,1),\r\n        opacity .35s ease,\r\n        visibility .35s ease;\r\n    }\r\n\r\n    .product-gallery__item:hover .product-gallery__base {\r\n      transform: translateY(-8px);\r\n      opacity: 0;\r\n      visibility: hidden;\r\n    }\r\n\r\n    .product-gallery__kicker {\r\n      font-size: 11px;\r\n      letter-spacing: .18em;\r\n      font-weight: 700;\r\n      text-transform: uppercase;\r\n      color: #e2cc9c;\r\n    }\r\n\r\n    .product-gallery__base h4 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 34px;\r\n      line-height: 1.02;\r\n      font-weight: 600;\r\n      color: #ffffff;\r\n      text-shadow: 0 2px 20px rgba(0,0,0,0.22);\r\n      margin: 0;\r\n    }\r\n\r\n    .product-gallery__caption {\r\n      position: absolute;\r\n      inset: auto 0 0 0;\r\n      z-index: 3;\r\n      padding: 24px;\r\n      color: #fff;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 18px;\r\n      justify-content: flex-end;\r\n      min-height: 100%;\r\n      transform: translateY(28px);\r\n      opacity: 0;\r\n      transition:\r\n        opacity .45s cubic-bezier(.23,1,.32,1),\r\n        transform .45s cubic-bezier(.23,1,.32,1);\r\n    }\r\n\r\n    .product-gallery__item:hover .product-gallery__caption {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    .product-gallery__tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: max-content;\r\n      padding: 8px 12px;\r\n      border-radius: 999px;\r\n      border: 1px solid rgba(201,169,110,0.24);\r\n      background: rgba(255,255,255,0.06);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      color: #e2cc9c;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .product-gallery__caption h4 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 30px;\r\n      line-height: 1.05;\r\n      font-weight: 600;\r\n      margin: 0;\r\n    }\r\n\r\n    .product-gallery__caption p {\r\n      font-size: 14px;\r\n      color: rgba(255, 255, 255, 0.82);\r\n      line-height: 1.7;\r\n      margin: 0;\r\n      max-width: 95%;\r\n    }\r\n\r\n    .product-gallery__btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      min-height: 50px;\r\n      padding: 14px 22px;\r\n      width: max-content;\r\n      border-radius: 999px;\r\n      text-decoration: none;\r\n      color: #fff;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n      background: linear-gradient(135deg, #9d1f2d, #6f111b);\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      box-shadow:\r\n        0 16px 34px rgba(106,10,20,0.28),\r\n        inset 0 1px 0 rgba(255,255,255,0.08);\r\n      transition: transform .35s ease, box-shadow .35s ease;\r\n    }\r\n\r\n    .product-gallery__btn:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow:\r\n        0 22px 40px rgba(106,10,20,0.38),\r\n        inset 0 1px 0 rgba(255,255,255,0.08);\r\n    }\r\n\r\n    .product-gallery__btn i {\r\n      font-size: 14px;\r\n      transition: transform .35s ease;\r\n      margin-right: 0;\r\n      color: inherit;\r\n    }\r\n\r\n    .product-gallery__btn:hover i {\r\n      transform: translateX(4px);\r\n    }\r\n\r\n    \/* Product Details Section *\/\r\n    .product-details {\r\n      background-color: #ffffff;\r\n      padding: 40px 20px;\r\n    }\r\n\r\n    .product-details .container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      text-align: justify;\r\n    }\r\n\r\n    .product-details h2 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 28px;\r\n      font-weight: 700;\r\n      color: #9d1f2d;\r\n      margin-bottom: 20px;\r\n      text-align: justify;\r\n    }\r\n\r\n    .product-details p {\r\n      font-size: 18px;\r\n      color: #666;\r\n      max-width: 900px;\r\n      margin: 0 auto 30px;\r\n    }\r\n\r\n    .product-details ul {\r\n      list-style: none;\r\n      padding: 0;\r\n      text-align: left;\r\n    }\r\n\r\n    .product-details ul li {\r\n      font-size: 16px;\r\n      color: #444;\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    .product-details ul li i {\r\n      margin-right: 10px;\r\n      color: #9d1f2d; \/* Icon color *\/\r\n    }\r\n\r\n    \/* Animation *\/\r\n    .arc-lift-reveal {\r\n      opacity: 0;\r\n      transform: translateY(34px);\r\n      transition: opacity 0.8s cubic-bezier(.16,1,.3,1), transform 0.8s cubic-bezier(.16,1,.3,1);\r\n    }\r\n\r\n    .arc-lift-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Hover Effects *\/\r\n    .product-hero:hover {\r\n      background: radial-gradient(circle at 0% 0%, rgba(201,169,110,0.08), transparent 28%),\r\n                  radial-gradient(circle at 100% 100%, rgba(157,31,45,0.05), transparent 24%);\r\n    }\r\n\r\n    \/* Media Queries *\/\r\n    @media (max-width: 1024px) {\r\n      .products-gallery__grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 20px;\r\n      }\r\n\r\n      .product-gallery__item:last-child {\r\n        grid-column: span 2;\r\n      }\r\n\r\n      .product-gallery__item,\r\n      .product-gallery__item img {\r\n        min-height: 380px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .product-hero {\r\n        padding: 30px 10px;\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n\r\n      .product-hero__content h1 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .product-hero__content p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .product-hero__image img {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        margin-top: 20px;\r\n      }\r\n\r\n      \/* Stack Image and Content Vertically on Small Screens *\/\r\n      .product-hero .container {\r\n        flex-direction: column-reverse;\r\n      }\r\n\r\n      \/* Adjust gallery grid for small screens *\/\r\n      .products-gallery__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .product-gallery__item:last-child {\r\n        grid-column: span 1;\r\n      }\r\n\r\n      .product-gallery__item {\r\n        min-height: 380px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .product-gallery__item img {\r\n        min-height: 380px;\r\n      }\r\n\r\n      .product-gallery__base {\r\n        padding: 22px 20px 20px;\r\n      }\r\n\r\n      .product-gallery__base h4 {\r\n        font-size: 30px;\r\n      }\r\n\r\n      .product-gallery__caption {\r\n        padding: 20px;\r\n        opacity: 0;\r\n        transform: translateY(28px);\r\n        background: linear-gradient(180deg, rgba(8,14,26,0.05) 0%, rgba(8,14,26,0.82) 48%, rgba(8,14,26,0.94) 100%);\r\n      }\r\n\r\n      .product-gallery__item:hover .product-gallery__caption {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n      }\r\n\r\n      .product-gallery__caption h4 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .product-gallery__caption p {\r\n        font-size: 13.5px;\r\n      }\r\n\r\n      .product-gallery__btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Hero Section -->\r\n  <section class=\"product-hero arc-lift-reveal\" id=\"productHero\">\r\n    <div class=\"container\">\r\n      <div class=\"product-hero__content\">\r\n        <h1 >Escalators<\/h1>\r\n        <p>\r\n          Arcotis' escalators provide high-efficiency and smooth transportation in public places like shopping malls, airports, \r\n          metro stations, and other commercial infrastructures. Designed for maximum durability and reliability, our escalators \r\n          are built with cutting-edge technology to ensure passenger safety, comfort, and energy savings.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"product-hero__image\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/pexels-pixabay-54581-scaled.jpg\" alt=\"Escalator\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Product Gallery Section -->\r\n  <section class=\"product-gallery\">\r\n    <div class=\"container\">\r\n      <h2 style=\"color: #9d1f2d;\">Explore Our Escalator Designs<\/h2><br>\r\n      <div class=\"products-gallery__grid\">\r\n        <div class=\"product-gallery__item arc-lift-reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/escalator.webp\" alt=\"Escalator Design 1\">\r\n          <div class=\"product-gallery__overlay\"><\/div>\r\n          <div class=\"product-gallery__number\">01<\/div>\r\n\r\n          <div class=\"product-gallery__base\">\r\n            <span class=\"product-gallery__kicker\">01 \/ Retail & Transit<\/span>\r\n            <h4 >Commercial Escalator<\/h4>\r\n          <\/div>\r\n\r\n          <div class=\"product-gallery__caption\">\r\n            <span class=\"product-gallery__tag\">High Traffic<\/span>\r\n            <h4 style=\"color:white\">Commercial Escalator<\/h4>\r\n            <p>Built for shopping malls, metro stations, airports, and public circulation zones where continuous passenger flow, long operating hours, dependable safety systems, and efficient performance are essential every day.<\/p>\r\n            <a class=\"product-gallery__btn\" href=\"mailto:arcotis.uae@gmail.com?subject=Enquiry%20-%20Commercial%20Escalator&body=Hello%20Arcotis,%0D%0A%0D%0AI%20would%20like%20to%20enquire%20about%20the%20Commercial%20Escalator.%0D%0A%0D%0APlease%20share%20details.%0D%0A\">\r\n              Enquire Now\r\n              <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"product-gallery__item arc-lift-reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/escalator-1.webp\" alt=\"Escalator Design 2\">\r\n          <div class=\"product-gallery__overlay\"><\/div>\r\n          <div class=\"product-gallery__number\">02<\/div>\r\n\r\n          <div class=\"product-gallery__base\">\r\n            <span class=\"product-gallery__kicker\">02 \/ Architectural Integration<\/span>\r\n            <h4>Premium Interior Escalator<\/h4>\r\n          <\/div>\r\n\r\n          <div class=\"product-gallery__caption\">\r\n            <span class=\"product-gallery__tag\">Premium Finish<\/span>\r\n            <h4 style=\"color:white\">Premium Interior Escalator<\/h4>\r\n            <p>Elegant escalator solutions created for modern commercial interiors, premium retail destinations, and landmark developments where refined finishes, smooth travel comfort, and seamless architectural coordination matter.<\/p>\r\n            <a class=\"product-gallery__btn\" href=\"mailto:arcotis.uae@gmail.com?subject=Enquiry%20-%20Premium%20Interior%20Escalator&body=Hello%20Arcotis,%0D%0A%0D%0AI%20would%20like%20to%20enquire%20about%20the%20Premium%20Interior%20Escalator.%0D%0A%0D%0APlease%20share%20details.%0D%0A\">\r\n              Enquire Now\r\n              <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"product-gallery__item arc-lift-reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/empty-escalator-stair-scaled-1.webp\" alt=\"Escalator Design 3\">\r\n          <div class=\"product-gallery__overlay\"><\/div>\r\n          <div class=\"product-gallery__number\">03<\/div>\r\n\r\n          <div class=\"product-gallery__base\">\r\n            <span class=\"product-gallery__kicker\">03 \/ Public Infrastructure<\/span>\r\n            <h4 >Heavy Duty Escalator<\/h4>\r\n          <\/div>\r\n\r\n          <div class=\"product-gallery__caption\">\r\n            <span class=\"product-gallery__tag\">Durable System<\/span>\r\n            <h4 style=\"color:white\">Heavy Duty Escalator<\/h4>\r\n            <p>Engineered for demanding environments that require robust construction, reliable operation, enhanced passenger safety, and durable components suited for continuous movement in busy public and commercial spaces.<\/p>\r\n            <a class=\"product-gallery__btn\" href=\"mailto:arcotis.uae@gmail.com?subject=Enquiry%20-%20Heavy%20Duty%20Escalator&body=Hello%20Arcotis,%0D%0A%0D%0AI%20would%20like%20to%20enquire%20about%20the%20Heavy%20Duty%20Escalator.%0D%0A%0D%0APlease%20share%20details.%0D%0A\">\r\n              Enquire Now\r\n              <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Product Details Section -->\r\n  <section class=\"product-details\">\r\n    <div class=\"container\">\r\n      <h2>Reliable, Safe, and Comfortable<\/h2>\r\n      <p>\r\n        Arcotis escalators are engineered with the latest technology to provide long-lasting and smooth service. Whether it's for \r\n        high-traffic commercial areas or public infrastructure, Arcotis escalators are the ideal solution for vertical transportation. \r\n        Our escalators are designed for safety, energy efficiency, and a smooth operation, all while seamlessly blending into the \r\n        architecture of the space.\r\n      <\/p>\r\n      <ul>\r\n        <li><i class=\"fas fa-cogs\"><\/i>Energy-efficient motors and drive systems<\/li>\r\n        <li><i class=\"fas fa-shield-alt\"><\/i>Advanced safety systems including emergency stop and alarms<\/li>\r\n        <li><i class=\"fas fa-paint-roller\"><\/i>Customizable finishes to match architectural design<\/li>\r\n        <li><i class=\"fas fa-volume-up\"><\/i>Quiet and smooth operation for minimal disruption<\/li>\r\n        <li><i class=\"fas fa-check-circle\"><\/i>Compliant with international safety standards<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <script>\r\n    (function () {\r\n      var reveals = document.querySelectorAll('.arc-lift-reveal');\r\n      if (!('IntersectionObserver' in window)) {\r\n        reveals.forEach(function (el) { el.classList.add('is-visible'); });\r\n        return;\r\n      }\r\n\r\n      var observer = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.14,\r\n        rootMargin: '0px 0px -40px 0px'\r\n      });\r\n\r\n      reveals.forEach(function (el) {\r\n        observer.observe(el);\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d85eacb elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d85eacb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>ARCOTIS - Escalators & Specialized Mobility Systems<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===== RESET & BASE ===== *\/\r\n    .arc-eshm-premium,\r\n    .arc-eshm-premium * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .arc-eshm-premium {\r\n      --arc-red: #9d1f2d;\r\n      --arc-red-light: #c4374a;\r\n      --arc-red-dark: #6f111b;\r\n      --arc-red-glow: rgba(157,31,45,0.4);\r\n      --arc-gold: #c9a96e;\r\n      --arc-gold-light: #e2cc9c;\r\n      --arc-gold-pale: #f5ecd7;\r\n      --arc-blue: #13233b;\r\n      --arc-blue-2: #1b2e49;\r\n      --arc-blue-soft: rgba(19,35,59,0.72);\r\n      --arc-white: #ffffff;\r\n      --arc-off: #fbf8f4;\r\n      --arc-cream: #fdfbf9;\r\n      --arc-text: #5e6878;\r\n      --arc-border: rgba(19,35,59,0.08);\r\n      --arc-border-gold: rgba(201,169,110,0.2);\r\n      --arc-shadow-soft: 0 20px 50px rgba(19,35,59,0.08);\r\n      --arc-shadow-medium: 0 30px 70px rgba(19,35,59,0.12);\r\n      --arc-shadow-strong: 0 40px 90px rgba(19,35,59,0.16);\r\n\r\n      font-family: \"Manrope\", -apple-system, BlinkMacSystemFont, sans-serif;\r\n      background: var(--arc-white);\r\n      color: var(--arc-blue);\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n\r\n    .arc-eshm-premium img {\r\n      max-width: 100%;\r\n      display: block;\r\n    }\r\n\r\n    .arc-eshm-premium a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n    }\r\n\r\n    \/* ===== COMMON SECTION STYLES ===== *\/\r\n    .arc-eshm__section {\r\n      position: relative;\r\n      padding: 130px 24px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arc-eshm__section--light {\r\n      background: var(--arc-white);\r\n    }\r\n\r\n    .arc-eshm__section--soft {\r\n      background: linear-gradient(180deg, #fdfbf8 0%, #f7f2ea 100%);\r\n    }\r\n\r\n    .arc-eshm__section--dark {\r\n      background: linear-gradient(135deg, #0e1728 0%, #13233b 52%, #1c3150 100%);\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    .arc-eshm__wrap {\r\n      position: relative;\r\n      z-index: 10;\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ===== BACKGROUND EFFECTS ===== *\/\r\n    .arc-eshm__bg-effects {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arc-eshm__bg-gradient {\r\n      position: absolute;\r\n      inset: 0;\r\n    }\r\n\r\n    .arc-eshm__section--light .arc-eshm__bg-gradient {\r\n      background:\r\n        radial-gradient(ellipse 70% 50% at 5% 20%, rgba(157,31,45,0.04), transparent 50%),\r\n        radial-gradient(ellipse 60% 40% at 95% 80%, rgba(201,169,110,0.05), transparent 50%);\r\n    }\r\n\r\n    .arc-eshm__section--soft .arc-eshm__bg-gradient {\r\n      background:\r\n        radial-gradient(ellipse 80% 60% at 10% 30%, rgba(157,31,45,0.03), transparent 55%),\r\n        radial-gradient(ellipse 70% 50% at 90% 70%, rgba(201,169,110,0.06), transparent 50%);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__bg-gradient {\r\n      background:\r\n        radial-gradient(ellipse 60% 50% at 10% 20%, rgba(157,31,45,0.18), transparent 50%),\r\n        radial-gradient(ellipse 50% 40% at 90% 15%, rgba(201,169,110,0.08), transparent 45%),\r\n        radial-gradient(ellipse 60% 35% at 50% 100%, rgba(0,0,0,0.35), transparent 60%);\r\n    }\r\n\r\n    .arc-eshm__bg-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.03;\r\n      background-image:\r\n        linear-gradient(rgba(19,35,59,0.4) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(19,35,59,0.4) 1px, transparent 1px);\r\n      background-size: 80px 80px;\r\n      mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 0%, transparent 70%);\r\n      -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 0%, transparent 70%);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__bg-pattern {\r\n      opacity: 0.04;\r\n      background-image:\r\n        linear-gradient(rgba(255,255,255,0.3) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.3) 1px, transparent 1px);\r\n    }\r\n\r\n    .arc-eshm__bg-noise {\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.02;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* Floating Glows *\/\r\n    .arc-eshm__glow {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(100px);\r\n      animation: arcEshmGlowFloat 30s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__glow--1 {\r\n      width: 450px;\r\n      height: 450px;\r\n      top: -15%;\r\n      right: -10%;\r\n      background: rgba(157,31,45,0.08);\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .arc-eshm__glow--2 {\r\n      width: 400px;\r\n      height: 400px;\r\n      bottom: -10%;\r\n      left: -8%;\r\n      background: rgba(201,169,110,0.1);\r\n      animation-delay: -10s;\r\n    }\r\n\r\n    .arc-eshm__glow--3 {\r\n      width: 350px;\r\n      height: 350px;\r\n      top: 50%;\r\n      left: 40%;\r\n      background: rgba(157,31,45,0.05);\r\n      animation-delay: -20s;\r\n    }\r\n\r\n    @keyframes arcEshmGlowFloat {\r\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }\r\n      33% { transform: translate(50px, -40px) scale(1.2); opacity: 0.7; }\r\n      66% { transform: translate(-40px, 50px) scale(0.85); opacity: 0.4; }\r\n    }\r\n\r\n    \/* Floating Particles *\/\r\n    .arc-eshm__particles {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .arc-eshm__particle {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      animation: arcEshmParticleFloat 28s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__particle--1 {\r\n      width: 5px;\r\n      height: 5px;\r\n      top: 12%;\r\n      left: 8%;\r\n      background: radial-gradient(circle, var(--arc-gold), transparent);\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .arc-eshm__particle--2 {\r\n      width: 4px;\r\n      height: 4px;\r\n      top: 25%;\r\n      right: 12%;\r\n      background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n      animation-delay: -5s;\r\n    }\r\n\r\n    .arc-eshm__particle--3 {\r\n      width: 6px;\r\n      height: 6px;\r\n      top: 55%;\r\n      left: 5%;\r\n      background: radial-gradient(circle, var(--arc-gold-light), transparent);\r\n      animation-delay: -10s;\r\n    }\r\n\r\n    .arc-eshm__particle--4 {\r\n      width: 4px;\r\n      height: 4px;\r\n      top: 70%;\r\n      right: 8%;\r\n      background: radial-gradient(circle, var(--arc-red), transparent);\r\n      animation-delay: -15s;\r\n    }\r\n\r\n    .arc-eshm__particle--5 {\r\n      width: 5px;\r\n      height: 5px;\r\n      bottom: 15%;\r\n      left: 18%;\r\n      background: radial-gradient(circle, var(--arc-gold), transparent);\r\n      animation-delay: -20s;\r\n    }\r\n\r\n    .arc-eshm__particle--6 {\r\n      width: 3px;\r\n      height: 3px;\r\n      top: 40%;\r\n      right: 25%;\r\n      background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n      animation-delay: -25s;\r\n    }\r\n\r\n    @keyframes arcEshmParticleFloat {\r\n      0%, 100% { \r\n        transform: translate(0, 0) scale(1); \r\n        opacity: 0.2;\r\n      }\r\n      25% { \r\n        transform: translate(25px, -40px) scale(1.4); \r\n        opacity: 0.8;\r\n      }\r\n      50% { \r\n        transform: translate(-18px, -65px) scale(0.6); \r\n        opacity: 0.35;\r\n      }\r\n      75% { \r\n        transform: translate(35px, -25px) scale(1.15); \r\n        opacity: 0.6;\r\n      }\r\n    }\r\n\r\n    \/* Geometric Decorations *\/\r\n    .arc-eshm__geo {\r\n      position: absolute;\r\n      pointer-events: none;\r\n      opacity: 0.06;\r\n    }\r\n\r\n    .arc-eshm__geo--left {\r\n      left: 2%;\r\n      top: 25%;\r\n      width: 160px;\r\n      height: 160px;\r\n    }\r\n\r\n    .arc-eshm__geo--right {\r\n      right: 2%;\r\n      bottom: 20%;\r\n      width: 180px;\r\n      height: 180px;\r\n    }\r\n\r\n    .arc-eshm__geo-ring {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      border-radius: 50%;\r\n      border: 1px solid var(--arc-gold);\r\n    }\r\n\r\n    .arc-eshm__geo-ring--1 {\r\n      width: 140px;\r\n      height: 140px;\r\n      transform: translate(-50%, -50%);\r\n      animation: arcEshmGeoSpin 70s linear infinite;\r\n    }\r\n\r\n    .arc-eshm__geo-ring--2 {\r\n      width: 90px;\r\n      height: 90px;\r\n      transform: translate(-50%, -50%);\r\n      animation: arcEshmGeoSpin 50s linear infinite reverse;\r\n    }\r\n\r\n    .arc-eshm__geo-diamond {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 35px;\r\n      height: 35px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: translate(-50%, -50%) rotate(45deg);\r\n      animation: arcEshmDiamondPulse 8s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__geo-ring,\r\n    .arc-eshm__section--dark .arc-eshm__geo-diamond {\r\n      border-color: var(--arc-gold-light);\r\n    }\r\n\r\n    @keyframes arcEshmGeoSpin {\r\n      0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n      100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    @keyframes arcEshmDiamondPulse {\r\n      0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(1); opacity: 1; }\r\n      50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.25); opacity: 0.4; }\r\n    }\r\n\r\n    \/* Corner Flourishes *\/\r\n    .arc-eshm__corner {\r\n      position: absolute;\r\n      width: 90px;\r\n      height: 90px;\r\n      pointer-events: none;\r\n      opacity: 0.12;\r\n    }\r\n\r\n    .arc-eshm__corner--tl {\r\n      top: 40px;\r\n      left: 40px;\r\n    }\r\n\r\n    .arc-eshm__corner--br {\r\n      bottom: 40px;\r\n      right: 40px;\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .arc-eshm__corner-h {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 55px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-eshm__corner-v {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 1px;\r\n      height: 55px;\r\n      background: linear-gradient(180deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-eshm__corner-dot {\r\n      position: absolute;\r\n      top: 16px;\r\n      left: 16px;\r\n      width: 6px;\r\n      height: 6px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n      animation: arcEshmCornerPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__corner-h,\r\n    .arc-eshm__section--dark .arc-eshm__corner-v,\r\n    .arc-eshm__section--dark .arc-eshm__corner-dot {\r\n      border-color: var(--arc-gold-light);\r\n      background: linear-gradient(90deg, var(--arc-gold-light), transparent);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__corner-v {\r\n      background: linear-gradient(180deg, var(--arc-gold-light), transparent);\r\n    }\r\n\r\n    @keyframes arcEshmCornerPulse {\r\n      0%, 100% { opacity: 0.4; transform: rotate(45deg) scale(1); }\r\n      50% { opacity: 1; transform: rotate(45deg) scale(1.4); }\r\n    }\r\n\r\n    \/* ===== COMMON ELEMENTS ===== *\/\r\n    \/* Eyebrow Badge *\/\r\n    .arc-eshm__eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      padding: 12px 22px 12px 16px;\r\n      border-radius: 100px;\r\n      border: 1px solid var(--arc-border-gold);\r\n      background: linear-gradient(135deg, rgba(201,169,110,0.1), rgba(255,255,255,0.96));\r\n      margin-bottom: 22px;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__eyebrow {\r\n      background: linear-gradient(135deg, rgba(201,169,110,0.12), rgba(255,255,255,0.03));\r\n      border-color: rgba(201,169,110,0.18);\r\n    }\r\n\r\n    .arc-eshm__eyebrow-icon {\r\n      position: relative;\r\n      width: 26px;\r\n      height: 26px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-eshm__eyebrow-ring {\r\n      position: absolute;\r\n      inset: 0;\r\n      border: 1px solid var(--arc-gold);\r\n      border-radius: 50%;\r\n      animation: arcEshmEyebrowRingPulse 3s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__eyebrow-ring--inner {\r\n      inset: 5px;\r\n      animation-delay: 0.3s;\r\n    }\r\n\r\n    @keyframes arcEshmEyebrowRingPulse {\r\n      0%, 100% { opacity: 0.25; transform: scale(1); }\r\n      50% { opacity: 0.75; transform: scale(1.1); }\r\n    }\r\n\r\n    .arc-eshm__eyebrow-dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--arc-red);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 15px var(--arc-red-glow);\r\n      animation: arcEshmDotGlow 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcEshmDotGlow {\r\n      0%, 100% { box-shadow: 0 0 8px var(--arc-red-glow); }\r\n      50% { box-shadow: 0 0 22px var(--arc-red-glow), 0 0 35px rgba(157,31,45,0.25); }\r\n    }\r\n\r\n    .arc-eshm__eyebrow-text {\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.2em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-gold);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__eyebrow-text {\r\n      color: var(--arc-gold-light);\r\n    }\r\n\r\n    \/* Title *\/\r\n    .arc-eshm__title {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(36px, 4.5vw, 66px);\r\n      line-height: 1.05;\r\n      font-weight: 600;\r\n      letter-spacing: -0.03em;\r\n      color: var(--arc-blue);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__title {\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    .arc-eshm__title em {\r\n      font-style: italic;\r\n      font-weight: 500;\r\n      background: linear-gradient(135deg, var(--arc-gold) 0%, var(--arc-gold-light) 50%, var(--arc-gold) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__title em {\r\n      background: linear-gradient(135deg, var(--arc-gold-light) 0%, var(--arc-gold) 50%, var(--arc-gold-light) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    \/* Divider *\/\r\n    .arc-eshm__divider {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      margin: 24px 0 26px;\r\n      width: 160px;\r\n    }\r\n\r\n    .arc-eshm__divider-line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), rgba(201,169,110,0.15));\r\n      position: relative;\r\n    }\r\n\r\n    .arc-eshm__divider-line::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: 0;\r\n      top: -2px;\r\n      width: 5px;\r\n      height: 5px;\r\n      background: var(--arc-gold);\r\n      border-radius: 50%;\r\n      animation: arcEshmDividerDotPulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-eshm__divider-line:last-child {\r\n      background: linear-gradient(90deg, rgba(201,169,110,0.15), transparent);\r\n    }\r\n\r\n    .arc-eshm__divider-line:last-child::after {\r\n      display: none;\r\n    }\r\n\r\n    @keyframes arcEshmDividerDotPulse {\r\n      0%, 100% { transform: scale(1); opacity: 1; }\r\n      50% { transform: scale(1.5); opacity: 0.4; }\r\n    }\r\n\r\n    .arc-eshm__divider-ornament {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n    }\r\n\r\n    .arc-eshm__divider-diamond {\r\n      width: 5px;\r\n      height: 5px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .arc-eshm__divider-diamond--center {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--arc-gold);\r\n      border: none;\r\n      animation: arcEshmCenterDiamondPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcEshmCenterDiamondPulse {\r\n      0%, 100% { transform: rotate(45deg) scale(1); }\r\n      50% { transform: rotate(45deg) scale(1.25); }\r\n    }\r\n\r\n    \/* Lead Text *\/\r\n    .arc-eshm__lead {\r\n      font-size: 17px;\r\n      line-height: 1.9;\r\n      color: var(--arc-text);\r\n      max-width: 720px;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__lead {\r\n      color: rgba(255,255,255,0.82);\r\n    }\r\n\r\n    .arc-eshm__lead-highlight {\r\n      color: var(--arc-blue);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__lead-highlight {\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    \/* Button Row *\/\r\n    .arc-eshm__btn-row {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n      margin-top: 32px;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    .arc-eshm__btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-width: 200px;\r\n      min-height: 60px;\r\n      padding: 16px 32px;\r\n      border-radius: 100px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm__btn--primary {\r\n      color: var(--arc-white);\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      border: 1px solid rgba(255,255,255,0.1);\r\n      box-shadow: 0 18px 45px rgba(157,31,45,0.28);\r\n    }\r\n\r\n    .arc-eshm__btn--primary::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, var(--arc-red-light), var(--arc-red));\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      border-radius: 100px;\r\n    }\r\n\r\n    .arc-eshm__btn--primary:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm__btn--primary:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 25px 60px rgba(157,31,45,0.38);\r\n    }\r\n\r\n    .arc-eshm__btn--ghost {\r\n      color: var(--arc-blue);\r\n      background: var(--arc-white);\r\n      border: 1px solid var(--arc-border);\r\n      box-shadow: 0 12px 35px rgba(19,35,59,0.08);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__btn--ghost {\r\n      color: var(--arc-white);\r\n      background: rgba(255,255,255,0.06);\r\n      border-color: var(--arc-border-gold);\r\n      backdrop-filter: blur(15px);\r\n      -webkit-backdrop-filter: blur(15px);\r\n    }\r\n\r\n    .arc-eshm__btn--ghost:hover {\r\n      transform: translateY(-4px);\r\n      border-color: var(--arc-border-gold);\r\n      box-shadow: 0 20px 50px rgba(19,35,59,0.12);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm__btn--ghost:hover {\r\n      background: rgba(255,255,255,0.1);\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .arc-eshm__btn-text,\r\n    .arc-eshm__btn-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n      color:white;\r\n    }\r\n\r\n    .arc-eshm__btn-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm__btn:hover .arc-eshm__btn-icon {\r\n      transform: translateX(5px);\r\n    }\r\n\r\n    .arc-eshm__btn-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      fill: none;\r\n    }\r\n\r\n    .arc-eshm__btn-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n      transform: skewX(-20deg);\r\n      animation: arcEshmBtnShimmer 6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcEshmBtnShimmer {\r\n      0% { left: -150%; }\r\n      18%, 100% { left: 150%; }\r\n    }\r\n\r\n    \/* ===== ENHANCED GRID SECTION ===== *\/\r\n    .arc-eshm-grid__head {\r\n      text-align: center;\r\n      max-width: 880px;\r\n      margin: 0 auto 55px;\r\n    }\r\n\r\n    .arc-eshm-grid__head .arc-eshm__divider {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-eshm-grid__head .arc-eshm__lead {\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* ENHANCED BENTO GRID LAYOUT *\/\r\n    .arc-eshm-grid__cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .arc-eshm-grid__card {\r\n      position: relative;\r\n      border-radius: 26px;\r\n      overflow: hidden;\r\n      box-shadow: var(--arc-shadow-soft);\r\n      transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n      cursor: pointer;\r\n      min-height: 520px;\r\n    }\r\n\r\n    .arc-eshm-grid__card:nth-child(1),\r\n    .arc-eshm-grid__card:nth-child(2) {\r\n      grid-column: span 1;\r\n      grid-row: span 1;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover {\r\n      transform: translateY(-12px) scale(1.02);\r\n      box-shadow: var(--arc-shadow-strong);\r\n      z-index: 10;\r\n    }\r\n\r\n    .arc-eshm-grid__card-glow {\r\n      position: absolute;\r\n      top: -100%;\r\n      left: -100%;\r\n      width: 300%;\r\n      height: 300%;\r\n      background: radial-gradient(circle at center, rgba(201,169,110,0.1), transparent 35%);\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n      z-index: 3;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__card-glow {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-grid__card-border {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 26px;\r\n      padding: 1px;\r\n      background: linear-gradient(135deg, transparent, rgba(201,169,110,0.6), transparent);\r\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n      z-index: 4;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__card-border {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-grid__card-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n      transform: skewX(-20deg);\r\n      z-index: 5;\r\n      pointer-events: none;\r\n      animation: arcEshmCardShimmer 10s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcEshmCardShimmer {\r\n      0% { left: -150%; }\r\n      10%, 100% { left: 150%; }\r\n    }\r\n\r\n    .arc-eshm-grid__card-index {\r\n      position: absolute;\r\n      top: 18px;\r\n      right: 18px;\r\n      width: 48px;\r\n      height: 48px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(255,255,255,0.95);\r\n      border: 2px solid rgba(201,169,110,0.3);\r\n      border-radius: 50%;\r\n      z-index: 10;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow: 0 8px 24px rgba(0,0,0,0.15);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__card-index {\r\n      transform: scale(1.15) rotate(-8deg);\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      border-color: transparent;\r\n      box-shadow: 0 12px 30px rgba(157,31,45,0.4);\r\n    }\r\n\r\n    .arc-eshm-grid__card-index span {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      color: var(--arc-red);\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__card-index span {\r\n      color: white;\r\n    }\r\n\r\n    .arc-eshm-grid__card img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover img {\r\n      transform: scale(1.12);\r\n      filter: brightness(1.05);\r\n    }\r\n\r\n    .arc-eshm-grid__overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0.02) 0%, rgba(19,35,59,0.15) 35%, rgba(10,16,28,0.92) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.1), transparent 50%, rgba(201,169,110,0.06));\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__overlay {\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0) 0%, rgba(19,35,59,0.08) 35%, rgba(10,16,28,0.88) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.18), transparent 50%, rgba(201,169,110,0.1));\r\n    }\r\n\r\n    .arc-eshm-grid__content {\r\n      position: absolute;\r\n      inset: auto 0 0 0;\r\n      z-index: 6;\r\n      padding: 28px 24px 26px;\r\n      transform: translateY(10px);\r\n      opacity: 0.9;\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-grid__content-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px 14px;\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.25), rgba(157,31,45,0.15));\r\n      border: 1px solid rgba(201,169,110,0.3);\r\n      border-radius: 100px;\r\n      margin-bottom: 14px;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-gold-light);\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content-tag {\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.4), rgba(157,31,45,0.25));\r\n      border-color: rgba(201,169,110,0.5);\r\n    }\r\n\r\n    .arc-eshm-grid__content-tag-dot {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--arc-gold-light);\r\n      border-radius: 50%;\r\n      animation: arcEshmTagDotPulse 2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcEshmTagDotPulse {\r\n      0%, 100% { opacity: 0.4; transform: scale(1); }\r\n      50% { opacity: 1; transform: scale(1.6); }\r\n    }\r\n\r\n    .arc-eshm-grid__content h3 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 32px;\r\n      line-height: 1.1;\r\n      color: var(--arc-white);\r\n      margin-bottom: 12px;\r\n      font-weight: 600;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:nth-child(1) .arc-eshm-grid__content h3 {\r\n      font-size: 42px;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content h3 {\r\n      color: var(--arc-gold-light);\r\n      text-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .arc-eshm-grid__content-divider {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      width: 60px;\r\n      margin-bottom: 12px;\r\n      transition: width 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content-divider {\r\n      width: 80px;\r\n    }\r\n\r\n    .arc-eshm-grid__content-divider span {\r\n      flex: 1;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--arc-gold-light), transparent);\r\n    }\r\n\r\n    .arc-eshm-grid__content-divider i {\r\n      width: 6px;\r\n      height: 6px;\r\n      border: 1px solid var(--arc-gold-light);\r\n      transform: rotate(45deg);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content-divider i {\r\n      background: var(--arc-gold-light);\r\n      transform: rotate(45deg) scale(1.2);\r\n    }\r\n\r\n    .arc-eshm-grid__content p {\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      color: rgba(255,255,255,0.85);\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      opacity: 0;\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__content p {\r\n      max-height: 100px;\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Always show description for first (large) card *\/\r\n    .arc-eshm-grid__card:nth-child(1) .arc-eshm-grid__content p {\r\n      max-height: 100px;\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-grid__card-arrow {\r\n      position: absolute;\r\n      bottom: 24px;\r\n      right: 24px;\r\n      width: 44px;\r\n      height: 44px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: linear-gradient(135deg, var(--arc-gold), var(--arc-gold-light));\r\n      border: none;\r\n      border-radius: 50%;\r\n      color: var(--arc-blue);\r\n      opacity: 0;\r\n      transform: translateX(-15px) scale(0.8);\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n      z-index: 10;\r\n      box-shadow: 0 8px 25px rgba(201,169,110,0.4);\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover .arc-eshm-grid__card-arrow {\r\n      opacity: 1;\r\n      transform: translateX(0) scale(1);\r\n    }\r\n\r\n    .arc-eshm-grid__card-arrow:hover {\r\n      transform: translateX(0) scale(1.1) !important;\r\n      box-shadow: 0 12px 35px rgba(201,169,110,0.6);\r\n    }\r\n\r\n    .arc-eshm-grid__card-arrow svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: currentColor;\r\n      stroke-width: 2.5;\r\n      fill: none;\r\n    }\r\n\r\n    \/* Decorative corner accents for cards *\/\r\n    .arc-eshm-grid__card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 80px;\r\n      height: 80px;\r\n      background: linear-gradient(135deg, rgba(201,169,110,0.15) 0%, transparent 50%);\r\n      z-index: 3;\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-grid__card:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* ===== DETAIL SECTION ===== *\/\r\n    .arc-eshm-detail {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n      gap: 50px;\r\n      align-items: center;\r\n    }\r\n\r\n    .arc-eshm-detail--reverse {\r\n      grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\r\n    }\r\n\r\n    .arc-eshm-detail__media {\r\n      position: relative;\r\n    }\r\n\r\n    .arc-eshm-detail__panel {\r\n      position: relative;\r\n      min-height: 650px;\r\n      border-radius: 32px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--arc-border);\r\n      box-shadow: var(--arc-shadow-medium);\r\n      background: #eee;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__panel {\r\n      border-color: rgba(201,169,110,0.15);\r\n      box-shadow: 0 30px 70px rgba(0,0,0,0.25);\r\n    }\r\n\r\n    .arc-eshm-detail__panel-glow {\r\n      position: absolute;\r\n      top: -100%;\r\n      left: -100%;\r\n      width: 300%;\r\n      height: 300%;\r\n      background: radial-gradient(circle at center, rgba(201,169,110,0.1), transparent 40%);\r\n      opacity: 0;\r\n      transition: opacity 0.6s ease;\r\n      pointer-events: none;\r\n      z-index: 3;\r\n    }\r\n\r\n    .arc-eshm-detail__panel:hover .arc-eshm-detail__panel-glow {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-detail__panel-border {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 32px;\r\n      padding: 1px;\r\n      background: linear-gradient(135deg, transparent, rgba(201,169,110,0.4), transparent);\r\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      opacity: 0;\r\n      transition: opacity 0.6s ease;\r\n      pointer-events: none;\r\n      z-index: 4;\r\n    }\r\n\r\n    .arc-eshm-detail__panel:hover .arc-eshm-detail__panel-border {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-detail__panel img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-eshm-detail__panel:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .arc-eshm-detail__panel::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0.02) 0%, rgba(19,35,59,0.12) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.15), transparent 50%, rgba(201,169,110,0.1));\r\n      transition: all 0.5s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__panel:hover::after {\r\n      background:\r\n        linear-gradient(180deg, rgba(19,35,59,0) 0%, rgba(19,35,59,0.08) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.2), transparent 50%, rgba(201,169,110,0.15));\r\n    }\r\n\r\n    .arc-eshm-detail__badge {\r\n      position: absolute;\r\n      left: 24px;\r\n      bottom: 24px;\r\n      z-index: 10;\r\n      padding: 16px 20px;\r\n      border-radius: 18px;\r\n      background: rgba(255,255,255,0.95);\r\n      border: 1px solid var(--arc-border);\r\n      box-shadow: 0 16px 35px rgba(19,35,59,0.15);\r\n      backdrop-filter: blur(15px);\r\n      -webkit-backdrop-filter: blur(15px);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__panel:hover .arc-eshm-detail__badge {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 22px 45px rgba(19,35,59,0.2);\r\n    }\r\n\r\n    .arc-eshm-detail__badge strong {\r\n      display: block;\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 26px;\r\n      line-height: 1.1;\r\n      color: var(--arc-blue);\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .arc-eshm-detail__badge span {\r\n      display: block;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-gold);\r\n    }\r\n\r\n    \/* Detail Cards *\/\r\n    .arc-eshm-detail__cards {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n      margin-top: 35px;\r\n    }\r\n\r\n    .arc-eshm-detail__card {\r\n      position: relative;\r\n      padding: 28px 26px;\r\n      border-radius: 24px;\r\n      background: linear-gradient(180deg, var(--arc-white), #fbf8f2);\r\n      border: 1px solid var(--arc-border);\r\n      box-shadow: 0 14px 35px rgba(19,35,59,0.06);\r\n      overflow: hidden;\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover {\r\n      transform: translateY(-6px);\r\n      border-color: var(--arc-border-gold);\r\n      box-shadow: 0 22px 50px rgba(19,35,59,0.1);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card {\r\n      background: rgba(255,255,255,0.04);\r\n      border-color: rgba(201,169,110,0.15);\r\n      box-shadow: none;\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card:hover {\r\n      background: rgba(255,255,255,0.07);\r\n      border-color: rgba(201,169,110,0.25);\r\n    }\r\n\r\n    .arc-eshm-detail__card-glow {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--arc-red), var(--arc-gold));\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover .arc-eshm-detail__card-glow {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .arc-eshm-detail__card-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n      transform: skewX(-20deg);\r\n      pointer-events: none;\r\n      transition: left 0.8s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover .arc-eshm-detail__card-shimmer {\r\n      left: 150%;\r\n    }\r\n\r\n    .arc-eshm-detail__card-num {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 52px;\r\n      height: 52px;\r\n      margin-bottom: 16px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.1), rgba(201,169,110,0.15));\r\n      border: 1px solid var(--arc-border-gold);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover .arc-eshm-detail__card-num {\r\n      transform: scale(1.1);\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.15), rgba(201,169,110,0.22));\r\n    }\r\n\r\n    .arc-eshm-detail__card-num span {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 20px;\r\n      font-weight: 600;\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card-num span {\r\n      color: var(--arc-gold-light);\r\n    }\r\n\r\n    .arc-eshm-detail__card-num-ring {\r\n      position: absolute;\r\n      inset: -5px;\r\n      border: 1px solid var(--arc-border-gold);\r\n      border-radius: 50%;\r\n      opacity: 0;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover .arc-eshm-detail__card-num-ring {\r\n      opacity: 1;\r\n      inset: -8px;\r\n    }\r\n\r\n    .arc-eshm-detail__mini {\r\n      display: inline-block;\r\n      margin-bottom: 8px;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.16em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-gold);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__mini {\r\n      color: var(--arc-gold-light);\r\n    }\r\n\r\n    .arc-eshm-detail__card h3 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 30px;\r\n      line-height: 1.1;\r\n      color: var(--arc-blue);\r\n      margin-bottom: 10px;\r\n      font-weight: 600;\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover h3 {\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card h3 {\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card:hover h3 {\r\n      color: var(--arc-gold-light);\r\n    }\r\n\r\n    .arc-eshm-detail__card-divider {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      width: 60px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .arc-eshm-detail__card-divider span {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-eshm-detail__card-divider i {\r\n      width: 4px;\r\n      height: 4px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .arc-eshm-detail__card p {\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      color: var(--arc-text);\r\n    }\r\n\r\n    .arc-eshm__section--dark .arc-eshm-detail__card p {\r\n      color: rgba(255,255,255,0.75);\r\n    }\r\n\r\n    .arc-eshm-detail__card-icon {\r\n      position: absolute;\r\n      top: 24px;\r\n      right: 24px;\r\n      width: 24px;\r\n      height: 24px;\r\n      color: var(--arc-gold);\r\n      opacity: 0.2;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-detail__card:hover .arc-eshm-detail__card-icon {\r\n      opacity: 0.5;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .arc-eshm-detail__card-icon svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      stroke: currentColor;\r\n      stroke-width: 1.5;\r\n      fill: none;\r\n    }\r\n\r\n    \/* ===== WHY SECTION ===== *\/\r\n    .arc-eshm-why__head {\r\n      max-width: 820px;\r\n      margin: 0 auto 55px;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-eshm-why__head .arc-eshm__divider {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-eshm-why__head .arc-eshm__lead {\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-eshm-why__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 22px;\r\n    }\r\n\r\n    .arc-eshm-why__card {\r\n      position: relative;\r\n      padding: 32px 26px 28px;\r\n      border-radius: 26px;\r\n      background: linear-gradient(180deg, var(--arc-white), #fbf8f3);\r\n      border: 1px solid var(--arc-border);\r\n      box-shadow: 0 18px 45px rgba(19,35,59,0.06);\r\n      overflow: hidden;\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm-why__card:hover {\r\n      transform: translateY(-10px);\r\n      border-color: var(--arc-border-gold);\r\n      box-shadow: 0 28px 65px rgba(19,35,59,0.12);\r\n    }\r\n\r\n    .arc-eshm-why__card-glow {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, var(--arc-red), var(--arc-gold));\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-eshm-why__card:hover .arc-eshm-why__card-glow {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .arc-eshm-why__card-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\r\n      transform: skewX(-20deg);\r\n      pointer-events: none;\r\n      transition: left 0.8s ease;\r\n    }\r\n\r\n    .arc-eshm-why__card:hover .arc-eshm-why__card-shimmer {\r\n      left: 150%;\r\n    }\r\n\r\n    .arc-eshm-why__icon {\r\n      position: relative;\r\n      width: 62px;\r\n      height: 62px;\r\n      border-radius: 20px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 20px;\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      color: var(--arc-white);\r\n      box-shadow: 0 16px 35px rgba(157,31,45,0.28);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-why__card:hover .arc-eshm-why__icon {\r\n      transform: scale(1.08) rotate(-4deg);\r\n      box-shadow: 0 20px 45px rgba(157,31,45,0.35);\r\n    }\r\n\r\n    .arc-eshm-why__icon-ring {\r\n      position: absolute;\r\n      inset: -5px;\r\n      border: 1px solid rgba(157,31,45,0.2);\r\n      border-radius: 24px;\r\n      opacity: 0;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-why__card:hover .arc-eshm-why__icon-ring {\r\n      opacity: 1;\r\n      inset: -10px;\r\n      border-radius: 28px;\r\n    }\r\n\r\n    .arc-eshm-why__icon svg {\r\n      width: 26px;\r\n      height: 26px;\r\n      stroke: currentColor;\r\n      stroke-width: 1.8;\r\n      fill: none;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-eshm-why__card h3 {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 28px;\r\n      line-height: 1.1;\r\n      color: var(--arc-blue);\r\n      margin-bottom: 10px;\r\n      font-weight: 600;\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-why__card:hover h3 {\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    .arc-eshm-why__card-divider {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      width: 55px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .arc-eshm-why__card-divider span {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-eshm-why__card-divider i {\r\n      width: 4px;\r\n      height: 4px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .arc-eshm-why__card p {\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n      color: var(--arc-text);\r\n    }\r\n\r\n    \/* ===== CTA SECTION ===== *\/\r\n    .arc-eshm-cta__box {\r\n      position: relative;\r\n      border-radius: 36px;\r\n      overflow: hidden;\r\n      min-height: 380px;\r\n      border: 1px solid var(--arc-border-gold);\r\n      box-shadow: 0 35px 80px rgba(19,35,59,0.18);\r\n    }\r\n\r\n    .arc-eshm-cta__box-glow {\r\n      position: absolute;\r\n      top: -100%;\r\n      left: -100%;\r\n      width: 300%;\r\n      height: 300%;\r\n      background: radial-gradient(circle at center, rgba(201,169,110,0.1), transparent 40%);\r\n      opacity: 0;\r\n      transition: opacity 0.6s ease;\r\n      pointer-events: none;\r\n      z-index: 3;\r\n    }\r\n\r\n    .arc-eshm-cta__box:hover .arc-eshm-cta__box-glow {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-eshm-cta__box img {\r\n      position: absolute;\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-eshm-cta__box:hover img {\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .arc-eshm-cta__overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n      background:\r\n        linear-gradient(100deg, rgba(9,13,22,0.94) 0%, rgba(25,38,60,0.84) 42%, rgba(157,31,45,0.52) 100%),\r\n        linear-gradient(145deg, rgba(157,31,45,0.28), transparent 50%, rgba(201,169,110,0.12));\r\n    }\r\n\r\n    .arc-eshm-cta__content {\r\n      position: relative;\r\n      z-index: 10;\r\n      max-width: 820px;\r\n      padding: 55px 50px;\r\n    }\r\n\r\n    .arc-eshm-cta__title {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(36px, 4.8vw, 62px);\r\n      line-height: 1.05;\r\n      font-weight: 600;\r\n      letter-spacing: -0.03em;\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    .arc-eshm-cta__title em {\r\n      font-style: italic;\r\n      font-weight: 500;\r\n      background: linear-gradient(135deg, var(--arc-gold-light), var(--arc-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n    }\r\n\r\n    .arc-eshm-cta__text {\r\n      margin-top: 22px;\r\n      max-width: 660px;\r\n      font-size: 17px;\r\n      line-height: 1.9;\r\n      color: rgba(255,255,255,0.82);\r\n    }\r\n\r\n    .arc-eshm-cta__stats {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 12px;\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .arc-eshm-cta__stat {\r\n      padding: 11px 16px;\r\n      border-radius: 100px;\r\n      border: 1px solid rgba(201,169,110,0.22);\r\n      background: rgba(255,255,255,0.06);\r\n      color: var(--arc-gold-light);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.08em;\r\n      text-transform: uppercase;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-eshm-cta__stat:hover {\r\n      background: rgba(255,255,255,0.12);\r\n      border-color: rgba(201,169,110,0.35);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    \/* ===== REVEAL ANIMATIONS ===== *\/\r\n    .arc-eshm__reveal {\r\n      opacity: 0;\r\n      transform: translateY(50px);\r\n      transition:\r\n        opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\r\n        transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .arc-eshm__reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .arc-eshm__reveal.delay-1 { transition-delay: 0.1s; }\r\n    .arc-eshm__reveal.delay-2 { transition-delay: 0.2s; }\r\n    .arc-eshm__reveal.delay-3 { transition-delay: 0.3s; }\r\n    .arc-eshm__reveal.delay-4 { transition-delay: 0.4s; }\r\n    .arc-eshm__reveal.delay-5 { transition-delay: 0.5s; }\r\n\r\n    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width: 1280px) {\r\n      .arc-eshm__section {\r\n        padding: 100px 20px;\r\n      }\r\n\r\n      .arc-eshm-grid__cards {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .arc-eshm-grid__card:nth-child(1),\r\n      .arc-eshm-grid__card:nth-child(2) {\r\n        grid-column: span 1;\r\n        grid-row: span 1;\r\n        min-height: 460px;\r\n      }\r\n\r\n      .arc-eshm__geo {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .arc-eshm-detail,\r\n      .arc-eshm-detail--reverse {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n      }\r\n\r\n      .arc-eshm-why__grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n      }\r\n\r\n      .arc-eshm-grid__cards {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-template-rows: auto;\r\n      }\r\n\r\n      .arc-eshm-grid__card:nth-child(1),\r\n      .arc-eshm-grid__card:nth-child(2) {\r\n        grid-column: span 1;\r\n        min-height: 380px;\r\n      }\r\n\r\n      .arc-eshm-grid__card:nth-child(1) .arc-eshm-grid__content h3,\r\n      .arc-eshm-grid__card:nth-child(2) .arc-eshm-grid__content h3 {\r\n        font-size: 36px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .arc-eshm__section {\r\n        padding: 80px 16px;\r\n      }\r\n\r\n      .arc-eshm__title {\r\n        font-size: clamp(32px, 9vw, 46px);\r\n      }\r\n\r\n      .arc-eshm__lead {\r\n        font-size: 15px;\r\n        line-height: 1.8;\r\n      }\r\n\r\n      .arc-eshm__btn-row {\r\n        flex-direction: column;\r\n      }\r\n\r\n      .arc-eshm__btn {\r\n        width: 100%;\r\n      }\r\n\r\n      .arc-eshm-grid__cards {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n      }\r\n\r\n      .arc-eshm-grid__card,\r\n      .arc-eshm-grid__card:nth-child(1),\r\n      .arc-eshm-grid__card:nth-child(2) {\r\n        grid-column: span 1;\r\n        min-height: 350px;\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .arc-eshm-grid__content h3,\r\n      .arc-eshm-grid__card:nth-child(1) .arc-eshm-grid__content h3,\r\n      .arc-eshm-grid__card:nth-child(2) .arc-eshm-grid__content h3 {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .arc-eshm-grid__content p {\r\n        max-height: 100px;\r\n        opacity: 1;\r\n      }\r\n\r\n      .arc-eshm-detail__panel {\r\n        min-height: 420px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .arc-eshm-why__grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .arc-eshm-cta__box {\r\n        min-height: 320px;\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .arc-eshm-cta__content {\r\n        padding: 35px 24px;\r\n      }\r\n\r\n      .arc-eshm-cta__title {\r\n        font-size: clamp(28px, 8vw, 40px);\r\n      }\r\n\r\n      .arc-eshm__corner {\r\n        display: none;\r\n      }\r\n\r\n      .arc-eshm-detail__card h3,\r\n      .arc-eshm-why__card h3 {\r\n        font-size: 26px;\r\n      }\r\n\r\n      .arc-eshm-grid__card-arrow {\r\n        opacity: 1;\r\n        transform: translateX(0) scale(0.9);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .arc-eshm__eyebrow {\r\n        padding: 10px 16px;\r\n        gap: 10px;\r\n      }\r\n\r\n      .arc-eshm__eyebrow-text {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .arc-eshm__title {\r\n        font-size: clamp(28px, 8.5vw, 38px);\r\n      }\r\n\r\n      .arc-eshm-detail__badge {\r\n        left: 16px;\r\n        bottom: 16px;\r\n        padding: 12px 16px;\r\n      }\r\n\r\n      .arc-eshm-detail__badge strong {\r\n        font-size: 22px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .arc-eshm__glow,\r\n      .arc-eshm__particle,\r\n      .arc-eshm__geo-ring,\r\n      .arc-eshm__geo-diamond,\r\n      .arc-eshm__corner-dot,\r\n      .arc-eshm__eyebrow-ring,\r\n      .arc-eshm__eyebrow-dot,\r\n      .arc-eshm__divider-line::after,\r\n      .arc-eshm__divider-diamond--center,\r\n      .arc-eshm__btn-shimmer,\r\n      .arc-eshm-grid__card-shimmer,\r\n      .arc-eshm-detail__card-shimmer,\r\n      .arc-eshm-why__card-shimmer,\r\n      .arc-eshm__reveal {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .arc-eshm__reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n      }\r\n\r\n      .arc-eshm-grid__card,\r\n      .arc-eshm-grid__card img,\r\n      .arc-eshm-detail__panel,\r\n      .arc-eshm-detail__panel img,\r\n      .arc-eshm-detail__card,\r\n      .arc-eshm-why__card,\r\n      .arc-eshm-cta__box img,\r\n      .arc-eshm__btn {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"arc-eshm-premium\">\r\n\r\n  <!-- ===== CARD GRID ===== -->\r\n  <section class=\"arc-eshm__section arc-eshm__section--light\" id=\"sub-items\">\r\n    <div class=\"arc-eshm__bg-effects\">\r\n      <div class=\"arc-eshm__bg-gradient\"><\/div>\r\n      <div class=\"arc-eshm__bg-pattern\"><\/div>\r\n      <div class=\"arc-eshm__bg-noise\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--1\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__particles\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--1\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--2\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--3\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--4\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--tl\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--br\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__wrap\">\r\n      <div class=\"arc-eshm-grid__head arc-eshm__reveal\">\r\n        <div class=\"arc-eshm__eyebrow\">\r\n          <div class=\"arc-eshm__eyebrow-icon\">\r\n            <div class=\"arc-eshm__eyebrow-ring\"><\/div>\r\n            <div class=\"arc-eshm__eyebrow-ring arc-eshm__eyebrow-ring--inner\"><\/div>\r\n            <div class=\"arc-eshm__eyebrow-dot\"><\/div>\r\n          <\/div>\r\n          <span class=\"arc-eshm__eyebrow-text\">Solutions Snapshot<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"arc-eshm__title\">Explore our <em>mobility categories<\/em><\/h2>\r\n\r\n        <div class=\"arc-eshm__divider\">\r\n          <span class=\"arc-eshm__divider-line\"><\/span>\r\n          <span class=\"arc-eshm__divider-ornament\">\r\n            <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n            <i class=\"arc-eshm__divider-diamond arc-eshm__divider-diamond--center\"><\/i>\r\n            <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n          <\/span>\r\n          <span class=\"arc-eshm__divider-line\"><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"arc-eshm__lead\">\r\n          Premium <span class=\"arc-eshm__lead-highlight\">people-flow<\/span> and specialized system solutions created for commercial, public, parking, and marine environments.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"arc-eshm-grid__cards\">\r\n        <article class=\"arc-eshm-grid__card arc-eshm__reveal delay-1\">\r\n          <div class=\"arc-eshm-grid__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-border\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-index\"><span>01<\/span><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/pexels-pixabay-54581-scaled.jpg\" alt=\"Escalators\" loading=\"lazy\">\r\n          <div class=\"arc-eshm-grid__overlay\"><\/div>\r\n          <div class=\"arc-eshm-grid__content\">\r\n            <div class=\"arc-eshm-grid__content-tag\">\r\n              <span class=\"arc-eshm-grid__content-tag-dot\"><\/span>\r\n              Commercial Flow\r\n            <\/div>\r\n            <h3>Escalators<\/h3>\r\n            <div class=\"arc-eshm-grid__content-divider\">\r\n              <span><\/span><i><\/i>\r\n            <\/div>\r\n            <p>Continuous vertical movement systems for malls, retail centers, and public spaces.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-eshm-grid__card-arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"arc-eshm-grid__card arc-eshm__reveal delay-2\">\r\n          <div class=\"arc-eshm-grid__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-border\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-grid__card-index\"><span>02<\/span><\/div>\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/2856.jpg\" alt=\"Passenger Conveyors\" loading=\"lazy\">\r\n          <div class=\"arc-eshm-grid__overlay\"><\/div>\r\n          <div class=\"arc-eshm-grid__content\">\r\n            <div class=\"arc-eshm-grid__content-tag\">\r\n              <span class=\"arc-eshm-grid__content-tag-dot\"><\/span>\r\n              Public Flow\r\n            <\/div>\r\n            <h3>Passenger Conveyors<\/h3>\r\n            <div class=\"arc-eshm-grid__content-divider\">\r\n              <span><\/span><i><\/i>\r\n            <\/div>\r\n            <p>Controlled passenger flow systems designed for high-footfall circulation environments.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-eshm-grid__card-arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== ESCALATORS & HORIZONTAL MOBILITY ===== -->\r\n  <section class=\"arc-eshm__section arc-eshm__section--soft\">\r\n    <div class=\"arc-eshm__bg-effects\">\r\n      <div class=\"arc-eshm__bg-gradient\"><\/div>\r\n      <div class=\"arc-eshm__bg-pattern\"><\/div>\r\n      <div class=\"arc-eshm__bg-noise\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--2\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__particles\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--2\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--5\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--6\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__geo arc-eshm__geo--left\" aria-hidden=\"true\">\r\n      <div class=\"arc-eshm__geo-ring arc-eshm__geo-ring--1\"><\/div>\r\n      <div class=\"arc-eshm__geo-ring arc-eshm__geo-ring--2\"><\/div>\r\n      <div class=\"arc-eshm__geo-diamond\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__wrap\">\r\n      <div class=\"arc-eshm-detail\">\r\n        <div class=\"arc-eshm-detail__media arc-eshm__reveal\">\r\n          <div class=\"arc-eshm-detail__panel\">\r\n            <div class=\"arc-eshm-detail__panel-glow\"><\/div>\r\n            <div class=\"arc-eshm-detail__panel-border\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/2856.jpg\" alt=\"Escalators and horizontal mobility\" loading=\"lazy\">\r\n            <div class=\"arc-eshm-detail__badge\">\r\n              <strong>Commercial Flow<\/strong>\r\n              <span>Escalators \u2022 Travelators \u2022 Conveyors<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-eshm__reveal delay-1\">\r\n          <div class=\"arc-eshm__eyebrow\">\r\n            <div class=\"arc-eshm__eyebrow-icon\">\r\n              <div class=\"arc-eshm__eyebrow-ring\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-ring arc-eshm__eyebrow-ring--inner\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-dot\"><\/div>\r\n            <\/div>\r\n            <span class=\"arc-eshm__eyebrow-text\">Escalators & Horizontal Mobility<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-eshm__title\">Designed for <em>smooth people movement<\/em> in high-traffic environments<\/h2>\r\n\r\n          <div class=\"arc-eshm__divider\">\r\n            <span class=\"arc-eshm__divider-line\"><\/span>\r\n            <span class=\"arc-eshm__divider-ornament\">\r\n              <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n              <i class=\"arc-eshm__divider-diamond arc-eshm__divider-diamond--center\"><\/i>\r\n              <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n            <\/span>\r\n            <span class=\"arc-eshm__divider-line\"><\/span>\r\n          <\/div>\r\n\r\n          <p class=\"arc-eshm__lead\">\r\n            These systems are positioned for <span class=\"arc-eshm__lead-highlight\">malls, airports, commercial buildings<\/span>, public facilities,\r\n            and transit-linked environments where uninterrupted circulation, safety, and passenger comfort are essential.\r\n          <\/p>\r\n\r\n          <div class=\"arc-eshm-detail__cards\">\r\n            <div class=\"arc-eshm-detail__card arc-eshm__reveal delay-2\">\r\n              <div class=\"arc-eshm-detail__card-glow\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-shimmer\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-num\">\r\n                <span>01<\/span>\r\n                <div class=\"arc-eshm-detail__card-num-ring\"><\/div>\r\n              <\/div>\r\n              <span class=\"arc-eshm-detail__mini\">Vertical Circulation<\/span>\r\n              <h3>Escalators<\/h3>\r\n              <div class=\"arc-eshm-detail__card-divider\">\r\n                <span><\/span><i><\/i><span><\/span>\r\n              <\/div>\r\n              <p>Premium vertical circulation systems built for retail, commercial, and public environments with consistent movement demand.<\/p>\r\n              <div class=\"arc-eshm-detail__card-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18 20V8.5a4.5 4.5 0 0 0-9 0V8c0 2-1 4-4 5\"\/><path d=\"M6 15l-3 5h18l-3-5\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-eshm-detail__card arc-eshm__reveal delay-3\">\r\n              <div class=\"arc-eshm-detail__card-glow\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-shimmer\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-num\">\r\n                <span>02<\/span>\r\n                <div class=\"arc-eshm-detail__card-num-ring\"><\/div>\r\n              <\/div>\r\n              <span class=\"arc-eshm-detail__mini\">Horizontal Flow<\/span>\r\n              <h3>Moving Walks \/ Travelators<\/h3>\r\n              <div class=\"arc-eshm-detail__card-divider\">\r\n                <span><\/span><i><\/i><span><\/span>\r\n              <\/div>\r\n              <p>Horizontal passenger flow systems ideal for airports, large shopping destinations, and extended circulation zones.<\/p>\r\n              <div class=\"arc-eshm-detail__card-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"M12 5l7 7-7 7\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-eshm-detail__card arc-eshm__reveal delay-4\">\r\n              <div class=\"arc-eshm-detail__card-glow\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-shimmer\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-num\">\r\n                <span>03<\/span>\r\n                <div class=\"arc-eshm-detail__card-num-ring\"><\/div>\r\n              <\/div>\r\n              <span class=\"arc-eshm-detail__mini\">High Capacity<\/span>\r\n              <h3>Passenger Conveyors<\/h3>\r\n              <div class=\"arc-eshm-detail__card-divider\">\r\n                <span><\/span><i><\/i><span><\/span>\r\n              <\/div>\r\n              <p>Engineered movement solutions designed to support continuous people flow in high-capacity public spaces.<\/p>\r\n              <div class=\"arc-eshm-detail__card-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><path d=\"M21 21v-2a4 4 0 0 0-3-3.85\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== PARKING & SPECIALIZED SYSTEMS ===== -->\r\n  <section class=\"arc-eshm__section arc-eshm__section--dark\">\r\n    <div class=\"arc-eshm__bg-effects\">\r\n      <div class=\"arc-eshm__bg-gradient\"><\/div>\r\n      <div class=\"arc-eshm__bg-pattern\"><\/div>\r\n      <div class=\"arc-eshm__bg-noise\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--1\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--3\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__particles\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--1\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--3\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--4\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__geo arc-eshm__geo--right\" aria-hidden=\"true\">\r\n      <div class=\"arc-eshm__geo-ring arc-eshm__geo-ring--1\"><\/div>\r\n      <div class=\"arc-eshm__geo-ring arc-eshm__geo-ring--2\"><\/div>\r\n      <div class=\"arc-eshm__geo-diamond\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--tl\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--br\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__wrap\">\r\n      <div class=\"arc-eshm-detail arc-eshm-detail--reverse\">\r\n        <div class=\"arc-eshm__reveal\">\r\n          <div class=\"arc-eshm__eyebrow\">\r\n            <div class=\"arc-eshm__eyebrow-icon\">\r\n              <div class=\"arc-eshm__eyebrow-ring\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-ring arc-eshm__eyebrow-ring--inner\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-dot\"><\/div>\r\n            <\/div>\r\n            <span class=\"arc-eshm__eyebrow-text\">Parking & Specialized Systems<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-eshm__title\">Specialized systems for <em>vehicles, marine use, and engineered access<\/em><\/h2>\r\n\r\n          <div class=\"arc-eshm__divider\">\r\n            <span class=\"arc-eshm__divider-line\"><\/span>\r\n            <span class=\"arc-eshm__divider-ornament\">\r\n              <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n              <i class=\"arc-eshm__divider-diamond arc-eshm__divider-diamond--center\"><\/i>\r\n              <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n            <\/span>\r\n            <span class=\"arc-eshm__divider-line\"><\/span>\r\n          <\/div>\r\n\r\n          <p class=\"arc-eshm__lead\">\r\n            For projects that go beyond conventional people transport, Arcotis provides <span class=\"arc-eshm__lead-highlight\">specialized systems<\/span>\r\n            developed for parking efficiency, vehicle handling, marine environments, and demanding operational settings.\r\n          <\/p>\r\n\r\n          <div class=\"arc-eshm-detail__cards\">\r\n            <div class=\"arc-eshm-detail__card arc-eshm__reveal delay-2\">\r\n              <div class=\"arc-eshm-detail__card-glow\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-shimmer\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-num\">\r\n                <span>01<\/span>\r\n                <div class=\"arc-eshm-detail__card-num-ring\"><\/div>\r\n              <\/div>\r\n              <span class=\"arc-eshm-detail__mini\">Vehicle Mobility<\/span>\r\n              <h3> Elevation Systems<\/h3>\r\n              <div class=\"arc-eshm-detail__card-divider\">\r\n                <span><\/span><i><\/i><span><\/span>\r\n              <\/div>\r\n              <p>Smart vehicle transfer and parking solutions that help optimize built space and support modern urban developments.<\/p>\r\n              <div class=\"arc-eshm-detail__card-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M7 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0\"\/><path d=\"M17 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0\"\/><path d=\"M5 17H3v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0H9m-6-6h15m-6 0V6\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-eshm-detail__card arc-eshm__reveal delay-3\">\r\n              <div class=\"arc-eshm-detail__card-glow\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-shimmer\"><\/div>\r\n              <div class=\"arc-eshm-detail__card-num\">\r\n                <span>02<\/span>\r\n                <div class=\"arc-eshm-detail__card-num-ring\"><\/div>\r\n              <\/div>\r\n              <span class=\"arc-eshm-detail__mini\">Marine Engineering<\/span>\r\n              <h3>Marine Solutions<\/h3>\r\n              <div class=\"arc-eshm-detail__card-divider\">\r\n                <span><\/span><i><\/i><span><\/span>\r\n              <\/div>\r\n              <p>Specialized lift and mobility systems for shipboard, offshore, and maritime environments where durability and engineering precision matter.<\/p>\r\n              <div class=\"arc-eshm-detail__card-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M2 20a2.4 2.4 0 0 0 2 1 2.4 2.4 0 0 0 2-1 2.4 2.4 0 0 1 2-1 2.4 2.4 0 0 1 2 1 2.4 2.4 0 0 0 2 1 2.4 2.4 0 0 0 2-1 2.4 2.4 0 0 1 2-1 2.4 2.4 0 0 1 2 1 2.4 2.4 0 0 0 2 1 2.4 2.4 0 0 0 2-1\"\/><path d=\"M4 18l-2-2V9a2 2 0 0 1 2-2h1l2-2h6l2 2h1a2 2 0 0 1 2 2v3l4 4\"\/><path d=\"M11 4h0\"\/><\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-eshm-detail__media arc-eshm__reveal delay-1\">\r\n          <div class=\"arc-eshm-detail__panel\">\r\n            <div class=\"arc-eshm-detail__panel-glow\"><\/div>\r\n            <div class=\"arc-eshm-detail__panel-border\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/empty-escalator-stair-scaled-1.webp\" alt=\"Marine and specialized systems\" loading=\"lazy\">\r\n            <div class=\"arc-eshm-detail__badge\">\r\n              <strong>Specialized Engineering<\/strong>\r\n              <span>Parking Systems \u2022 Marine Solutions<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== WHY ARCOTIS ===== -->\r\n  <section class=\"arc-eshm__section arc-eshm__section--light\">\r\n    <div class=\"arc-eshm__bg-effects\">\r\n      <div class=\"arc-eshm__bg-gradient\"><\/div>\r\n      <div class=\"arc-eshm__bg-pattern\"><\/div>\r\n      <div class=\"arc-eshm__bg-noise\"><\/div>\r\n      <div class=\"arc-eshm__glow arc-eshm__glow--2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__particles\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--1\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--4\"><\/span>\r\n      <span class=\"arc-eshm__particle arc-eshm__particle--5\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--tl\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n    <div class=\"arc-eshm__corner arc-eshm__corner--br\" aria-hidden=\"true\">\r\n      <span class=\"arc-eshm__corner-h\"><\/span>\r\n      <span class=\"arc-eshm__corner-v\"><\/span>\r\n      <span class=\"arc-eshm__corner-dot\"><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__wrap\">\r\n      <div class=\"arc-eshm-why__head arc-eshm__reveal\">\r\n        <div class=\"arc-eshm__eyebrow\">\r\n          <div class=\"arc-eshm__eyebrow-icon\">\r\n            <div class=\"arc-eshm__eyebrow-ring\"><\/div>\r\n            <div class=\"arc-eshm__eyebrow-ring arc-eshm__eyebrow-ring--inner\"><\/div>\r\n            <div class=\"arc-eshm__eyebrow-dot\"><\/div>\r\n          <\/div>\r\n          <span class=\"arc-eshm__eyebrow-text\">Why Arcotis<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"arc-eshm__title\">Why choose <em>Arcotis<\/em> for specialized mobility systems<\/h2>\r\n\r\n        <div class=\"arc-eshm__divider\">\r\n          <span class=\"arc-eshm__divider-line\"><\/span>\r\n          <span class=\"arc-eshm__divider-ornament\">\r\n            <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n            <i class=\"arc-eshm__divider-diamond arc-eshm__divider-diamond--center\"><\/i>\r\n            <i class=\"arc-eshm__divider-diamond\"><\/i>\r\n          <\/span>\r\n          <span class=\"arc-eshm__divider-line\"><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"arc-eshm__lead\">\r\n          From commercial circulation systems to marine-grade mobility solutions, Arcotis combines <span class=\"arc-eshm__lead-highlight\">engineering focus<\/span>,\r\n          premium delivery, and dependable support across each application environment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"arc-eshm-why__grid\">\r\n        <div class=\"arc-eshm-why__card arc-eshm__reveal delay-1\">\r\n          <div class=\"arc-eshm-why__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-why__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-why__icon\">\r\n            <div class=\"arc-eshm-why__icon-ring\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n              <path d=\"m9 12 2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Engineered Safety<\/h3>\r\n          <div class=\"arc-eshm-why__card-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p>System planning and delivery aligned with safety-focused project expectations and operational confidence.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"arc-eshm-why__card arc-eshm__reveal delay-2\">\r\n          <div class=\"arc-eshm-why__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-why__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-why__icon\">\r\n            <div class=\"arc-eshm-why__icon-ring\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M3 3v18h18\"\/>\r\n              <path d=\"m19 9-5 5-4-4-3 3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Commercial Performance<\/h3>\r\n          <div class=\"arc-eshm-why__card-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p>Built to support continuous people movement and reliable operation in high-traffic public settings.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"arc-eshm-why__card arc-eshm__reveal delay-3\">\r\n          <div class=\"arc-eshm-why__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-why__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-why__icon\">\r\n            <div class=\"arc-eshm-why__icon-ring\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Specialized Expertise<\/h3>\r\n          <div class=\"arc-eshm-why__card-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p>Solutions that extend beyond standard mobility categories into parking systems and marine applications.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"arc-eshm-why__card arc-eshm__reveal delay-4\">\r\n          <div class=\"arc-eshm-why__card-glow\"><\/div>\r\n          <div class=\"arc-eshm-why__card-shimmer\"><\/div>\r\n          <div class=\"arc-eshm-why__icon\">\r\n            <div class=\"arc-eshm-why__icon-ring\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3>Support & Service<\/h3>\r\n          <div class=\"arc-eshm-why__card-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p>Responsive technical assistance, maintenance support, and long-term attention after project handover.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===== CTA ===== -->\r\n  <section class=\"arc-eshm__section arc-eshm__section--soft\" id=\"cta\">\r\n    <div class=\"arc-eshm__bg-effects\">\r\n      <div class=\"arc-eshm__bg-gradient\"><\/div>\r\n      <div class=\"arc-eshm__bg-noise\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-eshm__wrap\">\r\n      <div class=\"arc-eshm-cta__box arc-eshm__reveal\">\r\n        <div class=\"arc-eshm-cta__box-glow\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/58720.jpg\" alt=\"Mobility systems consultation\" loading=\"lazy\">\r\n        <div class=\"arc-eshm-cta__overlay\"><\/div>\r\n\r\n        <div class=\"arc-eshm-cta__content\">\r\n          <div class=\"arc-eshm__eyebrow\">\r\n            <div class=\"arc-eshm__eyebrow-icon\">\r\n              <div class=\"arc-eshm__eyebrow-ring\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-ring arc-eshm__eyebrow-ring--inner\"><\/div>\r\n              <div class=\"arc-eshm__eyebrow-dot\"><\/div>\r\n            <\/div>\r\n            <span class=\"arc-eshm__eyebrow-text\">Project Consultation<\/span>\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-eshm-cta__title\">Need the right <em>mobility system<\/em> for your project?<\/h2>\r\n\r\n          <div class=\"arc-eshm-cta__stats\">\r\n            <span class=\"arc-eshm-cta__stat\">Commercial Mobility<\/span>\r\n            <span class=\"arc-eshm-cta__stat\">Specialized Engineering<\/span>\r\n            <span class=\"arc-eshm-cta__stat\">Premium Support<\/span>\r\n            <span class=\"arc-eshm-cta__stat\">Project Guidance<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"arc-eshm__btn-row\">\r\n            <a href=\"mailto:arcotis.uae@gmail.com?subject=Enquiry%20-%20Escalators%20and%20Specialized%20Mobility%20Systems\" class=\"arc-eshm__btn arc-eshm__btn--primary\">\r\n              <span class=\"arc-eshm__btn-text\">Request Consultation<\/span>\r\n              <span class=\"arc-eshm__btn-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n              <\/span>\r\n              <span class=\"arc-eshm__btn-shimmer\"><\/span>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  \/\/ Intersection Observer for reveal animations\r\n  const revealElements = document.querySelectorAll('.arc-eshm__reveal');\r\n  \r\n  if (revealElements.length) {\r\n    const revealObserver = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          revealObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.12,\r\n      rootMargin: '0px 0px -60px 0px'\r\n    });\r\n\r\n    revealElements.forEach(function(el) {\r\n      revealObserver.observe(el);\r\n    });\r\n  }\r\n\r\n  \/\/ Mouse-following glow effect for cards\r\n  const glowCards = document.querySelectorAll('.arc-eshm-grid__card, .arc-eshm-detail__panel, .arc-eshm-cta__box');\r\n  \r\n  glowCards.forEach(function(card) {\r\n    const glow = card.querySelector('[class*=\"__card-glow\"], [class*=\"__panel-glow\"], [class*=\"__box-glow\"]');\r\n    \r\n    if (glow) {\r\n      card.addEventListener('mousemove', function(e) {\r\n        const rect = card.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        \r\n        glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(201,169,110,0.15), transparent 45%)`;\r\n      });\r\n      \r\n      card.addEventListener('mouseleave', function() {\r\n        glow.style.background = '';\r\n      });\r\n    }\r\n  });\r\n\r\n  \/\/ Staggered shimmer animations\r\n  const shimmers = document.querySelectorAll('[class*=\"__shimmer\"], [class*=\"__card-shimmer\"]');\r\n  shimmers.forEach(function(shimmer, index) {\r\n    shimmer.style.animationDelay = (index * 1.5) + 's';\r\n  });\r\n\r\n  \/\/ Parallax effect for particles\r\n  const particles = document.querySelectorAll('.arc-eshm__particle');\r\n  \r\n  if (particles.length && window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {\r\n    let ticking = false;\r\n    \r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        requestAnimationFrame(function() {\r\n          const scrollY = window.pageYOffset;\r\n          \r\n          particles.forEach(function(particle, index) {\r\n            const speed = 0.015 + (index * 0.005);\r\n            const yOffset = scrollY * speed;\r\n            particle.style.transform = `translateY(${yOffset}px)`;\r\n          });\r\n          \r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7650876 e-con-full e-flex e-con e-parent\" data-id=\"7650876\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a04d8e e-con-full e-flex e-con e-parent\" data-id=\"5a04d8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-563513b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"563513b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .arc-footer-wrap,\r\n  .arc-footer-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-footer-wrap {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #27305f;\r\n    --arc-gold: #c9a96e;\r\n    --arc-gold-light: #e2cc9c;\r\n    --arc-white: #ffffff;\r\n    --arc-soft-white: rgba(111,17,27,0.84);\r\n    --arc-muted: rgba(111,17,27,0.62);\r\n    --arc-border: rgba(157,31,45,0.12);\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    color: var(--arc-red-dark);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-footer-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold), transparent);\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .arc-footer {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 78px 28px 0;\r\n  }\r\n\r\n  .arc-footer__top {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 0.8fr 1fr 1fr 1.2fr;\r\n    gap: 28px;\r\n    padding-bottom: 34px;\r\n  }\r\n\r\n  .arc-footer__col {\r\n    min-width: 0;\r\n  }\r\n\r\n  .arc-footer__brand {\r\n    padding-right: 12px;\r\n  }\r\n\r\n  .arc-footer__logo {\r\n    display: block;\r\n    width: clamp(180px, 16vw, 280px);\r\n    margin-bottom: 18px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .arc-footer__logo img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: none;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .arc-footer__desc {\r\n    max-width: 380px;\r\n    margin: 0 0 24px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: var(--arc-soft-white);\r\n    text-align: justify;\r\n  }\r\n\r\n  .arc-footer__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 50px;\r\n    padding: 14px 24px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, var(--arc-red-dark) 100%);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 16px 40px rgba(111,17,27,0.18);\r\n  }\r\n\r\n  .arc-footer__cta:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 22px 50px rgba(111,17,27,0.24);\r\n  }\r\n\r\n  .arc-footer__title {\r\n    position: relative;\r\n    margin: 0 0 18px;\r\n    padding-bottom: 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arc-footer__title::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 54px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-footer__list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-footer__list li + li {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .arc-footer__list a {\r\n    color: var(--arc-soft-white);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .arc-footer__list a:hover {\r\n    color: var(--arc-red);\r\n    padding-left: 4px;\r\n  }\r\n\r\n  .arc-footer__contact-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-footer__contact-item + .arc-footer__contact-item {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .arc-footer__contact-label {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold);\r\n  }\r\n\r\n  .arc-footer__contact-text,\r\n  .arc-footer__contact-text a {\r\n    color: var(--arc-soft-white);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .arc-footer__contact-text a:hover {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-footer__socials {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .arc-footer__social {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    color: var(--arc-red);\r\n    border: 1px solid rgba(157,31,45,0.14);\r\n    background: rgba(157,31,45,0.04);\r\n    transition: all 0.28s ease;\r\n  }\r\n\r\n  .arc-footer__social:hover {\r\n    transform: translateY(-3px);\r\n    color: var(--arc-red-dark);\r\n    border-color: rgba(201,169,110,0.35);\r\n    background: rgba(201,169,110,0.10);\r\n  }\r\n\r\n  .arc-footer__mid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n    padding: 24px 0 34px;\r\n    border-top: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-footer__card {\r\n    padding: 20px 22px;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--arc-border);\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.03), rgba(201,169,110,0.04));\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-footer__card-title {\r\n    margin: 0 0 8px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-footer__card p {\r\n    margin: 0;\r\n    color: var(--arc-soft-white);\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    \r\n  }\r\n\r\n  .arc-footer__bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 18px 0 24px;\r\n    border-top: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-footer__copy,\r\n  .arc-footer__legal {\r\n    color: var(--arc-muted);\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .arc-footer__legal {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 18px;\r\n  }\r\n\r\n  .arc-footer__legal a {\r\n    color: var(--arc-muted);\r\n    text-decoration: none;\r\n    transition: color 0.25s ease;\r\n  }\r\n\r\n  .arc-footer__legal a:hover {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .arc-footer__top {\r\n      grid-template-columns: 1.2fr 1fr 1fr;\r\n    }\r\n\r\n    .arc-footer__brand {\r\n      grid-column: 1 \/ -1;\r\n      padding-right: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-footer {\r\n      padding: 64px 22px 0;\r\n    }\r\n\r\n    .arc-footer__top {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 24px;\r\n    }\r\n\r\n    .arc-footer__mid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-footer__bottom {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n  .arc-footer {\r\n    padding: 56px 16px 0;\r\n  }\r\n\r\n  .arc-footer__top {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__col,\r\n  .arc-footer__brand {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__logo {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    width: clamp(170px, 55vw, 230px);\r\n  }\r\n\r\n  .arc-footer__desc {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-align: justify;\r\n  }\r\n\r\n  .arc-footer__cta {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .arc-footer__socials {\r\n    justify-content: center;\r\n  }\r\n\r\n  .arc-footer__title {\r\n    font-size: 25px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .arc-footer__title::after {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .arc-footer__list,\r\n  .arc-footer__contact-list {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__contact-label {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__card {\r\n    padding: 18px 18px;\r\n    border-radius: 18px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__card-title {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .arc-footer__desc,\r\n  .arc-footer__list a,\r\n  .arc-footer__contact-text,\r\n  .arc-footer__contact-text a,\r\n  .arc-footer__card p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .arc-footer__bottom {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__legal {\r\n    gap: 12px;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-footer__cta {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-footer__social {\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"arc-footer-wrap\">\r\n  <div class=\"arc-footer\">\r\n\r\n    <div class=\"arc-footer__top\">\r\n      <div class=\"arc-footer__col arc-footer__brand\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/\" class=\"arc-footer__logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-27.png\" alt=\"Arcotis Elevators & Escalators L.L.C\">\r\n        <\/a>\r\n\r\n        <p class=\"arc-footer__desc\">\r\n          Arcotis Elevators &amp; Escalators L.L.C delivers premium vertical mobility\r\n          solutions including elevators, escalators, modernization, maintenance,\r\n          and engineered systems for residential, commercial, and industrial projects.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-footer__cta\">\r\n          Contact Our Team\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n  <div class=\"arc-footer__socials\">\r\n  <a href=\"https:\/\/www.facebook.com\/arcotis\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Facebook\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n      <path d=\"M13.5 21v-7h2.3l.4-3h-2.7V9.1c0-.9.3-1.6 1.6-1.6H16V4.8c-.4-.1-1.2-.2-2.2-.2-2.2 0-3.8 1.3-3.8 4v2.4H7.5v3H10v7h3.5z\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.instagram.com\/arcotis.elevators?igsh=MTFnbXhqcjd6YnBuNQ==\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Instagram\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n      <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n      <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"><\/circle>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.tiktok.com\/@arcotis.elevators?_r=1&_t=ZS-95KeHcecnlS\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"TikTok\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n      <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n<a href=\"https:\/\/www.arcotiselevators.com\/\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Website\">\r\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n    <path d=\"M3 12h18\"><\/path>\r\n    <path d=\"M12 3c2.5 2.4 4 5.6 4 9s-1.5 6.6-4 9\"><\/path>\r\n    <path d=\"M12 3c-2.5 2.4-4 5.6-4 9s1.5 6.6 4 9\"><\/path>\r\n  <\/svg>\r\n<\/a>\r\n\r\n  <a href=\"mailto:Rowena.Layous@arcotiselevators.com\" class=\"arc-footer__social\" aria-label=\"Email\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n      <path d=\"M3 7l9 6 9-6\"><\/path>\r\n    <\/svg>\r\n  <\/a>\r\n<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Quick Links<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/\">Home<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/about-us\/\">About Us<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/our-products\/\">Products<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/services\/\">Services<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/projects\/\">Projects<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/contact-us\/\">Contact Us<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Products<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/passenger-commercial-lifts\/\">Passenger Elevators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Home Elevators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/industrial-utility-lifts\/\">Freight &amp; Goods Lifts<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/escalation-horizontal-mobility\/\">Escalators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/escalation-horizontal-mobility\/\">Travelators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Platform Lifts<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Stair Lifts<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Services<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Sale &amp; Supply<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Installation<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Maintenance<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Repair<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Modernization<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Technical Support<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">24\/7 Emergency Service<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Contact Us<\/h3>\r\n        <ul class=\"arc-footer__contact-list\">\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Address<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              P.O. Box: 43324,<br>\r\n              Dubai - United Arab Emirates\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">mobile<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"tel:+971551670157\">+971 55 167 0157<\/a>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Tel-Fax<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              +971 04 422 7729\r\n            <\/div>\r\n          <\/li>\r\n\r\n      <li class=\"arc-footer__contact-item\">\r\n  <span class=\"arc-footer__contact-label\">Email<\/span>\r\n  <div class=\"arc-footer__contact-text\">\r\n    <a href=\"mailto:arcotis.uae@gmail.com\">arcotis.uae@gmail.com<\/a><br>\r\n    <a href=\"mailto:Info@arcotiselevators.com\">Info@arcotiselevators.com<\/a><br>\r\n    <a href=\"mailto:Sales@arcotiselevatord.com\">Sales@arcotiselevatord.com<\/a><br>\r\n    <a href=\"mailto:Rowena.Layous@arcotiselevators.com\">Rowena.Layous@arcotiselevators.com<\/a>\r\n  <\/div>\r\n<\/li>\r\n\r\n        <!--  <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Facebook<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.facebook.com\/arcotis\" target=\"_blank\">www.facebook.com\/arcotis<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n\r\n      <!--    <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Instagram<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.instagram.com\/arcotis.elevators?igsh=MTFnbXhqcjd6YnBuNQ==\" target=\"_blank\">www.instagram.com\/arcotis<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n\r\n      <!--    <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">tiktok<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.tiktok.com\/@arcotis.elevators?_r=1&_t=ZS-95KeHcecnlS\" target=\"_blank\">www.tiktok.com<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-footer__bottom\">\r\n      <div class=\"arc-footer__copy\">\r\n        \u00a9 2026 Arcotis Elevators &amp; Escalators L.L.C. All Rights Reserved.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us About Us Explore Who We Are Our Partners Certifications Our Works Products Our Products Passenger Lifts Passenger Elevators [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":188,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":3426,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/180\/revisions\/3426"}],"wp:attachment":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}