{"id":935,"date":"2026-03-28T07:47:56","date_gmt":"2026-03-28T07:47:56","guid":{"rendered":"https:\/\/arcotiselevators.com\/?page_id=935"},"modified":"2026-05-21T13:12:29","modified_gmt":"2026-05-21T13:12:29","slug":"projects","status":"publish","type":"page","link":"https:\/\/arcotiselevators.com\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"935\" class=\"elementor elementor-935\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5c4f9f e-con-full e-flex e-con e-parent\" data-id=\"f5c4f9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e327b1d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e327b1d\" 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-672b563 e-con-full e-flex e-con e-parent\" data-id=\"672b563\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54c662b elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"54c662b\" 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-project-hero,\r\n  .arc-project-hero * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-project-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.45);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n     min-height: 56vh;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: linear-gradient(145deg, #0a0406 0%, #1a060c 36%, #060c18 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-project-hero__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background-image: url('https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/villa.png');\r\n    background-size: cover;\r\n    background-position: center center;\r\n    transform: scale(1.05);\r\n    filter: saturate(0.72) contrast(1.08) brightness(0.42);\r\n    animation: arcBgFloat 18s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcBgFloat {\r\n    0%, 100% { transform: scale(1.05) translate3d(0,0,0); }\r\n    50% { transform: scale(1.02) translate3d(0,-6px,0); }\r\n  }\r\n\r\n  .arc-project-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      98deg,\r\n      rgba(6,4,8,0.94) 0%,\r\n      rgba(80,10,20,0.78) 30%,\r\n      rgba(80,10,20,0.30) 56%,\r\n      rgba(6,12,28,0.58) 100%\r\n    );\r\n  }\r\n\r\n  .arc-project-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 42% 58% at 10% 50%, rgba(157,31,45,0.24), transparent 70%),\r\n      radial-gradient(ellipse 28% 36% at 82% 18%, rgba(201,169,110,0.08), transparent 70%),\r\n      radial-gradient(ellipse 50% 28% at 50% 100%, rgba(0,0,0,0.55), transparent 75%);\r\n    animation: arcGlowPulse 8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcGlowPulse {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.68; }\r\n  }\r\n\r\n  .arc-project-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: 84px 84px;\r\n  }\r\n\r\n  .arc-project-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 220px 70px rgba(0,0,0,0.48);\r\n  }\r\n\r\n  .arc-project-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-project-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(201,169,110,0.75), rgba(201,169,110,0));\r\n    filter: blur(0.3px);\r\n  }\r\n\r\n  .arc-project-particle--1 { width: 3px; height: 3px; top: 14%; left: 16%; animation: arcParticleFloat 14s linear infinite 0s; }\r\n  .arc-project-particle--2 { width: 2px; height: 2px; top: 70%; left: 82%; animation: arcParticleFloat 16s linear infinite -2s; }\r\n  .arc-project-particle--3 { width: 4px; height: 4px; top: 38%; left: 60%; animation: arcParticleFloat 12s linear infinite -5s; }\r\n  .arc-project-particle--4 { width: 2px; height: 2px; top: 82%; left: 36%; animation: arcParticleFloat 18s linear infinite -3s; }\r\n  .arc-project-particle--5 { width: 3px; height: 3px; top: 26%; left: 88%; animation: arcParticleFloat 19s linear infinite -7s; }\r\n  .arc-project-particle--6 { width: 2px; height: 2px; top: 58%; left: 10%; animation: arcParticleFloat 15s linear infinite -4s; }\r\n\r\n  @keyframes arcParticleFloat {\r\n    0%   { transform: translate(0, 0) scale(1); opacity: 0; }\r\n    10%  { opacity: 0.85; }\r\n    90%  { opacity: 0.85; }\r\n    100% { transform: translate(34px, -110px) scale(0.15); opacity: 0; }\r\n  }\r\n\r\n  .arc-project-hero__geo {\r\n    position: absolute;\r\n    right: 9%;\r\n    top: 50%;\r\n    z-index: 4;\r\n    width: 210px;\r\n    height: 210px;\r\n    opacity: 0.055;\r\n    pointer-events: none;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .arc-project-geo-diamond {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 86px;\r\n    height: 86px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: translate(-50%, -50%) rotate(45deg);\r\n    animation: arcGeoDiamond 12s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-project-geo-line-v {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: 1px;\r\n    height: 100%;\r\n    background: linear-gradient(to bottom, transparent, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-project-geo-line-h {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(to right, transparent, var(--arc-gold), transparent);\r\n  }\r\n\r\n  @keyframes arcGeoDiamond {\r\n    0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(1); opacity: 1; }\r\n    50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.18); opacity: 0.42; }\r\n  }\r\n\r\n  .arc-project-hero__inner {\r\n    position: relative;\r\n    z-index: 5;\r\n    width: 100%;\r\n    min-height: 72vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 118px 0 54px;\r\n  }\r\n\r\n  .arc-project-hero__content {\r\n    width: 100%;\r\n    max-width: 760px;\r\n    margin-left: clamp(24px, 8vw, 120px);\r\n    margin-right: 24px;\r\n    color: var(--arc-white);\r\n  }\r\n\r\n  .arc-project-hero__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin-bottom: 22px;\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-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-project-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: arcDotPulse 2.5s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @keyframes arcDotPulse {\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.28); }\r\n  }\r\n\r\n  .arc-project-hero__title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 5vw, 72px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n    color: var(--arc-white);\r\n  }\r\n\r\n  .arc-project-title-line {\r\n    display: block;\r\n    padding-bottom: 2px;\r\n  }\r\n\r\n  .arc-project-title-accent {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-project-hero__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 22px 0;\r\n    width: 120px;\r\n  }\r\n\r\n  .arc-project-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-project-divider-line:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-project-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  .arc-project-hero__text {\r\n    max-width: 590px;\r\n    margin: 0 0 32px;\r\n    font-size: clamp(16px, 1.45vw, 19px);\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  .arc-project-hero__buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .arc-project-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: 205px;\r\n    min-height: 56px;\r\n    padding: 15px 32px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\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-project-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .arc-project-btn__text,\r\n  .arc-project-btn__icon {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-project-btn__icon {\r\n    display: flex;\r\n    align-items: center;\r\n    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);\r\n  }\r\n\r\n  .arc-project-btn:hover .arc-project-btn__icon {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .arc-project-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-project-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-project-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-project-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  .arc-project-btn__shimmer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);\r\n    animation: arcBtnShimmer 4s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcBtnShimmer {\r\n    0% { left: -100%; }\r\n    50%, 100% { left: 100%; }\r\n  }\r\n\r\n  .arc-project-hero__stats {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 28px;\r\n    padding: 20px 0 0;\r\n    border-top: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n\r\n  .arc-project-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n\r\n  .arc-project-stat__num {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(24px, 2.2vw, 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-project-stat__label {\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-project-stat-sep {\r\n    width: 1px;\r\n    height: 38px;\r\n    background: linear-gradient(to bottom, transparent, rgba(201,169,110,0.22), transparent);\r\n  }\r\n\r\n  .arc-project-hero__scroll {\r\n    position: absolute;\r\n    bottom: 16px;\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: 8px;\r\n  }\r\n\r\n  .arc-project-scroll-track {\r\n    width: 1px;\r\n    height: 38px;\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-project-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    animation: arcScrollDown 2.2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcScrollDown {\r\n    0% { top: -16px; opacity: 0; }\r\n    30% { opacity: 1; }\r\n    100% { top: 38px; opacity: 0; }\r\n  }\r\n\r\n  .arc-project-scroll-text {\r\n    font-size: 9px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-muted);\r\n  }\r\n\r\n  .arc-project-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-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  \/* RELIABLE CSS-ONLY REVEAL *\/\r\n  .arc-project-reveal {\r\n    opacity: 0;\r\n    transform: translateY(28px);\r\n    animation: arcRevealUp 0.95s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .arc-project-hero__title.arc-project-reveal { animation-delay: 0.08s; }\r\n  .arc-project-hero__eyebrow.arc-project-reveal { animation-delay: 0.22s; }\r\n  .arc-project-hero__divider.arc-project-reveal { animation-delay: 0.36s; }\r\n  .arc-project-hero__text.arc-project-reveal { animation-delay: 0.50s; }\r\n  .arc-project-hero__buttons.arc-project-reveal { animation-delay: 0.66s; }\r\n  .arc-project-hero__stats.arc-project-reveal { animation-delay: 0.82s; }\r\n  .arc-project-hero__side-text.arc-project-reveal { animation-delay: 0.92s; }\r\n\r\n  @keyframes arcRevealUp {\r\n    0% {\r\n      opacity: 0;\r\n      transform: translateY(28px);\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-project-hero {\r\n      min-height: 66vh;\r\n    }\r\n\r\n    .arc-project-hero__inner {\r\n      min-height: 66vh;\r\n      padding: 104px 0 46px;\r\n    }\r\n\r\n    .arc-project-hero__content {\r\n      max-width: 620px;\r\n      margin-left: 32px;\r\n      margin-right: 32px;\r\n    }\r\n\r\n    .arc-project-hero__title {\r\n      font-size: clamp(36px, 6.8vw, 60px);\r\n      line-height: 1.04;\r\n    }\r\n\r\n    .arc-project-hero__geo,\r\n    .arc-project-hero__side-text {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-project-hero {\r\n      text-align: center;\r\n      min-height: auto;\r\n    }\r\n\r\n    .arc-project-hero__bg {\r\n      background-position: center center;\r\n      animation: none;\r\n    }\r\n\r\n    .arc-project-hero__overlay {\r\n      background: linear-gradient(\r\n        180deg,\r\n        rgba(6,4,8,0.90) 0%,\r\n        rgba(80,10,20,0.78) 38%,\r\n        rgba(6,12,28,0.72) 100%\r\n      );\r\n    }\r\n\r\n    .arc-project-hero__inner {\r\n      min-height: auto;\r\n      padding: 82px 0 44px;\r\n    }\r\n\r\n    .arc-project-hero__content {\r\n      max-width: 100%;\r\n      margin-left: 20px;\r\n      margin-right: 20px;\r\n    }\r\n\r\n    .arc-project-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: 18px;\r\n    }\r\n\r\n    .arc-project-hero__title {\r\n      font-size: clamp(30px, 9vw, 50px);\r\n      line-height: 1.06;\r\n    }\r\n\r\n    .arc-project-hero__divider {\r\n      margin: 20px auto;\r\n    }\r\n\r\n    .arc-project-hero__text {\r\n      max-width: 100%;\r\n      font-size: 15px;\r\n      line-height: 1.72;\r\n      margin-bottom: 24px;\r\n      color: rgba(255,255,255,0.76);\r\n    }\r\n\r\n    .arc-project-hero__buttons {\r\n      flex-direction: column;\r\n      gap: 14px;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .arc-project-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-project-hero__stats {\r\n      justify-content: center;\r\n      gap: 16px;\r\n      padding: 18px 0 0;\r\n      flex-wrap: wrap;\r\n      border-top: 1px solid rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .arc-project-stat {\r\n      min-width: 90px;\r\n    }\r\n\r\n    .arc-project-stat__num {\r\n      font-size: clamp(22px, 5vw, 28px);\r\n    }\r\n\r\n    .arc-project-stat__label {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .arc-project-stat-sep,\r\n    .arc-project-hero__geo,\r\n    .arc-project-hero__side-text,\r\n    .arc-project-hero__scroll {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-project-hero__content {\r\n      margin-left: 14px;\r\n      margin-right: 14px;\r\n    }\r\n\r\n    .arc-project-hero__title {\r\n      font-size: clamp(28px, 8.4vw, 40px);\r\n    }\r\n\r\n    .arc-project-hero__eyebrow {\r\n      font-size: 8px;\r\n      padding: 9px 12px;\r\n      gap: 10px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-project-hero__bg,\r\n    .arc-project-hero__glow,\r\n    .arc-project-geo-diamond,\r\n    .arc-project-particle,\r\n    .arc-project-scroll-thumb,\r\n    .arc-project-btn__shimmer,\r\n    .arc-project-eyebrow-dot,\r\n    .arc-project-reveal {\r\n      animation: none !important;\r\n    }\r\n\r\n    .arc-project-reveal {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"arc-project-hero\" id=\"arc-project-hero\">\r\n  <div class=\"arc-project-hero__bg\"><\/div>\r\n  <div class=\"arc-project-hero__overlay\"><\/div>\r\n  <div class=\"arc-project-hero__glow\"><\/div>\r\n  <div class=\"arc-project-hero__grid\"><\/div>\r\n  <div class=\"arc-project-hero__vignette\"><\/div>\r\n\r\n  <div class=\"arc-project-hero__particles\" aria-hidden=\"true\">\r\n    <span class=\"arc-project-particle arc-project-particle--1\"><\/span>\r\n    <span class=\"arc-project-particle arc-project-particle--2\"><\/span>\r\n    <span class=\"arc-project-particle arc-project-particle--3\"><\/span>\r\n    <span class=\"arc-project-particle arc-project-particle--4\"><\/span>\r\n    <span class=\"arc-project-particle arc-project-particle--5\"><\/span>\r\n    <span class=\"arc-project-particle arc-project-particle--6\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"arc-project-hero__geo\" aria-hidden=\"true\">\r\n    <div class=\"arc-project-geo-diamond\"><\/div>\r\n    <div class=\"arc-project-geo-line-v\"><\/div>\r\n    <div class=\"arc-project-geo-line-h\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"arc-project-hero__inner\">\r\n    <div class=\"arc-project-hero__content\">\r\n      <div class=\"arc-project-hero__eyebrow arc-project-reveal\">\r\n        <span class=\"arc-project-eyebrow-dot\"><\/span>\r\n        ARCOTIS PROJECT PORTFOLIO\r\n      <\/div>\r\n\r\n      <h1 class=\"arc-project-hero__title arc-project-reveal\">\r\n        <span class=\"arc-project-title-line\">Engineered Projects<\/span>\r\n        <span class=\"arc-project-title-line\">Crafted with <em class=\"arc-project-title-accent\">Precision<\/em><\/span>\r\n        <span class=\"arc-project-title-line\">for Modern Spaces<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"arc-project-hero__divider arc-project-reveal\">\r\n        <span class=\"arc-project-divider-line\"><\/span>\r\n        <span class=\"arc-project-divider-diamond\"><\/span>\r\n        <span class=\"arc-project-divider-line\"><\/span>\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"arc-project-hero__buttons arc-project-reveal\">\r\n        <a href=\"#projects-grid\" class=\"arc-project-btn arc-project-btn--primary\">\r\n          <span class=\"arc-project-btn__text\">Explore Projects<\/span>\r\n          <span class=\"arc-project-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\">\r\n              <path d=\"M5 12h14\"><\/path>\r\n              <path d=\"m12 5 7 7-7 7\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"arc-project-btn__shimmer\"><\/span>\r\n        <\/a>\r\n\r\n        \r\n \r\n    \r\n\r\n      <\/div>\r\n\r\n      <div class=\"arc-project-hero__stats arc-project-reveal\">\r\n        <div class=\"arc-project-stat\">\r\n          <span class=\"arc-project-stat__num\">500+<\/span>\r\n          <span class=\"arc-project-stat__label\">Installations<\/span>\r\n        <\/div>\r\n        <div class=\"arc-project-stat-sep\"><\/div>\r\n        <div class=\"arc-project-stat\">\r\n          <span class=\"arc-project-stat__num\">15+<\/span>\r\n          <span class=\"arc-project-stat__label\">Years Expertise<\/span>\r\n        <\/div>\r\n        <div class=\"arc-project-stat-sep\"><\/div>\r\n        <div class=\"arc-project-stat\">\r\n          <span class=\"arc-project-stat__num\">24\/7<\/span>\r\n          <span class=\"arc-project-stat__label\">Service Support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"arc-project-hero__scroll\" aria-hidden=\"true\">\r\n    <div class=\"arc-project-scroll-track\">\r\n      <div class=\"arc-project-scroll-thumb\"><\/div>\r\n    <\/div>\r\n    <span class=\"arc-project-scroll-text\">Scroll<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"arc-project-hero__side-text arc-project-reveal\" aria-hidden=\"true\">\r\n    ARCOTIS \u2014 PROJECT SHOWCASE\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a51052 e-con-full e-flex e-con e-parent\" data-id=\"9a51052\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-720515e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"720515e\" 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:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"arc-featured-projects\" id=\"projects-grid\">\r\n  <div class=\"arc-featured-projects__bg\"><\/div>\r\n\r\n  <div class=\"arc-featured-projects__container\">\r\n    <div class=\"arc-featured-projects__head arc-fp-reveal\">\r\n      <span class=\"arc-featured-projects__eyebrow\">Featured Projects<\/span>\r\n      <h2>Engineered Installations with <em>Luxury Precision<\/em><\/h2>\r\n      <div class=\"arc-featured-projects__divider\"><\/div>\r\n      <p>\r\n        A curated showcase of ARCOTIS work across premium villas, private residences,\r\n        public environments, and specialized mobility systems.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"arc-featured-projects__grid\">\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/damac.jpg\" alt=\"Damac Hills Villa Lift\">\r\n          <span class=\"arc-fp-card__badge\">Luxury Villa Lift<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">Damac Hills \u00b7 Dubai<\/span>\r\n          <h3>Panoramic Hydraulic Home Elevator<\/h3>\r\n          <p>\r\n            A refined villa elevator solution designed for smooth residential travel, elegant visibility,\r\n            and premium integration within a modern private property.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>400 KG<\/span>\r\n            <span>0.4 m\/s<\/span>\r\n            <span>G+1 Villa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/palm-jumeriah.jpg\" alt=\"Palm Jumeirah Panoramic Elevator\">\r\n          <span class=\"arc-fp-card__badge\">Premium Residence<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">Palm Jumeirah \u00b7 Dubai<\/span>\r\n          <h3>Panoramic MRL Elevator<\/h3>\r\n          <p>\r\n            A premium machine-room-less panoramic lift created for a luxury residence,\r\n            balancing compact engineering with an upscale architectural finish.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>630 KG \/ 8 Persons<\/span>\r\n            <span>1.0 m\/s<\/span>\r\n            <span>Frond Villa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/dubai-hills-e1774854792169.jpg\" alt=\"Dubai Hills Passenger Elevator\">\r\n          <span class=\"arc-fp-card__badge\">Private Residence<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">Dubai Hills \u00b7 Dubai<\/span>\r\n          <h3>MRL Passenger Elevator<\/h3>\r\n          <p>\r\n            Installed for a villa environment with a focus on quiet performance,\r\n            daily comfort, and sleek design continuity across the building.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>800 KG<\/span>\r\n            <span>1.0 m\/s<\/span>\r\n            <span>B+G+1 Villa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture1.jpg\" alt=\"Millennium Estates Home Lift\">\r\n          <span class=\"arc-fp-card__badge\">Elite Home Lift<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">Millennium Estates \u00b7 Meydan<\/span>\r\n          <h3>Hydraulic Home Elevator<\/h3>\r\n          <p>\r\n            A polished villa lift solution developed for premium home movement,\r\n            compact comfort, and strong design harmony in a luxury residential setting.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>450 KG \/ 6 Persons<\/span>\r\n            <span>0.6 m\/s<\/span>\r\n            <span>G+1 Villa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture2-scaled-e1774427387337.jpg\" alt=\"Jumeirah Golf Estates Car Lift\">\r\n          <span class=\"arc-fp-card__badge\">Special Mobility System<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">Jumeirah Golf Estates \u00b7 Dubai<\/span>\r\n          <h3>Double Deck Car Lift<\/h3>\r\n          <p>\r\n            A heavy-duty specialized lift system designed for premium villa parking,\r\n            maximizing utility while maintaining a clean and high-end project profile.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>4500 KG<\/span>\r\n            <span>5\u20136 m\/min<\/span>\r\n            <span>B+G Parking<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-fp-card arc-fp-reveal\">\r\n        <div class=\"arc-fp-card__media\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/retails-scaled-e1774333671662.png\" alt=\"DIP and Ibn Battuta mobility project\">\r\n          <span class=\"arc-fp-card__badge\">Retail & Public Access<\/span>\r\n        <\/div>\r\n        <div class=\"arc-fp-card__content\">\r\n          <span class=\"arc-fp-card__kicker\">D.I.P & Ibn Battuta Mall \u00b7 Dubai<\/span>\r\n          <h3>Escalators & Public Mobility Systems<\/h3>\r\n          <p>\r\n            Large-format mobility installations including escalators for public-facing environments\r\n            and a panoramic passenger system for community circulation.\r\n          <\/p>\r\n          <div class=\"arc-fp-card__specs\">\r\n            <span>2 Escalators<\/span>\r\n            <span>800 KG \/ 10 Persons<\/span>\r\n            <span>Community + Retail<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .arc-featured-projects,\r\n  .arc-featured-projects * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-featured-projects {\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-soft: rgba(255,255,255,0.78);\r\n    --arc-muted: rgba(255,255,255,0.56);\r\n    --arc-border: rgba(201,169,110,0.15);\r\n    --arc-glass: rgba(255,255,255,0.04);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 100px 20px;\r\n    background:\r\n      radial-gradient(circle at 12% 18%, rgba(157,31,45,0.16), transparent 28%),\r\n      radial-gradient(circle at 88% 10%, rgba(201,169,110,0.08), transparent 22%),\r\n      linear-gradient(180deg, #07060b 0%, #090d15 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-featured-projects__bg {\r\n    position: absolute;\r\n    inset: -8%;\r\n    background:\r\n      linear-gradient(rgba(6,6,10,0.84), rgba(6,6,10,0.92)),\r\n      url('https:\/\/images.unsplash.com\/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1800&q=80') center\/cover no-repeat;\r\n    opacity: 0.22;\r\n    transform: scale(1.08);\r\n    will-change: transform;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-featured-projects__container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .arc-featured-projects__head {\r\n    max-width: 760px;\r\n    margin-bottom: 42px;\r\n  }\r\n\r\n  .arc-featured-projects__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 18px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(201,169,110,0.18);\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.08), rgba(255,255,255,0.03));\r\n    color: var(--arc-gold-light);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .arc-featured-projects__eyebrow::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, var(--arc-red), var(--arc-gold));\r\n    box-shadow: 0 0 18px rgba(201,169,110,0.24);\r\n  }\r\n\r\n  .arc-featured-projects__head h2 {\r\n    margin: 18px 0 14px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 5vw, 66px);\r\n    line-height: 0.98;\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n    color: #fff;\r\n  }\r\n\r\n  .arc-featured-projects__head h2 em {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-featured-projects__divider {\r\n    width: 120px;\r\n    height: 1px;\r\n    margin: 0 0 22px;\r\n    background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-featured-projects__head p {\r\n    margin: 0;\r\n    color: var(--arc-soft);\r\n    font-size: 17px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .arc-featured-projects__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 28px;\r\n  }\r\n\r\n  .arc-fp-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 30px;\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));\r\n    border: 1px solid var(--arc-border);\r\n    box-shadow: 0 24px 70px rgba(0,0,0,0.28);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;\r\n  }\r\n\r\n  .arc-fp-card:hover {\r\n    transform: translateY(-8px);\r\n    border-color: rgba(201,169,110,0.30);\r\n    box-shadow: 0 34px 90px rgba(0,0,0,0.36);\r\n  }\r\n\r\n  .arc-fp-card__media {\r\n    position: relative;\r\n    height: 290px;\r\n    overflow: hidden;\r\n    background: #111;\r\n  }\r\n\r\n  .arc-fp-card__media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.42) 72%, rgba(7,9,14,0.92) 100%);\r\n  }\r\n\r\n  .arc-fp-card__media img {\r\n    width: 100%;\r\n    height: 120%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transform: translateY(0);\r\n    will-change: transform;\r\n    transition: transform 0.7s ease;\r\n  }\r\n\r\n  .arc-fp-card:hover .arc-fp-card__media img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .arc-fp-card__badge {\r\n    position: absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    z-index: 2;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(10,12,18,0.60);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    color: var(--arc-gold-light);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-fp-card__badge::before {\r\n    content: \"\";\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--arc-gold);\r\n  }\r\n\r\n  .arc-fp-card__content {\r\n    padding: 28px 24px 24px;\r\n  }\r\n\r\n  .arc-fp-card__kicker {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    color: var(--arc-gold-light);\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .arc-fp-card__content h3 {\r\n    margin: 0 0 14px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(28px, 2.8vw, 40px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    color: #fff;\r\n  }\r\n\r\n  .arc-fp-card__content p {\r\n    margin: 0 0 18px;\r\n    color: var(--arc-soft);\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .arc-fp-card__specs {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .arc-fp-card__specs span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 38px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.04);\r\n    border: 1px solid rgba(255,255,255,0.07);\r\n    color: rgba(255,255,255,0.85);\r\n    font-size: 13px;\r\n  }\r\n\r\n  .arc-fp-reveal {\r\n    opacity: 0;\r\n    transform: translateY(38px);\r\n    transition: opacity 0.9s ease, transform 0.9s ease;\r\n  }\r\n\r\n  .arc-fp-reveal.arc-fp-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-featured-projects {\r\n      padding: 82px 16px;\r\n    }\r\n\r\n    .arc-featured-projects__grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 22px;\r\n    }\r\n\r\n    .arc-fp-card__media {\r\n      height: 260px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-featured-projects__head {\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .arc-featured-projects__head h2 {\r\n      font-size: clamp(32px, 9vw, 48px);\r\n      line-height: 1.04;\r\n    }\r\n\r\n    .arc-featured-projects__head p {\r\n      font-size: 15px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .arc-fp-card__content {\r\n      padding: 22px 18px 18px;\r\n    }\r\n\r\n    .arc-fp-card__content h3 {\r\n      font-size: 30px;\r\n    }\r\n\r\n    .arc-fp-card__specs span {\r\n      font-size: 12px;\r\n      padding: 9px 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const section = document.querySelector(\".arc-featured-projects\");\r\n    if (!section) return;\r\n\r\n    const bg = section.querySelector(\".arc-featured-projects__bg\");\r\n    const images = section.querySelectorAll(\".arc-fp-card__media img\");\r\n    const reveals = section.querySelectorAll(\".arc-fp-reveal\");\r\n\r\n    const revealObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"arc-fp-visible\");\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    reveals.forEach((el) => revealObserver.observe(el));\r\n\r\n    function updateParallax() {\r\n      const rect = section.getBoundingClientRect();\r\n      const vh = window.innerHeight || document.documentElement.clientHeight;\r\n      const progress = Math.max(-1, Math.min(1, (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh));\r\n\r\n      if (bg) {\r\n        bg.style.transform = \"scale(1.08) translate3d(0,\" + (progress * -30) + \"px,0)\";\r\n      }\r\n\r\n      images.forEach((img, index) => {\r\n        const speed = 18 + (index % 3) * 6;\r\n        img.style.transform = \"translate3d(0,\" + (progress * speed) + \"px,0) scale(1.06)\";\r\n      });\r\n    }\r\n\r\n    updateParallax();\r\n    window.addEventListener(\"scroll\", updateParallax, { passive: true });\r\n    window.addEventListener(\"resize\", updateParallax);\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-56601d7 e-con-full e-flex e-con e-parent\" data-id=\"56601d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23105ea elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"23105ea\" 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:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.arc-project-cats-premium,\r\n.arc-project-cats-premium * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.arc-project-cats-premium {\r\n  --arc-red: #9d1f2d;\r\n  --arc-red-light: #c94b5a;\r\n  --arc-blue: #13233b;\r\n  --arc-blue-soft: rgba(19,35,59,0.72);\r\n  --arc-bg: #ffffff;\r\n  --arc-bg-soft: #f8f7f4;\r\n  --arc-card: rgba(255,255,255,0.82);\r\n  --arc-border: rgba(19,35,59,0.08);\r\n  --arc-shadow: 0 20px 44px rgba(19,35,59,0.10);\r\n  --arc-shadow-hover: 0 30px 70px rgba(19,35,59,0.16);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 105px 18px;\r\n  background:\r\n    radial-gradient(circle at top right, rgba(157,31,45,0.08), transparent 28%),\r\n    radial-gradient(circle at left bottom, rgba(19,35,59,0.05), transparent 24%),\r\n    linear-gradient(180deg, #ffffff 0%, #f8f7f4 100%);\r\n}\r\n\r\n.arc-project-cats-premium::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(19,35,59,0.14) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(19,35,59,0.14) 1px, transparent 1px);\r\n  background-size: 72px 72px;\r\n}\r\n\r\n.arc-project-cats-premium::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -60px;\r\n  width: 360px;\r\n  height: 360px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(157,31,45,0.10) 0%, rgba(157,31,45,0) 72%);\r\n  pointer-events: none;\r\n  filter: blur(4px);\r\n}\r\n\r\n.arc-project-cats-premium__container {\r\n  width: min(1320px, 100%);\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.arc-project-cats-premium__head {\r\n  width: min(100%, 900px);\r\n  margin: 0 auto 56px;\r\n  text-align: center;\r\n}\r\n\r\n.arc-project-cats-premium__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: 12px 20px;\r\n  border-radius: 999px;\r\n  background: rgba(157,31,45,0.07);\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  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.arc-project-cats-premium__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-project-cats-premium__head h2 {\r\n  margin: 0 0 14px;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: clamp(40px, 5vw, 72px);\r\n  line-height: 0.98;\r\n  font-weight: 600;\r\n  color: var(--arc-blue);\r\n  letter-spacing: -0.025em;\r\n}\r\n\r\n.arc-project-cats-premium__head h2 span {\r\n  color: var(--arc-red);\r\n}\r\n\r\n.arc-project-cats-premium__head p {\r\n  margin: 0 auto;\r\n  max-width: 780px;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 17px;\r\n  line-height: 1.85;\r\n  color: rgba(19,35,59,0.72);\r\n}\r\n\r\n.arc-project-cats-premium__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 26px;\r\n}\r\n\r\n.arc-project-cats-premium__card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 455px;\r\n  border-radius: 30px;\r\n  background:\r\n    linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(248,247,244,0.98) 100%);\r\n  border: 1px solid rgba(19,35,59,0.07);\r\n  box-shadow: var(--arc-shadow);\r\n  transition:\r\n    transform 0.5s cubic-bezier(.22,1,.36,1),\r\n    box-shadow 0.5s cubic-bezier(.22,1,.36,1),\r\n    border-color 0.5s ease;\r\n  isolation: isolate;\r\n}\r\n\r\n.arc-project-cats-premium__card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(157,31,45,0.08), transparent 40%, rgba(19,35,59,0.04));\r\n  opacity: 0;\r\n  transition: opacity 0.45s ease;\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.arc-project-cats-premium__card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -120%;\r\n  left: -30%;\r\n  width: 60%;\r\n  height: 260%;\r\n  transform: rotate(18deg);\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease, transform 0.8s ease;\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.arc-project-cats-premium__card:hover {\r\n  transform: translateY(-12px);\r\n  box-shadow: var(--arc-shadow-hover);\r\n  border-color: rgba(157,31,45,0.16);\r\n}\r\n\r\n.arc-project-cats-premium__card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.arc-project-cats-premium__card:hover::after {\r\n  opacity: 1;\r\n  transform: translateX(260%) rotate(18deg);\r\n}\r\n\r\n.arc-project-cats-premium__image-wrap {\r\n  position: relative;\r\n  height: 236px;\r\n  overflow: hidden;\r\n  background: #d9dde3;\r\n}\r\n\r\n.arc-project-cats-premium__image-wrap::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(180deg, rgba(19,35,59,0.06) 0%, rgba(19,35,59,0.14) 55%, rgba(255,255,255,0) 100%),\r\n    linear-gradient(135deg, rgba(157,31,45,0.18), transparent 56%);\r\n  z-index: 1;\r\n}\r\n\r\n.arc-project-cats-premium__image-wrap::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: auto 0 0 0;\r\n  height: 72px;\r\n  background: linear-gradient(180deg, rgba(248,247,244,0), rgba(248,247,244,0.94));\r\n  z-index: 2;\r\n}\r\n\r\n.arc-project-cats-premium__image {\r\n  width: 100%;\r\n  height: 118%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transform: scale(1.03);\r\n  transition: transform 0.9s cubic-bezier(.22,1,.36,1), filter 0.6s ease;\r\n  will-change: transform;\r\n}\r\n\r\n.arc-project-cats-premium__card:hover .arc-project-cats-premium__image {\r\n  transform: scale(1.09);\r\n  filter: saturate(1.06) contrast(1.02);\r\n}\r\n\r\n.arc-project-cats-premium__body {\r\n  position: relative;\r\n  z-index: 3;\r\n  padding: 28px 24px 24px;\r\n}\r\n\r\n.arc-project-cats-premium__icon {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 24px;\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 20px;\r\n  display: grid;\r\n  place-items: center;\r\n  background: linear-gradient(135deg, var(--arc-red), #7d1622);\r\n  color: #fff;\r\n  box-shadow: 0 16px 30px rgba(157,31,45,0.24);\r\n  border: 3px solid rgba(255,255,255,0.95);\r\n}\r\n\r\n.arc-project-cats-premium__icon svg {\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: currentColor;\r\n  fill: none;\r\n  stroke-width: 1.9;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.arc-project-cats-premium__tag {\r\n  display: inline-block;\r\n  margin: 10px 0 14px 48px;\r\n  color: var(--arc-red);\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.arc-project-cats-premium__card h3 {\r\n  margin: 0 0 12px;\r\n  font-family: \"Cormorant Garamond\", serif;\r\n  font-size: 36px;\r\n  line-height: 0.98;\r\n  color: var(--arc-blue);\r\n  font-weight: 600;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.arc-project-cats-premium__card p {\r\n  margin: 0 0 18px;\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n  color: rgba(19,35,59,0.72);\r\n}\r\n\r\n.arc-project-cats-premium__chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n}\r\n\r\n.arc-project-cats-premium__chips span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-height: 36px;\r\n  padding: 9px 12px;\r\n  border-radius: 999px;\r\n  background: rgba(19,35,59,0.04);\r\n  border: 1px solid rgba(19,35,59,0.07);\r\n  color: rgba(19,35,59,0.84);\r\n  font-family: \"Manrope\", sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.arc-project-cats-premium__card:hover .arc-project-cats-premium__chips span {\r\n  background: rgba(157,31,45,0.06);\r\n  border-color: rgba(157,31,45,0.12);\r\n  color: var(--arc-blue);\r\n}\r\n\r\n.arc-pcp-reveal {\r\n  opacity: 0;\r\n  transform: translateY(38px) scale(0.985);\r\n  transition:\r\n    opacity 0.95s cubic-bezier(.22,1,.36,1),\r\n    transform 0.95s cubic-bezier(.22,1,.36,1);\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.arc-pcp-reveal.arc-pcp-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n\r\n.arc-pcp-float {\r\n  animation: arcPcpFloat 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arcPcpFloat {\r\n  0% { transform: translateY(0px); }\r\n  50% { transform: translateY(-6px); }\r\n  100% { transform: translateY(0px); }\r\n}\r\n\r\n@media (max-width: 1180px) {\r\n  .arc-project-cats-premium__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-project-cats-premium {\r\n    padding: 64px 14px;\r\n  }\r\n\r\n  .arc-project-cats-premium__head {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .arc-project-cats-premium__head h2 {\r\n    font-size: clamp(32px, 10vw, 48px);\r\n    line-height: 1.04;\r\n  }\r\n\r\n  .arc-project-cats-premium__head p {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .arc-project-cats-premium__grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 18px;\r\n  }\r\n\r\n  .arc-project-cats-premium__card {\r\n    min-height: auto;\r\n    border-radius: 24px;\r\n  }\r\n\r\n  .arc-project-cats-premium__image-wrap {\r\n    height: 220px;\r\n  }\r\n\r\n  .arc-project-cats-premium__body {\r\n    padding: 24px 18px 18px;\r\n  }\r\n\r\n  .arc-project-cats-premium__icon {\r\n    left: 18px;\r\n    width: 56px;\r\n    height: 56px;\r\n    border-radius: 18px;\r\n  }\r\n\r\n  .arc-project-cats-premium__tag {\r\n    margin-left: 44px;\r\n  }\r\n\r\n  .arc-project-cats-premium__card h3 {\r\n    font-size: 31px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .arc-pcp-reveal,\r\n  .arc-project-cats-premium__card,\r\n  .arc-project-cats-premium__image,\r\n  .arc-project-cats-premium__chips span,\r\n  .arc-project-cats-premium__card::after,\r\n  .arc-pcp-float {\r\n    transition: none !important;\r\n    animation: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"arc-project-cats-premium\" id=\"project-categories\">\r\n  <div class=\"arc-project-cats-premium__container\">\r\n\r\n    <div class=\"arc-project-cats-premium__head arc-pcp-reveal\">\r\n      <div class=\"arc-project-cats-premium__pill\">Project Categories<\/div>\r\n      <h2>Built for Every <span>Vertical Need<\/span><\/h2>\r\n      <p>\r\n        From luxury villas to commercial environments and specialized systems,\r\n        our portfolio covers a wide range of vertical mobility solutions with\r\n        premium execution and engineering quality.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"arc-project-cats-premium__grid\">\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture5-e1774333541690.png\" alt=\"Luxury Villa Elevators\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 20h16\"><\/path>\r\n              <path d=\"M6 20V10l6-5 6 5v10\"><\/path>\r\n              <path d=\"M10 20v-5h4v5\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Residential Luxury<\/div>\r\n          <h3>Villa Elevators<\/h3>\r\n          <p>Elegant lift systems tailored for private villas, combining smooth movement, premium finish, and refined architectural integration.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Home Lifts<\/span>\r\n            <span>Panoramic<\/span>\r\n            <span>Hydraulic<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture1.jpg\" alt=\"Residential Towers\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"><\/rect>\r\n              <path d=\"M10 7h4\"><\/path>\r\n              <path d=\"M10 11h4\"><\/path>\r\n              <path d=\"M10 15h4\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Apartment & Tower<\/div>\r\n          <h3>Residential<\/h3>\r\n          <p>Passenger elevator systems for apartment buildings and residential towers, focused on comfort, reliability, and clean daily circulation.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Passenger Lift<\/span>\r\n            <span>MRL<\/span>\r\n            <span>High Comfort<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/community-cneter-dip.png\" alt=\"Commercial Elevators\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M3 20h18\"><\/path>\r\n              <path d=\"M5 20V8l7-4 7 4v12\"><\/path>\r\n              <path d=\"M9 12h2\"><\/path>\r\n              <path d=\"M13 12h2\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Business Spaces<\/div>\r\n          <h3>Commercial<\/h3>\r\n          <p>Efficient vertical transportation for offices, mixed-use developments, and public-facing commercial spaces with durable performance.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Office Buildings<\/span>\r\n            <span>Mixed Use<\/span>\r\n            <span>Public Access<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/hospitality.png\" alt=\"Hospitality Elevators\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M5 20V6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14\"><\/path>\r\n              <path d=\"M9 9h6\"><\/path>\r\n              <path d=\"M9 13h6\"><\/path>\r\n              <path d=\"M9 17h6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Hotels & Premium Spaces<\/div>\r\n          <h3>Hospitality<\/h3>\r\n          <p>Guest-focused lift systems for hotels and hospitality properties, designed for refined travel, visual harmony, and dependable service.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Hotels<\/span>\r\n            <span>Guest Movement<\/span>\r\n            <span>Premium Finish<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/retails-scaled-e1774333671662.png\" alt=\"Escalator Systems\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 17h6l10-10\"><\/path>\r\n              <path d=\"M4 17h16\"><\/path>\r\n              <circle cx=\"18\" cy=\"7\" r=\"2\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Public Mobility<\/div>\r\n          <h3>Escalators<\/h3>\r\n          <p>Escalator installations for retail and high-footfall environments, supporting smooth public circulation with strong operational reliability.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Retail<\/span>\r\n            <span>Malls<\/span>\r\n            <span>Community Access<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"arc-project-cats-premium__card arc-pcp-reveal\">\r\n        <div class=\"arc-project-cats-premium__image-wrap\">\r\n          <img decoding=\"async\" class=\"arc-project-cats-premium__image\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture3.png\" alt=\"Custom Lift Projects\">\r\n        <\/div>\r\n        <div class=\"arc-project-cats-premium__body\">\r\n          <div class=\"arc-project-cats-premium__icon arc-pcp-float\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M20 12a8 8 0 1 1-2.34-5.66\"><\/path>\r\n              <path d=\"M20 4v6h-6\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-project-cats-premium__tag\">Specialized Engineering<\/div>\r\n          <h3>Custom Projects<\/h3>\r\n          <p>Special mobility solutions including car lifts, unique structural requirements, and tailored systems for demanding project conditions.<\/p>\r\n          <div class=\"arc-project-cats-premium__chips\">\r\n            <span>Car Lifts<\/span>\r\n            <span>Special Systems<\/span>\r\n            <span>Bespoke Engineering<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-project-cats-premium');\r\n  if (!section) return;\r\n\r\n  const reveals = section.querySelectorAll('.arc-pcp-reveal');\r\n  const images = section.querySelectorAll('.arc-project-cats-premium__image');\r\n\r\n  const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  if (!reduceMotion) {\r\n    const observer = new IntersectionObserver((entries) => {\r\n      entries.forEach((entry) => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('arc-pcp-visible');\r\n        }\r\n      });\r\n    }, { threshold: 0.16 });\r\n\r\n    reveals.forEach((item, index) => {\r\n      item.style.transitionDelay = (index * 90) + 'ms';\r\n      observer.observe(item);\r\n    });\r\n\r\n    function parallaxImages() {\r\n      const rect = section.getBoundingClientRect();\r\n      const vh = window.innerHeight || document.documentElement.clientHeight;\r\n      const progress = Math.max(-1, Math.min(1, (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh));\r\n\r\n      images.forEach((img, index) => {\r\n        const speed = 8 + (index % 3) * 3;\r\n        const scale = 1.03;\r\n        img.style.transform = 'translate3d(0,' + (progress * speed) + 'px,0) scale(' + scale + ')';\r\n      });\r\n    }\r\n\r\n    parallaxImages();\r\n    window.addEventListener('scroll', parallaxImages, { passive: true });\r\n    window.addEventListener('resize', parallaxImages);\r\n  } else {\r\n    reveals.forEach((item) => item.classList.add('arc-pcp-visible'));\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-376ff9b e-con-full e-flex e-con e-parent\" data-id=\"376ff9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ac1980 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6ac1980\" 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 - Premium Portfolio Grid<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===== RESET & BASE ===== *\/\r\n    .arc-portfolio-premium,\r\n    .arc-portfolio-premium * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .arc-portfolio-premium {\r\n      --arc-red: #9d1f2d;\r\n      --arc-red-light: #c94b5a;\r\n      --arc-red-dark: #7d1622;\r\n      --arc-red-glow: rgba(157,31,45,0.35);\r\n      --arc-gold: #c9a96e;\r\n      --arc-gold-light: #e2cc9c;\r\n      --arc-blue: #13233b;\r\n      --arc-blue-soft: rgba(19,35,59,0.72);\r\n      --arc-blue-light: rgba(19,35,59,0.45);\r\n      --arc-white: #ffffff;\r\n      --arc-off-white: #fdfbf9;\r\n      --arc-cream: #f8f7f4;\r\n      --arc-card: rgba(255,255,255,0.96);\r\n      --arc-border: rgba(19,35,59,0.06);\r\n      --arc-border-gold: rgba(201,169,110,0.2);\r\n      --arc-shadow-soft: 0 20px 50px rgba(19,35,59,0.08);\r\n      --arc-shadow-medium: 0 30px 70px rgba(19,35,59,0.12);\r\n      --arc-shadow-strong: 0 40px 90px rgba(19,35,59,0.16);\r\n\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: 140px 24px;\r\n      background: linear-gradient(180deg, var(--arc-white) 0%, var(--arc-off-white) 50%, var(--arc-cream) 100%);\r\n      font-family: \"Manrope\", -apple-system, BlinkMacSystemFont, sans-serif;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n    }\r\n\r\n    \/* ===== BACKGROUND EFFECTS ===== *\/\r\n    .arc-portfolio__bg {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .arc-portfolio__bg-gradient {\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        radial-gradient(ellipse 70% 50% at 5% 15%, rgba(157,31,45,0.04), transparent 50%),\r\n        radial-gradient(ellipse 60% 40% at 95% 85%, rgba(201,169,110,0.05), transparent 50%),\r\n        radial-gradient(ellipse 50% 35% at 50% 50%, rgba(157,31,45,0.02), transparent 55%);\r\n    }\r\n\r\n    .arc-portfolio__bg-pattern {\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.035;\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: 72px 72px;\r\n      mask-image: radial-gradient(ellipse 75% 65% at 50% 50%, black 0%, transparent 70%);\r\n      -webkit-mask-image: radial-gradient(ellipse 75% 65% at 50% 50%, black 0%, transparent 70%);\r\n    }\r\n\r\n    .arc-portfolio__bg-noise {\r\n      position: absolute;\r\n      inset: 0;\r\n      opacity: 0.02;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\r\n    }\r\n\r\n    \/* Floating Glows *\/\r\n    .arc-portfolio__glow {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(100px);\r\n      animation: arcPortfolioGlowFloat 30s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-portfolio__glow--1 {\r\n      width: 450px;\r\n      height: 450px;\r\n      top: -10%;\r\n      right: -8%;\r\n      background: rgba(157,31,45,0.08);\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .arc-portfolio__glow--2 {\r\n      width: 400px;\r\n      height: 400px;\r\n      bottom: 5%;\r\n      left: -6%;\r\n      background: rgba(201,169,110,0.1);\r\n      animation-delay: -10s;\r\n    }\r\n\r\n    .arc-portfolio__glow--3 {\r\n      width: 350px;\r\n      height: 350px;\r\n      top: 45%;\r\n      left: 40%;\r\n      background: rgba(157,31,45,0.05);\r\n      animation-delay: -20s;\r\n    }\r\n\r\n    @keyframes arcPortfolioGlowFloat {\r\n      0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }\r\n      33% { transform: translate(45px, -35px) scale(1.18); opacity: 0.7; }\r\n      66% { transform: translate(-35px, 45px) scale(0.88); opacity: 0.4; }\r\n    }\r\n\r\n    \/* Floating Particles *\/\r\n    .arc-portfolio__particles {\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-portfolio-particle {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      animation: arcPortfolioParticleFloat 28s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-portfolio-particle--1 {\r\n      width: 5px;\r\n      height: 5px;\r\n      top: 10%;\r\n      left: 8%;\r\n      background: radial-gradient(circle, var(--arc-gold), transparent);\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .arc-portfolio-particle--2 {\r\n      width: 4px;\r\n      height: 4px;\r\n      top: 22%;\r\n      right: 12%;\r\n      background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n      animation-delay: -5s;\r\n    }\r\n\r\n    .arc-portfolio-particle--3 {\r\n      width: 6px;\r\n      height: 6px;\r\n      top: 50%;\r\n      left: 4%;\r\n      background: radial-gradient(circle, var(--arc-gold-light), transparent);\r\n      animation-delay: -10s;\r\n    }\r\n\r\n    .arc-portfolio-particle--4 {\r\n      width: 4px;\r\n      height: 4px;\r\n      top: 68%;\r\n      right: 7%;\r\n      background: radial-gradient(circle, var(--arc-red), transparent);\r\n      animation-delay: -15s;\r\n    }\r\n\r\n    .arc-portfolio-particle--5 {\r\n      width: 5px;\r\n      height: 5px;\r\n      bottom: 15%;\r\n      left: 16%;\r\n      background: radial-gradient(circle, var(--arc-gold), transparent);\r\n      animation-delay: -20s;\r\n    }\r\n\r\n    .arc-portfolio-particle--6 {\r\n      width: 3px;\r\n      height: 3px;\r\n      top: 38%;\r\n      right: 24%;\r\n      background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n      animation-delay: -25s;\r\n    }\r\n\r\n    @keyframes arcPortfolioParticleFloat {\r\n      0%, 100% { \r\n        transform: translate(0, 0) scale(1); \r\n        opacity: 0.2;\r\n      }\r\n      25% { \r\n        transform: translate(22px, -38px) scale(1.35); \r\n        opacity: 0.8;\r\n      }\r\n      50% { \r\n        transform: translate(-16px, -62px) scale(0.65); \r\n        opacity: 0.35;\r\n      }\r\n      75% { \r\n        transform: translate(32px, -22px) scale(1.15); \r\n        opacity: 0.6;\r\n      }\r\n    }\r\n\r\n    \/* Geometric Decorations *\/\r\n    .arc-portfolio__geo {\r\n      position: absolute;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      opacity: 0.06;\r\n    }\r\n\r\n    .arc-portfolio__geo--left {\r\n      left: 2%;\r\n      top: 22%;\r\n      width: 160px;\r\n      height: 160px;\r\n    }\r\n\r\n    .arc-portfolio__geo--right {\r\n      right: 2%;\r\n      bottom: 18%;\r\n      width: 180px;\r\n      height: 180px;\r\n    }\r\n\r\n    .arc-portfolio-geo__ring {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      border-radius: 50%;\r\n      border: 1px solid var(--arc-gold);\r\n    }\r\n\r\n    .arc-portfolio-geo__ring--1 {\r\n      width: 140px;\r\n      height: 140px;\r\n      transform: translate(-50%, -50%);\r\n      animation: arcPortfolioGeoSpin 75s linear infinite;\r\n    }\r\n\r\n    .arc-portfolio-geo__ring--2 {\r\n      width: 90px;\r\n      height: 90px;\r\n      transform: translate(-50%, -50%);\r\n      animation: arcPortfolioGeoSpin 55s linear infinite reverse;\r\n    }\r\n\r\n    .arc-portfolio-geo__diamond {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      width: 35px;\r\n      height: 35px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: translate(-50%, -50%) rotate(45deg);\r\n      animation: arcPortfolioDiamondPulse 8s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioGeoSpin {\r\n      0% { transform: translate(-50%, -50%) rotate(0deg); }\r\n      100% { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    @keyframes arcPortfolioDiamondPulse {\r\n      0%, 100% { transform: translate(-50%, -50%) rotate(45deg) scale(1); opacity: 1; }\r\n      50% { transform: translate(-50%, -50%) rotate(45deg) scale(1.25); opacity: 0.4; }\r\n    }\r\n\r\n    \/* Corner Flourishes *\/\r\n    .arc-portfolio__corner {\r\n      position: absolute;\r\n      width: 90px;\r\n      height: 90px;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      opacity: 0.12;\r\n    }\r\n\r\n    .arc-portfolio__corner--tl {\r\n      top: 45px;\r\n      left: 45px;\r\n    }\r\n\r\n    .arc-portfolio__corner--br {\r\n      bottom: 45px;\r\n      right: 45px;\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    .arc-portfolio-corner__h {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 55px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-portfolio-corner__v {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 1px;\r\n      height: 55px;\r\n      background: linear-gradient(180deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-portfolio-corner__dot {\r\n      position: absolute;\r\n      top: 16px;\r\n      left: 16px;\r\n      width: 6px;\r\n      height: 6px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n      animation: arcPortfolioCornerPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioCornerPulse {\r\n      0%, 100% { opacity: 0.4; transform: rotate(45deg) scale(1); }\r\n      50% { opacity: 1; transform: rotate(45deg) scale(1.4); }\r\n    }\r\n\r\n    \/* ===== CONTAINER ===== *\/\r\n    .arc-portfolio__container {\r\n      position: relative;\r\n      z-index: 10;\r\n      width: 100%;\r\n      max-width: 1360px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* ===== HEADER ===== *\/\r\n    .arc-portfolio__header {\r\n      max-width: 920px;\r\n      margin: 0 auto 50px;\r\n      text-align: center;\r\n    }\r\n\r\n    \/* Badge *\/\r\n    .arc-portfolio__badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 16px;\r\n      margin-bottom: 28px;\r\n      padding: 14px 28px 14px 18px;\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.05));\r\n      border: 1px solid rgba(157,31,45,0.12);\r\n      border-radius: 100px;\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .arc-portfolio-badge__icon {\r\n      position: relative;\r\n      width: 30px;\r\n      height: 30px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-portfolio-badge__ring {\r\n      position: absolute;\r\n      inset: 0;\r\n      border: 1px solid var(--arc-red);\r\n      border-radius: 50%;\r\n      animation: arcPortfolioBadgeRingPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    .arc-portfolio-badge__ring--inner {\r\n      inset: 5px;\r\n      animation-delay: 0.35s;\r\n    }\r\n\r\n    @keyframes arcPortfolioBadgeRingPulse {\r\n      0%, 100% { opacity: 0.2; transform: scale(1); }\r\n      50% { opacity: 0.7; transform: scale(1.1); }\r\n    }\r\n\r\n    .arc-portfolio-badge__dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--arc-red);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 15px var(--arc-red-glow);\r\n      animation: arcPortfolioBadgeDotGlow 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioBadgeDotGlow {\r\n      0%, 100% { box-shadow: 0 0 8px var(--arc-red-glow); }\r\n      50% { box-shadow: 0 0 22px var(--arc-red-glow), 0 0 35px rgba(157,31,45,0.25); }\r\n    }\r\n\r\n    .arc-portfolio-badge__line {\r\n      width: 30px;\r\n      height: 2px;\r\n      border-radius: 2px;\r\n      background: linear-gradient(90deg, #ff8995, var(--arc-red));\r\n    }\r\n\r\n    .arc-portfolio-badge__text {\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.2em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    \/* Title *\/\r\n    .arc-portfolio__title-wrap {\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .arc-portfolio__supertitle {\r\n      display: block;\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(13px, 1.1vw, 16px);\r\n      font-weight: 500;\r\n      font-style: italic;\r\n      letter-spacing: 0.18em;\r\n      color: var(--arc-gold);\r\n      text-transform: uppercase;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .arc-portfolio__title {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(40px, 5vw, 72px);\r\n      font-weight: 600;\r\n      line-height: 1.02;\r\n      letter-spacing: -0.02em;\r\n      color: var(--arc-blue);\r\n    }\r\n\r\n    .arc-portfolio-title__line {\r\n      display: block;\r\n    }\r\n\r\n    .arc-portfolio-title__accent {\r\n      color: var(--arc-red);\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    }\r\n\r\n    \/* Divider *\/\r\n    .arc-portfolio__divider {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin: 26px auto;\r\n      width: 180px;\r\n    }\r\n\r\n    .arc-portfolio-divider__line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), rgba(201,169,110,0.15));\r\n      position: relative;\r\n    }\r\n\r\n    .arc-portfolio-divider__line::after {\r\n      content: '';\r\n      position: absolute;\r\n      right: 0;\r\n      top: -2px;\r\n      width: 5px;\r\n      height: 5px;\r\n      background: var(--arc-gold);\r\n      border-radius: 50%;\r\n      animation: arcPortfolioDividerDotPulse 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioDividerDotPulse {\r\n      0%, 100% { transform: scale(1); opacity: 1; }\r\n      50% { transform: scale(1.5); opacity: 0.4; }\r\n    }\r\n\r\n    .arc-portfolio-divider__line--fade {\r\n      background: linear-gradient(90deg, rgba(201,169,110,0.15), transparent);\r\n    }\r\n\r\n    .arc-portfolio-divider__line--fade::after {\r\n      display: none;\r\n    }\r\n\r\n    .arc-portfolio-divider__ornament {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n    }\r\n\r\n    .arc-portfolio-divider__diamond {\r\n      width: 5px;\r\n      height: 5px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n    }\r\n\r\n    .arc-portfolio-divider__diamond--center {\r\n      width: 8px;\r\n      height: 8px;\r\n      background: var(--arc-gold);\r\n      border: none;\r\n      animation: arcPortfolioCenterDiamondPulse 3.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioCenterDiamondPulse {\r\n      0%, 100% { transform: rotate(45deg) scale(1); }\r\n      50% { transform: rotate(45deg) scale(1.25); }\r\n    }\r\n\r\n    \/* Description *\/\r\n    .arc-portfolio__desc {\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n      font-size: 17px;\r\n      line-height: 1.85;\r\n      font-weight: 400;\r\n      color: var(--arc-blue-soft);\r\n    }\r\n\r\n    .arc-portfolio-desc__highlight {\r\n      color: var(--arc-blue);\r\n      font-weight: 600;\r\n    }\r\n\r\n    \/* ===== FILTERS ===== *\/\r\n    .arc-portfolio__filters {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 14px;\r\n      margin: 0 auto 50px;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .arc-portfolio__filter {\r\n      position: relative;\r\n      appearance: none;\r\n      border: 1px solid var(--arc-border);\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.7));\r\n      color: var(--arc-blue);\r\n      padding: 14px 22px;\r\n      border-radius: 100px;\r\n      font-family: \"Manrope\", sans-serif;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .arc-portfolio__filter::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      opacity: 0;\r\n      transition: opacity 0.45s ease;\r\n      border-radius: 100px;\r\n    }\r\n\r\n    .arc-portfolio__filter-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n\r\n    .arc-portfolio__filter-icon {\r\n      width: 14px;\r\n      height: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0.6;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__filter-icon svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n    }\r\n\r\n    .arc-portfolio__filter:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(157,31,45,0.2);\r\n      box-shadow: 0 15px 35px rgba(19,35,59,0.12);\r\n    }\r\n\r\n    .arc-portfolio__filter:hover .arc-portfolio__filter-icon {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-portfolio__filter.is-active::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-portfolio__filter.is-active {\r\n      color: var(--arc-white);\r\n      border-color: transparent;\r\n      box-shadow: 0 16px 40px rgba(157,31,45,0.25);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .arc-portfolio__filter.is-active .arc-portfolio__filter-icon {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-portfolio__filter-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n      transform: skewX(-20deg);\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .arc-portfolio__filter.is-active .arc-portfolio__filter-shimmer {\r\n      animation: arcPortfolioFilterShimmer 4s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioFilterShimmer {\r\n      0% { left: -150%; }\r\n      20%, 100% { left: 150%; }\r\n    }\r\n\r\n    \/* Filter Count *\/\r\n    .arc-portfolio__filter-count {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-width: 20px;\r\n      height: 20px;\r\n      padding: 0 6px;\r\n      background: rgba(157,31,45,0.1);\r\n      border-radius: 100px;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      color: var(--arc-red);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__filter.is-active .arc-portfolio__filter-count {\r\n      background: rgba(255,255,255,0.2);\r\n      color: var(--arc-white);\r\n    }\r\n\r\n    \/* ===== GRID ===== *\/\r\n    .arc-portfolio__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 26px;\r\n    }\r\n\r\n    \/* ===== CARD ===== *\/\r\n    .arc-portfolio__card {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      overflow: hidden;\r\n      border-radius: 28px;\r\n      background: var(--arc-card);\r\n      border: 1px solid var(--arc-border);\r\n      text-decoration: none;\r\n      box-shadow: var(--arc-shadow-soft);\r\n      transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-portfolio__card:hover {\r\n      transform: translateY(-12px);\r\n      box-shadow: var(--arc-shadow-strong);\r\n      border-color: var(--arc-border-gold);\r\n    }\r\n\r\n    .arc-portfolio__card.is-hidden {\r\n      display: none;\r\n    }\r\n\r\n    \/* Card Glow *\/\r\n    .arc-portfolio-card__glow {\r\n      position: absolute;\r\n      top: -100%;\r\n      left: -100%;\r\n      width: 300%;\r\n      height: 300%;\r\n      background: radial-gradient(circle at center, rgba(201,169,110,0.08), transparent 35%);\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__glow {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Card Border *\/\r\n    .arc-portfolio-card__border {\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 28px;\r\n      padding: 1px;\r\n      background: linear-gradient(135deg, transparent, rgba(201,169,110,0.4), transparent);\r\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__border {\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Card Shimmer *\/\r\n    .arc-portfolio-card__shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n      transform: skewX(-20deg);\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      animation: arcPortfolioCardShimmer 12s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioCardShimmer {\r\n      0% { left: -150%; }\r\n      10%, 100% { left: 150%; }\r\n    }\r\n\r\n    \/* Card Index *\/\r\n    .arc-portfolio-card__index {\r\n      position: absolute;\r\n      top: 16px;\r\n      right: 16px;\r\n      width: 40px;\r\n      height: 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(255,255,255,0.92);\r\n      border: 1px solid var(--arc-border-gold);\r\n      border-radius: 50%;\r\n      z-index: 12;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      box-shadow: 0 8px 24px rgba(19,35,59,0.1);\r\n      transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__index {\r\n      transform: scale(1.12) rotate(-5deg);\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      border-color: transparent;\r\n      box-shadow: 0 12px 30px rgba(157,31,45,0.28);\r\n    }\r\n\r\n    .arc-portfolio-card__index-num {\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      color: var(--arc-red);\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__index-num {\r\n      color: white;\r\n    }\r\n\r\n    \/* Media Container *\/\r\n    .arc-portfolio-card__media {\r\n      position: relative;\r\n      height: 200px;\r\n      overflow: hidden;\r\n      z-index: 5;\r\n      background: linear-gradient(135deg, #e8e6e2 0%, #dfe4ea 100%);\r\n    }\r\n\r\n    .arc-portfolio-card__media::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, \r\n        rgba(19,35,59,0.02) 0%, \r\n        rgba(19,35,59,0.1) 55%, \r\n        rgba(248,247,244,0.25) 100%\r\n      );\r\n      z-index: 2;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .arc-portfolio-card__media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.15), transparent 55%);\r\n      z-index: 3;\r\n      pointer-events: none;\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__media::after {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-portfolio-card__img {\r\n      width: 100%;\r\n      height: 118%;\r\n      object-fit: cover;\r\n      object-position: center top;\r\n      display: block;\r\n      filter: brightness(0.9);\r\n      transform: scale(1.03);\r\n      transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n      will-change: transform, filter;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__img {\r\n      transform: scale(1.1);\r\n      filter: brightness(1);\r\n    }\r\n\r\n    \/* Image Lines *\/\r\n    .arc-portfolio-card__lines {\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-portfolio-card__line {\r\n      position: absolute;\r\n      background: rgba(255,255,255,0.18);\r\n    }\r\n\r\n    .arc-portfolio-card__line--h {\r\n      width: 100%;\r\n      height: 1px;\r\n      left: 0;\r\n      top: 50%;\r\n      transform: translateX(-100%);\r\n      transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .arc-portfolio-card__line--v {\r\n      width: 1px;\r\n      height: 100%;\r\n      left: 35%;\r\n      top: 0;\r\n      transform: translateY(-100%);\r\n      transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__line--h {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__line--v {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Tag *\/\r\n    .arc-portfolio-card__tag {\r\n      position: absolute;\r\n      top: 16px;\r\n      left: 16px;\r\n      z-index: 10;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 10px 14px;\r\n      border-radius: 100px;\r\n      background: rgba(255,255,255,0.92);\r\n      border: 1px solid var(--arc-border);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      box-shadow: 0 8px 20px rgba(19,35,59,0.1);\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__tag {\r\n      background: rgba(255,255,255,0.96);\r\n      box-shadow: 0 12px 28px rgba(19,35,59,0.15);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    .arc-portfolio-card__tag-dot {\r\n      width: 7px;\r\n      height: 7px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #ff8995, var(--arc-red));\r\n      animation: arcPortfolioTagDotPulse 2.2s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes arcPortfolioTagDotPulse {\r\n      0%, 100% { opacity: 0.5; transform: scale(1); }\r\n      50% { opacity: 1; transform: scale(1.4); }\r\n    }\r\n\r\n    .arc-portfolio-card__tag-text {\r\n      font-family: \"Manrope\", sans-serif;\r\n      font-size: 10px;\r\n      font-weight: 800;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    \/* Content *\/\r\n    .arc-portfolio-card__content {\r\n      position: relative;\r\n      padding: 28px 24px 24px;\r\n      background: linear-gradient(180deg, #f9fafb 0%, #f0f3f7 100%);\r\n      border-top: 1px solid var(--arc-border);\r\n      z-index: 6;\r\n    }\r\n\r\n    .arc-portfolio-card__location {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      margin-bottom: 10px;\r\n      color: var(--arc-blue-light);\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .arc-portfolio-card__location-icon {\r\n      width: 12px;\r\n      height: 12px;\r\n      opacity: 0.6;\r\n    }\r\n\r\n    .arc-portfolio-card__location-icon svg {\r\n      width: 100%;\r\n      height: 100%;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n    }\r\n\r\n    .arc-portfolio-card__title {\r\n      margin: 0 0 12px;\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: 32px;\r\n      line-height: 1.1;\r\n      font-weight: 600;\r\n      color: var(--arc-blue);\r\n      transition: color 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__title {\r\n      color: var(--arc-red);\r\n    }\r\n\r\n    \/* Mini Divider *\/\r\n    .arc-portfolio-card__mini-divider {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      width: 60px;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .arc-portfolio-card__mini-divider span {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n    }\r\n\r\n    .arc-portfolio-card__mini-divider span:last-child {\r\n      background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n    }\r\n\r\n    .arc-portfolio-card__mini-divider i {\r\n      width: 4px;\r\n      height: 4px;\r\n      border: 1px solid var(--arc-gold);\r\n      transform: rotate(45deg);\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .arc-portfolio-card__desc {\r\n      margin: 0;\r\n      font-size: 14px;\r\n      line-height: 1.75;\r\n      color: var(--arc-blue-soft);\r\n    }\r\n\r\n    \/* Card Arrow *\/\r\n    .arc-portfolio-card__arrow {\r\n      position: absolute;\r\n      bottom: 20px;\r\n      right: 20px;\r\n      width: 38px;\r\n      height: 38px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: rgba(157,31,45,0.06);\r\n      border: 1px solid rgba(157,31,45,0.1);\r\n      border-radius: 50%;\r\n      color: var(--arc-red);\r\n      opacity: 0;\r\n      transform: translateX(-10px);\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n      z-index: 10;\r\n    }\r\n\r\n    .arc-portfolio__card:hover .arc-portfolio-card__arrow {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n\r\n    .arc-portfolio-card__arrow:hover {\r\n      background: var(--arc-red);\r\n      color: white;\r\n    }\r\n\r\n    .arc-portfolio-card__arrow svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .arc-portfolio-card__arrow:hover svg {\r\n      transform: translateX(3px);\r\n    }\r\n\r\n    \/* ===== LOAD MORE ===== *\/\r\n    .arc-portfolio__load-more {\r\n      display: flex;\r\n      justify-content: center;\r\n      margin-top: 55px;\r\n    }\r\n\r\n    .arc-portfolio__load-btn {\r\n      position: relative;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      min-width: 220px;\r\n      min-height: 60px;\r\n      padding: 18px 36px;\r\n      border-radius: 100px;\r\n      font-family: \"Manrope\", sans-serif;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n      border: 1px solid var(--arc-border);\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.8));\r\n      color: var(--arc-blue);\r\n      box-shadow: 0 15px 40px rgba(19,35,59,0.1);\r\n    }\r\n\r\n    .arc-portfolio__load-btn::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-red-dark));\r\n      opacity: 0;\r\n      transition: opacity 0.5s ease;\r\n      border-radius: 100px;\r\n    }\r\n\r\n    .arc-portfolio__load-btn:hover::before {\r\n      opacity: 1;\r\n    }\r\n\r\n    .arc-portfolio__load-btn:hover {\r\n      color: white;\r\n      border-color: transparent;\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 25px 55px rgba(157,31,45,0.25);\r\n    }\r\n\r\n    .arc-portfolio__load-btn-text,\r\n    .arc-portfolio__load-btn-icon {\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .arc-portfolio__load-btn-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .arc-portfolio__load-btn:hover .arc-portfolio__load-btn-icon {\r\n      transform: translateY(3px);\r\n    }\r\n\r\n    .arc-portfolio__load-btn-icon svg {\r\n      width: 18px;\r\n      height: 18px;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      fill: none;\r\n    }\r\n\r\n    .arc-portfolio__load-btn-shimmer {\r\n      position: absolute;\r\n      top: 0;\r\n      left: -150%;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n      transform: skewX(-20deg);\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .arc-portfolio__load-btn:hover .arc-portfolio__load-btn-shimmer {\r\n      animation: arcPortfolioLoadShimmer 1s ease-out;\r\n    }\r\n\r\n    @keyframes arcPortfolioLoadShimmer {\r\n      0% { left: -150%; }\r\n      100% { left: 150%; }\r\n    }\r\n\r\n    \/* ===== STATS BAR ===== *\/\r\n    .arc-portfolio__stats {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 40px;\r\n      margin-top: 65px;\r\n      padding: 30px 40px;\r\n      background: linear-gradient(135deg, rgba(157,31,45,0.03), rgba(201,169,110,0.05));\r\n      border: 1px solid rgba(201,169,110,0.12);\r\n      border-radius: 20px;\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .arc-portfolio__stat {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-portfolio__stat-num {\r\n      display: block;\r\n      font-family: \"Cormorant Garamond\", serif;\r\n      font-size: clamp(32px, 3vw, 48px);\r\n      font-weight: 600;\r\n      line-height: 1;\r\n      background: linear-gradient(135deg, var(--arc-red), var(--arc-gold));\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      margin-bottom: 6px;\r\n    }\r\n\r\n    .arc-portfolio__stat-label {\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      letter-spacing: 0.14em;\r\n      text-transform: uppercase;\r\n      color: var(--arc-blue-soft);\r\n    }\r\n\r\n    .arc-portfolio__stat-sep {\r\n      width: 1px;\r\n      height: 50px;\r\n      background: linear-gradient(180deg, transparent, rgba(201,169,110,0.3), transparent);\r\n      align-self: center;\r\n    }\r\n\r\n    \/* ===== REVEAL ANIMATIONS ===== *\/\r\n    .arc-portfolio-reveal {\r\n      opacity: 0;\r\n      transform: translateY(45px);\r\n      transition: \r\n        opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\r\n        transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .arc-portfolio-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* ===== RESPONSIVE ===== *\/\r\n    @media (max-width: 1280px) {\r\n      .arc-portfolio-premium {\r\n        padding: 110px 20px;\r\n      }\r\n\r\n      .arc-portfolio__geo {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .arc-portfolio__grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 22px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .arc-portfolio__stats {\r\n        flex-wrap: wrap;\r\n        gap: 25px 40px;\r\n      }\r\n\r\n      .arc-portfolio__stat-sep {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .arc-portfolio-premium {\r\n        padding: 80px 16px;\r\n      }\r\n\r\n      .arc-portfolio__header {\r\n        margin-bottom: 40px;\r\n      }\r\n\r\n      .arc-portfolio__badge {\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        padding: 12px 20px;\r\n        gap: 12px;\r\n      }\r\n\r\n      .arc-portfolio__title {\r\n        font-size: clamp(32px, 9vw, 50px);\r\n      }\r\n\r\n      .arc-portfolio__divider {\r\n        width: 150px;\r\n      }\r\n\r\n      .arc-portfolio__desc {\r\n        font-size: 15px;\r\n        line-height: 1.8;\r\n      }\r\n\r\n      .arc-portfolio__filters {\r\n        gap: 10px;\r\n        margin-bottom: 35px;\r\n      }\r\n\r\n      .arc-portfolio__filter {\r\n        padding: 12px 16px;\r\n        font-size: 10px;\r\n      }\r\n\r\n      .arc-portfolio__grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n\r\n      .arc-portfolio__card {\r\n        border-radius: 22px;\r\n      }\r\n\r\n      .arc-portfolio-card__media {\r\n        height: 220px;\r\n      }\r\n\r\n      .arc-portfolio-card__content {\r\n        padding: 24px 20px 20px;\r\n      }\r\n\r\n      .arc-portfolio-card__title {\r\n        font-size: 28px;\r\n      }\r\n\r\n      .arc-portfolio-card__arrow {\r\n        display: none;\r\n      }\r\n\r\n      .arc-portfolio__corner {\r\n        display: none;\r\n      }\r\n\r\n      .arc-portfolio__load-btn {\r\n        width: 100%;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .arc-portfolio__badge {\r\n        padding: 10px 16px;\r\n        gap: 10px;\r\n      }\r\n\r\n      .arc-portfolio-badge__text {\r\n        font-size: 9px;\r\n      }\r\n\r\n      .arc-portfolio__title {\r\n        font-size: clamp(28px, 8vw, 40px);\r\n      }\r\n\r\n      .arc-portfolio-card__content {\r\n        padding: 20px 16px 18px;\r\n      }\r\n\r\n      .arc-portfolio-card__title {\r\n        font-size: 26px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .arc-portfolio__glow,\r\n      .arc-portfolio-particle,\r\n      .arc-portfolio-geo__ring,\r\n      .arc-portfolio-geo__diamond,\r\n      .arc-portfolio-corner__dot,\r\n      .arc-portfolio-badge__ring,\r\n      .arc-portfolio-badge__dot,\r\n      .arc-portfolio-divider__line::after,\r\n      .arc-portfolio-divider__diamond--center,\r\n      .arc-portfolio-card__shimmer,\r\n      .arc-portfolio-card__tag-dot,\r\n      .arc-portfolio__filter-shimmer,\r\n      .arc-portfolio__load-btn-shimmer,\r\n      .arc-portfolio-reveal {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .arc-portfolio-reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n      }\r\n\r\n      .arc-portfolio__card,\r\n      .arc-portfolio-card__img,\r\n      .arc-portfolio__filter,\r\n      .arc-portfolio__load-btn {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"arc-portfolio-premium\" id=\"portfolio-grid\">\r\n  <!-- Background Effects -->\r\n  <div class=\"arc-portfolio__bg\">\r\n    <div class=\"arc-portfolio__bg-gradient\"><\/div>\r\n    <div class=\"arc-portfolio__bg-pattern\"><\/div>\r\n    <div class=\"arc-portfolio__bg-noise\"><\/div>\r\n    <div class=\"arc-portfolio__glow arc-portfolio__glow--1\"><\/div>\r\n    <div class=\"arc-portfolio__glow arc-portfolio__glow--2\"><\/div>\r\n    <div class=\"arc-portfolio__glow arc-portfolio__glow--3\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Floating Particles -->\r\n  <div class=\"arc-portfolio__particles\" aria-hidden=\"true\">\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--1\"><\/span>\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--2\"><\/span>\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--3\"><\/span>\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--4\"><\/span>\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--5\"><\/span>\r\n    <span class=\"arc-portfolio-particle arc-portfolio-particle--6\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Geometric Decorations -->\r\n  <div class=\"arc-portfolio__geo arc-portfolio__geo--left\" aria-hidden=\"true\">\r\n    <div class=\"arc-portfolio-geo__ring arc-portfolio-geo__ring--1\"><\/div>\r\n    <div class=\"arc-portfolio-geo__ring arc-portfolio-geo__ring--2\"><\/div>\r\n    <div class=\"arc-portfolio-geo__diamond\"><\/div>\r\n  <\/div>\r\n  <div class=\"arc-portfolio__geo arc-portfolio__geo--right\" aria-hidden=\"true\">\r\n    <div class=\"arc-portfolio-geo__ring arc-portfolio-geo__ring--1\"><\/div>\r\n    <div class=\"arc-portfolio-geo__ring arc-portfolio-geo__ring--2\"><\/div>\r\n    <div class=\"arc-portfolio-geo__diamond\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Corner Flourishes -->\r\n  <div class=\"arc-portfolio__corner arc-portfolio__corner--tl\" aria-hidden=\"true\">\r\n    <span class=\"arc-portfolio-corner__h\"><\/span>\r\n    <span class=\"arc-portfolio-corner__v\"><\/span>\r\n    <span class=\"arc-portfolio-corner__dot\"><\/span>\r\n  <\/div>\r\n  <div class=\"arc-portfolio__corner arc-portfolio__corner--br\" aria-hidden=\"true\">\r\n    <span class=\"arc-portfolio-corner__h\"><\/span>\r\n    <span class=\"arc-portfolio-corner__v\"><\/span>\r\n    <span class=\"arc-portfolio-corner__dot\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"arc-portfolio__container\">\r\n    <!-- Header -->\r\n    <div class=\"arc-portfolio__header arc-portfolio-reveal\">\r\n      <div class=\"arc-portfolio__badge\">\r\n        <div class=\"arc-portfolio-badge__icon\">\r\n          <div class=\"arc-portfolio-badge__ring\"><\/div>\r\n          <div class=\"arc-portfolio-badge__ring arc-portfolio-badge__ring--inner\"><\/div>\r\n          <div class=\"arc-portfolio-badge__dot\"><\/div>\r\n        <\/div>\r\n        <span class=\"arc-portfolio-badge__line\"><\/span>\r\n        <span class=\"arc-portfolio-badge__text\">Portfolio Grid<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"arc-portfolio__title-wrap\">\r\n        <span class=\"arc-portfolio__supertitle\">Our Completed Works<\/span>\r\n        <h2 class=\"arc-portfolio__title\">\r\n          <span class=\"arc-portfolio-title__line\">Explore the Full<\/span>\r\n          <span class=\"arc-portfolio-title__line\"><span class=\"arc-portfolio-title__accent\">Project Portfolio<\/span><\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"arc-portfolio__divider\">\r\n        <span class=\"arc-portfolio-divider__line\"><\/span>\r\n        <span class=\"arc-portfolio-divider__ornament\">\r\n          <i class=\"arc-portfolio-divider__diamond\"><\/i>\r\n          <i class=\"arc-portfolio-divider__diamond arc-portfolio-divider__diamond--center\"><\/i>\r\n          <i class=\"arc-portfolio-divider__diamond\"><\/i>\r\n        <\/span>\r\n        <span class=\"arc-portfolio-divider__line arc-portfolio-divider__line--fade\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-portfolio__desc\">\r\n        Filter the portfolio by project type to showcase <span class=\"arc-portfolio-desc__highlight\">ARCOTIS work<\/span> across villas,\r\n        residential buildings, commercial spaces, escalators, special systems, and service lifts.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Filters -->\r\n    <div class=\"arc-portfolio__filters arc-portfolio-reveal\">\r\n      <button class=\"arc-portfolio__filter is-active\" data-filter=\"all\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>\r\n          <\/span>\r\n          All Projects\r\n       \r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"villa\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n          <\/span>\r\n          Villas\r\n     \r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"residential\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01M16 6h.01M12 6h.01M12 10h.01M12 14h.01M16 10h.01M16 14h.01M8 10h.01M8 14h.01\"\/><\/svg>\r\n          <\/span>\r\n          Residential\r\n\r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"commercial\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/><path d=\"M10 6h4M10 10h4M10 14h4M10 18h4\"\/><\/svg>\r\n          <\/span>\r\n          Commercial\r\n\r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"escalators\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M22 17H2a3 3 0 0 0 3-3V9a7 7 0 0 1 14 0v5a3 3 0 0 0 3 3Z\"\/><path d=\"M6 17v4M18 17v4\"\/><\/svg>\r\n          <\/span>\r\n          Escalators\r\n         \r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"special\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\r\n          <\/span>\r\n          Special\r\n     \r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n\r\n      <button class=\"arc-portfolio__filter\" data-filter=\"service\">\r\n        <span class=\"arc-portfolio__filter-text\">\r\n          <span class=\"arc-portfolio__filter-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"m16 8 5 3-5 3z\"\/><path d=\"M1 10h15\"\/><\/svg>\r\n          <\/span>\r\n          Service Lifts\r\n\r\n        <\/span>\r\n        <span class=\"arc-portfolio__filter-shimmer\"><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"arc-portfolio__grid\">\r\n\r\n      <!-- Card 1 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"villa\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">01<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/villa-at-sharja.png\" alt=\"Damac Hills Villa\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Villa<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Luxury Villa \u00b7 Sharjah\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\"> Villa at Rahmaniya-Sharjah<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\"> Hydraulic Passenger Elevator.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 2 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"villa\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">02<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/palm-jumeriah.jpg\" alt=\"Palm Jumeirah Villa\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Villa<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Private Residence \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Palm Jumeirah<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Panoramic MRL elevator with premium architectural integration.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 3 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"villa\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">03<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/dubai-hills-e1774854792169.jpg\" alt=\"Dubai Hills Villa\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Villa<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Villa Project \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Dubai Hills<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">MRL passenger elevator configured for a luxury private residence.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 4 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"villa\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">04<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture1.jpg\" alt=\"Millennium Estates Meydan\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Villa<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Home Lift \u00b7 Meydan\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Millennium Estates<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Hydraulic home elevator for smooth and elegant residential movement.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 5 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"special\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">05<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture2-scaled-e1774427387337.jpg\" alt=\"Jumeirah Golf Estates Car Lift\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Special<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Special System \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Jumeirah Golf Estates<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Double deck car lift for premium villa parking requirements.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 6 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"escalators commercial\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">06<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/community-cneter-dip.png\" alt=\"DIP Community Center\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Commercial<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Community Access \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">D.I.P Community Center<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Escalators and panoramic passenger lift for public circulation.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 7 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"escalators commercial\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">07<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/retails-scaled-e1774333671662.png\" alt=\"Ibn Battuta Mall\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Escalators<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Retail Mobility \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Ibn Battuta Mall<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Escalator installation for a high-footfall retail environment.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 8 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"residential\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">08<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/mowalia.png\" alt=\"Sharjah Building\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Residential<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Mid-Rise Building \u00b7 Sharjah\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Mowalih Residential<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">MR passenger elevator for consistent daily residential circulation.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 9 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"residential commercial\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">09<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/tawar.png\" alt=\"Ajman Building\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Building<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Building Project \u00b7 tawar\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Villa at Tawar \u2013 Dubai<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Hydraulic Home Elevator <p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 10 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"commercial\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">10<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/al-omrani.png\" alt=\"Office Building\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Villa<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n           Private Villa \u00b7 Ajman\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\"> Al Kabi villa<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Golden MRL semi-round passenger hydraulic lift for villa.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 11 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"service\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">11<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/al-shami.png\" alt=\"Restaurant dumbwaiter\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Service Lift<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Service Lift \u00b7 Dubai\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Al Shami Restaurant<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Dumbwaiter lift tailored for restaurant service operations.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 12 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"service\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">12<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/community-e1774333831993.png\" alt=\"Hotel dumbwaiter\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Hospitality<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Hospitality Service \u00b7 Fujairah\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Clifton Hotel<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Dumbwaiter installation for dependable back-of-house hotel service.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <!-- Card 13 -->\r\n      <a class=\"arc-portfolio__card arc-portfolio-reveal\" href=\"#\" data-category=\"special service\">\r\n        <div class=\"arc-portfolio-card__glow\"><\/div>\r\n        <div class=\"arc-portfolio-card__border\"><\/div>\r\n        <div class=\"arc-portfolio-card__shimmer\"><\/div>\r\n        <div class=\"arc-portfolio-card__index\"><span class=\"arc-portfolio-card__index-num\">13<\/span><\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__media\">\r\n          <img decoding=\"async\" class=\"arc-portfolio-card__img\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/warehouse.png\" alt=\"Warehouse platform lift\" loading=\"lazy\">\r\n          <div class=\"arc-portfolio-card__lines\">\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--h\"><\/span>\r\n            <span class=\"arc-portfolio-card__line arc-portfolio-card__line--v\"><\/span>\r\n          <\/div>\r\n          <span class=\"arc-portfolio-card__tag\">\r\n            <span class=\"arc-portfolio-card__tag-dot\"><\/span>\r\n            <span class=\"arc-portfolio-card__tag-text\">Platform Lift<\/span>\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"arc-portfolio-card__content\">\r\n          <div class=\"arc-portfolio-card__location\">\r\n            <span class=\"arc-portfolio-card__location-icon\">\r\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\r\n            <\/span>\r\n            Warehouse System \u00b7 Sharjah\r\n          <\/div>\r\n          <h3 class=\"arc-portfolio-card__title\">Platform Lift<\/h3>\r\n          <div class=\"arc-portfolio-card__mini-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n          <p class=\"arc-portfolio-card__desc\">Practical lifting solution for warehouse and goods-handling operations.<\/p>\r\n          <div class=\"arc-portfolio-card__arrow\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- Load More -->\r\n<!--    <div class=\"arc-portfolio__load-more arc-portfolio-reveal\">\r\n      <button class=\"arc-portfolio__load-btn\">\r\n        <span class=\"arc-portfolio__load-btn-text\">Load More Projects<\/span>\r\n        <span class=\"arc-portfolio__load-btn-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"arc-portfolio__load-btn-shimmer\"><\/span>\r\n      <\/button>\r\n    <\/div>-->\r\n\r\n    <!-- Stats -->\r\n    <div class=\"arc-portfolio__stats arc-portfolio-reveal\">\r\n      <div class=\"arc-portfolio__stat\">\r\n        <span class=\"arc-portfolio__stat-num\" data-count=\"500\">0+<\/span>\r\n        <span class=\"arc-portfolio__stat-label\">Projects Delivered<\/span>\r\n      <\/div>\r\n      <div class=\"arc-portfolio__stat-sep\"><\/div>\r\n      <div class=\"arc-portfolio__stat\">\r\n        <span class=\"arc-portfolio__stat-num\" data-count=\"15\">0+<\/span>\r\n        <span class=\"arc-portfolio__stat-label\">Years Experience<\/span>\r\n      <\/div>\r\n      <div class=\"arc-portfolio__stat-sep\"><\/div>\r\n      <div class=\"arc-portfolio__stat\">\r\n        <span class=\"arc-portfolio__stat-num\">7<\/span>\r\n        <span class=\"arc-portfolio__stat-label\">Emirates Served<\/span>\r\n      <\/div>\r\n      <div class=\"arc-portfolio__stat-sep\"><\/div>\r\n      <div class=\"arc-portfolio__stat\">\r\n        <span class=\"arc-portfolio__stat-num\">100%<\/span>\r\n        <span class=\"arc-portfolio__stat-label\">Quality Assured<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  'use strict';\r\n\r\n  const section = document.querySelector('.arc-portfolio-premium');\r\n  if (!section) return;\r\n\r\n  const filters = section.querySelectorAll('.arc-portfolio__filter');\r\n  const cards = section.querySelectorAll('.arc-portfolio__card');\r\n  const revealElements = section.querySelectorAll('.arc-portfolio-reveal');\r\n\r\n  \/\/ Filter functionality\r\n  filters.forEach(function(btn) {\r\n    btn.addEventListener('click', function() {\r\n      const filter = this.getAttribute('data-filter');\r\n\r\n      filters.forEach(function(b) {\r\n        b.classList.remove('is-active');\r\n      });\r\n      this.classList.add('is-active');\r\n\r\n      cards.forEach(function(card) {\r\n        const categories = card.getAttribute('data-category').split(' ');\r\n        const shouldShow = filter === 'all' || categories.includes(filter);\r\n        \r\n        if (shouldShow) {\r\n          card.classList.remove('is-hidden');\r\n          card.style.animation = 'arcPortfolioFadeIn 0.5s ease forwards';\r\n        } else {\r\n          card.classList.add('is-hidden');\r\n        }\r\n      });\r\n\r\n      \/\/ Re-index visible cards\r\n      let visibleIndex = 1;\r\n      cards.forEach(function(card) {\r\n        if (!card.classList.contains('is-hidden')) {\r\n          const indexEl = card.querySelector('.arc-portfolio-card__index-num');\r\n          if (indexEl) {\r\n            indexEl.textContent = visibleIndex.toString().padStart(2, '0');\r\n          }\r\n          visibleIndex++;\r\n        }\r\n      });\r\n    });\r\n  });\r\n\r\n  \/\/ Intersection Observer for reveal animations\r\n  if (revealElements.length) {\r\n    const revealObserver = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          revealObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.1,\r\n      rootMargin: '0px 0px -60px 0px'\r\n    });\r\n\r\n    revealElements.forEach(function(el, index) {\r\n      el.style.transitionDelay = (index * 0.08) + 's';\r\n      revealObserver.observe(el);\r\n    });\r\n  }\r\n\r\n  \/\/ Mouse-following glow effect for cards\r\n  cards.forEach(function(card) {\r\n    const glow = card.querySelector('.arc-portfolio-card__glow');\r\n    \r\n    if (glow) {\r\n      card.addEventListener('mousemove', function(e) {\r\n        const rect = card.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        \r\n        glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(201,169,110,0.1), transparent 40%)`;\r\n      });\r\n      \r\n      card.addEventListener('mouseleave', function() {\r\n        glow.style.background = '';\r\n      });\r\n    }\r\n  });\r\n\r\n  \/\/ Counter animation for stats\r\n  const counterElements = section.querySelectorAll('.arc-portfolio__stat-num[data-count]');\r\n  \r\n  if (counterElements.length) {\r\n    const counterObserver = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          const el = entry.target;\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 updateCounter(currentTime) {\r\n            const elapsed = currentTime - startTime;\r\n            const progress = Math.min(elapsed \/ duration, 1);\r\n            const easeOut = 1 - Math.pow(1 - progress, 3);\r\n            const current = Math.floor(easeOut * target);\r\n            \r\n            el.textContent = current + '+';\r\n            \r\n            if (progress < 1) {\r\n              requestAnimationFrame(updateCounter);\r\n            }\r\n          }\r\n          \r\n          requestAnimationFrame(updateCounter);\r\n          counterObserver.unobserve(el);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.5\r\n    });\r\n\r\n    counterElements.forEach(function(el) {\r\n      counterObserver.observe(el);\r\n    });\r\n  }\r\n\r\n  \/\/ Staggered shimmer animations\r\n  const shimmers = section.querySelectorAll('.arc-portfolio-card__shimmer');\r\n  shimmers.forEach(function(shimmer, index) {\r\n    shimmer.style.animationDelay = (index * 1.5) + 's';\r\n  });\r\n\r\n  \/\/ Parallax effect for particles\r\n  const particles = section.querySelectorAll('.arc-portfolio-particle');\r\n  \r\n  if (particles.length && window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {\r\n    let ticking = false;\r\n    \r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        requestAnimationFrame(function() {\r\n          const scrollY = window.pageYOffset;\r\n          const sectionRect = section.getBoundingClientRect();\r\n          const sectionTop = sectionRect.top + scrollY;\r\n          const relativeScroll = scrollY - sectionTop;\r\n          \r\n          particles.forEach(function(particle, index) {\r\n            const speed = 0.012 + (index * 0.004);\r\n            const yOffset = relativeScroll * speed;\r\n            particle.style.transform = `translateY(${yOffset}px)`;\r\n          });\r\n          \r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n@keyframes arcPortfolioFadeIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(0.98);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n}\r\n<\/style>\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-4d52c68 e-con-full e-flex e-con e-parent\" data-id=\"4d52c68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f2ca6a e-con-full e-flex e-con e-parent\" data-id=\"3f2ca6a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d24a4cc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d24a4cc\" 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\/03\/Untitled-design-25.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:sans-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  }\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(140px,18vw,220px);\r\n    min-height:120px;\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:72px;\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-2970f15 e-con-full e-flex e-con e-parent\" data-id=\"2970f15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca25750 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ca25750\" 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:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"arc-profile-cta\">\r\n  <div class=\"arc-profile-cta__bg\"><\/div>\r\n  <div class=\"arc-profile-cta__overlay\"><\/div>\r\n  <div class=\"arc-profile-cta__glow\"><\/div>\r\n  <div class=\"arc-profile-cta__grid\"><\/div>\r\n\r\n  <div class=\"arc-profile-cta__container\">\r\n    <div class=\"arc-profile-cta__content arc-profile-reveal\">\r\n      <span class=\"arc-profile-cta__eyebrow\">Company Profile<\/span>\r\n\r\n      <h2>\r\n        Download the full <span>company profile<\/span>\r\n        <br>for detailed project insights.\r\n      <\/h2>\r\n\r\n\r\n\r\n\r\n      <div class=\"arc-profile-cta__actions arc-profile-reveal arc-profile-delay-3\">\r\n        <a class=\"arc-profile-cta__btn\" href=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/company-profile_compressed.pdf\" download target=\"_blank\" rel=\"noopener\">\r\n          <span>Download Company Profile<\/span>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n            <path d=\"M12 3v12\"><\/path>\r\n            <path d=\"m7 10 5 5 5-5\"><\/path>\r\n            <path d=\"M5 21h14\"><\/path>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .arc-profile-cta,\r\n  .arc-profile-cta * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-profile-cta {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-gold: #d1b178;\r\n    --arc-gold-soft: rgba(209,177,120,0.18);\r\n    --arc-navy: #12233b;\r\n    --arc-text: rgba(255,255,255,0.88);\r\n    --arc-muted: rgba(255,255,255,0.70);\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 90px 18px;\r\n    background: linear-gradient(135deg, #08101c 0%, #12233b 48%, #1f1f34 100%);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .arc-profile-cta__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      url('https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/high-rise.jpg')\r\n      center center \/ cover no-repeat;\r\n    transform: scale(1.06);\r\n    filter: saturate(0.75) contrast(1.05) brightness(0.42);\r\n    animation: arcProfileBgFloat 18s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-profile-cta__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(90deg, rgba(8,16,28,0.94) 0%, rgba(18,35,59,0.90) 32%, rgba(36,28,44,0.78) 68%, rgba(61,45,69,0.70) 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-profile-cta__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(circle at 14% 52%, rgba(157,31,45,0.30), transparent 34%),\r\n      radial-gradient(circle at 82% 20%, rgba(209,177,120,0.12), transparent 26%),\r\n      radial-gradient(circle at 82% 82%, rgba(255,255,255,0.07), transparent 22%);\r\n  }\r\n\r\n  .arc-profile-cta__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    opacity: 0.06;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,0.35) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,0.35) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n  }\r\n\r\n  .arc-profile-cta__container {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .arc-profile-cta__content {\r\n    max-width: 820px;\r\n  }\r\n\r\n  .arc-profile-cta__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n    padding: 11px 18px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(209,177,120,0.24);\r\n    background: rgba(255,255,255,0.06);\r\n    color: var(--arc-gold);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .arc-profile-cta__eyebrow::before {\r\n    content: \"\";\r\n    width: 34px;\r\n    height: 2px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(90deg, rgba(209,177,120,0.35), var(--arc-gold));\r\n  }\r\n\r\n  .arc-profile-cta h2 {\r\n    margin: 0 0 18px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 5vw, 74px);\r\n    line-height: 0.98;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: #fff;\r\n  }\r\n\r\n  .arc-profile-cta h2 span {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-profile-cta p {\r\n    margin: 0;\r\n    max-width: 760px;\r\n    color: var(--arc-text);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 17px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .arc-profile-cta__chips {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .arc-profile-cta__chips span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 50px;\r\n    padding: 12px 18px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.06);\r\n    border: 1px solid rgba(209,177,120,0.18);\r\n    color: var(--arc-gold);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-profile-cta__actions {\r\n    margin-top: 34px;\r\n  }\r\n\r\n  .arc-profile-cta__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    min-height: 74px;\r\n    padding: 18px 34px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    color: #fff;\r\n    background: linear-gradient(135deg, #b82032 0%, #8c1624 100%);\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    box-shadow:\r\n      0 18px 40px rgba(120,16,29,0.34),\r\n      inset 0 1px 0 rgba(255,255,255,0.10);\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;\r\n  }\r\n\r\n  .arc-profile-cta__btn svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    transition: transform 0.35s ease;\r\n  }\r\n\r\n  .arc-profile-cta__btn:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow:\r\n      0 26px 50px rgba(120,16,29,0.42),\r\n      inset 0 1px 0 rgba(255,255,255,0.14);\r\n  }\r\n\r\n  .arc-profile-cta__btn:hover svg {\r\n    transform: translateY(2px);\r\n  }\r\n\r\n  .arc-profile-reveal {\r\n    opacity: 0;\r\n    transform: translateY(34px);\r\n    transition: opacity 0.9s cubic-bezier(.22,1,.36,1), transform 0.9s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .arc-profile-reveal.arc-profile-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-profile-delay-2 {\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .arc-profile-delay-3 {\r\n    transition-delay: 0.22s;\r\n  }\r\n\r\n  @keyframes arcProfileBgFloat {\r\n    0%, 100% { transform: scale(1.06) translate3d(0,0,0); }\r\n    50% { transform: scale(1.03) translate3d(0,-8px,0); }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-profile-cta {\r\n      padding: 74px 16px;\r\n    }\r\n\r\n    .arc-profile-cta h2 {\r\n      font-size: clamp(34px, 7vw, 58px);\r\n      line-height: 1.02;\r\n    }\r\n\r\n    .arc-profile-cta p {\r\n      font-size: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-profile-cta {\r\n      padding: 58px 14px;\r\n    }\r\n\r\n    .arc-profile-cta__content {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .arc-profile-cta__eyebrow {\r\n      font-size: 10px;\r\n      letter-spacing: 0.12em;\r\n      padding: 10px 14px;\r\n      gap: 10px;\r\n    }\r\n\r\n    .arc-profile-cta h2 {\r\n      font-size: clamp(30px, 10vw, 46px);\r\n      line-height: 1.05;\r\n      margin-bottom: 14px;\r\n    }\r\n\r\n    .arc-profile-cta p {\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .arc-profile-cta__chips {\r\n      gap: 10px;\r\n      margin-top: 24px;\r\n    }\r\n\r\n    .arc-profile-cta__chips span {\r\n      min-height: 42px;\r\n      padding: 10px 14px;\r\n      font-size: 10px;\r\n      letter-spacing: 0.06em;\r\n    }\r\n\r\n    .arc-profile-cta__actions {\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .arc-profile-cta__btn {\r\n      width: 100%;\r\n      min-height: 60px;\r\n      padding: 16px 22px;\r\n      font-size: 13px;\r\n      letter-spacing: 0.06em;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const section = document.querySelector('.arc-profile-cta');\r\n  if (!section) return;\r\n\r\n  const reveals = section.querySelectorAll('.arc-profile-reveal');\r\n  const bg = section.querySelector('.arc-profile-cta__bg');\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('arc-profile-visible');\r\n      }\r\n    });\r\n  }, { threshold: 0.14 });\r\n\r\n  reveals.forEach((item) => observer.observe(item));\r\n\r\n  function parallaxBg() {\r\n    const rect = section.getBoundingClientRect();\r\n    const vh = window.innerHeight || document.documentElement.clientHeight;\r\n    const progress = Math.max(-1, Math.min(1, (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh));\r\n    if (bg) {\r\n      bg.style.transform = 'scale(1.06) translate3d(0,' + (progress * -18) + 'px,0)';\r\n    }\r\n  }\r\n\r\n  parallaxBg();\r\n  window.addEventListener('scroll', parallaxBg, { passive: true });\r\n  window.addEventListener('resize', parallaxBg);\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-5ca0abf e-con-full e-flex e-con e-parent\" data-id=\"5ca0abf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25d102e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"25d102e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .arc-footer-wrap,\r\n  .arc-footer-wrap * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-footer-wrap {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #27305f;\r\n    --arc-gold: #c9a96e;\r\n    --arc-gold-light: #e2cc9c;\r\n    --arc-white: #ffffff;\r\n    --arc-soft-white: rgba(111,17,27,0.84);\r\n    --arc-muted: rgba(111,17,27,0.62);\r\n    --arc-border: rgba(157,31,45,0.12);\r\n    position: relative;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    color: var(--arc-red-dark);\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-footer-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold), transparent);\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .arc-footer {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1440px;\r\n    margin: 0 auto;\r\n    padding: 78px 28px 0;\r\n  }\r\n\r\n  .arc-footer__top {\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 0.8fr 1fr 1fr 1.2fr;\r\n    gap: 28px;\r\n    padding-bottom: 34px;\r\n  }\r\n\r\n  .arc-footer__col {\r\n    min-width: 0;\r\n  }\r\n\r\n  .arc-footer__brand {\r\n    padding-right: 12px;\r\n  }\r\n\r\n  .arc-footer__logo {\r\n    display: block;\r\n    width: clamp(180px, 16vw, 280px);\r\n    margin-bottom: 18px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .arc-footer__logo img {\r\n    width: 100%;\r\n    height: auto;\r\n    max-width: 100%;\r\n    max-height: none;\r\n    display: block;\r\n    object-fit: contain;\r\n  }\r\n\r\n  .arc-footer__desc {\r\n    max-width: 380px;\r\n    margin: 0 0 24px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: var(--arc-soft-white);\r\n    text-align: justify;\r\n  }\r\n\r\n  .arc-footer__cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-height: 50px;\r\n    padding: 14px 24px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, var(--arc-red-dark) 100%);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 16px 40px rgba(111,17,27,0.18);\r\n  }\r\n\r\n  .arc-footer__cta:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 22px 50px rgba(111,17,27,0.24);\r\n  }\r\n\r\n  .arc-footer__title {\r\n    position: relative;\r\n    margin: 0 0 18px;\r\n    padding-bottom: 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .arc-footer__title::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 54px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-footer__list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-footer__list li + li {\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .arc-footer__list a {\r\n    color: var(--arc-soft-white);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    transition: all 0.25s ease;\r\n  }\r\n\r\n  .arc-footer__list a:hover {\r\n    color: var(--arc-red);\r\n    padding-left: 4px;\r\n  }\r\n\r\n  .arc-footer__contact-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-footer__contact-item + .arc-footer__contact-item {\r\n    margin-top: 14px;\r\n  }\r\n\r\n  .arc-footer__contact-label {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold);\r\n  }\r\n\r\n  .arc-footer__contact-text,\r\n  .arc-footer__contact-text a {\r\n    color: var(--arc-soft-white);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    word-break: break-word;\r\n  }\r\n\r\n  .arc-footer__contact-text a:hover {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-footer__socials {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .arc-footer__social {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    color: var(--arc-red);\r\n    border: 1px solid rgba(157,31,45,0.14);\r\n    background: rgba(157,31,45,0.04);\r\n    transition: all 0.28s ease;\r\n  }\r\n\r\n  .arc-footer__social:hover {\r\n    transform: translateY(-3px);\r\n    color: var(--arc-red-dark);\r\n    border-color: rgba(201,169,110,0.35);\r\n    background: rgba(201,169,110,0.10);\r\n  }\r\n\r\n  .arc-footer__mid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n    padding: 24px 0 34px;\r\n    border-top: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-footer__card {\r\n    padding: 20px 22px;\r\n    border-radius: 20px;\r\n    border: 1px solid var(--arc-border);\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.03), rgba(201,169,110,0.04));\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-footer__card-title {\r\n    margin: 0 0 8px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-footer__card p {\r\n    margin: 0;\r\n    color: var(--arc-soft-white);\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    \r\n  }\r\n\r\n  .arc-footer__bottom {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 18px 0 24px;\r\n    border-top: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-footer__copy,\r\n  .arc-footer__legal {\r\n    color: var(--arc-muted);\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .arc-footer__legal {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 18px;\r\n  }\r\n\r\n  .arc-footer__legal a {\r\n    color: var(--arc-muted);\r\n    text-decoration: none;\r\n    transition: color 0.25s ease;\r\n  }\r\n\r\n  .arc-footer__legal a:hover {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  @media (max-width: 1200px) {\r\n    .arc-footer__top {\r\n      grid-template-columns: 1.2fr 1fr 1fr;\r\n    }\r\n\r\n    .arc-footer__brand {\r\n      grid-column: 1 \/ -1;\r\n      padding-right: 0;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-footer {\r\n      padding: 64px 22px 0;\r\n    }\r\n\r\n    .arc-footer__top {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 24px;\r\n    }\r\n\r\n    .arc-footer__mid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-footer__bottom {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n  .arc-footer {\r\n    padding: 56px 16px 0;\r\n  }\r\n\r\n  .arc-footer__top {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__col,\r\n  .arc-footer__brand {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__logo {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    width: clamp(170px, 55vw, 230px);\r\n  }\r\n\r\n  .arc-footer__desc {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    text-align: justify;\r\n  }\r\n\r\n  .arc-footer__cta {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .arc-footer__socials {\r\n    justify-content: center;\r\n  }\r\n\r\n  .arc-footer__title {\r\n    font-size: 25px;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .arc-footer__title::after {\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .arc-footer__list,\r\n  .arc-footer__contact-list {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__contact-label {\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__card {\r\n    padding: 18px 18px;\r\n    border-radius: 18px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__card-title {\r\n    font-size: 22px;\r\n  }\r\n\r\n  .arc-footer__desc,\r\n  .arc-footer__list a,\r\n  .arc-footer__contact-text,\r\n  .arc-footer__contact-text a,\r\n  .arc-footer__card p {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .arc-footer__bottom {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-footer__legal {\r\n    gap: 12px;\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-footer__cta {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-footer__social {\r\n      width: 40px;\r\n      height: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"arc-footer-wrap\">\r\n  <div class=\"arc-footer\">\r\n\r\n    <div class=\"arc-footer__top\">\r\n      <div class=\"arc-footer__col arc-footer__brand\">\r\n        <a href=\"https:\/\/arcotiselevators.com\/\" class=\"arc-footer__logo\">\r\n          <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Untitled-design-27.png\" alt=\"Arcotis Elevators & Escalators L.L.C\">\r\n        <\/a>\r\n\r\n        <p class=\"arc-footer__desc\">\r\n          Arcotis Elevators &amp; Escalators L.L.C delivers premium vertical mobility\r\n          solutions including elevators, escalators, modernization, maintenance,\r\n          and engineered systems for residential, commercial, and industrial projects.\r\n        <\/p>\r\n\r\n        <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-footer__cta\">\r\n          Contact Our Team\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 12h14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n  <div class=\"arc-footer__socials\">\r\n  <a href=\"https:\/\/www.facebook.com\/arcotis\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Facebook\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n      <path d=\"M13.5 21v-7h2.3l.4-3h-2.7V9.1c0-.9.3-1.6 1.6-1.6H16V4.8c-.4-.1-1.2-.2-2.2-.2-2.2 0-3.8 1.3-3.8 4v2.4H7.5v3H10v7h3.5z\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.instagram.com\/arcotis.elevators?igsh=MTFnbXhqcjd6YnBuNQ==\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Instagram\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n      <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\r\n      <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n      <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"><\/circle>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <a href=\"https:\/\/www.tiktok.com\/@arcotis.elevators?_r=1&_t=ZS-95KeHcecnlS\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"TikTok\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n      <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.78 1.52V6.75a4.85 4.85 0 0 1-1.01-.06z\"\/>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n<a href=\"https:\/\/www.arcotiselevators.com\/\" target=\"_blank\" class=\"arc-footer__social\" aria-label=\"Website\">\r\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\r\n    <path d=\"M3 12h18\"><\/path>\r\n    <path d=\"M12 3c2.5 2.4 4 5.6 4 9s-1.5 6.6-4 9\"><\/path>\r\n    <path d=\"M12 3c-2.5 2.4-4 5.6-4 9s1.5 6.6 4 9\"><\/path>\r\n  <\/svg>\r\n<\/a>\r\n\r\n  <a href=\"mailto:Rowena.Layous@arcotiselevators.com\" class=\"arc-footer__social\" aria-label=\"Email\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n      <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n      <path d=\"M3 7l9 6 9-6\"><\/path>\r\n    <\/svg>\r\n  <\/a>\r\n<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Quick Links<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/\">Home<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/about-us\/\">About Us<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/our-products\/\">Products<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/services\/\">Services<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/projects\/\">Projects<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/contact-us\/\">Contact Us<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Products<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/passenger-commercial-lifts\/\">Passenger Elevators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Home Elevators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/industrial-utility-lifts\/\">Freight &amp; Goods Lifts<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/escalation-horizontal-mobility\/\">Escalators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/escalation-horizontal-mobility\/\">Travelators<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Platform Lifts<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/residential-accessibility-solutions\/\">Stair Lifts<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Services<\/h3>\r\n        <ul class=\"arc-footer__list\">\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Sale &amp; Supply<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/supply-project-execution\/\">Installation<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Maintenance<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Repair<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/repair-upgrade-solutions\/\">Modernization<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">Technical Support<\/a><\/li>\r\n          <li><a href=\"https:\/\/arcotiselevators.com\/maintenance-support\/\">24\/7 Emergency Service<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"arc-footer__col\">\r\n        <h3 class=\"arc-footer__title\">Contact Us<\/h3>\r\n        <ul class=\"arc-footer__contact-list\">\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Address<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              P.O. Box: 43324,<br>\r\n              Dubai - United Arab Emirates\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">mobile<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"tel:+971551670157\">+971 55 167 0157<\/a>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Tel-Fax<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              +971 04 422 7729\r\n            <\/div>\r\n          <\/li>\r\n\r\n      <li class=\"arc-footer__contact-item\">\r\n  <span class=\"arc-footer__contact-label\">Email<\/span>\r\n  <div class=\"arc-footer__contact-text\">\r\n    <a href=\"mailto:arcotis.uae@gmail.com\">arcotis.uae@gmail.com<\/a><br>\r\n    <a href=\"mailto:Info@arcotiselevators.com\">Info@arcotiselevators.com<\/a><br>\r\n    <a href=\"mailto:Sales@arcotiselevatord.com\">Sales@arcotiselevatord.com<\/a><br>\r\n    <a href=\"mailto:Rowena.Layous@arcotiselevators.com\">Rowena.Layous@arcotiselevators.com<\/a>\r\n  <\/div>\r\n<\/li>\r\n\r\n        <!--  <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Facebook<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.facebook.com\/arcotis\" target=\"_blank\">www.facebook.com\/arcotis<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n\r\n      <!--    <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">Instagram<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.instagram.com\/arcotis.elevators?igsh=MTFnbXhqcjd6YnBuNQ==\" target=\"_blank\">www.instagram.com\/arcotis<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n\r\n      <!--    <li class=\"arc-footer__contact-item\">\r\n            <span class=\"arc-footer__contact-label\">tiktok<\/span>\r\n            <div class=\"arc-footer__contact-text\">\r\n              <a href=\"https:\/\/www.tiktok.com\/@arcotis.elevators?_r=1&_t=ZS-95KeHcecnlS\" target=\"_blank\">www.tiktok.com<\/a>\r\n            <\/div>\r\n          <\/li>-->\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-footer__bottom\">\r\n      <div class=\"arc-footer__copy\">\r\n        \u00a9 2026 Arcotis Elevators &amp; Escalators L.L.C. All Rights Reserved.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Us About Us Explore Who We Are Our Partners Certifications Our Works Products Our Products Passenger Lifts Passenger Elevators [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-935","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":184,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/935\/revisions"}],"predecessor-version":[{"id":3456,"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/pages\/935\/revisions\/3456"}],"wp:attachment":[{"href":"https:\/\/arcotiselevators.com\/en\/wp-json\/wp\/v2\/media?parent=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}