{"id":9,"date":"2026-03-18T06:13:50","date_gmt":"2026-03-18T06:13:50","guid":{"rendered":"https:\/\/arcotiselevators.com\/?page_id=9"},"modified":"2026-05-21T12:15:20","modified_gmt":"2026-05-21T12:15:20","slug":"home","status":"publish","type":"page","link":"https:\/\/arcotiselevators.com\/ar\/","title":{"rendered":"\u0627\u0644\u0645\u0646\u0632\u0644"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccbfddf e-con-full e-flex e-con e-parent\" data-id=\"ccbfddf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d18f030 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d18f030\" 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-0ad4227 e-con-full e-flex e-con e-parent\" data-id=\"0ad4227\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc8fd75 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bc8fd75\" 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 Elevators - Premium Hero<\/title>\r\n\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,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  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  body {\r\n    background: #0a0406;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .arc-hero {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-light: #c4374a;\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-soft-white: rgba(255,255,255,0.82);\r\n    --arc-muted: rgba(255,255,255,0.5);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: linear-gradient(145deg, #0a0406 0%, #1a060c 30%, #060c18 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  \/* \u2500\u2500 VIDEO \u2500\u2500 *\/\r\n  .arc-hero__video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n    filter: saturate(0.) contrast(1.1) brightness(0.48);\r\n    transform: scale(1.05);\r\n    animation: vidBreath 20s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes vidBreath {\r\n    0%, 100% { transform: scale(1.05); }\r\n    50% { transform: scale(1.0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 OVERLAY LAYERS \u2500\u2500 *\/\r\n  .arc-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(95deg,\r\n      rgba(6,4,8,0.92) 0%,\r\n      rgba(80,10,20,0.72) 32%,\r\n      rgba(80,10,20,0.36) 58%,\r\n      rgba(6,12,28,0.50) 100%);\r\n  }\r\n\r\n  .arc-hero__glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(ellipse 45% 55% at 12% 52%, rgba(157,31,45,0.22), transparent),\r\n      radial-gradient(ellipse 30% 40% at 85% 20%, rgba(201,169,110,0.06), transparent),\r\n      radial-gradient(ellipse 50% 30% at 50% 100%, rgba(0,0,0,0.5), transparent);\r\n    animation: glowPulse 8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes glowPulse {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.65; }\r\n  }\r\n\r\n  .arc-hero__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    opacity: 0.035;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n  }\r\n\r\n  .arc-hero__vignette {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    box-shadow: inset 0 0 200px 60px rgba(0,0,0,0.45);\r\n  }\r\n\r\n  \/* \u2500\u2500 PARTICLES \u2500\u2500 *\/\r\n  .arc-hero__particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(201,169,110,0.7), rgba(201,169,110,0));\r\n  }\r\n\r\n  .arc-particle--1 { width: 3px; height: 3px; top: 18%; left: 22%; animation: pFloat 14s linear infinite 0s; }\r\n  .arc-particle--2 { width: 2px; height: 2px; top: 65%; left: 78%; animation: pFloat 18s linear infinite -3s; }\r\n  .arc-particle--3 { width: 4px; height: 4px; top: 42%; left: 55%; animation: pFloat 12s linear infinite -6s; }\r\n  .arc-particle--4 { width: 2px; height: 2px; top: 80%; left: 35%; animation: pFloat 16s linear infinite -2s; }\r\n  .arc-particle--5 { width: 3px; height: 3px; top: 28%; left: 88%; animation: pFloat 20s linear infinite -8s; }\r\n  .arc-particle--6 { width: 2px; height: 2px; top: 55%; left: 12%; animation: pFloat 15s linear infinite -4s; }\r\n\r\n  @keyframes pFloat {\r\n    0%   { transform: translate(0, 0) scale(1); opacity: 0; }\r\n    10%  { opacity: 0.8; }\r\n    90%  { opacity: 0.8; }\r\n    100% { transform: translate(30px, -100px) scale(0.2); opacity: 0; }\r\n  }\r\n\r\n  \/* \u2500\u2500 GEOMETRIC ACCENT \u2500\u2500 *\/\r\n  .arc-hero__geo {\r\n    position: absolute;\r\n    z-index: 4;\r\n    pointer-events: none;\r\n    right: 10%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 200px;\r\n    height: 200px;\r\n    opacity: 0.055;\r\n  }\r\n\r\n  .arc-geo-diamond {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 80px;\r\n    height: 80px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: translate(-50%, -50%) rotate(45deg);\r\n    animation: geoDiamond 12s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes geoDiamond {\r\n    0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(1); }\r\n    50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.18); opacity: 0.4; }\r\n  }\r\n\r\n  .arc-geo-line-v {\r\n    position: absolute;\r\n    top: 0; left: 50%;\r\n    width: 1px; height: 100%;\r\n    background: linear-gradient(to bottom, transparent, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-geo-line-h {\r\n    position: absolute;\r\n    top: 50%; left: 0;\r\n    width: 100%; height: 1px;\r\n    background: linear-gradient(to right, transparent, var(--arc-gold), transparent);\r\n  }\r\n\r\n  \/* \u2500\u2500 MAIN CONTENT LAYOUT \u2500\u2500 *\/\r\n  .arc-hero__inner {\r\n    position: relative;\r\n    z-index: 5;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 140px 0 110px;\r\n  }\r\n\r\n  .arc-hero__content {\r\n    width: 100%;\r\n    max-width: 680px;\r\n    margin-left: clamp(28px, 8vw, 120px);\r\n    margin-right: 28px;\r\n    color: var(--arc-white);\r\n  }\r\n\r\n  \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/\r\n  .arc-hero__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 30px;\r\n    padding: 12px 24px 12px 18px;\r\n    border: 1px solid rgba(201,169,110,0.18);\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.07), rgba(255,255,255,0.03));\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.20em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold-light);\r\n  }\r\n\r\n  .arc-eyebrow-dot {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--arc-red);\r\n    box-shadow: 0 0 10px rgba(157,31,45,0.6);\r\n    animation: dotPulse 2.5s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @keyframes dotPulse {\r\n    0%, 100% { box-shadow: 0 0 6px rgba(157,31,45,0.4); transform: scale(1); }\r\n    50% { box-shadow: 0 0 18px rgba(157,31,45,0.9); transform: scale(1.3); }\r\n  }\r\n\r\n  \/* \u2500\u2500 TITLE \u2500\u2500 *\/\r\n  .arc-hero__title {\r\n    margin: 0 0 0 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(44px, 5.6vw, 82px);\r\n    line-height: 1.0;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .arc-title-line {\r\n    display: block;\r\n    padding-bottom: 4px;\r\n  }\r\n\r\n  .arc-title-accent {\r\n    font-style: italic;\r\n    color: var(--arc-gold);\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\r\n  .arc-hero__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 28px 0;\r\n    width: 110px;\r\n  }\r\n\r\n  .arc-divider-line {\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-divider-line:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-divider-diamond {\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: rotate(45deg);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 TEXT \u2500\u2500 *\/\r\n  .arc-hero__text {\r\n    max-width: 530px;\r\n    margin: 0 0 42px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: clamp(16px, 1.6vw, 20px);\r\n    line-height: 1.72;\r\n    font-weight: 400;\r\n    color: var(--arc-soft-white);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  \/* \u2500\u2500 BUTTONS \u2500\u2500 *\/\r\n  .arc-hero__buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-bottom: 52px;\r\n  }\r\n\r\n  .arc-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: 195px;\r\n    min-height: 58px;\r\n    padding: 16px 34px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 15px;\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  }\r\n\r\n  .arc-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .arc-btn:active {\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .arc-btn__text {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-btn__icon {\r\n    position: relative;\r\n    z-index: 2;\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-btn:hover .arc-btn__icon {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  \/* Primary Button *\/\r\n  .arc-btn--primary {\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, var(--arc-red-dark) 100%);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    box-shadow:\r\n      0 20px 50px rgba(106,10,20,0.35),\r\n      inset 0 1px 0 rgba(255,255,255,0.08);\r\n  }\r\n\r\n  .arc-btn--primary:hover {\r\n    box-shadow:\r\n      0 28px 65px rgba(106,10,20,0.5),\r\n      0 0 0 1px rgba(157,31,45,0.3),\r\n      inset 0 1px 0 rgba(255,255,255,0.12);\r\n  }\r\n\r\n  .arc-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.12), transparent);\r\n    z-index: 1;\r\n    animation: shimmer 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes shimmer {\r\n    0% { left: -100%; }\r\n    50%, 100% { left: 100%; }\r\n  }\r\n\r\n  \/* Secondary Button *\/\r\n  .arc-btn--secondary {\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(201,169,110,0.25);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .arc-btn--secondary:hover {\r\n    background: rgba(201,169,110,0.08);\r\n    border-color: rgba(201,169,110,0.50);\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.25);\r\n  }\r\n\r\n  \/* \u2500\u2500 STATS \u2500\u2500 *\/\r\n  .arc-hero__stats {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 28px;\r\n    padding: 26px 0 0;\r\n    border-top: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .arc-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n\r\n  .arc-stat__num {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(26px, 2.4vw, 34px);\r\n    font-weight: 700;\r\n    color: var(--arc-gold-light);\r\n    line-height: 1;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .arc-stat__label {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    color: var(--arc-muted);\r\n    letter-spacing: 0.10em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .arc-stat-sep {\r\n    width: 1px;\r\n    height: 36px;\r\n    background: linear-gradient(to bottom, transparent, rgba(201,169,110,0.22), transparent);\r\n  }\r\n\r\n  \/* \u2500\u2500 SCROLL INDICATOR \u2500\u2500 *\/\r\n  .arc-hero__scroll {\r\n    position: absolute;\r\n    bottom: 36px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .arc-scroll-track {\r\n    width: 1px;\r\n    height: 48px;\r\n    background: rgba(255,255,255,0.07);\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .arc-scroll-thumb {\r\n    position: absolute;\r\n    top: -16px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 16px;\r\n    background: linear-gradient(to bottom, transparent, var(--arc-gold));\r\n    border-radius: 2px;\r\n    animation: scrollDown 2.2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes scrollDown {\r\n    0% { top: -16px; opacity: 0; }\r\n    30% { opacity: 1; }\r\n    100% { top: 48px; opacity: 0; }\r\n  }\r\n\r\n  .arc-scroll-text {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.28em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-muted);\r\n  }\r\n\r\n  \/* \u2500\u2500 SIDE TEXT \u2500\u2500 *\/\r\n  .arc-hero__side-text {\r\n    position: absolute;\r\n    right: 30px;\r\n    top: 50%;\r\n    z-index: 5;\r\n    transform: rotate(90deg) translateX(-50%);\r\n    transform-origin: center center;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.30em;\r\n    text-transform: uppercase;\r\n    color: rgba(201,169,110,0.20);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500 REVEAL ANIMATIONS \u2500\u2500 *\/\r\n  .arc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(32px);\r\n  }\r\n\r\n  .arc-reveal.is-visible {\r\n    animation: revealUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n  }\r\n\r\n  .arc-reveal[data-delay=\"0\"].is-visible { animation-delay: 0.2s; }\r\n  .arc-reveal[data-delay=\"1\"].is-visible { animation-delay: 0.45s; }\r\n  .arc-reveal[data-delay=\"2\"].is-visible { animation-delay: 0.65s; }\r\n  .arc-reveal[data-delay=\"3\"].is-visible { animation-delay: 0.85s; }\r\n  .arc-reveal[data-delay=\"4\"].is-visible { animation-delay: 1.05s; }\r\n  .arc-reveal[data-delay=\"5\"].is-visible { animation-delay: 1.3s; }\r\n  .arc-reveal[data-delay=\"6\"].is-visible { animation-delay: 1.6s; }\r\n\r\n  @keyframes revealUp {\r\n    0% { opacity: 0; transform: translateY(32px); }\r\n    100% { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE: TABLET \u2500\u2500 *\/\r\n  @media (max-width: 991px) {\r\n    .arc-hero__inner {\r\n      padding: 120px 0 80px;\r\n    }\r\n\r\n    .arc-hero__content {\r\n      max-width: 560px;\r\n      margin-left: 32px;\r\n      margin-right: 32px;\r\n    }\r\n\r\n    .arc-hero__title {\r\n      font-size: clamp(38px, 7.5vw, 64px);\r\n      line-height: 1.04;\r\n    }\r\n\r\n    .arc-hero__geo {\r\n      display: none;\r\n    }\r\n\r\n    .arc-hero__side-text {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE: MOBILE \u2500\u2500 *\/\r\n  @media (max-width: 767px) {\r\n    .arc-hero {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-hero__overlay {\r\n      background: linear-gradient(180deg,\r\n        rgba(6,4,8,0.88) 0%,\r\n        rgba(80,10,20,0.76) 38%,\r\n        rgba(6,12,28,0.68) 100%);\r\n    }\r\n\r\n    .arc-hero__inner {\r\n      padding: 100px 0 60px;\r\n    }\r\n\r\n    .arc-hero__content {\r\n      max-width: 100%;\r\n      margin-left: 20px;\r\n      margin-right: 20px;\r\n    }\r\n\r\n    .arc-hero__eyebrow {\r\n      justify-content: center;\r\n      font-size: 9px;\r\n      letter-spacing: 0.14em;\r\n      padding: 10px 16px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .arc-hero__title {\r\n      font-size: clamp(32px, 9.5vw, 52px);\r\n      line-height: 1.06;\r\n    }\r\n\r\n    .arc-hero__divider {\r\n      margin: 22px auto;\r\n    }\r\n\r\n    .arc-hero__text {\r\n      font-size: 15px;\r\n      line-height: 1.72;\r\n      margin-bottom: 30px;\r\n      color: rgba(255,255,255,0.74);\r\n    }\r\n\r\n    .arc-hero__buttons {\r\n      flex-direction: column;\r\n      gap: 14px;\r\n      margin-bottom: 36px;\r\n    }\r\n\r\n    .arc-btn {\r\n      width: 100%;\r\n      min-width: 100%;\r\n      min-height: 54px;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .arc-hero__stats {\r\n      justify-content: center;\r\n      gap: 18px;\r\n      padding: 22px 0 0;\r\n    }\r\n\r\n    .arc-stat__num {\r\n      font-size: clamp(22px, 5vw, 28px);\r\n    }\r\n\r\n    .arc-stat__label {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .arc-stat-sep {\r\n      height: 26px;\r\n    }\r\n\r\n    .arc-hero__scroll {\r\n      bottom: 18px;\r\n    }\r\n\r\n    .arc-hero__geo,\r\n    .arc-hero__side-text {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE: SMALL MOBILE \u2500\u2500 *\/\r\n  @media (max-width: 480px) {\r\n    .arc-hero__content {\r\n      margin-left: 14px;\r\n      margin-right: 14px;\r\n    }\r\n\r\n    .arc-hero__title {\r\n      font-size: clamp(28px, 8.5vw, 42px);\r\n    }\r\n\r\n    .arc-hero__eyebrow {\r\n      font-size: 8px;\r\n      padding: 9px 12px;\r\n      gap: 10px;\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 REDUCED MOTION \u2500\u2500 *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-hero__video,\r\n    .arc-hero__glow,\r\n    .arc-geo-diamond,\r\n    .arc-particle,\r\n    .arc-scroll-thumb,\r\n    .arc-btn__shimmer,\r\n    .arc-eyebrow-dot {\r\n      animation: none !important;\r\n    }\r\n    .arc-reveal {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n      animation: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"arc-hero\" id=\"arc-hero-section\">\r\n  <video class=\"arc-hero__video\" autoplay muted loop playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lift.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <div class=\"arc-hero__overlay\"><\/div>\r\n  <div class=\"arc-hero__glow\"><\/div>\r\n  <div class=\"arc-hero__grid\"><\/div>\r\n  <div class=\"arc-hero__vignette\"><\/div>\r\n\r\n  <!-- Particles -->\r\n  <div class=\"arc-hero__particles\" aria-hidden=\"true\">\r\n    <span class=\"arc-particle arc-particle--1\"><\/span>\r\n    <span class=\"arc-particle arc-particle--2\"><\/span>\r\n    <span class=\"arc-particle arc-particle--3\"><\/span>\r\n    <span class=\"arc-particle arc-particle--4\"><\/span>\r\n    <span class=\"arc-particle arc-particle--5\"><\/span>\r\n    <span class=\"arc-particle arc-particle--6\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Geometric Accent -->\r\n  <div class=\"arc-hero__geo\" aria-hidden=\"true\">\r\n    <div class=\"arc-geo-diamond\"><\/div>\r\n    <div class=\"arc-geo-line-v\"><\/div>\r\n    <div class=\"arc-geo-line-h\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"arc-hero__inner\">\r\n    <div class=\"arc-hero__content\">\r\n\r\n      <div class=\"arc-hero__eyebrow arc-reveal\" data-delay=\"0\">\r\n        <span class=\"arc-eyebrow-dot\"><\/span>\r\n        ARCOTIS ELEVATORS &amp; ESCALATORS L.L.C\r\n      <\/div>\r\n\r\n      <h1 class=\"arc-hero__title arc-reveal\" data-delay=\"1\">\r\n        <span class=\"arc-title-line\">Engineered Vertical<\/span>\r\n        <span class=\"arc-title-line\">Mobility <em class=\"arc-title-accent\">for<\/em><\/span>\r\n        <span class=\"arc-title-line\">Modern Buildings<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"arc-hero__divider arc-reveal\" data-delay=\"2\">\r\n        <span class=\"arc-divider-line\"><\/span>\r\n        <span class=\"arc-divider-diamond\"><\/span>\r\n        <span class=\"arc-divider-line\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-hero__text arc-reveal\" data-delay=\"3\">\r\n        Premium elevator, escalator, modernization &amp; maintenance solutions\r\n        \u2014 engineered for safety, reliability, and enduring performance.\r\n      <\/p>\r\n\r\n      <div class=\"arc-hero__buttons arc-reveal\" data-delay=\"4\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/about-us\/\" class=\"arc-btn arc-btn--primary\">\r\n          <span class=\"arc-btn__text\">Know More<\/span>\r\n          <span class=\"arc-btn__icon\">\r\n            <svg width=\"18\" height=\"18\" 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          <span class=\"arc-btn__shimmer\"><\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-btn arc-btn--secondary\">\r\n          <span class=\"arc-btn__text\">Inquire Now<\/span>\r\n          <span class=\"arc-btn__icon\">\r\n            <svg width=\"18\" height=\"18\" 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 class=\"arc-hero__stats arc-reveal\" data-delay=\"5\">\r\n        <div class=\"arc-stat\">\r\n          <span class=\"arc-stat__num\">500+<\/span>\r\n          <span class=\"arc-stat__label\">Installations<\/span>\r\n        <\/div>\r\n        <div class=\"arc-stat-sep\"><\/div>\r\n        <div class=\"arc-stat\">\r\n          <span class=\"arc-stat__num\">15+<\/span>\r\n          <span class=\"arc-stat__label\">Years Experience<\/span>\r\n        <\/div>\r\n        <div class=\"arc-stat-sep\"><\/div>\r\n        <div class=\"arc-stat\">\r\n          <span class=\"arc-stat__num\">24\/7<\/span>\r\n          <span class=\"arc-stat__label\">Support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Scroll Indicator -->\r\n  <div class=\"arc-hero__scroll arc-reveal\" data-delay=\"6\">\r\n    <div class=\"arc-scroll-track\">\r\n      <div class=\"arc-scroll-thumb\"><\/div>\r\n    <\/div>\r\n    <span class=\"arc-scroll-text\">Scroll<\/span>\r\n  <\/div>\r\n\r\n  <!-- Side Text -->\r\n  <div class=\"arc-hero__side-text arc-reveal\" data-delay=\"5\" aria-hidden=\"true\">\r\n    EST. 2009 \u2014 UAE\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ Trigger reveal animations on load\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    var reveals = document.querySelectorAll('.arc-reveal');\r\n    reveals.forEach(function (el) {\r\n      el.classList.add('is-visible');\r\n    });\r\n  });\r\n\r\n  \/\/ Subtle parallax on mouse move (desktop only)\r\n  (function () {\r\n    var hero = document.getElementById('arc-hero-section');\r\n    if (!hero || window.innerWidth < 768) return;\r\n\r\n    var video = hero.querySelector('.arc-hero__video');\r\n    var geo = hero.querySelector('.arc-hero__geo');\r\n\r\n    hero.addEventListener('mousemove', function (e) {\r\n      var rect = hero.getBoundingClientRect();\r\n      var x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n      var y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n      if (video) {\r\n        video.style.transform = 'scale(1.05) translate(' + (x * -8) + 'px, ' + (y * -8) + 'px)';\r\n      }\r\n      if (geo) {\r\n        geo.style.transform = 'translateY(-50%) translate(' + (x * 15) + 'px, ' + (y * 15) + 'px)';\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-f8a2b8d e-con-full e-flex e-con e-parent\" data-id=\"f8a2b8d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-263359e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"263359e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"arc-about-preview\" id=\"about\">\r\n  <!-- Ambient background effects -->\r\n  <div class=\"arc-about-preview__orb arc-about-preview__orb--1\"><\/div>\r\n  <div class=\"arc-about-preview__orb arc-about-preview__orb--2\"><\/div>\r\n  <div class=\"arc-about-preview__orb arc-about-preview__orb--3\"><\/div>\r\n\r\n  <div class=\"arc-about-preview__wrap\">\r\n\r\n    <div class=\"arc-about-preview__text arc-reveal\">\r\n\r\n      <div class=\"arc-about-preview__eyebrow\">\r\n        <span class=\"arc-about-preview__eyebrow-dot\"><\/span>\r\n        About ARCOtis\r\n        <span class=\"arc-about-preview__eyebrow-dot\"><\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"arc-about-preview__title\">\r\n        Built on Precision,\r\n        <span class=\"arc-about-preview__title-accent\">Safety<\/span>\r\n        <span class=\"arc-about-preview__title-amp\">&amp;<\/span> Reliability\r\n      <\/h2>\r\n\r\n      <div class=\"arc-about-preview__divider arc-reveal arc-reveal--d1\">\r\n        <span><\/span>\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n          <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1.5\" stroke=\"rgba(255,255,255,0.35)\" stroke-width=\"1\"\/>\r\n          <rect x=\"5\" y=\"5\" width=\"4\" height=\"4\" rx=\"0.5\" fill=\"#9d1f2d\"\/>\r\n        <\/svg>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-about-preview__desc arc-reveal arc-reveal--d2\">\r\n        ARCOtis Elevators &amp; Escalators L.L.C delivers premium vertical mobility\r\n        solutions for residential, commercial, hospitality, and specialized projects\r\n        with a strong focus on engineering quality, safety standards, and dependable performance.\r\n      <\/p>\r\n\r\n      <p class=\"arc-about-preview__desc arc-about-preview__desc--secondary arc-reveal arc-reveal--d3\">\r\n        From supply and installation to modernization and maintenance, we create\r\n        systems that combine technical precision, ride comfort, and long-term service confidence.\r\n      <\/p>\r\n\r\n      <!-- Stats row -->\r\n      <div class=\"arc-about-preview__stats arc-reveal arc-reveal--d4\">\r\n        <div class=\"arc-about-preview__stat\">\r\n          <strong data-count=\"500\">0<\/strong><span class=\"arc-about-preview__stat-plus\">+<\/span>\r\n          <span class=\"arc-about-preview__stat-label\">Projects Delivered<\/span>\r\n        <\/div>\r\n        <div class=\"arc-about-preview__stat-sep\"><\/div>\r\n        <div class=\"arc-about-preview__stat\">\r\n          <strong data-count=\"15\">0<\/strong><span class=\"arc-about-preview__stat-plus\">+<\/span>\r\n          <span class=\"arc-about-preview__stat-label\">Years of Excellence<\/span>\r\n        <\/div>\r\n        <div class=\"arc-about-preview__stat-sep\"><\/div>\r\n        <div class=\"arc-about-preview__stat\">\r\n          <strong>100<span class=\"arc-about-preview__stat-plus\">%<\/span><\/strong>\r\n          <span class=\"arc-about-preview__stat-label\">Safety Compliance<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-about-preview__actions arc-reveal arc-reveal--d5\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/about-us\/\" class=\"arc-about-btn arc-about-btn--primary\">\r\n          <span class=\"arc-about-btn__text\">About Us<\/span>\r\n          <span class=\"arc-about-btn__icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n              <path d=\"M4 9h10M10 5l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"arc-about-btn__glow\"><\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-about-btn arc-about-btn--ghost\">\r\n          <span class=\"arc-about-btn__text\">Get in Touch<\/span>\r\n          <span class=\"arc-about-btn__icon\">\r\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n              <path d=\"M4 9h10M10 5l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-about-preview__media arc-reveal arc-reveal--d3\">\r\n\r\n      <div class=\"arc-about-preview__media-corner arc-about-preview__media-corner--tl\"><\/div>\r\n      <div class=\"arc-about-preview__media-corner arc-about-preview__media-corner--tr\"><\/div>\r\n      <div class=\"arc-about-preview__media-corner arc-about-preview__media-corner--bl\"><\/div>\r\n      <div class=\"arc-about-preview__media-corner arc-about-preview__media-corner--br\"><\/div>\r\n\r\n      <div class=\"arc-about-preview__media-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/passenger-elevator.jpeg\" alt=\"Luxury elevator interior or modern architectural building\">\r\n        <div class=\"arc-about-preview__shine\"><\/div>\r\n        <div class=\"arc-about-preview__frame-border\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Floating card top-right -->\r\n      <div class=\"arc-about-preview__floating-badge\">\r\n        <div class=\"arc-about-preview__floating-badge-icon\">\r\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 22 22\" fill=\"none\">\r\n            <path d=\"M11 1l2.47 6.53L20 10l-6.53 2.47L11 19l-2.47-6.53L2 10l6.53-2.47L11 1z\" fill=\"#9d1f2d\" stroke=\"#ff7887\" stroke-width=\"0.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span>Award-Winning<br>Engineering<\/span>\r\n      <\/div>\r\n\r\n      <!-- Floating card bottom-left -->\r\n      <div class=\"arc-about-preview__floating-card\">\r\n        <div class=\"arc-about-preview__floating-card-header\">\r\n          <div class=\"arc-about-preview__floating-card-icon\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n              <path d=\"M10 1v18M1 10h18\" stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"10\" cy=\"10\" r=\"4\" stroke=\"#9d1f2d\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n              <circle cx=\"10\" cy=\"10\" r=\"1.5\" fill=\"#ff7887\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <strong>Engineered Excellence<\/strong>\r\n        <\/div>\r\n        <span>Premium lift systems with safety-first execution and world-class precision<\/span>\r\n        <div class=\"arc-about-preview__floating-card-bar\">\r\n          <div class=\"arc-about-preview__floating-card-bar-fill\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Vertical text accent -->\r\n      <div class=\"arc-about-preview__vertical-text\">ARCOTIS \u2022 ELEVATORS \u2022 ESCALATORS<\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700&family=Manrope:wght@400;500;600;700;800&display=swap');\r\n\r\n  .arc-about-preview,\r\n  .arc-about-preview * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-about-preview {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-light: #c62839;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #d4a853;\r\n    --arc-gold-light: #e8c97a;\r\n    --arc-navy: #0b1220;\r\n    --arc-white: #ffffff;\r\n    --arc-text: #f5f1ec;\r\n    --arc-muted: rgba(255, 255, 255, 0.78);\r\n    --arc-subtle: rgba(255, 255, 255, 0.55);\r\n    --arc-border: rgba(255, 255, 255, 0.08);\r\n    --arc-glass: rgba(255, 255, 255, 0.04);\r\n    --arc-glass-border: rgba(255, 255, 255, 0.10);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(80px, 10vw, 140px) 24px;\r\n    background:\r\n      radial-gradient(ellipse 80% 60% at 20% 40%, rgba(157, 31, 45, 0.08), transparent),\r\n      radial-gradient(ellipse 60% 50% at 80% 60%, rgba(212, 168, 83, 0.04), transparent),\r\n      radial-gradient(ellipse 100% 100% at 50% 0%, rgba(11, 18, 32, 1), transparent),\r\n      linear-gradient(165deg, #060a12 0%, #0d1522 30%, #0f0a10 70%, #080c14 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  \/* Grid overlay *\/\r\n  .arc-about-preview::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.04;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(0, 0, 0, 0.6), transparent);\r\n  }\r\n\r\n  \/* Noise texture *\/\r\n  .arc-about-preview::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.025;\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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 150px;\r\n  }\r\n\r\n  \/* Ambient orbs *\/\r\n  .arc-about-preview__orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  .arc-about-preview__orb--1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    top: -120px;\r\n    left: -100px;\r\n    background: radial-gradient(circle, rgba(157, 31, 45, 0.15), transparent 70%);\r\n    animation: arcOrbFloat1 12s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-about-preview__orb--2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    bottom: -80px;\r\n    right: -60px;\r\n    background: radial-gradient(circle, rgba(212, 168, 83, 0.08), transparent 70%);\r\n    animation: arcOrbFloat2 15s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-about-preview__orb--3 {\r\n    width: 300px;\r\n    height: 300px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: radial-gradient(circle, rgba(157, 31, 45, 0.06), transparent 70%);\r\n    animation: arcOrbFloat3 10s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcOrbFloat1 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, 20px) scale(1.1); }\r\n  }\r\n\r\n  @keyframes arcOrbFloat2 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(-20px, -30px) scale(1.05); }\r\n  }\r\n\r\n  @keyframes arcOrbFloat3 {\r\n    0%, 100% { transform: translate(-50%, -50%) scale(1); }\r\n    50% { transform: translate(-50%, -55%) scale(1.15); }\r\n  }\r\n\r\n  \/* Layout *\/\r\n  .arc-about-preview__wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1320px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\r\n    gap: clamp(36px, 5vw, 72px);\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Text column *\/\r\n  .arc-about-preview__text {\r\n    position: relative;\r\n    padding-right: clamp(0px, 2vw, 20px);\r\n  }\r\n\r\n  \/* Eyebrow *\/\r\n  .arc-about-preview__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 24px;\r\n    padding: 10px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid var(--arc-glass-border);\r\n    background:\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold-light);\r\n  }\r\n\r\n  .arc-about-preview__eyebrow-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arc-gold);\r\n    box-shadow: 0 0 10px rgba(212, 168, 83, 0.5);\r\n    animation: arcDotPulse 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcDotPulse {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.5; transform: scale(0.7); }\r\n  }\r\n\r\n  \/* Title *\/\r\n  .arc-about-preview__title {\r\n    margin: 0 0 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(42px, 5.8vw, 76px);\r\n    line-height: 1.0;\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n    color: var(--arc-white);\r\n  }\r\n\r\n  .arc-about-preview__title-accent {\r\n    position: relative;\r\n    display: inline-block;\r\n    background: linear-gradient(135deg, #ffd8de 0%, #ff9daa 40%, var(--arc-red-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  .arc-about-preview__title-accent::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 2px;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--arc-red), transparent);\r\n    border-radius: 2px;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .arc-about-preview__title-amp {\r\n    display: inline-block;\r\n    font-style: italic;\r\n    color: var(--arc-gold);\r\n    opacity: 0.6;\r\n    margin: 0 4px;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .arc-about-preview__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin: 22px 0 24px;\r\n  }\r\n\r\n  .arc-about-preview__divider span {\r\n    flex: 1;\r\n    max-width: 80px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(212, 168, 83, 0.4), transparent);\r\n  }\r\n\r\n  .arc-about-preview__divider span:last-child {\r\n    background: linear-gradient(270deg, rgba(212, 168, 83, 0.4), transparent);\r\n  }\r\n\r\n  \/* Description *\/\r\n  .arc-about-preview__desc {\r\n    max-width: 580px;\r\n    margin: 0 0 16px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: clamp(15px, 1.2vw, 17px);\r\n    line-height: 1.85;\r\n    font-weight: 400;\r\n    color: var(--arc-muted);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arc-about-preview__desc--secondary {\r\n    margin-bottom: 0;\r\n    color: var(--arc-subtle);\r\n  }\r\n\r\n  \/* Stats *\/\r\n  .arc-about-preview__stats {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0;\r\n    margin: 32px 0 36px;\r\n    padding: 22px 28px;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--arc-glass-border);\r\n    background:\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-about-preview__stat {\r\n    flex: 1;\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .arc-about-preview__stat strong {\r\n    display: block;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(28px, 3vw, 38px);\r\n    font-weight: 700;\r\n    color: var(--arc-white);\r\n    line-height: 1;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .arc-about-preview__stat-plus {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 0.55em;\r\n    color: var(--arc-gold);\r\n    vertical-align: super;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .arc-about-preview__stat-label {\r\n    display: block;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-subtle);\r\n  }\r\n\r\n  .arc-about-preview__stat-sep {\r\n    width: 1px;\r\n    height: 40px;\r\n    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.12), transparent);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .arc-about-preview__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n  }\r\n\r\n  .arc-about-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: 180px;\r\n    min-height: 56px;\r\n    padding: 16px 30px;\r\n    border-radius: 999px;\r\n    text-decoration: none !important;\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    color: #ffffff !important;\r\n    overflow: hidden;\r\n    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    cursor: pointer;\r\n    outline: none;\r\n    border: none;\r\n  }\r\n\r\n  .arc-about-btn--primary {\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, var(--arc-red-dark) 100%);\r\n    border: 1px solid rgba(255, 120, 135, 0.15);\r\n    box-shadow:\r\n      0 8px 24px rgba(157, 31, 45, 0.3),\r\n      0 2px 8px rgba(0, 0, 0, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .arc-about-btn--primary::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: linear-gradient(135deg, var(--arc-red-light) 0%, var(--arc-red) 100%);\r\n    opacity: 0;\r\n    transition: opacity 0.45s ease;\r\n  }\r\n\r\n  .arc-about-btn--primary:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-about-btn__glow {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 120%;\r\n    height: 200%;\r\n    background: radial-gradient(ellipse, rgba(255, 255, 255, 0.15), transparent 60%);\r\n    transform: translate(-50%, -50%) scale(0);\r\n    transition: transform 0.6s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-about-btn--primary:hover .arc-about-btn__glow {\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n\r\n  .arc-about-btn--primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow:\r\n      0 16px 40px rgba(157, 31, 45, 0.4),\r\n      0 4px 12px rgba(0, 0, 0, 0.3),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n  }\r\n\r\n  .arc-about-btn--ghost {\r\n    background: transparent;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    color: rgba(255, 255, 255, 0.9) !important;\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n  }\r\n\r\n  .arc-about-btn--ghost:hover {\r\n    border-color: rgba(212, 168, 83, 0.4);\r\n    background: rgba(255, 255, 255, 0.05);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);\r\n    color: var(--arc-gold-light) !important;\r\n  }\r\n\r\n  .arc-about-btn__text {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-about-btn__icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .arc-about-btn:hover .arc-about-btn__icon {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Media column *\/\r\n  .arc-about-preview__media {\r\n    position: relative;\r\n    padding: 20px;\r\n  }\r\n\r\n  \/* Corner accents *\/\r\n  .arc-about-preview__media-corner {\r\n    position: absolute;\r\n    width: 30px;\r\n    height: 30px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-about-preview__media-corner--tl {\r\n    top: 0;\r\n    left: 0;\r\n    border-top: 1.5px solid var(--arc-gold);\r\n    border-left: 1.5px solid var(--arc-gold);\r\n    opacity: 0.35;\r\n  }\r\n\r\n  .arc-about-preview__media-corner--tr {\r\n    top: 0;\r\n    right: 0;\r\n    border-top: 1.5px solid var(--arc-gold);\r\n    border-right: 1.5px solid var(--arc-gold);\r\n    opacity: 0.35;\r\n  }\r\n\r\n  .arc-about-preview__media-corner--bl {\r\n    bottom: 0;\r\n    left: 0;\r\n    border-bottom: 1.5px solid var(--arc-gold);\r\n    border-left: 1.5px solid var(--arc-gold);\r\n    opacity: 0.35;\r\n  }\r\n\r\n  .arc-about-preview__media-corner--br {\r\n    bottom: 0;\r\n    right: 0;\r\n    border-bottom: 1.5px solid var(--arc-gold);\r\n    border-right: 1.5px solid var(--arc-gold);\r\n    opacity: 0.35;\r\n  }\r\n\r\n  \/* Image frame *\/\r\n  .arc-about-preview__media-frame {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    min-height: 580px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));\r\n    border: 1px solid var(--arc-border);\r\n    box-shadow:\r\n      0 40px 80px rgba(0, 0, 0, 0.4),\r\n      0 16px 32px rgba(0, 0, 0, 0.2),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .arc-about-preview__frame-border {\r\n    position: absolute;\r\n    inset: 6px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255, 255, 255, 0.06);\r\n    pointer-events: none;\r\n    z-index: 3;\r\n  }\r\n\r\n  .arc-about-preview__media-frame img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transform: scale(1.05);\r\n    filter: saturate(0.88) contrast(1.06) brightness(0.78);\r\n    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .arc-about-preview__media:hover .arc-about-preview__media-frame img {\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .arc-about-preview__media-frame::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,\r\n        rgba(10, 14, 22, 0.1) 0%,\r\n        rgba(10, 14, 22, 0.05) 50%,\r\n        rgba(10, 14, 22, 0.35) 100%),\r\n      linear-gradient(135deg,\r\n        rgba(157, 31, 45, 0.15) 0%,\r\n        transparent 50%),\r\n      linear-gradient(315deg,\r\n        rgba(212, 168, 83, 0.06) 0%,\r\n        transparent 50%);\r\n  }\r\n\r\n  \/* Shine effect *\/\r\n  .arc-about-preview__shine {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    background: linear-gradient(\r\n      115deg,\r\n      transparent 20%,\r\n      rgba(255, 255, 255, 0.06) 40%,\r\n      rgba(255, 255, 255, 0.12) 50%,\r\n      rgba(255, 255, 255, 0.06) 60%,\r\n      transparent 80%\r\n    );\r\n    transform: translateX(-150%);\r\n    animation: arcShine 8s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes arcShine {\r\n    0% { transform: translateX(-150%); }\r\n    15% { transform: translateX(150%); }\r\n    100% { transform: translateX(150%); }\r\n  }\r\n\r\n  \/* Floating badge *\/\r\n  .arc-about-preview__floating-badge {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 2px;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 18px;\r\n    border-radius: 16px;\r\n    background:\r\n      linear-gradient(135deg, rgba(157, 31, 45, 0.25), rgba(157, 31, 45, 0.1));\r\n    border: 1px solid rgba(255, 120, 135, 0.15);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);\r\n    animation: arcBadgeFloat 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcBadgeFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n  }\r\n\r\n  .arc-about-preview__floating-badge-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    animation: arcStarSpin 8s linear infinite;\r\n  }\r\n\r\n  @keyframes arcStarSpin {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .arc-about-preview__floating-badge span {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.9);\r\n    line-height: 1.45;\r\n  }\r\n\r\n  \/* Floating card *\/\r\n  .arc-about-preview__floating-card {\r\n    position: absolute;\r\n    left: -10px;\r\n    bottom: 0px;\r\n    z-index: 10;\r\n    width: min(320px, calc(100% - 20px));\r\n    padding: 20px 22px 18px;\r\n    border-radius: 20px;\r\n    background:\r\n      linear-gradient(165deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));\r\n    border: 1px solid rgba(255, 255, 255, 0.10);\r\n    backdrop-filter: blur(24px);\r\n    -webkit-backdrop-filter: blur(24px);\r\n    box-shadow:\r\n      0 24px 48px rgba(0, 0, 0, 0.35),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08);\r\n    animation: arcCardFloat 7s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcCardFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n  }\r\n\r\n  .arc-about-preview__floating-card-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .arc-about-preview__floating-card-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 10px;\r\n    background: rgba(157, 31, 45, 0.2);\r\n    border: 1px solid rgba(157, 31, 45, 0.25);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-about-preview__floating-card strong {\r\n    display: block;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .arc-about-preview__floating-card span {\r\n    display: block;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 12.5px;\r\n    line-height: 1.6;\r\n    color: rgba(255, 255, 255, 0.65);\r\n    margin-bottom: 12px;\r\n  }\r\n\r\n  .arc-about-preview__floating-card-bar {\r\n    width: 100%;\r\n    height: 3px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-about-preview__floating-card-bar-fill {\r\n    width: 0%;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, var(--arc-red), var(--arc-gold));\r\n    transition: width 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .arc-about-preview__floating-card-bar-fill.arc-bar-animate {\r\n    width: 87%;\r\n  }\r\n\r\n  \/* Vertical text *\/\r\n  .arc-about-preview__vertical-text {\r\n    position: absolute;\r\n    right: -8px;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(90deg);\r\n    transform-origin: center center;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.35em;\r\n    text-transform: uppercase;\r\n    color: rgba(255, 255, 255, 0.12);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Reveal animations *\/\r\n  .arc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition:\r\n      opacity 1s cubic-bezier(0.22, 1, 0.36, 1),\r\n      transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-reveal--d1 { transition-delay: 0.12s; }\r\n  .arc-reveal--d2 { transition-delay: 0.22s; }\r\n  .arc-reveal--d3 { transition-delay: 0.32s; }\r\n  .arc-reveal--d4 { transition-delay: 0.42s; }\r\n  .arc-reveal--d5 { transition-delay: 0.52s; }\r\n\r\n  .arc-reveal.arc-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n  @media (max-width: 1100px) {\r\n    .arc-about-preview__wrap {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n    }\r\n\r\n    .arc-about-preview__text {\r\n      padding-right: 0;\r\n    }\r\n\r\n    .arc-about-preview__media {\r\n      max-width: 680px;\r\n      margin: 0 auto;\r\n      width: 100%;\r\n    }\r\n\r\n    .arc-about-preview__media-frame {\r\n      min-height: 500px;\r\n    }\r\n\r\n    .arc-about-preview__floating-card {\r\n      left: 10px;\r\n      bottom: 4px;\r\n    }\r\n\r\n    .arc-about-preview__floating-badge {\r\n      top: 6px;\r\n      right: 6px;\r\n    }\r\n\r\n    .arc-about-preview__vertical-text {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-about-preview {\r\n      padding: 64px 16px;\r\n    }\r\n\r\n    .arc-about-preview__wrap {\r\n      gap: 28px;\r\n    }\r\n\r\n    .arc-about-preview__text {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-about-preview__eyebrow {\r\n      justify-content: center;\r\n      font-size: 10px;\r\n      letter-spacing: 0.16em;\r\n      padding: 9px 16px;\r\n    }\r\n\r\n    .arc-about-preview__title {\r\n      font-size: clamp(34px, 10vw, 52px);\r\n      line-height: 1.05;\r\n    }\r\n\r\n    .arc-about-preview__divider {\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-about-preview__desc {\r\n      font-size: 14.5px;\r\n      line-height: 1.75;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-about-preview__stats {\r\n      flex-direction: column;\r\n      gap: 18px;\r\n      padding: 20px;\r\n    }\r\n\r\n    .arc-about-preview__stat-sep {\r\n      width: 60px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);\r\n    }\r\n\r\n    .arc-about-preview__actions {\r\n      justify-content: center;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .arc-about-btn {\r\n      width: 100%;\r\n      min-width: 100%;\r\n      min-height: 52px;\r\n    }\r\n\r\n    .arc-about-preview__media {\r\n      padding: 12px;\r\n    }\r\n\r\n    .arc-about-preview__media-frame {\r\n      min-height: 380px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .arc-about-preview__media-corner {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n\r\n    .arc-about-preview__floating-card {\r\n      position: relative;\r\n      left: 0;\r\n      bottom: 0;\r\n      width: 100%;\r\n      margin-top: 14px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .arc-about-preview__floating-badge {\r\n      top: 0;\r\n      right: 0;\r\n      padding: 10px 14px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .arc-about-preview__floating-badge span {\r\n      font-size: 10px;\r\n    }\r\n\r\n    .arc-about-preview__floating-badge-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n    }\r\n\r\n    .arc-about-preview__frame-border {\r\n      inset: 4px;\r\n      border-radius: 17px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-about-preview__media-frame {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .arc-about-preview__stats {\r\n      padding: 16px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .arc-about-preview__stat strong {\r\n      font-size: 28px;\r\n    }\r\n\r\n    .arc-about-preview__title {\r\n      font-size: clamp(30px, 9vw, 42px);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector('.arc-about-preview');\r\n    if (!section) return;\r\n\r\n    const reveals = section.querySelectorAll('.arc-reveal');\r\n    const barFill = section.querySelector('.arc-about-preview__floating-card-bar-fill');\r\n    const counters = section.querySelectorAll('.arc-about-preview__stat strong[data-count]');\r\n\r\n    \/* \u2500\u2500 Counter animation \u2500\u2500 *\/\r\n    function animateCounter(el) {\r\n      const target = parseInt(el.getAttribute('data-count'), 10);\r\n      const duration = 2200;\r\n      const startTime = performance.now();\r\n\r\n      function update(now) {\r\n        const elapsed = now - startTime;\r\n        const progress = Math.min(elapsed \/ duration, 1);\r\n        const eased = 1 - Math.pow(1 - progress, 4); \/\/ ease-out quart\r\n        const current = Math.round(eased * target);\r\n\r\n        \/\/ Keep the plus\/percent span if present\r\n        const plus = el.querySelector('.arc-about-preview__stat-plus');\r\n        if (plus) {\r\n          el.textContent = '';\r\n          el.textContent = current;\r\n          el.appendChild(plus);\r\n        } else {\r\n          el.textContent = current;\r\n        }\r\n\r\n        if (progress < 1) requestAnimationFrame(update);\r\n      }\r\n\r\n      requestAnimationFrame(update);\r\n    }\r\n\r\n    \/* \u2500\u2500 Intersection Observer \u2500\u2500 *\/\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            reveals.forEach((item) => item.classList.add('arc-visible'));\r\n\r\n            \/\/ Start counters\r\n            counters.forEach((c) => animateCounter(c));\r\n\r\n            \/\/ Animate bar fill\r\n            if (barFill) {\r\n              setTimeout(() => barFill.classList.add('arc-bar-animate'), 600);\r\n            }\r\n\r\n            observer.unobserve(section);\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.18 }\r\n    );\r\n\r\n    observer.observe(section);\r\n\r\n    \/* \u2500\u2500 Subtle parallax on mouse move (desktop only) \u2500\u2500 *\/\r\n    if (window.matchMedia('(min-width: 1101px)').matches) {\r\n      const mediaFrame = section.querySelector('.arc-about-preview__media-frame');\r\n      const badge = section.querySelector('.arc-about-preview__floating-badge');\r\n      const card = section.querySelector('.arc-about-preview__floating-card');\r\n\r\n      section.addEventListener('mousemove', (e) => {\r\n        const rect = section.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        if (mediaFrame) {\r\n          mediaFrame.style.transform = `perspective(1000px) rotateY(${x * 2}deg) rotateX(${-y * 2}deg)`;\r\n          mediaFrame.style.transition = 'transform 0.4s ease-out';\r\n        }\r\n        if (badge) {\r\n          badge.style.transform = `translate(${x * -10}px, ${y * -10}px)`;\r\n          badge.style.transition = 'transform 0.5s ease-out';\r\n        }\r\n        if (card) {\r\n          card.style.transform = `translate(${x * -8}px, ${y * -8}px)`;\r\n          card.style.transition = 'transform 0.5s ease-out';\r\n        }\r\n      });\r\n\r\n      section.addEventListener('mouseleave', () => {\r\n        if (mediaFrame) {\r\n          mediaFrame.style.transform = '';\r\n          mediaFrame.style.transition = 'transform 0.8s ease-out';\r\n        }\r\n        if (badge) {\r\n          badge.style.transform = '';\r\n          badge.style.transition = 'transform 0.8s ease-out';\r\n        }\r\n        if (card) {\r\n          card.style.transform = '';\r\n          card.style.transition = 'transform 0.8s ease-out';\r\n        }\r\n      });\r\n    }\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-da75cd1 e-con-full e-flex e-con e-parent\" data-id=\"da75cd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8189a38 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8189a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* \r\n     PREMIUM VERTICAL MOBILITY CAROUSEL - ARCTIS EDITION \r\n     Updated for floating 3D product showcase look\r\n  *\/\r\n\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600&family=Manrope:wght@300;400;600;700&display=swap');\r\n\r\n  :root {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #d4a853;\r\n    --arc-navy: #13233b;\r\n    --arc-bg-light: #f7f5f1;\r\n    --arc-border-subtle: rgba(19, 35, 59, 0.08);\r\n    --arc-shadow-soft: 0 8px 30px rgba(0, 0, 0, 0.06);\r\n    --arc-shadow-deep: 0 30px 60px rgba(0, 0, 0, 0.12);\r\n    --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    --transition-smooth: cubic-bezier(0.25, 1, 0.5, 1);\r\n  }\r\n\r\n  .arc-solutions,\r\n  .arc-solutions * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-solutions {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(80px, 10vw, 120px) 24px;\r\n    background-color: var(--arc-bg-light);\r\n  }\r\n\r\n  .arc-solutions::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -50%;\r\n    pointer-events: none;\r\n    opacity: 0.04;\r\n    background-image: \r\n      radial-gradient(circle at 50% 50%, rgba(212, 168, 83, 0.28), transparent 60%),\r\n      linear-gradient(rgba(19, 35, 59, 0.02) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(19, 35, 59, 0.02) 1px, transparent 1px);\r\n    background-size: 100% 100%, 48px 48px, 48px 48px;\r\n    z-index: 0;\r\n  }\r\n\r\n  .arc-section-head {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto 60px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-pill-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 24px;\r\n    animation: arcFadeInDown 0.8s ease-out backwards;\r\n  }\r\n\r\n  .arc-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 24px;\r\n    border-radius: 50px;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.7), rgba(255,255,255,0.35));\r\n    border: 1px solid rgba(157,31,45,0.12);\r\n    backdrop-filter: blur(10px);\r\n    color: var(--arc-red);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 4px 12px rgba(157, 31, 45, 0.04);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .arc-pill:hover {\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .arc-pill::before {\r\n    content: \"\";\r\n    width: 32px;\r\n    height: 1px;\r\n    background: var(--arc-red);\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .arc-section-head h2 {\r\n    margin: 0 0 20px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(42px, 6vw, 72px);\r\n    line-height: 1.1;\r\n    font-weight: 600;\r\n    color: var(--arc-navy);\r\n    letter-spacing: -0.03em;\r\n    text-shadow: 0 2px 0 rgba(255,255,255,1);\r\n  }\r\n\r\n  .arc-section-head h2 span {\r\n    color: var(--arc-red);\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .arc-section-head h2 span::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 5px;\r\n    left: 10%;\r\n    width: 80%;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, rgba(212, 168, 83, 0.25), rgba(212, 168, 83, 0.5));\r\n    filter: blur(2px);\r\n    z-index: -1;\r\n    transform: skewX(-15deg);\r\n  }\r\n\r\n  .arc-section-head p {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 18px;\r\n    line-height: 1.75;\r\n    color: #5e6b7c;\r\n    font-weight: 300;\r\n  }\r\n\r\n  .arc-solutions-carousel {\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 2;\r\n    perspective: 1800px;\r\n  }\r\n\r\n  .arc-solutions-track-container {\r\n    position: relative;\r\n    overflow: visible;\r\n  }\r\n\r\n  .arc-solutions-viewport {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    touch-action: pan-y;\r\n    cursor: grab;\r\n    padding: 20px 0 70px;\r\n  }\r\n\r\n  .arc-solutions-viewport::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .arc-solutions-viewport.is-dragging {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  .arc-solutions-track {\r\n    display: flex;\r\n    gap: 32px;\r\n    padding: 0 10px;\r\n    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    will-change: transform;\r\n    align-items: center;\r\n  }\r\n\r\n  .arc-solution-card {\r\n    position: relative;\r\n    flex: 0 0 calc((100% - 64px) \/ 3);\r\n    height: 560px;\r\n    border-radius: 24px;\r\n    cursor: pointer;\r\n    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s ease, filter 0.6s ease;\r\n    transform: translateZ(0) scale(0.86) rotateY(14deg);\r\n    transform-style: preserve-3d;\r\n    opacity: 0.55;\r\n    filter: blur(0.2px);\r\n  }\r\n\r\n  .arc-solution-card.is-prev {\r\n    transform: translateX(24px) scale(0.88) rotateY(16deg);\r\n    opacity: 0.62;\r\n  }\r\n\r\n  .arc-solution-card.is-next {\r\n    transform: translateX(-24px) scale(0.88) rotateY(-16deg);\r\n    opacity: 0.62;\r\n  }\r\n\r\n  .arc-solution-card.is-active {\r\n    transform: translateY(-8px) scale(1) rotateY(0deg);\r\n    opacity: 1;\r\n    z-index: 5;\r\n    filter: none;\r\n  }\r\n\r\n  .arc-solution-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 0;\r\n    overflow: visible;\r\n    box-shadow: none;\r\n    background: transparent;\r\n    border: none;\r\n    transition: transform 0.6s var(--transition-bounce);\r\n  }\r\n\r\n  .arc-solution-card.is-active .arc-solution-card-inner,\r\n  .arc-solution-card:hover .arc-solution-card-inner {\r\n    transform: translateY(-6px);\r\n  }\r\n\r\n  .arc-solution-card__image {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    overflow: visible;\r\n  }\r\n\r\n  .arc-solution-card__image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 12%;\r\n    right: 12%;\r\n    bottom: 34px;\r\n    height: 70px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.08) 45%, rgba(0,0,0,0) 76%);\r\n    filter: blur(16px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .arc-solution-card__image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 18%;\r\n    right: 18%;\r\n    bottom: 10px;\r\n    height: 90px;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0.18), rgba(255,255,255,0));\r\n    opacity: 0.35;\r\n    filter: blur(12px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .arc-solution-card__image img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    object-position: center center;\r\n    transition: transform 1.2s ease, filter 0.8s ease;\r\n    filter: drop-shadow(0 26px 32px rgba(0,0,0,0.16));\r\n  }\r\n\r\n  .arc-solution-card.is-active .arc-solution-card__image img,\r\n  .arc-solution-card:hover .arc-solution-card__image img {\r\n    transform: scale(1.06) translateY(-4px);\r\n    filter: drop-shadow(0 34px 38px rgba(0,0,0,0.2));\r\n  }\r\n\r\n  .arc-solution-card__overlay {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    top: auto;\r\n    height: 34%;\r\n    z-index: 2;\r\n    background: linear-gradient(to top, rgba(247,245,241,0.98) 6%, rgba(247,245,241,0.88) 38%, rgba(247,245,241,0.0) 100%);\r\n    transition: opacity 0.4s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-solution-card.is-active .arc-solution-card__overlay,\r\n  .arc-solution-card:hover .arc-solution-card__overlay {\r\n    opacity: 0.95;\r\n  }\r\n\r\n  .arc-solution-card::after,\r\n  .arc-solution-card::before {\r\n    display: none;\r\n  }\r\n\r\n.arc-solution-card__content {\r\n  position: absolute;\r\n  bottom: -18px;\r\n  left: 34px;\r\n  right: 34px;\r\n  z-index: 3;\r\n  color: var(--arc-navy);\r\n  transform: translateY(8px);\r\n  transition: transform 0.5s ease, opacity 0.5s ease;\r\n  opacity: 0.95;\r\n}\r\n\r\n  .arc-solution-card.is-active .arc-solution-card__content,\r\n  .arc-solution-card:hover .arc-solution-card__content {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n.arc-solution-card h3 {\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 36px;\r\n  font-weight: 600;\r\n  line-height: 1.1;\r\n  margin: 0 0 12px;\r\n  letter-spacing: -0.02em;\r\n  color: #121212 !important;\r\n  text-shadow: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.arc-solution-card p {\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: #b99b45;\r\n  margin: 0;\r\n  font-weight: 400;\r\n  opacity: 1;\r\n}\r\n\r\n  .arc-solutions-nav {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    color: var(--arc-navy);\r\n    font-size: 24px;\r\n    display: grid;\r\n    place-items: center;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  .arc-solutions-nav:hover {\r\n    background: var(--arc-red);\r\n    color: white;\r\n    transform: translateY(-50%) scale(1.08);\r\n    box-shadow: 0 15px 35px rgba(157, 31, 45, 0.22);\r\n  }\r\n\r\n  .arc-solutions-prev { left: -30px; }\r\n  .arc-solutions-next { right: -30px; }\r\n\r\n  .arc-solutions-dots {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 8px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .arc-solutions-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(19, 35, 59, 0.16);\r\n    border: none;\r\n    cursor: pointer;\r\n    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    position: relative;\r\n  }\r\n\r\n  .arc-solutions-dot::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 4px;\r\n    border-radius: 50%;\r\n    background: inherit;\r\n    opacity: 0.5;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .arc-solutions-dot.active {\r\n    background: var(--arc-red);\r\n    transform: scale(1.2);\r\n    box-shadow: 0 0 12px rgba(157, 31, 45, 0.25);\r\n  }\r\n\r\n  .arc-solutions-dot.active::after {\r\n    opacity: 0;\r\n  }\r\n\r\n  .arc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-reveal.arc-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @keyframes arcFadeInDown {\r\n    from { opacity: 0; transform: translateY(-20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .arc-solution-card {\r\n      flex: 0 0 calc((100% - 32px) \/ 2);\r\n      height: 500px;\r\n    }\r\n\r\n    .arc-solution-card h3 {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-solutions {\r\n      padding: 60px 16px;\r\n    }\r\n\r\n    .arc-section-head h2 {\r\n      font-size: 36px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    .arc-section-head p {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .arc-solutions-viewport {\r\n      padding: 14px 0 44px;\r\n    }\r\n\r\n    .arc-solution-card {\r\n      flex: 0 0 88%;\r\n      height: 420px;\r\n      transform: scale(0.93) rotateY(0deg);\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .arc-solution-card.is-prev,\r\n    .arc-solution-card.is-next {\r\n      transform: scale(0.93) rotateY(0deg);\r\n      opacity: 0.55;\r\n    }\r\n\r\n    .arc-solution-card.is-active {\r\n      transform: translateY(-2px) scale(1) rotateY(0deg);\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-solutions-nav {\r\n      width: 48px;\r\n      height: 48px;\r\n      font-size: 18px;\r\n      background: rgba(255,255,255,0.92);\r\n    }\r\n\r\n    .arc-solutions-prev { left: 8px; }\r\n    .arc-solutions-next { right: 8px; }\r\n.arc-solution-card__content {\r\n  left: 20px;\r\n  right: 20px;\r\n  bottom: -10px;\r\n}\r\n\r\n  .arc-solution-card h3 {\r\n  font-size: 28px;\r\n}\r\n\r\n    .arc-solution-card p {\r\n      font-size: 13px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arc-solutions arc-block\" id=\"solutions\">\r\n  \r\n  <div class=\"arc-section-head arc-reveal\">\r\n    <div class=\"arc-pill-wrapper\">\r\n      <span class=\"arc-pill\">Expertise<\/span>\r\n    <\/div>\r\n    <h2>Premium Vertical Mobility<br><span>Solutions<\/span><\/h2>\r\n    <p>Elevating standards across residential, commercial, hospitality, and industrial sectors.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"arc-solutions-carousel arc-reveal\">\r\n    \r\n    <button class=\"arc-solutions-nav arc-solutions-prev\" aria-label=\"Previous slide\">\r\n      \u2190\r\n    <\/button>\r\n\r\n    <div class=\"arc-solutions-track-container\">\r\n      <div class=\"arc-solutions-viewport\">\r\n        <div class=\"arc-solutions-track\">\r\n\r\n          <!-- Item 1 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-18-scaled.png\" alt=\"Passenger Elevators\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Passenger Elevators<\/h3>\r\n                <p>All types of passenger elevators with speeds ranging from 0.15 m\/sec to 4 m\/sec.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Item 2 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-19-scaled.png\" alt=\"Freight Elevators\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Freight Elevators<\/h3>\r\n                <p>Heavy-duty freight elevators with load capacity up to 50 tons for industrial applications.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Item 3 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-20-scaled.png\" alt=\"Escalators & Moving Walks\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Escalators & Moving Walks<\/h3>\r\n                <p>Advanced escalators and moving walk systems for smooth and continuous passenger flow.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Item 4 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-21-scaled.png\" alt=\"Parking Systems\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Parking Systems<\/h3>\r\n                <p>Innovative automated parking solutions designed to maximize space efficiency.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Item 5 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-22-scaled.png\" alt=\"Modernisation Solutions\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Modernisation Solutions<\/h3>\r\n                <p>Upgrade and modernization of existing lift systems with advanced technology.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Item 6 -->\r\n          <article class=\"arc-solution-card\" tabindex=\"0\">\r\n            <div class=\"arc-solution-card-inner\">\r\n              <div class=\"arc-solution-card__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-23-scaled.png\" alt=\"Marine Solutions\">\r\n              <\/div>\r\n              <div class=\"arc-solution-card__overlay\"><\/div>\r\n              <div class=\"arc-solution-card__content\">\r\n                <h3>Marine Solutions<\/h3>\r\n                <p>Specialized elevator and mobility solutions engineered for marine environments.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"arc-solutions-nav arc-solutions-next\" aria-label=\"Next slide\">\r\n      \u2192\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <div class=\"arc-solutions-dots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-solutions');\r\n  if (!section) return;\r\n\r\n  const viewport = section.querySelector('.arc-solutions-viewport');\r\n  const track = section.querySelector('.arc-solutions-track');\r\n  const cards = Array.from(section.querySelectorAll('.arc-solution-card'));\r\n  const prevBtn = section.querySelector('.arc-solutions-prev');\r\n  const nextBtn = section.querySelector('.arc-solutions-next');\r\n  const dotsWrap = section.querySelector('.arc-solutions-dots');\r\n\r\n  let currentIndex = 0;\r\n  let autoPlayInterval;\r\n  let cardsPerView = 3;\r\n  let maxIndex = 0;\r\n\r\n  function getCardsPerView() {\r\n    if (window.innerWidth <= 767) return 1;\r\n    if (window.innerWidth <= 1100) return 2;\r\n    return 3;\r\n  }\r\n\r\n  function getCardStep() {\r\n    if (!cards.length) return 0;\r\n    const gap = parseFloat(window.getComputedStyle(track).gap) || 32;\r\n    return cards[0].offsetWidth + gap;\r\n  }\r\n\r\n  function getActiveCenterIndex() {\r\n    return currentIndex + Math.floor(cardsPerView \/ 2);\r\n  }\r\n\r\n  function apply3DState() {\r\n    const activeCenter = getActiveCenterIndex();\r\n\r\n    cards.forEach((card, index) => {\r\n      card.classList.remove('is-active', 'is-prev', 'is-next');\r\n\r\n      if (index === activeCenter) {\r\n        card.classList.add('is-active');\r\n      } else if (index === activeCenter - 1) {\r\n        card.classList.add('is-prev');\r\n      } else if (index === activeCenter + 1) {\r\n        card.classList.add('is-next');\r\n      }\r\n    });\r\n  }\r\n\r\n  function setupCarousel() {\r\n    cardsPerView = getCardsPerView();\r\n    maxIndex = Math.max(0, cards.length - cardsPerView);\r\n    if (currentIndex > maxIndex) currentIndex = maxIndex;\r\n    createDots();\r\n    updateCarousel(false);\r\n  }\r\n\r\n  function createDots() {\r\n    dotsWrap.innerHTML = '';\r\n    const totalDots = maxIndex + 1;\r\n\r\n    for (let i = 0; i < totalDots; i++) {\r\n      const dot = document.createElement('button');\r\n      dot.className = `arc-solutions-dot${i === currentIndex ? ' active' : ''}`;\r\n      dot.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n      dot.addEventListener('click', function () {\r\n        goToSlide(i);\r\n      });\r\n      dotsWrap.appendChild(dot);\r\n    }\r\n  }\r\n\r\n  function updateDots() {\r\n    const dots = dotsWrap.querySelectorAll('.arc-solutions-dot');\r\n    dots.forEach((dot, index) => {\r\n      dot.classList.toggle('active', index === currentIndex);\r\n    });\r\n  }\r\n\r\n  function updateButtons() {\r\n    prevBtn.style.opacity = currentIndex <= 0 ? '0' : '1';\r\n    prevBtn.style.pointerEvents = currentIndex <= 0 ? 'none' : 'auto';\r\n\r\n    nextBtn.style.opacity = currentIndex >= maxIndex ? '0' : '1';\r\n    nextBtn.style.pointerEvents = currentIndex >= maxIndex ? 'none' : 'auto';\r\n  }\r\n\r\n  function updateCarousel(animate = true) {\r\n    const moveAmount = getCardStep() * currentIndex;\r\n    track.style.transition = animate ? 'transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1)' : 'none';\r\n    track.style.transform = `translateX(-${moveAmount}px)`;\r\n    updateDots();\r\n    updateButtons();\r\n    apply3DState();\r\n  }\r\n\r\n  function goToSlide(index) {\r\n    currentIndex = Math.max(0, Math.min(index, maxIndex));\r\n    updateCarousel(true);\r\n    resetAutoPlay();\r\n  }\r\n\r\n  function nextSlide() {\r\n    if (currentIndex >= maxIndex) {\r\n      currentIndex = 0;\r\n    } else {\r\n      currentIndex++;\r\n    }\r\n    updateCarousel(true);\r\n    resetAutoPlay();\r\n  }\r\n\r\n  function prevSlide() {\r\n    if (currentIndex <= 0) {\r\n      currentIndex = maxIndex;\r\n    } else {\r\n      currentIndex--;\r\n    }\r\n    updateCarousel(true);\r\n    resetAutoPlay();\r\n  }\r\n\r\n  function startAutoPlay() {\r\n    stopAutoPlay();\r\n    autoPlayInterval = setInterval(nextSlide, 5000);\r\n  }\r\n\r\n  function stopAutoPlay() {\r\n    if (autoPlayInterval) clearInterval(autoPlayInterval);\r\n  }\r\n\r\n  function resetAutoPlay() {\r\n    stopAutoPlay();\r\n    startAutoPlay();\r\n  }\r\n\r\n  nextBtn.addEventListener('click', nextSlide);\r\n  prevBtn.addEventListener('click', prevSlide);\r\n\r\n  viewport.addEventListener('wheel', function (e) {\r\n    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) return;\r\n    e.preventDefault();\r\n\r\n    if (e.deltaY > 0 || e.deltaX > 0) {\r\n      nextSlide();\r\n    } else {\r\n      prevSlide();\r\n    }\r\n  }, { passive: false });\r\n\r\n  let startX = 0;\r\n  let currentX = 0;\r\n  let isDragging = false;\r\n\r\n  function dragStart(x) {\r\n    isDragging = true;\r\n    startX = x;\r\n    currentX = x;\r\n    viewport.classList.add('is-dragging');\r\n    track.style.transition = 'none';\r\n    stopAutoPlay();\r\n  }\r\n\r\n  function dragMove(x) {\r\n    if (!isDragging) return;\r\n    currentX = x;\r\n    const delta = currentX - startX;\r\n    const base = getCardStep() * currentIndex;\r\n    track.style.transform = `translateX(-${base - delta}px)`;\r\n  }\r\n\r\n  function dragEnd() {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    viewport.classList.remove('is-dragging');\r\n\r\n    const delta = currentX - startX;\r\n    const threshold = 60;\r\n\r\n    if (delta < -threshold) {\r\n      currentIndex = Math.min(currentIndex + 1, maxIndex);\r\n    } else if (delta > threshold) {\r\n      currentIndex = Math.max(currentIndex - 1, 0);\r\n    }\r\n\r\n    updateCarousel(true);\r\n    startAutoPlay();\r\n  }\r\n\r\n  viewport.addEventListener('mousedown', function (e) {\r\n    dragStart(e.clientX);\r\n  });\r\n\r\n  window.addEventListener('mousemove', function (e) {\r\n    dragMove(e.clientX);\r\n  });\r\n\r\n  window.addEventListener('mouseup', dragEnd);\r\n\r\n  viewport.addEventListener('mouseleave', function () {\r\n    if (isDragging) dragEnd();\r\n  });\r\n\r\n  viewport.addEventListener('touchstart', function (e) {\r\n    dragStart(e.touches[0].clientX);\r\n  }, { passive: true });\r\n\r\n  viewport.addEventListener('touchmove', function (e) {\r\n    dragMove(e.touches[0].clientX);\r\n  }, { passive: true });\r\n\r\n  viewport.addEventListener('touchend', dragEnd);\r\n\r\n  let resizeTimer;\r\n  window.addEventListener('resize', function () {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(setupCarousel, 150);\r\n  });\r\n\r\n  setupCarousel();\r\n  startAutoPlay();\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-d774ed8 e-con-full e-flex e-con e-parent\" data-id=\"d774ed8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-929f191 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"929f191\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  .arc-why,\r\n  .arc-why * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-why {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-light: #c62839;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #c9a84c;\r\n    --arc-gold-light: #e3c96e;\r\n    --arc-navy: #0f1a2e;\r\n    --arc-navy-light: #1a2a44;\r\n    --arc-text-primary: #ffffff;\r\n    --arc-text-muted: rgba(255, 255, 255, 0.7);\r\n    --arc-text-subtle: rgba(255, 255, 255, 0.45);\r\n    --arc-border: rgba(255, 255, 255, 0.07);\r\n    --arc-glass: rgba(255, 255, 255, 0.04);\r\n    --arc-glass-hover: rgba(255, 255, 255, 0.08);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(80px, 10vw, 140px) 24px;\r\n    background:\r\n      radial-gradient(ellipse 70% 50% at 20% 80%, rgba(157, 31, 45, 0.06), transparent),\r\n      radial-gradient(ellipse 60% 40% at 80% 20%, rgba(201, 168, 76, 0.04), transparent),\r\n      radial-gradient(ellipse 100% 80% at 50% 0%, rgba(15, 26, 46, 1), transparent),\r\n      linear-gradient(170deg, #080d18 0%, #0e1726 35%, #140d14 65%, #0a0f1a 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  \/* Grid pattern *\/\r\n  .arc-why::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.03;\r\n    background-image:\r\n      linear-gradient(rgba(255, 255, 255, 0.5) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.5) 1px, transparent 1px);\r\n    background-size: 64px 64px;\r\n    mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, rgba(0, 0, 0, 0.5), transparent);\r\n  }\r\n\r\n  \/* Noise texture *\/\r\n  .arc-why::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 128px;\r\n  }\r\n\r\n  \/* Ambient orbs *\/\r\n  .arc-why__orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  .arc-why__orb--1 {\r\n    width: 600px;\r\n    height: 600px;\r\n    top: -200px;\r\n    right: -100px;\r\n    background: radial-gradient(circle, rgba(157, 31, 45, 0.1), transparent 70%);\r\n    animation: arcWhyOrb1 14s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-why__orb--2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    bottom: -100px;\r\n    left: -50px;\r\n    background: radial-gradient(circle, rgba(201, 168, 76, 0.06), transparent 70%);\r\n    animation: arcWhyOrb2 18s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcWhyOrb1 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(-40px, 30px) scale(1.1); }\r\n  }\r\n\r\n  @keyframes arcWhyOrb2 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, -20px) scale(1.08); }\r\n  }\r\n\r\n  \/* Section header *\/\r\n  .arc-why .arc-section-head {\r\n    width: min(100%, 900px);\r\n    margin: 0 auto 64px;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-why .arc-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    padding: 10px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold-light);\r\n  }\r\n\r\n  .arc-why .arc-pill::before {\r\n    content: \"\";\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arc-gold);\r\n    box-shadow: 0 0 12px rgba(201, 168, 76, 0.6);\r\n    animation: arcPillDot 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-why .arc-pill::after {\r\n    content: \"\";\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arc-gold);\r\n    box-shadow: 0 0 12px rgba(201, 168, 76, 0.6);\r\n    animation: arcPillDot 2.5s ease-in-out infinite 0.4s;\r\n  }\r\n\r\n  @keyframes arcPillDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.6); }\r\n  }\r\n\r\n .arc-why .arc-section-head h2 {\r\n  margin: 0 0 18px;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: clamp(40px, 5.5vw, 72px);\r\n  line-height: 1.08;\r\n  font-weight: 700;\r\n  letter-spacing: -0.02em;\r\n  color: #ffffff;\r\n  text-shadow:\r\n    0 1px 0 rgba(255,255,255,0.08),\r\n    0 2px 10px rgba(0,0,0,0.28);\r\n}\r\n\r\n.arc-why .arc-section-head h2 span {\r\n  position: relative;\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #ffe5e9 0%, #ffb7c1 38%, var(--arc-red-light) 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  filter: none;\r\n  box-shadow: none;\r\n  text-shadow: none;\r\n}\r\n\r\n  .arc-why .arc-section-head p {\r\n    max-width: 640px;\r\n    margin: 0 auto;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: clamp(15px, 1.2vw, 17px);\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n    color: var(--arc-text-muted);\r\n  }\r\n\r\n  \/* Decorative divider under heading *\/\r\n  .arc-why__head-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin: 20px auto 22px;\r\n    width: 200px;\r\n  }\r\n\r\n  .arc-why__head-divider span {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.35), transparent);\r\n  }\r\n\r\n  .arc-why__head-divider svg {\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Grid *\/\r\n  .arc-why__grid {\r\n    width: min(1320px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Card *\/\r\n  .arc-why-card {\r\n    position: relative;\r\n    min-height: 220px;\r\n    padding: 32px 26px 28px;\r\n    border-radius: 24px;\r\n    background:\r\n      linear-gradient(165deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015));\r\n    border: 1px solid var(--arc-border);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0;\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    cursor: default;\r\n  }\r\n\r\n  .arc-why-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background:\r\n      radial-gradient(ellipse at top left, rgba(157, 31, 45, 0.08), transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-why-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-why-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(201, 168, 76, 0.2);\r\n    background:\r\n      linear-gradient(165deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025));\r\n    box-shadow:\r\n      0 30px 60px rgba(0, 0, 0, 0.25),\r\n      0 0 0 1px rgba(201, 168, 76, 0.08),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  \/* Corner accents *\/\r\n  .arc-why-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 12px;\r\n    right: 12px;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-top: 1px solid rgba(201, 168, 76, 0.0);\r\n    border-right: 1px solid rgba(201, 168, 76, 0.0);\r\n    transition: all 0.5s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-why-card:hover::after {\r\n    border-top-color: rgba(201, 168, 76, 0.3);\r\n    border-right-color: rgba(201, 168, 76, 0.3);\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  \/* Shine effect *\/\r\n  .arc-why-card__shine {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.04) 45%, transparent 65%);\r\n    transform: translateX(-120%);\r\n    pointer-events: none;\r\n    transition: none;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__shine {\r\n    transform: translateX(120%);\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  \/* Number *\/\r\n  .arc-why-card__number {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 18px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: rgba(255, 255, 255, 0.1);\r\n    letter-spacing: 0.05em;\r\n    transition: color 0.4s ease;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__number {\r\n    color: rgba(201, 168, 76, 0.3);\r\n  }\r\n\r\n  \/* Icon *\/\r\n  .arc-why-card__icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 18px;\r\n    display: grid;\r\n    place-items: center;\r\n    margin-bottom: 20px;\r\n    color: var(--arc-gold);\r\n    background:\r\n      linear-gradient(135deg, rgba(201, 168, 76, 0.12), rgba(201, 168, 76, 0.04));\r\n    border: 1px solid rgba(201, 168, 76, 0.12);\r\n    transition: all 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__icon {\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n    border-color: rgba(255, 120, 135, 0.2);\r\n    color: #ffffff;\r\n    transform: scale(1.08) rotate(-3deg);\r\n    box-shadow: 0 12px 28px rgba(157, 31, 45, 0.35);\r\n  }\r\n\r\n  .arc-why-card__icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__icon svg {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Title *\/\r\n  .arc-why-card h3 {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 17px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    color: var(--arc-text-primary);\r\n    letter-spacing: 0.01em;\r\n    margin-bottom: 8px;\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  \/* Description *\/\r\n  .arc-why-card__desc {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13.5px;\r\n    line-height: 1.65;\r\n    font-weight: 400;\r\n    color: var(--arc-text-subtle);\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__desc {\r\n    color: var(--arc-text-muted);\r\n  }\r\n\r\n  \/* Bottom accent line *\/\r\n  .arc-why-card__line {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--arc-red), var(--arc-gold), transparent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-why-card:hover .arc-why-card__line {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  \/* Bottom CTA row *\/\r\n  .arc-why__bottom {\r\n    width: min(1320px, 100%);\r\n    margin: 56px auto 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 32px;\r\n    padding: 32px 40px;\r\n    border-radius: 24px;\r\n    background:\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));\r\n    border: 1px solid var(--arc-border);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-why__bottom-text {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(20px, 2.5vw, 28px);\r\n    font-weight: 600;\r\n    color: var(--arc-text-primary);\r\n    letter-spacing: -0.01em;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-why__bottom-text em {\r\n    font-style: italic;\r\n    color: var(--arc-gold-light);\r\n  }\r\n\r\n  .arc-why__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 30px;\r\n    border-radius: 999px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    color: #ffffff !important;\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n    border: 1px solid rgba(255, 120, 135, 0.15);\r\n    box-shadow: 0 8px 24px rgba(157, 31, 45, 0.3);\r\n    transition: all 0.4s ease;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-why__cta::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.4s ease;\r\n    border-radius: inherit;\r\n  }\r\n\r\n  .arc-why__cta:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-why__cta:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 16px 36px rgba(157, 31, 45, 0.4);\r\n  }\r\n\r\n  .arc-why__cta span {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .arc-why__cta-arrow {\r\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    display: flex;\r\n  }\r\n\r\n  .arc-why__cta:hover .arc-why__cta-arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Reveal *\/\r\n  .arc-why .arc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition:\r\n      opacity 1s cubic-bezier(0.22, 1, 0.36, 1),\r\n      transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-why .arc-reveal.arc-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1200px) {\r\n    .arc-why__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-why {\r\n      padding: 64px 16px;\r\n    }\r\n\r\n    .arc-why .arc-section-head {\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .arc-why__grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .arc-why-card {\r\n      min-height: 180px;\r\n      padding: 26px 22px 24px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .arc-why-card__icon {\r\n      width: 48px;\r\n      height: 48px;\r\n      border-radius: 14px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .arc-why-card h3 {\r\n      font-size: 16px;\r\n    }\r\n\r\n    .arc-why__bottom {\r\n      flex-direction: column;\r\n      gap: 20px;\r\n      padding: 28px 24px;\r\n      border-radius: 20px;\r\n      margin-top: 40px;\r\n    }\r\n\r\n    .arc-why__cta {\r\n      width: 100%;\r\n      justify-content: center;\r\n      padding: 16px 28px;\r\n    }\r\n\r\n    .arc-why .arc-section-head h2 {\r\n      font-size: clamp(32px, 9vw, 48px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-why-card {\r\n      min-height: 160px;\r\n      padding: 22px 18px 20px;\r\n    }\r\n  }\r\n  \r\n  .arc-why .arc-section-head h2 span::before,\r\n.arc-why .arc-section-head h2 span::after {\r\n  content: none !important;\r\n  display: none !important;\r\n}\r\n\r\n.arc-why .arc-section-head h2,\r\n.arc-why .arc-section-head h2 span {\r\n  text-shadow: none !important;\r\n  box-shadow: none !important;\r\n  filter: none !important;\r\n}\r\n\r\n.arc-why .arc-section-head h2 span {\r\n  background: none !important;\r\n  -webkit-background-clip: initial !important;\r\n  -webkit-text-fill-color: #f2b8c1 !important;\r\n  background-clip: initial !important;\r\n  color: #f2b8c1 !important;\r\n}\r\n<\/style>\r\n\r\n<section class=\"arc-why arc-block\" id=\"why-choose-us\">\r\n\r\n  <!-- Ambient orbs -->\r\n  <div class=\"arc-why__orb arc-why__orb--1\"><\/div>\r\n  <div class=\"arc-why__orb arc-why__orb--2\"><\/div>\r\n\r\n  <div class=\"arc-section-head arc-reveal\">\r\n    <div class=\"arc-pill\">Why Choose ARCOtis<\/div>\r\n    <h2>Why Leading Clients <span>Choose Us<\/span><\/h2>\r\n\r\n    <div class=\"arc-why__head-divider\">\r\n      <span><\/span>\r\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n        <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1.5\" stroke=\"rgba(201,168,76,0.4)\" stroke-width=\"1\"\/>\r\n        <rect x=\"5.5\" y=\"5.5\" width=\"3\" height=\"3\" rx=\"0.5\" fill=\"#c9a84c\"\/>\r\n      <\/svg>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <p>\r\n      Engineering expertise, quality-driven execution, and dependable support\r\n      delivered with uncompromising premium standards.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"arc-why__grid\">\r\n\r\n    <!-- Card 1 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">01<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n          <path d=\"M2 17l10 5 10-5\"\/>\r\n          <path d=\"M2 12l10 5 10-5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Unique Design<\/h3>\r\n      <p class=\"arc-why-card__desc\">Bespoke aesthetics tailored to your architectural vision and spatial requirements.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">02<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n          <path d=\"M9 12l2 2 4-4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>European Quality<\/h3>\r\n      <p class=\"arc-why-card__desc\">Components and systems built to the highest European engineering standards.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">03<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/>\r\n          <path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Competitive Pricing<\/h3>\r\n      <p class=\"arc-why-card__desc\">Premium-grade solutions delivered with transparent and market-leading value.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 4 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">04<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Fast Delivery<\/h3>\r\n      <p class=\"arc-why-card__desc\">Streamlined logistics ensuring on-time project completion without compromise.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 5 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">05<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\r\n          <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n          <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\r\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Skilled Engineers<\/h3>\r\n      <p class=\"arc-why-card__desc\">Certified professionals with deep expertise across all vertical mobility systems.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 6 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">06<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n          <polyline points=\"12 6 12 12 16 14\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>24\/7 Support<\/h3>\r\n      <p class=\"arc-why-card__desc\">Round-the-clock emergency response and technical assistance whenever you need it.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 7 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">07<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n          <polyline points=\"14 2 14 8 20 8\"\/>\r\n          <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\r\n          <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\r\n          <polyline points=\"10 9 9 9 8 9\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>After Sales Service<\/h3>\r\n      <p class=\"arc-why-card__desc\">Dedicated post-installation care plans ensuring sustained performance excellence.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 8 -->\r\n    <div class=\"arc-why-card arc-reveal\">\r\n      <div class=\"arc-why-card__shine\"><\/div>\r\n      <div class=\"arc-why-card__line\"><\/div>\r\n      <span class=\"arc-why-card__number\">08<\/span>\r\n      <div class=\"arc-why-card__icon\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n          <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>Bespoke Solutions<\/h3>\r\n      <p class=\"arc-why-card__desc\">Custom-engineered systems precisely configured for your unique project specifications.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Bottom CTA bar -->\r\n  <div class=\"arc-why__bottom arc-reveal\">\r\n    <div class=\"arc-why__bottom-text\">\r\n      Ready to elevate your next project with <em>precision engineering<\/em>?\r\n    <\/div>\r\n    <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-why__cta\">\r\n      <span>\r\n        Get Started\r\n        <span class=\"arc-why__cta-arrow\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n            <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n      <\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-why');\r\n  if (!section) return;\r\n\r\n  const reveals = section.querySelectorAll('.arc-reveal');\r\n  const cards = section.querySelectorAll('.arc-why-card');\r\n\r\n  \/* \u2500\u2500 Staggered reveal \u2500\u2500 *\/\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        reveals.forEach((item, index) => {\r\n          setTimeout(() => item.classList.add('arc-visible'), index * 90);\r\n        });\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  observer.observe(section);\r\n\r\n  \/* \u2500\u2500 Subtle tilt on hover (desktop only) \u2500\u2500 *\/\r\n  if (window.matchMedia('(min-width: 768px) and (hover: hover)').matches) {\r\n    cards.forEach((card) => {\r\n      card.addEventListener('mousemove', (e) => {\r\n        const rect = card.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        card.style.transform = `\r\n          translateY(-8px)\r\n          perspective(600px)\r\n          rotateY(${x * 6}deg)\r\n          rotateX(${-y * 6}deg)\r\n        `;\r\n      });\r\n\r\n      card.addEventListener('mouseleave', () => {\r\n        card.style.transform = '';\r\n        card.style.transition = 'all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n        setTimeout(() => {\r\n          card.style.transition = 'all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n        }, 600);\r\n      });\r\n\r\n      card.addEventListener('mouseenter', () => {\r\n        card.style.transition = 'all 0.15s ease-out';\r\n      });\r\n    });\r\n  }\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-d9beb87 e-con-full e-flex e-con e-parent\" data-id=\"d9beb87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0dde1e0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0dde1e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap');\r\n\r\n  .arc-capability,\r\n  .arc-capability * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-capability {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-light: #c62839;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #b8952e;\r\n    --arc-gold-light: #d4ad3e;\r\n    --arc-navy: #0f1a2e;\r\n    --arc-navy-light: #1e2d48;\r\n    --arc-text-dark: #13233b;\r\n    --arc-text-body: #4a5568;\r\n    --arc-text-muted: #718096;\r\n    --arc-bg: #ffffff;\r\n    --arc-bg-warm: #fdfbf7;\r\n    --arc-border: rgba(19, 35, 59, 0.07);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: clamp(80px, 10vw, 140px) 24px;\r\n    background: var(--arc-bg);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  \/* Subtle warm gradient overlay *\/\r\n  .arc-capability::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(ellipse 60% 50% at 0% 50%, rgba(157, 31, 45, 0.03), transparent),\r\n      radial-gradient(ellipse 50% 40% at 100% 30%, rgba(184, 149, 46, 0.025), transparent),\r\n      radial-gradient(ellipse 80% 60% at 50% 100%, rgba(19, 35, 59, 0.02), transparent);\r\n  }\r\n\r\n  \/* Fine grid texture *\/\r\n  .arc-capability::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    opacity: 0.025;\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: 60px 60px;\r\n    mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(0, 0, 0, 0.5), transparent);\r\n  }\r\n\r\n  \/* Decorative ambient elements *\/\r\n  .arc-capability__deco {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    will-change: transform;\r\n  }\r\n\r\n  .arc-capability__deco--1 {\r\n    width: 500px;\r\n    height: 500px;\r\n    top: -150px;\r\n    left: -150px;\r\n    background: radial-gradient(circle, rgba(157, 31, 45, 0.04), transparent 70%);\r\n    filter: blur(80px);\r\n    animation: arcCapOrb1 16s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-capability__deco--2 {\r\n    width: 400px;\r\n    height: 400px;\r\n    bottom: -100px;\r\n    right: -80px;\r\n    background: radial-gradient(circle, rgba(184, 149, 46, 0.035), transparent 70%);\r\n    filter: blur(80px);\r\n    animation: arcCapOrb2 20s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-capability__deco--3 {\r\n    width: 1px;\r\n    height: 200px;\r\n    border-radius: 0;\r\n    top: 0;\r\n    left: 50%;\r\n    background: linear-gradient(180deg, transparent, rgba(184, 149, 46, 0.12), transparent);\r\n    filter: none;\r\n    display: none;\r\n  }\r\n\r\n  @keyframes arcCapOrb1 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(30px, 20px) scale(1.08); }\r\n  }\r\n\r\n  @keyframes arcCapOrb2 {\r\n    0%, 100% { transform: translate(0, 0) scale(1); }\r\n    50% { transform: translate(-25px, -15px) scale(1.05); }\r\n  }\r\n\r\n  \/* Layout *\/\r\n  .arc-capability__wrap {\r\n    width: min(1360px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\r\n    gap: clamp(40px, 5vw, 80px);\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Media Column \u2500\u2500\u2500 *\/\r\n  .arc-capability__media {\r\n    position: relative;\r\n    padding: 18px;\r\n  }\r\n\r\n  \/* Corner brackets *\/\r\n  .arc-capability__media-corner {\r\n    position: absolute;\r\n    width: 32px;\r\n    height: 32px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n    transition: all 0.5s ease;\r\n  }\r\n\r\n  .arc-capability__media-corner--tl {\r\n    top: 0; left: 0;\r\n    border-top: 1.5px solid var(--arc-gold);\r\n    border-left: 1.5px solid var(--arc-gold);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .arc-capability__media-corner--tr {\r\n    top: 0; right: 0;\r\n    border-top: 1.5px solid var(--arc-gold);\r\n    border-right: 1.5px solid var(--arc-gold);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .arc-capability__media-corner--bl {\r\n    bottom: 0; left: 0;\r\n    border-bottom: 1.5px solid var(--arc-gold);\r\n    border-left: 1.5px solid var(--arc-gold);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .arc-capability__media-corner--br {\r\n    bottom: 0; right: 0;\r\n    border-bottom: 1.5px solid var(--arc-gold);\r\n    border-right: 1.5px solid var(--arc-gold);\r\n    opacity: 0.3;\r\n  }\r\n\r\n  .arc-capability__media:hover .arc-capability__media-corner {\r\n    opacity: 0.55;\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  \/* Image frame *\/\r\n  .arc-capability__frame {\r\n    position: relative;\r\n    min-height: 640px;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    background: #f0ebe3;\r\n    border: 1px solid rgba(19, 35, 59, 0.06);\r\n    box-shadow:\r\n      0 40px 80px rgba(19, 35, 59, 0.08),\r\n      0 16px 32px rgba(19, 35, 59, 0.04),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.8);\r\n    transition: box-shadow 0.6s ease;\r\n  }\r\n\r\n  .arc-capability__media:hover .arc-capability__frame {\r\n    box-shadow:\r\n      0 50px 100px rgba(19, 35, 59, 0.12),\r\n      0 20px 40px rgba(19, 35, 59, 0.06),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.8);\r\n  }\r\n\r\n  \/* Inner border *\/\r\n  .arc-capability__frame-inner {\r\n    position: absolute;\r\n    inset: 6px;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(255, 255, 255, 0.5);\r\n    pointer-events: none;\r\n    z-index: 3;\r\n  }\r\n\r\n  .arc-capability__frame img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transform: scale(1.03);\r\n    filter: brightness(0.92) saturate(0.95) contrast(1.02);\r\n    transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .arc-capability__media:hover .arc-capability__frame img {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  \/* Image overlay *\/\r\n  .arc-capability__frame::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(255, 255, 255, 0.05), rgba(255, 255, 255, 0), rgba(19, 35, 59, 0.08)),\r\n      linear-gradient(135deg, rgba(157, 31, 45, 0.05), transparent 50%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Shine sweep *\/\r\n  .arc-capability__shine {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 3;\r\n    background: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.12) 43%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.12) 57%, transparent 80%);\r\n    transform: translateX(-150%);\r\n    animation: arcCapShine 9s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes arcCapShine {\r\n    0% { transform: translateX(-150%); }\r\n    12% { transform: translateX(150%); }\r\n    100% { transform: translateX(150%); }\r\n  }\r\n\r\n  \/* Floating experience badge *\/\r\n  .arc-capability__badge {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 14px 20px;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    border: 1px solid rgba(19, 35, 59, 0.06);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    box-shadow: 0 16px 40px rgba(19, 35, 59, 0.1);\r\n    animation: arcBadgeHover 5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcBadgeHover {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n  }\r\n\r\n  .arc-capability__badge-icon {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 12px;\r\n    display: grid;\r\n    place-items: center;\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n    color: #fff;\r\n    flex-shrink: 0;\r\n    box-shadow: 0 6px 16px rgba(157, 31, 45, 0.25);\r\n  }\r\n\r\n  .arc-capability__badge-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .arc-capability__badge-text strong {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--arc-navy);\r\n    line-height: 1;\r\n  }\r\n\r\n  .arc-capability__badge-text span {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-text-muted);\r\n  }\r\n\r\n  \/* Vertical side text *\/\r\n  .arc-capability__vertical {\r\n    position: absolute;\r\n    left: -6px;\r\n    top: 50%;\r\n    transform: translateY(-50%) rotate(-90deg);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.35em;\r\n    text-transform: uppercase;\r\n    color: rgba(19, 35, 59, 0.12);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Content Column \u2500\u2500\u2500 *\/\r\n  .arc-capability__content {\r\n    position: relative;\r\n  }\r\n\r\n  \/* Pill *\/\r\n  .arc-capability .arc-cap-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    padding: 10px 22px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(19, 35, 59, 0.08);\r\n    background: linear-gradient(135deg, rgba(19, 35, 59, 0.04), rgba(19, 35, 59, 0.015));\r\n    font-family: \"Manrope\", sans-serif;\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-red);\r\n  }\r\n\r\n  .arc-cap-pill__dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arc-red);\r\n    box-shadow: 0 0 10px rgba(157, 31, 45, 0.4);\r\n    animation: arcCapDot 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcCapDot {\r\n    0%, 100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(0.6); }\r\n  }\r\n\r\n  \/* Title *\/\r\n  .arc-capability__content h2 {\r\n    margin: 0 0 8px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(40px, 5.5vw, 68px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n    color: var(--arc-text-dark);\r\n  }\r\n\r\n  .arc-capability__content h2 span {\r\n    position: relative;\r\n    display: inline-block;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-capability__content h2 span::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 5%;\r\n    width: 90%;\r\n    height: 6px;\r\n    background: linear-gradient(90deg, rgba(184, 149, 46, 0.2), rgba(184, 149, 46, 0.4));\r\n    filter: blur(2px);\r\n    z-index: -1;\r\n    transform: skewX(-12deg);\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .arc-capability__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin: 20px 0 22px;\r\n  }\r\n\r\n  .arc-capability__divider span {\r\n    flex: 1;\r\n    max-width: 70px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, rgba(184, 149, 46, 0.4), transparent);\r\n  }\r\n\r\n  .arc-capability__divider span:last-child {\r\n    background: linear-gradient(270deg, rgba(184, 149, 46, 0.4), transparent);\r\n  }\r\n\r\n  \/* Description *\/\r\n  .arc-capability__content > p {\r\n    max-width: 540px;\r\n    margin: 0 0 32px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: clamp(15px, 1.15vw, 17px);\r\n    line-height: 1.85;\r\n    font-weight: 400;\r\n    color: var(--arc-text-body);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Capability List \u2500\u2500\u2500 *\/\r\n  .arc-capability__list {\r\n    list-style: none;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .arc-capability__item {\r\n    position: relative;\r\n    padding: 18px 20px 18px 56px;\r\n    border-radius: 18px;\r\n    background: linear-gradient(135deg, rgba(19, 35, 59, 0.025), rgba(19, 35, 59, 0.01));\r\n    border: 1px solid var(--arc-border);\r\n    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    cursor: default;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Hover glow *\/\r\n  .arc-capability__item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: radial-gradient(ellipse at top left, rgba(157, 31, 45, 0.04), transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-capability__item:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-capability__item:hover {\r\n    transform: translateY(-4px) translateX(2px);\r\n    border-color: rgba(157, 31, 45, 0.12);\r\n    box-shadow:\r\n      0 16px 40px rgba(19, 35, 59, 0.06),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.6);\r\n  }\r\n\r\n  \/* Red dot indicator *\/\r\n  .arc-capability__item-dot {\r\n    position: absolute;\r\n    left: 20px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--arc-red-light), var(--arc-red-dark));\r\n    box-shadow: 0 0 0 5px rgba(157, 31, 45, 0.08);\r\n    transition: all 0.4s ease;\r\n    display: grid;\r\n    place-items: center;\r\n  }\r\n\r\n  .arc-capability__item-dot::after {\r\n    content: \"\";\r\n    width: 4px;\r\n    height: 4px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .arc-capability__item:hover .arc-capability__item-dot {\r\n    box-shadow: 0 0 0 7px rgba(157, 31, 45, 0.12);\r\n    transform: translateY(-50%) scale(1.1);\r\n  }\r\n\r\n  \/* Item text *\/\r\n  .arc-capability__item-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 3px;\r\n  }\r\n\r\n  .arc-capability__item-title {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--arc-text-dark);\r\n    line-height: 1.3;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .arc-capability__item:hover .arc-capability__item-title {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-capability__item-sub {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    color: var(--arc-text-muted);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Bottom accent line *\/\r\n  .arc-capability__item-line {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--arc-red), var(--arc-gold), transparent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n  }\r\n\r\n  .arc-capability__item:hover .arc-capability__item-line {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Highlight Stats Bar \u2500\u2500\u2500 *\/\r\n  .arc-capability__stats {\r\n    display: flex;\r\n    gap: 0;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--arc-border);\r\n    background: linear-gradient(135deg, rgba(19, 35, 59, 0.02), rgba(19, 35, 59, 0.005));\r\n    overflow: hidden;\r\n    margin-bottom: 32px;\r\n  }\r\n\r\n  .arc-capability__stat {\r\n    flex: 1;\r\n    text-align: center;\r\n    padding: 22px 16px;\r\n    position: relative;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .arc-capability__stat:hover {\r\n    background: rgba(157, 31, 45, 0.02);\r\n  }\r\n\r\n  .arc-capability__stat + .arc-capability__stat::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 20%;\r\n    height: 60%;\r\n    width: 1px;\r\n    background: linear-gradient(180deg, transparent, rgba(19, 35, 59, 0.08), transparent);\r\n  }\r\n\r\n  .arc-capability__stat-value {\r\n    display: block;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(26px, 3vw, 34px);\r\n    font-weight: 700;\r\n    color: var(--arc-text-dark);\r\n    line-height: 1;\r\n    margin-bottom: 6px;\r\n  }\r\n\r\n  .arc-capability__stat-unit {\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 0.45em;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    vertical-align: super;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .arc-capability__stat-label {\r\n    display: block;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-text-muted);\r\n  }\r\n\r\n  \/* CTA Button *\/\r\n  .arc-capability__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 16px 32px;\r\n    border-radius: 999px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.06em;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n    color: #ffffff !important;\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n    border: 1px solid rgba(255, 120, 135, 0.15);\r\n    box-shadow: 0 10px 28px rgba(157, 31, 45, 0.25);\r\n    transition: all 0.45s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-capability__cta::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: inherit;\r\n    background: linear-gradient(135deg, var(--arc-red-light), var(--arc-red));\r\n    opacity: 0;\r\n    transition: opacity 0.45s ease;\r\n  }\r\n\r\n  .arc-capability__cta:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-capability__cta:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 18px 40px rgba(157, 31, 45, 0.35);\r\n  }\r\n\r\n  .arc-capability__cta-text {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-capability__cta-arrow {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n\r\n  .arc-capability__cta:hover .arc-capability__cta-arrow {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Secondary link *\/\r\n  .arc-capability__link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    margin-left: 20px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none !important;\r\n    color: var(--arc-text-dark) !important;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .arc-capability__link:hover {\r\n    color: var(--arc-red) !important;\r\n  }\r\n\r\n  .arc-capability__link-line {\r\n    width: 24px;\r\n    height: 1px;\r\n    background: var(--arc-text-dark);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .arc-capability__link:hover .arc-capability__link-line {\r\n    width: 32px;\r\n    background: var(--arc-red);\r\n  }\r\n\r\n  \/* Actions row *\/\r\n  .arc-capability__actions {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Reveal Animation \u2500\u2500\u2500 *\/\r\n  .arc-capability .arc-reveal {\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition:\r\n      opacity 1s cubic-bezier(0.22, 1, 0.36, 1),\r\n      transform 1s cubic-bezier(0.22, 1, 0.36, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-capability .arc-reveal--d1 { transition-delay: 0.1s; }\r\n  .arc-capability .arc-reveal--d2 { transition-delay: 0.2s; }\r\n  .arc-capability .arc-reveal--d3 { transition-delay: 0.3s; }\r\n  .arc-capability .arc-reveal--d4 { transition-delay: 0.4s; }\r\n  .arc-capability .arc-reveal--d5 { transition-delay: 0.5s; }\r\n  .arc-capability .arc-reveal--d6 { transition-delay: 0.6s; }\r\n\r\n  .arc-capability .arc-reveal.arc-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\r\n  @media (max-width: 1200px) {\r\n    .arc-capability__wrap {\r\n      grid-template-columns: 1fr;\r\n      gap: 48px;\r\n    }\r\n\r\n    .arc-capability__media {\r\n      max-width: 700px;\r\n      margin: 0 auto;\r\n      width: 100%;\r\n    }\r\n\r\n    .arc-capability__frame {\r\n      min-height: 500px;\r\n    }\r\n\r\n    .arc-capability__vertical {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-capability {\r\n      padding: 64px 16px;\r\n    }\r\n\r\n    .arc-capability__media {\r\n      padding: 12px;\r\n    }\r\n\r\n    .arc-capability__frame {\r\n      min-height: 360px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .arc-capability__frame-inner {\r\n      inset: 4px;\r\n      border-radius: 17px;\r\n    }\r\n\r\n    .arc-capability__media-corner {\r\n      width: 22px;\r\n      height: 22px;\r\n    }\r\n\r\n    .arc-capability__badge {\r\n      padding: 10px 14px;\r\n      border-radius: 14px;\r\n    }\r\n\r\n    .arc-capability__badge-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .arc-capability__badge-text strong {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .arc-capability__badge-text span {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .arc-capability__content h2 {\r\n      font-size: clamp(32px, 9vw, 48px);\r\n    }\r\n\r\n    .arc-capability__list {\r\n      grid-template-columns: 1fr;\r\n      gap: 10px;\r\n    }\r\n\r\n    .arc-capability__item {\r\n      padding: 16px 18px 16px 52px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .arc-capability__stats {\r\n      flex-direction: column;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .arc-capability__stat + .arc-capability__stat::before {\r\n      top: 0;\r\n      left: 15%;\r\n      width: 70%;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(19, 35, 59, 0.08), transparent);\r\n    }\r\n\r\n    .arc-capability__actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .arc-capability__cta {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-capability__link {\r\n      margin-left: 0;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-capability__frame {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .arc-capability__stat-value {\r\n      font-size: 26px;\r\n    }\r\n  }\r\n  \r\n  .arc-capability__frame img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transform: scale(1.03);\r\n  filter: brightness(0.92) saturate(0.95) contrast(1.02);\r\n  transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n}\r\n\r\n.arc-capability__media:hover .arc-capability__frame img {\r\n  transform: scale(1.08);\r\n}\r\n<\/style>\r\n\r\n<section class=\"arc-capability arc-block\" id=\"capability\">\r\n\r\n  <!-- Ambient decorations -->\r\n  <div class=\"arc-capability__deco arc-capability__deco--1\"><\/div>\r\n  <div class=\"arc-capability__deco arc-capability__deco--2\"><\/div>\r\n\r\n  <div class=\"arc-capability__wrap\">\r\n\r\n    <!-- \u2500\u2500\u2500 Media Column \u2500\u2500\u2500 -->\r\n    <div class=\"arc-capability__media arc-reveal\">\r\n\r\n      <div class=\"arc-capability__media-corner arc-capability__media-corner--tl\"><\/div>\r\n      <div class=\"arc-capability__media-corner arc-capability__media-corner--tr\"><\/div>\r\n      <div class=\"arc-capability__media-corner arc-capability__media-corner--bl\"><\/div>\r\n      <div class=\"arc-capability__media-corner arc-capability__media-corner--br\"><\/div>\r\n\r\n <div class=\"arc-capability__frame\">\r\n  <video autoplay muted loop playsinline preload=\"auto\">\r\n    <source src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/animate.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  <div class=\"arc-capability__shine\"><\/div>\r\n  <div class=\"arc-capability__frame-inner\"><\/div>\r\n<\/div>\r\n\r\n      <!-- Experience badge -->\r\n      <div class=\"arc-capability__badge\">\r\n        <div class=\"arc-capability__badge-icon\">\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\r\n            <path d=\"M2 17l10 5 10-5\"\/>\r\n            <path d=\"M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"arc-capability__badge-text\">\r\n          <strong>15+ Years<\/strong>\r\n          <span>Engineering Excellence<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Vertical text -->\r\n      <div class=\"arc-capability__vertical\">ARCOTIS \u2022 PRECISION \u2022 ENGINEERING<\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500\u2500 Content Column \u2500\u2500\u2500 -->\r\n    <div class=\"arc-capability__content\">\r\n\r\n      <div class=\"arc-cap-pill arc-reveal arc-reveal--d1\">\r\n        <span class=\"arc-cap-pill__dot\"><\/span>\r\n        Product Capability\r\n        <span class=\"arc-cap-pill__dot\"><\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"arc-reveal arc-reveal--d2\">\r\n        Technical Strength.<br>\r\n        <span>Premium Execution.<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"arc-capability__divider arc-reveal arc-reveal--d2\">\r\n        <span><\/span>\r\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n          <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1.5\" stroke=\"rgba(184,149,46,0.4)\" stroke-width=\"1\"\/>\r\n          <rect x=\"5.5\" y=\"5.5\" width=\"3\" height=\"3\" rx=\"0.5\" fill=\"#b8952e\"\/>\r\n        <\/svg>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-reveal arc-reveal--d3\">\r\n        ARCOtis delivers technically advanced systems built for demanding environments,\r\n        precision installation, and long-term operational confidence \u2014 across every\r\n        vertical mobility category.\r\n      <\/p>\r\n\r\n      <!-- Stats bar -->\r\n      <div class=\"arc-capability__stats arc-reveal arc-reveal--d3\">\r\n        <div class=\"arc-capability__stat\">\r\n          <span class=\"arc-capability__stat-value\" data-count=\"50\">0<span class=\"arc-capability__stat-unit\">tons<\/span><\/span>\r\n          <span class=\"arc-capability__stat-label\">Max Load Capacity<\/span>\r\n        <\/div>\r\n        <div class=\"arc-capability__stat\">\r\n          <span class=\"arc-capability__stat-value\" data-count=\"4\">0<span class=\"arc-capability__stat-unit\">m\/s<\/span><\/span>\r\n          <span class=\"arc-capability__stat-label\">Maximum Speed<\/span>\r\n        <\/div>\r\n        <div class=\"arc-capability__stat\">\r\n          <span class=\"arc-capability__stat-value\" data-count=\"500\">0<span class=\"arc-capability__stat-unit\">+<\/span><\/span>\r\n          <span class=\"arc-capability__stat-label\">Projects Completed<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Capability list -->\r\n      <ul class=\"arc-capability__list arc-reveal arc-reveal--d4\">\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Passenger & Freight Systems<\/span>\r\n            <span class=\"arc-capability__item-sub\">Up to 50-ton capacity<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Escalators & Moving Walks<\/span>\r\n            <span class=\"arc-capability__item-sub\">Commercial & transit grade<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Marine Solutions<\/span>\r\n            <span class=\"arc-capability__item-sub\">Specialized maritime lifts<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Parking Systems<\/span>\r\n            <span class=\"arc-capability__item-sub\">Smart vehicle platforms<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Modernization Kits<\/span>\r\n            <span class=\"arc-capability__item-sub\">Upgrade existing systems<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n        <li class=\"arc-capability__item\">\r\n          <div class=\"arc-capability__item-dot\"><\/div>\r\n          <div class=\"arc-capability__item-text\">\r\n            <span class=\"arc-capability__item-title\">Panoramic Elevators<\/span>\r\n            <span class=\"arc-capability__item-sub\">Glass-walled luxury lifts<\/span>\r\n          <\/div>\r\n          <div class=\"arc-capability__item-line\"><\/div>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n\r\n      <!-- Actions -->\r\n      <div class=\"arc-capability__actions arc-reveal arc-reveal--d5\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-capability__cta\">\r\n          <span class=\"arc-capability__cta-text\">Request Consultation<\/span>\r\n          <span class=\"arc-capability__cta-arrow\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/a>\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-capability__link\">\r\n          <span class=\"arc-capability__link-line\"><\/span>\r\n          View All Solutions\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-capability');\r\n  if (!section) return;\r\n\r\n  const reveals = section.querySelectorAll('.arc-reveal');\r\n  const statValues = section.querySelectorAll('.arc-capability__stat-value[data-count]');\r\n\r\n  \/* \u2500\u2500 Counter animation \u2500\u2500 *\/\r\n  function animateCounter(el) {\r\n    const target = parseInt(el.getAttribute('data-count'), 10);\r\n    const duration = 2400;\r\n    const startTime = performance.now();\r\n    const unit = el.querySelector('.arc-capability__stat-unit');\r\n\r\n    function update(now) {\r\n      const elapsed = now - startTime;\r\n      const progress = Math.min(elapsed \/ duration, 1);\r\n      const eased = 1 - Math.pow(1 - progress, 4);\r\n      const current = Math.round(eased * target);\r\n\r\n      el.textContent = '';\r\n      el.textContent = current;\r\n      if (unit) el.appendChild(unit);\r\n\r\n      if (progress < 1) requestAnimationFrame(update);\r\n    }\r\n\r\n    requestAnimationFrame(update);\r\n  }\r\n\r\n  \/* \u2500\u2500 Intersection Observer \u2500\u2500 *\/\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        reveals.forEach((item) => item.classList.add('arc-visible'));\r\n\r\n        setTimeout(() => {\r\n          statValues.forEach((s) => animateCounter(s));\r\n        }, 400);\r\n\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  observer.observe(section);\r\n\r\n  \/* \u2500\u2500 Parallax on mouse move (desktop) \u2500\u2500 *\/\r\n  if (window.matchMedia('(min-width: 1201px) and (hover: hover)').matches) {\r\n    const frame = section.querySelector('.arc-capability__frame');\r\n    const badge = section.querySelector('.arc-capability__badge');\r\n    const items = section.querySelectorAll('.arc-capability__item');\r\n\r\n    section.addEventListener('mousemove', (e) => {\r\n      const rect = section.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      if (frame) {\r\n        frame.style.transform = `perspective(1200px) rotateY(${x * 2.5}deg) rotateX(${-y * 2}deg)`;\r\n        frame.style.transition = 'transform 0.5s ease-out';\r\n      }\r\n\r\n      if (badge) {\r\n        badge.style.transform = `translate(${x * -12}px, ${y * -10}px)`;\r\n        badge.style.transition = 'transform 0.6s ease-out';\r\n      }\r\n    });\r\n\r\n    section.addEventListener('mouseleave', () => {\r\n      if (frame) {\r\n        frame.style.transform = '';\r\n        frame.style.transition = 'transform 0.8s ease-out';\r\n      }\r\n      if (badge) {\r\n        badge.style.transform = '';\r\n        badge.style.transition = 'transform 0.8s ease-out';\r\n      }\r\n    });\r\n\r\n    \/* Item tilt *\/\r\n    items.forEach((item) => {\r\n      item.addEventListener('mouseenter', () => {\r\n        item.style.transition = 'all 0.15s ease-out';\r\n      });\r\n\r\n      item.addEventListener('mousemove', (e) => {\r\n        const rect = item.getBoundingClientRect();\r\n        const ix = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        const iy = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        item.style.transform = `translateY(-4px) translateX(2px) perspective(500px) rotateY(${ix * 4}deg) rotateX(${-iy * 4}deg)`;\r\n      });\r\n\r\n      item.addEventListener('mouseleave', () => {\r\n        item.style.transform = '';\r\n        item.style.transition = 'all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\r\n      });\r\n    });\r\n  }\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-7d739cf e-con-full e-flex e-con e-parent\" data-id=\"7d739cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e71e07 e-con-full e-flex e-con e-parent\" data-id=\"7e71e07\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e75298b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e75298b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.arc-projects,\r\n.arc-projects * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.arc-projects {\r\n  --arc-red: #9d1f2d;\r\n  --arc-blue: #13233b;\r\n  --arc-soft-bg: #ffffff;\r\n  background: linear-gradient(180deg, #ffffff 0%, #f8f7f4 100%);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 90px 18px;\r\n}\r\n\r\n.arc-projects::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0.04;\r\n  background-image:\r\n    linear-gradient(rgba(19,35,59,0.10) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(19,35,59,0.10) 1px, transparent 1px);\r\n  background-size: 72px 72px;\r\n}\r\n\r\n.arc-section-head--dark {\r\n  width: min(100%, 850px);\r\n  margin: 0 auto 42px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.arc-section-head--dark h2 {\r\n  margin: 0 0 14px;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: clamp(38px, 5vw, 68px);\r\n  line-height: 1;\r\n  font-weight: 600;\r\n  color: var(--arc-blue);\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.arc-section-head--dark h2 span {\r\n  color: var(--arc-red);\r\n}\r\n\r\n.arc-section-head--dark p {\r\n  margin: 0 auto;\r\n  max-width: 760px;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  color: rgba(19,35,59,0.72);\r\n}\r\n\r\n.arc-pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 18px;\r\n  padding: 11px 18px;\r\n  border-radius: 999px;\r\n  background: rgba(157,31,45,0.08);\r\n  border: 1px solid rgba(157,31,45,0.14);\r\n  color: var(--arc-red);\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 12px;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  font-weight: 800;\r\n}\r\n\r\n.arc-pill::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, #ff8995, var(--arc-red));\r\n}\r\n\r\n.arc-projects__grid {\r\n  width: min(1280px, 100%);\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 22px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.arc-project-card {\r\n  position: relative;\r\n  display: block;\r\n  min-height: 360px;\r\n  overflow: hidden;\r\n  border-radius: 26px;\r\n  text-decoration: none;\r\n  box-shadow: 0 20px 44px rgba(19,35,59,0.12);\r\n  transform: translateY(0);\r\n  transition: transform 0.45s ease, box-shadow 0.45s ease;\r\n}\r\n\r\n.arc-project-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 28px 56px rgba(19,35,59,0.18);\r\n}\r\n\r\n.arc-project-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 0.55s ease, filter 0.55s ease;\r\n  filter: brightness(0.72);\r\n}\r\n\r\n.arc-project-card:hover img {\r\n  transform: scale(1.08);\r\n  filter: brightness(0.84);\r\n}\r\n\r\n.arc-project-card__shade {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(19,35,59,0.08) 0%, rgba(19,35,59,0.78) 100%),\r\n    linear-gradient(135deg, rgba(157,31,45,0.20), transparent 58%);\r\n}\r\n\r\n.arc-project-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #ff96a1, var(--arc-red));\r\n  transform: scaleX(0.25);\r\n  transform-origin: left;\r\n  transition: transform 0.45s ease;\r\n}\r\n\r\n.arc-project-card:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.arc-project-card__content {\r\n  position: absolute;\r\n  left: 24px;\r\n  right: 24px;\r\n  bottom: 24px;\r\n  z-index: 2;\r\n  color: #fff;\r\n  transform: translateY(10px);\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.arc-project-card:hover .arc-project-card__content {\r\n  transform: translateY(0);\r\n}\r\n\r\n.arc-project-card__content small {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  color: rgba(255,255,255,0.76);\r\n  letter-spacing: 0.10em;\r\n  text-transform: uppercase;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n}\r\n\r\n.arc-project-card__content h3 {\r\n  margin: 0;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 34px;\r\n  line-height: 1;\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n}\r\n\r\n.arc-reveal {\r\n  opacity: 0;\r\n  transform: translateY(34px);\r\n  transition: opacity 0.85s cubic-bezier(.22,1,.36,1), transform 0.85s cubic-bezier(.22,1,.36,1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.arc-reveal.arc-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 1180px) {\r\n  .arc-projects__grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .arc-projects {\r\n    padding: 60px 14px;\r\n  }\r\n\r\n  .arc-section-head--dark {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .arc-section-head--dark h2 {\r\n    font-size: clamp(30px, 10vw, 46px);\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .arc-section-head--dark p {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .arc-projects__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .arc-project-card {\r\n    min-height: 300px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .arc-project-card__content {\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 18px;\r\n  }\r\n\r\n  .arc-project-card__content h3 {\r\n    font-size: 28px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"arc-projects arc-block\" id=\"projects\">\r\n  <div class=\"arc-section-head arc-section-head--dark arc-reveal\">\r\n    <div class=\"arc-pill\">Projects Showcase<\/div>\r\n    <h2>Selected <span>Installations<\/span><\/h2>\r\n    <p>\r\n      From villas to commercial developments, our project portfolio reflects\r\n      performance, trust, and engineering quality.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"arc-projects__grid\">\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture5-e1774333541690.png\" alt=\"Villas Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Luxury Residential<\/small>\r\n        <h3>Villas<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"#\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture1.jpg\" alt=\"Residential Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Apartment &amp; Tower<\/small>\r\n        <h3>Residential<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/community-e1774333831993.png\" alt=\"Commercial Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Business Spaces<\/small>\r\n        <h3>Commercial<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture6-scaled-e1774333345384.png\" alt=\"Hospitality Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Hotels &amp; Premium Spaces<\/small>\r\n        <h3>Hospitality<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/retails-scaled-e1774333671662.png\" alt=\"Escalator Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Public Mobility<\/small>\r\n        <h3>Escalators<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a class=\"arc-project-card arc-reveal\" href=\"\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture3.png\" alt=\"Custom Project\">\r\n      <div class=\"arc-project-card__shade\"><\/div>\r\n      <div class=\"arc-project-card__content\">\r\n        <small>Specialized Engineering<\/small>\r\n        <h3>Custom Projects<\/h3>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-projects');\r\n  if (!section) return;\r\n\r\n  const reveals = section.querySelectorAll('.arc-reveal');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        reveals.forEach((item, index) => {\r\n          setTimeout(() => item.classList.add('arc-visible'), index * 90);\r\n        });\r\n      }\r\n    });\r\n  }, { threshold: 0.16 });\r\n\r\n  observer.observe(section);\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-71f0ace e-con-full e-flex e-con e-parent\" data-id=\"71f0ace\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-345651a elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"345651a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4cc90e e-con-full e-flex e-con e-parent\" data-id=\"f4cc90e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d9a42f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1d9a42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"arcfix-section\">\r\n  <div class=\"arcfix-wrap\">\r\n    <div class=\"arcfix-header\">\r\n      <div class=\"arcfix-pill\">Trusted Collaborations<\/div>\r\n      <h2 class=\"arcfix-title\">Our <span>Partners<\/span><\/h2>\r\n      <p class=\"arcfix-text\">\r\n        We work with reliable global and regional brands in elevator systems,\r\n        components, and vertical mobility technology to deliver lasting\r\n        performance, quality, and innovation.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"arcfix-marquee\">\r\n      <div class=\"arcfix-track\">\r\n\r\n        <div class=\"arcfix-group\">\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-24.png\" alt=\"Leo Rise\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fujis-e1774682098246.jpg\" alt=\"Leo Tech\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/swoda.jpg\" alt=\"Sharp\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg-tech.jpg\" alt=\"LG Tech\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg.jpg\" alt=\"LG Rise\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/xy.jpg\" alt=\"XY Fuji Elevator\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fuji.jpg\" alt=\"Modern Fuji\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-25.png\" alt=\"Fujitsu Elevator\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arcfix-group\" aria-hidden=\"true\">\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-24.png\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fujis-e1774682098246.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/swoda.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg-tech.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/xy.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fuji.jpg\" alt=\"\"><\/div>\r\n          <div class=\"arcfix-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/fuj.png\" alt=\"\"><\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .arcfix-section{\r\n    padding:80px 20px;\r\n    background:#f8f6f3;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .arcfix-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  .arcfix-header{\r\n    text-align:center;\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .arcfix-pill{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:12px 20px;\r\n    border-radius:999px;\r\n    background:rgba(19,35,59,.05);\r\n    border:1px solid rgba(19,35,59,.08);\r\n    color:#9d1f2d;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.16em;\r\n    text-transform:uppercase;\r\n    margin-bottom:20px;\r\n  }\r\n\r\n  .arcfix-pill::before{\r\n    content:\"\";\r\n    width:36px;\r\n    height:2px;\r\n    border-radius:999px;\r\n    background:linear-gradient(90deg,#d6465a,#9d1f2d);\r\n  }\r\n\r\n  .arcfix-title{\r\n    margin:0 0 16px;\r\n    font-size:clamp(42px,6vw,72px);\r\n    line-height:1;\r\n    font-weight:600;\r\n    color:#13233b;\r\n  }\r\n\r\n  .arcfix-title span{\r\n    color:#9d1f2d;\r\n      font-family: \"Cormorant Garamond\", serif;\r\n  }\r\n\r\n  .arcfix-text{\r\n    max-width:840px;\r\n    margin:0 auto;\r\n    font-size:clamp(15px,2vw,18px);\r\n    line-height:1.9;\r\n    color:#5f6773;\r\n  }\r\n\r\n  .arcfix-marquee{\r\n    width:100%;\r\n    overflow:hidden;\r\n    position:relative;\r\n  }\r\n\r\n  .arcfix-track{\r\n    display:flex;\r\n    width:max-content;\r\n    animation:arcfix-scroll 14s linear infinite;\r\n    will-change:transform;\r\n  }\r\n\r\n  .arcfix-group{\r\n    display:flex;\r\n    gap:18px;\r\n    padding-right:18px;\r\n    flex-shrink:0;\r\n  }\r\n\r\n  .arcfix-card{\r\n    flex:0 0 auto;\r\n    width:clamp(150px,18vw,200px);\r\n    min-height:100px;\r\n    padding:18px;\r\n    border-radius:20px;\r\n    background:#fff;\r\n    border:1px solid rgba(19,35,59,.08);\r\n    box-shadow:0 10px 25px rgba(19,35,59,.07);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  .arcfix-card img{\r\n    width:100%;\r\n    max-width:100%;\r\n    max-height:112px;\r\n    object-fit:contain;\r\n    display:block;\r\n  }\r\n\r\n  @keyframes arcfix-scroll{\r\n    from{ transform:translateX(0); }\r\n    to{ transform:translateX(-50%); }\r\n  }\r\n\r\n  @media (max-width:767px){\r\n    .arcfix-section{\r\n      padding:55px 14px;\r\n    }\r\n\r\n    .arcfix-group{\r\n      gap:14px;\r\n      padding-right:14px;\r\n    }\r\n\r\n    .arcfix-card{\r\n      width:clamp(120px,42vw,170px);\r\n      min-height:100px;\r\n      padding:14px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    .arcfix-card img{\r\n      max-height:56px;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-692dec8 e-con-full e-flex e-con e-parent\" data-id=\"692dec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b30849 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"5b30849\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"arc-cta\" id=\"service-cta\">\r\n  <div class=\"arc-cta__wrap arc-reveal\">\r\n\r\n    <!-- Background Video -->\r\n    <video class=\"arc-cta__video\" autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/9498288-sd_960_540_25fps.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <!-- Overlay effects -->\r\n    <div class=\"arc-cta__video-overlay\"><\/div>\r\n    <div class=\"arc-cta__bg\"><\/div>\r\n\r\n    <div class=\"arc-cta__content\">\r\n      <div class=\"arc-cta__pill\">24\/7 Support<\/div>\r\n\r\n      <h2 class=\"arc-cta__title\">\r\n        Reliable Support, <span>Anytime<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"arc-cta__text\">\r\n        Our maintenance and emergency response team is ready to support your\r\n        vertical mobility systems with fast assistance, dependable service,\r\n        and long-term operational confidence.\r\n      <\/p>\r\n\r\n      <div class=\"arc-cta__buttons\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-cta__btn arc-cta__btn--primary\">\r\n          Request Maintenance\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-cta__btn arc-cta__btn--secondary\">\r\n          Contact Us\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.arc-cta,\r\n.arc-cta * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.arc-cta {\r\n  --arc-red: #9d1f2d;\r\n  --arc-red-dark: #6f111b;\r\n  --arc-blue: #13233b;\r\n  --arc-white: #ffffff;\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 90px 18px;\r\n  background: linear-gradient(180deg, #ffffff 0%, #f7f6f3 100%);\r\n}\r\n\r\n.arc-cta::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  opacity: 0.04;\r\n  background-image:\r\n    linear-gradient(rgba(19,35,59,0.10) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(19,35,59,0.10) 1px, transparent 1px);\r\n  background-size: 72px 72px;\r\n}\r\n\r\n.arc-cta__wrap {\r\n  position: relative;\r\n  width: min(1200px, 100%);\r\n  margin: 0 auto;\r\n  padding: 58px 48px;\r\n  border-radius: 32px;\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, #0f1726 0%, #13233b 48%, #2a0b12 100%);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 28px 60px rgba(19,35,59,0.18);\r\n  isolation: isolate;\r\n}\r\n\r\n\/* Background video *\/\r\n.arc-cta__video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n  filter: saturate(0.95) contrast(1.05) brightness(0.58);\r\n}\r\n\r\n\/* Dark premium overlay for readability *\/\r\n.arc-cta__video-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background:\r\n    linear-gradient(135deg, rgba(15, 23, 38, 0.78) 0%, rgba(19, 35, 59, 0.72) 48%, rgba(42, 11, 18, 0.76) 100%);\r\n}\r\n\r\n\/* Existing glow layer *\/\r\n.arc-cta__bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  background:\r\n    radial-gradient(circle at 15% 50%, rgba(157,31,45,0.28), transparent 30%),\r\n    radial-gradient(circle at 85% 20%, rgba(255,255,255,0.08), transparent 22%),\r\n    linear-gradient(135deg, rgba(157,31,45,0.10), transparent 55%);\r\n}\r\n\r\n.arc-cta__content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 860px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n}\r\n\r\n.arc-cta__pill {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  margin-bottom: 18px;\r\n  padding: 11px 18px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  color: #ffd8de;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 12px;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  font-weight: 800;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.arc-cta__pill::before {\r\n  content: \"\";\r\n  width: 34px;\r\n  height: 2px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(90deg, #ff8995, #9d1f2d);\r\n}\r\n\r\n.arc-cta__title {\r\n  margin: 0 0 14px;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: clamp(42px, 5vw, 72px);\r\n  line-height: 1;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n  text-shadow: 0 6px 20px rgba(0,0,0,0.28);\r\n}\r\n\r\n.arc-cta__title span {\r\n  color: #ffd8de;\r\n}\r\n\r\n.arc-cta__text {\r\n  max-width: 760px;\r\n  margin: 0 auto 28px;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.85;\r\n  color: rgba(255,255,255,0.82);\r\n  text-shadow: 0 3px 12px rgba(0,0,0,0.22);\r\n}\r\n\r\n.arc-cta__buttons {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.arc-cta__btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 58px;\r\n  padding: 16px 30px;\r\n  border-radius: 999px;\r\n  text-decoration: none !important;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease;\r\n}\r\n\r\n.arc-cta__btn span {\r\n  transition: transform 0.35s ease;\r\n}\r\n\r\n.arc-cta__btn:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.arc-cta__btn:hover span {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.arc-cta__btn--primary {\r\n  color: #fff !important;\r\n  background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 18px 34px rgba(106,10,20,0.30);\r\n}\r\n\r\n.arc-cta__btn--primary:hover {\r\n  box-shadow: 0 24px 44px rgba(106,10,20,0.38);\r\n}\r\n\r\n.arc-cta__btn--secondary {\r\n  color: #fff !important;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.28);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.arc-cta__btn--secondary:hover {\r\n  background: rgba(255,255,255,0.10);\r\n  border-color: rgba(255,255,255,0.42);\r\n}\r\n\r\n.arc-reveal {\r\n  opacity: 0;\r\n  transform: translateY(34px);\r\n  transition: opacity 0.85s cubic-bezier(.22,1,.36,1), transform 0.85s cubic-bezier(.22,1,.36,1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.arc-reveal.arc-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .arc-cta {\r\n    padding: 60px 14px;\r\n  }\r\n\r\n  .arc-cta__wrap {\r\n    padding: 34px 20px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .arc-cta__title {\r\n    font-size: clamp(32px, 10vw, 48px);\r\n    line-height: 1.05;\r\n  }\r\n\r\n  .arc-cta__text {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .arc-cta__buttons {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .arc-cta__btn {\r\n    width: 100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-cta');\r\n  if (!section) return;\r\n\r\n  const reveal = section.querySelector('.arc-reveal');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        reveal.classList.add('arc-visible');\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n\r\n  observer.observe(section);\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-91cbfc2 e-con-full e-flex e-con e-parent\" data-id=\"91cbfc2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a8e587 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7a8e587\" 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<div class=\"elementor-element elementor-element-f273fe1 e-flex e-con-boxed e-con e-parent\" data-id=\"f273fe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":502,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":3411,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/9\/revisions\/3411"}],"wp:attachment":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}