{"id":12,"date":"2026-03-18T06:14:09","date_gmt":"2026-03-18T06:14:09","guid":{"rendered":"https:\/\/arcotiselevators.com\/?page_id=12"},"modified":"2026-05-21T12:18:50","modified_gmt":"2026-05-21T12:18:50","slug":"about-us","status":"publish","type":"page","link":"https:\/\/arcotiselevators.com\/ar\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28a0b9e e-con-full e-flex e-con e-parent\" data-id=\"28a0b9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f574b3a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f574b3a\" 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-0596184 e-con-full e-flex e-con e-parent\" data-id=\"0596184\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0898cf elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"a0898cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ABOUT US HERO SECTION -->\r\n<section class=\"arc-about-hero\" id=\"about-hero\">\r\n  <div class=\"arc-about-hero__bg\"><\/div>\r\n  <div class=\"arc-about-hero__overlay\"><\/div>\r\n  <div class=\"arc-about-hero__noise\"><\/div>\r\n  <div class=\"arc-about-hero__glow\"><\/div>\r\n  <div class=\"arc-about-hero__grid\"><\/div>\r\n\r\n  <!-- Premium opening sweep -->\r\n  <div class=\"arc-about-hero__intro-sweep\"><\/div>\r\n\r\n  <!-- Cinematic light streaks -->\r\n  <div class=\"arc-about-hero__streaks\">\r\n    <span class=\"arc-hero-streak arc-hero-streak--1\"><\/span>\r\n    <span class=\"arc-hero-streak arc-hero-streak--2\"><\/span>\r\n    <span class=\"arc-hero-streak arc-hero-streak--3\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Floating particles -->\r\n  <div class=\"arc-about-hero__particles\">\r\n    <span class=\"arc-hero-particle arc-hero-particle--1\"><\/span>\r\n    <span class=\"arc-hero-particle arc-hero-particle--2\"><\/span>\r\n    <span class=\"arc-hero-particle arc-hero-particle--3\"><\/span>\r\n    <span class=\"arc-hero-particle arc-hero-particle--4\"><\/span>\r\n    <span class=\"arc-hero-particle arc-hero-particle--5\"><\/span>\r\n    <span class=\"arc-hero-particle arc-hero-particle--6\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Vertical accent lines -->\r\n  <div class=\"arc-about-hero__vlines\">\r\n    <span class=\"arc-hero-vline arc-hero-vline--1\"><\/span>\r\n    <span class=\"arc-hero-vline arc-hero-vline--2\"><\/span>\r\n    <span class=\"arc-hero-vline arc-hero-vline--3\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Scroll indicator -->\r\n  <div class=\"arc-about-hero__scroll\">\r\n    <div class=\"arc-about-hero__scroll-track\">\r\n      <div class=\"arc-about-hero__scroll-thumb\"><\/div>\r\n    <\/div>\r\n    <span class=\"arc-about-hero__scroll-label\">Scroll<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"arc-about-hero__container\">\r\n    <div class=\"arc-about-hero__content\">\r\n\r\n      <div class=\"arc-about-hero__eyebrow\">\r\n        <span class=\"arc-about-hero__dot\"><\/span>\r\n        <span class=\"arc-about-hero__eyebrow-text\">About ARCOTIS<\/span>\r\n        <span class=\"arc-about-hero__eyebrow-shimmer\"><\/span>\r\n      <\/div>\r\n\r\n      <h1 class=\"arc-about-hero__title\">\r\n        <span class=\"arc-hero-title-line\">\r\n          <span class=\"arc-hero-title-word\" style=\"--word-i:0\">Engineering<\/span>\r\n        <\/span>\r\n        <span class=\"arc-hero-title-line\">\r\n          <span class=\"arc-hero-title-word\" style=\"--word-i:1\">Vertical<\/span>\r\n          <span class=\"arc-hero-title-word\" style=\"--word-i:2\">Mobility<\/span>\r\n        <\/span>\r\n        <span class=\"arc-hero-title-line\">\r\n          <span class=\"arc-hero-title-word arc-hero-title-word--em\" style=\"--word-i:3\"><em>with Precision<\/em><\/span>\r\n        <\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"arc-about-hero__divider\">\r\n        <span class=\"arc-about-hero__line\"><\/span>\r\n        <span class=\"arc-about-hero__diamond\"><\/span>\r\n        <span class=\"arc-about-hero__line\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-about-hero__text\">\r\n        ARCOTIS Elevators &amp; Escalators L.L.C delivers premium vertical transportation\r\n        solutions built on safety, reliability, technical precision, and long-term performance.\r\n      <\/p>\r\n\r\n      <div class=\"arc-about-hero__actions\">\r\n        <a href=\"#company-overview\" class=\"arc-about-hero__btn arc-about-hero__btn--primary\">\r\n          <span class=\"arc-about-hero__btn-text\">Learn More<\/span>\r\n          <span class=\"arc-about-hero__btn-icon\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n              <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"arc-about-hero__btn-shine\"><\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#contact\" class=\"arc-about-hero__btn arc-about-hero__btn--secondary\">\r\n          <span class=\"arc-about-hero__btn-text\">Contact Us<\/span>\r\n          <span class=\"arc-about-hero__btn-border\"><\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Side decorative element -->\r\n    <div class=\"arc-about-hero__side\">\r\n      <div class=\"arc-about-hero__side-ring\"><\/div>\r\n      <div class=\"arc-about-hero__side-ring arc-about-hero__side-ring--2\"><\/div>\r\n      <div class=\"arc-about-hero__side-ring arc-about-hero__side-ring--3\"><\/div>\r\n      <div class=\"arc-about-hero__side-badge\">\r\n        <span class=\"arc-about-hero__side-badge-text\">EST<\/span>\r\n        <span class=\"arc-about-hero__side-badge-year\">2009<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"arc-about-hero__fade\"><\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .arc-about-hero {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-red-glow: rgba(157, 31, 45, 0.4);\r\n    --arc-gold: #c9a96e;\r\n    --arc-gold-light: #e2cc9c;\r\n    --arc-gold-bright: #dfc48b;\r\n    --arc-white: #ffffff;\r\n    --arc-soft-white: rgba(255, 255, 255, 0.85);\r\n    --arc-muted: rgba(255, 255, 255, 0.52);\r\n    --arc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n    --arc-ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: clamp(420px, 42vh, 500px);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: linear-gradient(155deg, #060208 0%, #12050a 35%, #0e0610 55%, #080b16 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .arc-about-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background: radial-gradient(circle at 18% 45%, rgba(157, 31, 45, 0.14), transparent 38%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-about-hero__bg {\r\n    position: absolute;\r\n    inset: -20px;\r\n    z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(10, 4, 6, 0.02), rgba(10, 4, 6, 0.02)),\r\n      url(\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/high-rise.jpg\");\r\n    background-size: cover;\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    transform: scale(1.06);\r\n    filter: saturate(0.75) contrast(1.05) brightness(0.8);\r\n    animation: arcHeroBgDrift 20s ease-in-out infinite alternate;\r\n    will-change: transform;\r\n  }\r\n\r\n  @keyframes arcHeroBgDrift {\r\n    0% { transform: scale(1.06) translate3d(0,0,0); }\r\n    100% { transform: scale(1.09) translate3d(-0.4%, 0.3%, 0); }\r\n  }\r\n\r\n  .arc-about-hero__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(104deg,\r\n        rgba(4, 2, 6, 0.95) 0%,\r\n        rgba(53, 8, 16, 0.82) 34%,\r\n        rgba(25, 7, 14, 0.70) 56%,\r\n        rgba(7, 12, 22, 0.70) 100%);\r\n  }\r\n\r\n  .arc-about-hero__noise {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    opacity: 0.025;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 128px 128px;\r\n    mix-blend-mode: overlay;\r\n  }\r\n\r\n  .arc-about-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 52% 60% at 12% 45%, rgba(157, 31, 45, 0.20), transparent),\r\n      radial-gradient(ellipse 35% 36% at 82% 14%, rgba(201, 169, 110, 0.06), transparent),\r\n      radial-gradient(ellipse 45% 35% at 50% 100%, rgba(157, 31, 45, 0.08), transparent);\r\n    animation: arcHeroGlowPulse 8s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes arcHeroGlowPulse {\r\n    0% { opacity: 0.7; }\r\n    100% { opacity: 1; }\r\n  }\r\n\r\n  .arc-about-hero__grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    opacity: 0.02;\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: 78px 78px;\r\n    mask-image: radial-gradient(ellipse 78% 70% at 50% 50%, black 10%, transparent 66%);\r\n    -webkit-mask-image: radial-gradient(ellipse 78% 70% at 50% 50%, black 10%, transparent 66%);\r\n  }\r\n\r\n  .arc-about-hero__intro-sweep {\r\n    position: absolute;\r\n    inset: -20%;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    background: linear-gradient(115deg,\r\n      transparent 28%,\r\n      rgba(255,255,255,0.03) 40%,\r\n      rgba(201,169,110,0.10) 48%,\r\n      rgba(255,255,255,0.03) 56%,\r\n      transparent 68%);\r\n    transform: translateX(-120%) skewX(-18deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__intro-sweep {\r\n    animation: arcIntroSweep 1.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s forwards;\r\n  }\r\n\r\n  @keyframes arcIntroSweep {\r\n    0% {\r\n      transform: translateX(-120%) skewX(-18deg);\r\n      opacity: 0;\r\n    }\r\n    18% {\r\n      opacity: 1;\r\n    }\r\n    100% {\r\n      transform: translateX(120%) skewX(-18deg);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .arc-about-hero__streaks,\r\n  .arc-about-hero__particles,\r\n  .arc-about-hero__vlines {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-hero-streak {\r\n    position: absolute;\r\n    height: 1px;\r\n    transform-origin: left center;\r\n  }\r\n\r\n  .arc-hero-streak--1 {\r\n    top: 24%;\r\n    left: -10%;\r\n    width: 120%;\r\n    background: linear-gradient(90deg, transparent, rgba(201,169,110,0.14), transparent);\r\n    transform: rotate(-4deg);\r\n    animation: arcStreakMove1 8s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-hero-streak--2 {\r\n    top: 66%;\r\n    left: -10%;\r\n    width: 112%;\r\n    background: linear-gradient(90deg, transparent, rgba(157,31,45,0.10), transparent);\r\n    transform: rotate(2deg);\r\n    animation: arcStreakMove2 11s ease-in-out 1.5s infinite;\r\n  }\r\n\r\n  .arc-hero-streak--3 {\r\n    top: 48%;\r\n    left: -10%;\r\n    width: 130%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.035), transparent);\r\n    transform: rotate(-1deg);\r\n    animation: arcStreakMove3 13s ease-in-out 3s infinite;\r\n  }\r\n\r\n  @keyframes arcStreakMove1 {\r\n    0%, 100% { opacity: 0; transform: rotate(-4deg) translateX(-6%); }\r\n    50% { opacity: 1; transform: rotate(-4deg) translateX(6%); }\r\n  }\r\n  @keyframes arcStreakMove2 {\r\n    0%, 100% { opacity: 0; transform: rotate(2deg) translateX(-5%); }\r\n    50% { opacity: 1; transform: rotate(2deg) translateX(5%); }\r\n  }\r\n  @keyframes arcStreakMove3 {\r\n    0%, 100% { opacity: 0; transform: rotate(-1deg) translateX(-4%); }\r\n    50% { opacity: 1; transform: rotate(-1deg) translateX(4%); }\r\n  }\r\n\r\n  .arc-hero-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .arc-hero-particle--1,\r\n  .arc-hero-particle--2,\r\n  .arc-hero-particle--3,\r\n  .arc-hero-particle--4,\r\n  .arc-hero-particle--5,\r\n  .arc-hero-particle--6 {\r\n    animation: arcHeroParticle 12s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-hero-particle--1 {\r\n    width: 3px; height: 3px; top: 16%; left: 20%;\r\n    background: rgba(201,169,110,0.45);\r\n    box-shadow: 0 0 10px rgba(201,169,110,0.25);\r\n  }\r\n  .arc-hero-particle--2 {\r\n    width: 2px; height: 2px; top: 30%; left: 76%;\r\n    background: rgba(157,31,45,0.55);\r\n    box-shadow: 0 0 8px rgba(157,31,45,0.22);\r\n    animation-delay: 1.2s;\r\n  }\r\n  .arc-hero-particle--3 {\r\n    width: 2.5px; height: 2.5px; top: 58%; left: 14%;\r\n    background: rgba(201,169,110,0.35);\r\n    animation-delay: 2s;\r\n  }\r\n  .arc-hero-particle--4 {\r\n    width: 2px; height: 2px; top: 76%; left: 68%;\r\n    background: rgba(255,255,255,0.24);\r\n    animation-delay: 3s;\r\n  }\r\n  .arc-hero-particle--5 {\r\n    width: 3px; height: 3px; top: 82%; left: 40%;\r\n    background: rgba(201,169,110,0.30);\r\n    animation-delay: 1s;\r\n  }\r\n  .arc-hero-particle--6 {\r\n    width: 2px; height: 2px; top: 42%; left: 52%;\r\n    background: rgba(157,31,45,0.45);\r\n    animation-delay: 4s;\r\n  }\r\n\r\n  @keyframes arcHeroParticle {\r\n    0%, 100% { transform: translate(0,0) scale(1); opacity: 0.2; }\r\n    30% { transform: translate(10px,-14px) scale(1.25); opacity: 0.65; }\r\n    60% { transform: translate(-8px,-24px) scale(0.9); opacity: 0.45; }\r\n  }\r\n\r\n  .arc-hero-vline {\r\n    position: absolute;\r\n    width: 1px;\r\n    top: 0;\r\n    bottom: 0;\r\n  }\r\n\r\n  .arc-hero-vline--1 {\r\n    left: 25%;\r\n    background: linear-gradient(to bottom, transparent, rgba(201,169,110,0.06), transparent);\r\n  }\r\n  .arc-hero-vline--2 {\r\n    left: 50%;\r\n    background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.03), transparent);\r\n  }\r\n  .arc-hero-vline--3 {\r\n    left: 75%;\r\n    background: linear-gradient(to bottom, transparent, rgba(201,169,110,0.05), transparent);\r\n  }\r\n\r\n  .arc-about-hero__container {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: 100%;\r\n    max-width: 1220px;\r\n    margin: 0 auto;\r\n    padding: 96px 28px 78px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 38px;\r\n  }\r\n\r\n  .arc-about-hero__content {\r\n    max-width: 650px;\r\n    width: 100%;\r\n  }\r\n\r\n  .arc-about-hero__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 20px;\r\n    padding: 11px 20px 11px 16px;\r\n    border: 1px solid rgba(201,169,110,0.20);\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.08), rgba(255,255,255,0.02));\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    font-size: 10px;\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    position: relative;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    transform: translateY(22px) scale(0.96);\r\n  }\r\n\r\n  .arc-about-hero__eyebrow-shimmer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(201,169,110,0.14), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-about-hero__dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--arc-red);\r\n    box-shadow: 0 0 16px var(--arc-red-glow), 0 0 5px rgba(157,31,45,0.7);\r\n    flex-shrink: 0;\r\n    animation: arcHeroDotPulse 2.2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcHeroDotPulse {\r\n    0%,100% { transform: scale(1); box-shadow: 0 0 16px var(--arc-red-glow), 0 0 5px rgba(157,31,45,0.7); }\r\n    50% { transform: scale(1.14); box-shadow: 0 0 24px var(--arc-red-glow), 0 0 10px rgba(157,31,45,0.85); }\r\n  }\r\n\r\n  .arc-about-hero__title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 4.8vw, 70px);\r\n    line-height: 0.96;\r\n    font-weight: 600;\r\n    letter-spacing: -0.03em;\r\n    color: var(--arc-white);\r\n  }\r\n\r\n  .arc-hero-title-line {\r\n    display: block;\r\n    overflow: hidden;\r\n    padding-bottom: 4px;\r\n  }\r\n\r\n  .arc-hero-title-word {\r\n    display: inline-block;\r\n    margin-right: 0.22em;\r\n    transform: translateY(115%) rotateX(14deg);\r\n    opacity: 0;\r\n  }\r\n\r\n  .arc-hero-title-word:last-child {\r\n    margin-right: 0;\r\n  }\r\n\r\n  .arc-about-hero__title em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    background: linear-gradient(135deg, var(--arc-gold), var(--arc-gold-bright), #f0d48a, var(--arc-gold));\r\n    background-size: 300% 100%;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    animation: arcHeroGoldFlow 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcHeroGoldFlow {\r\n    0%,100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n  }\r\n\r\n  .arc-about-hero__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin: 22px 0 22px;\r\n    width: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-about-hero__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-about-hero__line:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-about-hero__diamond {\r\n    width: 7px;\r\n    height: 7px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: rotate(45deg);\r\n    flex-shrink: 0;\r\n    animation: arcHeroDiamondPulse 3.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcHeroDiamondPulse {\r\n    0%,100% { box-shadow: 0 0 4px rgba(201,169,110,0.15); }\r\n    50% { box-shadow: 0 0 14px rgba(201,169,110,0.42); }\r\n  }\r\n\r\n  .arc-about-hero__text {\r\n    max-width: 580px;\r\n    margin: 0 0 30px;\r\n    font-size: clamp(15px, 1.3vw, 18px);\r\n    line-height: 1.78;\r\n    font-weight: 400;\r\n    color: var(--arc-soft-white);\r\n    letter-spacing: 0.01em;\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n  }\r\n\r\n  .arc-about-hero__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n  }\r\n\r\n  .arc-about-hero__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 178px;\r\n    min-height: 52px;\r\n    padding: 14px 28px;\r\n    border-radius: 999px;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    transition: all 0.4s var(--arc-ease-out);\r\n  }\r\n\r\n  .arc-about-hero__btn-text,\r\n  .arc-about-hero__btn-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: transform 0.35s var(--arc-ease-out);\r\n  }\r\n\r\n  .arc-about-hero__btn--primary {\r\n    color: #fff;\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, #b5232f 50%, var(--arc-red-dark) 100%);\r\n    background-size: 200% 100%;\r\n    border: 1px solid rgba(255,255,255,0.10);\r\n    box-shadow:\r\n      0 18px 42px rgba(106,10,20,0.28),\r\n      0 4px 12px rgba(106,10,20,0.18),\r\n      inset 0 1px 0 rgba(255,255,255,0.10);\r\n  }\r\n\r\n  .arc-about-hero__btn--primary:hover {\r\n    transform: translateY(-3px);\r\n    background-position: 100% 0%;\r\n    box-shadow:\r\n      0 24px 52px rgba(106,10,20,0.45),\r\n      0 0 0 1px rgba(157,31,45,0.28),\r\n      0 0 26px rgba(157,31,45,0.14);\r\n  }\r\n\r\n  .arc-about-hero__btn--primary:hover .arc-about-hero__btn-icon {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .arc-about-hero__btn-shine {\r\n    position: absolute;\r\n    inset: 0;\r\n    left: -100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.16), transparent);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-about-hero__btn--primary:hover .arc-about-hero__btn-shine {\r\n    animation: arcBtnShine 0.7s ease-out forwards;\r\n  }\r\n\r\n  @keyframes arcBtnShine {\r\n    to { left: 200%; }\r\n  }\r\n\r\n  .arc-about-hero__btn--secondary {\r\n    color: var(--arc-white);\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(201,169,110,0.24);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n\r\n  .arc-about-hero__btn--secondary:hover {\r\n    transform: translateY(-3px);\r\n    background: rgba(201,169,110,0.08);\r\n    border-color: rgba(201,169,110,0.5);\r\n    box-shadow: 0 14px 34px rgba(0,0,0,0.20);\r\n  }\r\n\r\n  .arc-about-hero__btn-border {\r\n    position: absolute;\r\n    inset: -1px;\r\n    border-radius: 999px;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    background: conic-gradient(from 0deg, transparent 0%, rgba(201,169,110,0.4) 25%, transparent 50%);\r\n    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    mask-composite: xor;\r\n    -webkit-mask-composite: xor;\r\n    padding: 1px;\r\n    transition: opacity 0.35s ease;\r\n  }\r\n\r\n  .arc-about-hero__btn--secondary:hover .arc-about-hero__btn-border {\r\n    opacity: 1;\r\n    animation: arcBtnBorderSpin 3s linear infinite;\r\n  }\r\n\r\n  @keyframes arcBtnBorderSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .arc-about-hero__side {\r\n    position: relative;\r\n    width: 160px;\r\n    height: 160px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transform: scale(0.75) rotate(-10deg);\r\n  }\r\n\r\n  .arc-about-hero__side-ring {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(201,169,110,0.14);\r\n    animation: arcHeroRingSpin 28s linear infinite;\r\n  }\r\n\r\n  .arc-about-hero__side-ring::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -2px;\r\n    left: 50%;\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--arc-gold);\r\n    box-shadow: 0 0 10px rgba(201,169,110,0.5);\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .arc-about-hero__side-ring--2 {\r\n    inset: 18px;\r\n    border-color: rgba(157,31,45,0.15);\r\n    animation-direction: reverse;\r\n    animation-duration: 22s;\r\n  }\r\n\r\n  .arc-about-hero__side-ring--2::before {\r\n    background: var(--arc-red);\r\n    box-shadow: 0 0 10px var(--arc-red-glow);\r\n  }\r\n\r\n  .arc-about-hero__side-ring--3 {\r\n    inset: 36px;\r\n    border-color: rgba(201,169,110,0.08);\r\n    border-style: dashed;\r\n    animation-duration: 16s;\r\n  }\r\n\r\n  .arc-about-hero__side-ring--3::before {\r\n    display: none;\r\n  }\r\n\r\n  @keyframes arcHeroRingSpin {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .arc-about-hero__side-badge {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .arc-about-hero__side-badge-text {\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-muted);\r\n  }\r\n\r\n  .arc-about-hero__side-badge-year {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    color: var(--arc-gold);\r\n    text-shadow: 0 0 20px rgba(201,169,110,0.3);\r\n  }\r\n\r\n  .arc-about-hero__scroll {\r\n    position: absolute;\r\n    bottom: 24px;\r\n    left: 50%;\r\n    z-index: 5;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n    opacity: 0;\r\n    transform: translateX(-50%) translateY(18px);\r\n  }\r\n\r\n  .arc-about-hero__scroll-track {\r\n    width: 1px;\r\n    height: 34px;\r\n    background: rgba(201,169,110,0.15);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-about-hero__scroll-thumb {\r\n    width: 100%;\r\n    height: 10px;\r\n    background: linear-gradient(to bottom, var(--arc-gold), rgba(201,169,110,0.25));\r\n    animation: arcScrollThumb 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcScrollThumb {\r\n    0% { transform: translateY(-12px); opacity: 0; }\r\n    30% { opacity: 1; }\r\n    100% { transform: translateY(34px); opacity: 0; }\r\n  }\r\n\r\n  .arc-about-hero__scroll-label {\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-muted);\r\n  }\r\n\r\n  .arc-about-hero__fade {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 90px;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    background: linear-gradient(to bottom, transparent, rgba(6,2,8,0.58));\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__eyebrow {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n    transition: opacity 0.85s var(--arc-ease-out) 0.18s, transform 0.85s var(--arc-ease-out) 0.18s;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__eyebrow-shimmer {\r\n    animation: arcEyebrowShimmerAnim 0.7s ease-out 1.1s forwards, arcEyebrowShimmerLoop 5s ease-in-out 3s infinite;\r\n  }\r\n\r\n  @keyframes arcEyebrowShimmerAnim {\r\n    to { left: 200%; }\r\n  }\r\n\r\n  @keyframes arcEyebrowShimmerLoop {\r\n    0% { left: -100%; }\r\n    100% { left: 200%; }\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-hero-title-word {\r\n    transform: translateY(0) rotateX(0deg);\r\n    opacity: 1;\r\n    transition:\r\n      transform 1s var(--arc-ease-out) calc(0.35s + var(--word-i) * 0.1s),\r\n      opacity 0.85s var(--arc-ease-out) calc(0.35s + var(--word-i) * 0.1s);\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__divider {\r\n    width: 118px;\r\n    transition: width 1.2s var(--arc-ease-out) 0.85s;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__text {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition: opacity 0.95s var(--arc-ease-out) 1s, transform 0.95s var(--arc-ease-out) 1s;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__actions {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition: opacity 0.95s var(--arc-ease-out) 1.15s, transform 0.95s var(--arc-ease-out) 1.15s;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__side {\r\n    opacity: 1;\r\n    transform: scale(1) rotate(0deg);\r\n    transition: opacity 1.1s var(--arc-ease-out) 0.85s, transform 1.1s var(--arc-ease-out) 0.85s;\r\n  }\r\n\r\n  .arc-about-hero.arc-hero-visible .arc-about-hero__scroll {\r\n    opacity: 1;\r\n    transform: translateX(-50%) translateY(0);\r\n    transition: opacity 0.8s var(--arc-ease-out) 1.55s, transform 0.8s var(--arc-ease-out) 1.55s;\r\n  }\r\n\r\n  @media (max-width: 1100px) {\r\n    .arc-about-hero__container {\r\n      max-width: 1120px;\r\n      padding: 88px 24px 72px;\r\n      gap: 30px;\r\n    }\r\n\r\n    .arc-about-hero__content {\r\n      max-width: 610px;\r\n    }\r\n\r\n    .arc-about-hero__side {\r\n      width: 145px;\r\n      height: 145px;\r\n    }\r\n\r\n    .arc-about-hero__side-badge-year {\r\n      font-size: 29px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-about-hero {\r\n      min-height: 470px;\r\n    }\r\n\r\n    .arc-about-hero__container {\r\n      padding: 84px 24px 70px;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 24px;\r\n    }\r\n\r\n    .arc-about-hero__content {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .arc-about-hero__title {\r\n      font-size: clamp(36px, 7.4vw, 58px);\r\n      line-height: 1;\r\n    }\r\n\r\n    .arc-about-hero__side {\r\n      display: none;\r\n    }\r\n\r\n    .arc-hero-vline--3 {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-about-hero {\r\n      min-height: auto;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-about-hero__overlay {\r\n      background: linear-gradient(\r\n        180deg,\r\n        rgba(4,2,6,0.95) 0%,\r\n        rgba(55,8,16,0.86) 42%,\r\n        rgba(8,12,22,0.82) 100%\r\n      );\r\n    }\r\n\r\n    .arc-about-hero__container {\r\n      padding: 78px 18px 64px;\r\n      align-items: center;\r\n    }\r\n\r\n    .arc-about-hero__content {\r\n      max-width: 100%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .arc-about-hero__eyebrow {\r\n      justify-content: center;\r\n      font-size: 9px;\r\n      letter-spacing: 0.16em;\r\n      padding: 10px 15px;\r\n      margin-bottom: 18px;\r\n    }\r\n\r\n    .arc-about-hero__title {\r\n      font-size: clamp(32px, 9.2vw, 50px);\r\n      line-height: 1.03;\r\n    }\r\n\r\n    .arc-about-hero__divider {\r\n      margin: 20px auto;\r\n    }\r\n\r\n    .arc-about-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.80);\r\n    }\r\n\r\n    .arc-about-hero__actions {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      width: 100%;\r\n    }\r\n\r\n    .arc-about-hero__btn {\r\n      width: 100%;\r\n      min-width: 100%;\r\n      min-height: 52px;\r\n      font-size: 13px;\r\n    }\r\n\r\n    .arc-about-hero__bg {\r\n      animation: none;\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    .arc-about-hero__scroll {\r\n      bottom: 18px;\r\n    }\r\n\r\n    .arc-about-hero__vlines,\r\n    .arc-about-hero__side {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-about-hero__container {\r\n      padding: 72px 14px 58px;\r\n    }\r\n\r\n    .arc-about-hero__title {\r\n      font-size: clamp(28px, 8.8vw, 42px);\r\n    }\r\n\r\n    .arc-about-hero__eyebrow {\r\n      font-size: 8px;\r\n      gap: 10px;\r\n      padding: 9px 13px;\r\n    }\r\n\r\n    .arc-about-hero__text {\r\n      font-size: 14px;\r\n    }\r\n\r\n    .arc-about-hero__scroll {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-about-hero *,\r\n    .arc-about-hero *::before,\r\n    .arc-about-hero *::after {\r\n      animation-duration: 0.01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n\r\n    .arc-about-hero .arc-about-hero__eyebrow,\r\n    .arc-about-hero .arc-hero-title-word,\r\n    .arc-about-hero .arc-about-hero__text,\r\n    .arc-about-hero .arc-about-hero__actions,\r\n    .arc-about-hero .arc-about-hero__side,\r\n    .arc-about-hero .arc-about-hero__scroll {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    .arc-about-hero .arc-about-hero__divider {\r\n      width: 118px !important;\r\n    }\r\n\r\n    .arc-about-hero .arc-about-hero__scroll {\r\n      transform: translateX(-50%) !important;\r\n    }\r\n\r\n    .arc-about-hero__bg {\r\n      transform: scale(1.04) !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  var heroSection = document.querySelector(\".arc-about-hero\");\r\n  if (!heroSection) return;\r\n\r\n  function activateHero() {\r\n    heroSection.classList.add(\"arc-hero-visible\");\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    var heroObserver = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          activateHero();\r\n          heroObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.15\r\n    });\r\n\r\n    heroObserver.observe(heroSection);\r\n  } else {\r\n    activateHero();\r\n  }\r\n\r\n  var reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  var isDesktop = window.innerWidth > 767;\r\n  var isLargeDesktop = window.innerWidth > 991;\r\n  var ticking = false;\r\n\r\n  function updateParallax() {\r\n    var rect = heroSection.getBoundingClientRect();\r\n    var sectionTop = rect.top;\r\n    var sectionHeight = rect.height;\r\n    var windowHeight = window.innerHeight;\r\n\r\n    if (sectionTop < windowHeight && sectionTop + sectionHeight > 0) {\r\n      var progress = (windowHeight - sectionTop) \/ (windowHeight + sectionHeight);\r\n      var bg = heroSection.querySelector(\".arc-about-hero__bg\");\r\n      var glow = heroSection.querySelector(\".arc-about-hero__glow\");\r\n\r\n      if (bg) {\r\n        var yShift = (progress - 0.5) * 18;\r\n        bg.style.transform = \"scale(1.08) translateY(\" + yShift + \"px)\";\r\n      }\r\n\r\n      if (glow) {\r\n        var glowShift = (progress - 0.5) * 10;\r\n        glow.style.transform = \"translateY(\" + glowShift + \"px)\";\r\n      }\r\n    }\r\n\r\n    ticking = false;\r\n  }\r\n\r\n  function onScroll() {\r\n    if (!ticking) {\r\n      requestAnimationFrame(updateParallax);\r\n      ticking = true;\r\n    }\r\n  }\r\n\r\n  if (isDesktop && !reducedMotion) {\r\n    window.addEventListener(\"scroll\", onScroll, { passive: true });\r\n  }\r\n\r\n  if (isLargeDesktop && !reducedMotion) {\r\n    heroSection.addEventListener(\"mousemove\", function (e) {\r\n      var rect = heroSection.getBoundingClientRect();\r\n      var x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n      var y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n      var glowEl = heroSection.querySelector(\".arc-about-hero__glow\");\r\n\r\n      if (glowEl) {\r\n        glowEl.style.background =\r\n          \"radial-gradient(ellipse 52% 60% at \" + (x * 0.24 + 8) + \"% \" + (y * 0.45 + 24) + \"%, rgba(157, 31, 45, 0.20), transparent),\" +\r\n          \"radial-gradient(ellipse 34% 34% at \" + x + \"% \" + y + \"%, rgba(201, 169, 110, 0.07), transparent),\" +\r\n          \"radial-gradient(ellipse 45% 35% at 50% 100%, rgba(157, 31, 45, 0.08), transparent)\";\r\n      }\r\n    });\r\n  }\r\n\r\n  var heroButtons = heroSection.querySelectorAll('a[href^=\"#\"]');\r\n  heroButtons.forEach(function (btn) {\r\n    btn.addEventListener(\"click\", function (e) {\r\n      var targetId = btn.getAttribute(\"href\");\r\n      if (targetId && targetId !== \"#\") {\r\n        var targetEl = document.querySelector(targetId);\r\n        if (targetEl) {\r\n          e.preventDefault();\r\n          targetEl.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n        }\r\n      }\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07fa743 e-con-full e-flex e-con e-parent\" data-id=\"07fa743\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e44b00 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8e44b00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\nARCOTIS - VISION \/ MISSION \/ VALUES\r\nPremium Animated Section\r\n========================= -->\r\n<section class=\"arc-vmv-section\" id=\"vision-mission-values\">\r\n  <!-- Background Effects -->\r\n  <div class=\"arc-vmv-bg\">\r\n    <div class=\"arc-vmv-bg__gradient\"><\/div>\r\n    <div class=\"arc-vmv-bg__pattern\"><\/div>\r\n    <div class=\"arc-vmv-bg__noise\"><\/div>\r\n    <div class=\"arc-vmv-bg__glow arc-vmv-bg__glow--1\"><\/div>\r\n    <div class=\"arc-vmv-bg__glow arc-vmv-bg__glow--2\"><\/div>\r\n    <div class=\"arc-vmv-bg__glow arc-vmv-bg__glow--3\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Floating Particles -->\r\n  <div class=\"arc-vmv-particles\" aria-hidden=\"true\">\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--1\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--2\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--3\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--4\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--5\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--6\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--7\"><\/span>\r\n    <span class=\"arc-vmv-particle arc-vmv-particle--8\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Geometric Decorations -->\r\n  <div class=\"arc-vmv-geo arc-vmv-geo--left\" aria-hidden=\"true\">\r\n    <div class=\"arc-vmv-geo__ring arc-vmv-geo__ring--1\"><\/div>\r\n    <div class=\"arc-vmv-geo__ring arc-vmv-geo__ring--2\"><\/div>\r\n    <div class=\"arc-vmv-geo__diamond\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"arc-vmv-geo arc-vmv-geo--right\" aria-hidden=\"true\">\r\n    <div class=\"arc-vmv-geo__ring arc-vmv-geo__ring--1\"><\/div>\r\n    <div class=\"arc-vmv-geo__ring arc-vmv-geo__ring--2\"><\/div>\r\n    <div class=\"arc-vmv-geo__diamond\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Corner Accents -->\r\n  <div class=\"arc-vmv-corner arc-vmv-corner--tl\" aria-hidden=\"true\">\r\n    <span class=\"arc-vmv-corner__h\"><\/span>\r\n    <span class=\"arc-vmv-corner__v\"><\/span>\r\n    <span class=\"arc-vmv-corner__dot\"><\/span>\r\n  <\/div>\r\n  <div class=\"arc-vmv-corner arc-vmv-corner--br\" aria-hidden=\"true\">\r\n    <span class=\"arc-vmv-corner__h\"><\/span>\r\n    <span class=\"arc-vmv-corner__v\"><\/span>\r\n    <span class=\"arc-vmv-corner__dot\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"arc-vmv-container\">\r\n    <!-- Section Header -->\r\n    <div class=\"arc-vmv-head arc-vmv-reveal\">\r\n      <div class=\"arc-vmv-eyebrow\">\r\n        <span class=\"arc-vmv-eyebrow__icon\">\r\n          <span class=\"arc-vmv-eyebrow__ring\"><\/span>\r\n          <span class=\"arc-vmv-eyebrow__ring arc-vmv-eyebrow__ring--inner\"><\/span>\r\n          <span class=\"arc-vmv-eyebrow__dot\"><\/span>\r\n        <\/span>\r\n        <span class=\"arc-vmv-eyebrow__text\">Vision \u00b7 Mission \u00b7 Values<\/span>\r\n        <span class=\"arc-vmv-eyebrow__line\"><\/span>\r\n        <span class=\"arc-vmv-eyebrow__year\">Since 2009<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"arc-vmv-title\">\r\n        <span class=\"arc-vmv-title__line arc-vmv-reveal\">The Principles That<\/span>\r\n        <span class=\"arc-vmv-title__line arc-vmv-reveal\"><em>Drive ARCOTIS Forward<\/em><\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"arc-vmv-divider arc-vmv-reveal\">\r\n        <span class=\"arc-vmv-divider__line\"><\/span>\r\n        <span class=\"arc-vmv-divider__ornament\">\r\n          <i class=\"arc-vmv-divider__diamond\"><\/i>\r\n          <i class=\"arc-vmv-divider__diamond arc-vmv-divider__diamond--center\"><\/i>\r\n          <i class=\"arc-vmv-divider__diamond\"><\/i>\r\n        <\/span>\r\n        <span class=\"arc-vmv-divider__line arc-vmv-divider__line--fade\"><\/span>\r\n      <\/div>\r\n\r\n      <p class=\"arc-vmv-intro arc-vmv-reveal\">\r\n        ARCOTIS is driven by a clear long-term vision, a performance-focused mission,\r\n        and a strong value system centered on <span class=\"arc-vmv-intro__highlight\">quality, integrity, safety, teamwork,<\/span>\r\n        and <span class=\"arc-vmv-intro__highlight\">client commitment<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Top Row: Vision & Mission -->\r\n    <div class=\"arc-vmv-top-grid\">\r\n      <!-- Vision Card -->\r\n      <div class=\"arc-vmv-card arc-vmv-card--vision arc-vmv-reveal\">\r\n        <div class=\"arc-vmv-card__glow\"><\/div>\r\n        <div class=\"arc-vmv-card__border\"><\/div>\r\n        <div class=\"arc-vmv-card__shimmer\"><\/div>\r\n        \r\n        <div class=\"arc-vmv-card__header\">\r\n          <div class=\"arc-vmv-card__icon\">\r\n            <div class=\"arc-vmv-card__icon-ring\"><\/div>\r\n            <div class=\"arc-vmv-card__icon-ring arc-vmv-card__icon-ring--inner\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"1\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-vmv-card__badge\">\r\n            <span class=\"arc-vmv-card__badge-dot\"><\/span>\r\n            Our Vision\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"arc-vmv-card__title\">\r\n          To Elevate Modern Living Through \r\n          <span class=\"arc-vmv-card__title-accent\">Reliable Vertical Mobility<\/span>\r\n        <\/h3>\r\n\r\n        <div class=\"arc-vmv-card__divider\">\r\n          <span><\/span><i><\/i><span><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"arc-vmv-card__text\">\r\n          To be recognized as a trusted leader in elevator and escalator solutions,\r\n          delivering innovation, engineering precision, and dependable service for\r\n          modern buildings across residential, commercial, and public sectors.\r\n        <\/p>\r\n\r\n        <div class=\"arc-vmv-card__footer\">\r\n          <div class=\"arc-vmv-card__stat\">\r\n            <span class=\"arc-vmv-card__stat-num\" data-count=\"500\">0<\/span>\r\n            <span class=\"arc-vmv-card__stat-label\">Projects<\/span>\r\n          <\/div>\r\n          <div class=\"arc-vmv-card__stat-sep\"><\/div>\r\n          <div class=\"arc-vmv-card__stat\">\r\n            <span class=\"arc-vmv-card__stat-num\" data-count=\"15\">0<\/span>\r\n            <span class=\"arc-vmv-card__stat-label\">Years<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Mission Card -->\r\n      <div class=\"arc-vmv-card arc-vmv-card--mission arc-vmv-reveal\">\r\n        <div class=\"arc-vmv-card__glow\"><\/div>\r\n        <div class=\"arc-vmv-card__border\"><\/div>\r\n        <div class=\"arc-vmv-card__shimmer\"><\/div>\r\n        \r\n        <div class=\"arc-vmv-card__header\">\r\n          <div class=\"arc-vmv-card__icon\">\r\n            <div class=\"arc-vmv-card__icon-ring\"><\/div>\r\n            <div class=\"arc-vmv-card__icon-ring arc-vmv-card__icon-ring--inner\"><\/div>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n              <path d=\"M12 3l7 3v5c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6l7-3Z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M9.5 12.5l1.6 1.6 3.8-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"arc-vmv-card__badge\">\r\n            <span class=\"arc-vmv-card__badge-dot\"><\/span>\r\n            Our Mission\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"arc-vmv-card__title\">\r\n          To Deliver Safe, High-Performance Systems with \r\n          <span class=\"arc-vmv-card__title-accent\">Lasting Support<\/span>\r\n        <\/h3>\r\n\r\n        <div class=\"arc-vmv-card__divider\">\r\n          <span><\/span><i><\/i><span><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"arc-vmv-card__text\">\r\n          To provide complete elevator, escalator, parking, and lift support solutions\r\n          through quality products, expert installation, technical excellence, responsive\r\n          maintenance, and long-term service commitment tailored to each project.\r\n        <\/p>\r\n\r\n        <div class=\"arc-vmv-card__footer\">\r\n          <div class=\"arc-vmv-card__stat\">\r\n            <span class=\"arc-vmv-card__stat-num\" data-count=\"100\">0<\/span>\r\n            <span class=\"arc-vmv-card__stat-label\">Quality %<\/span>\r\n          <\/div>\r\n          <div class=\"arc-vmv-card__stat-sep\"><\/div>\r\n          <div class=\"arc-vmv-card__stat\">\r\n            <span class=\"arc-vmv-card__stat-num\" data-count=\"24\">0<\/span>\r\n            <span class=\"arc-vmv-card__stat-label\">Support<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Values Section -->\r\n    <div class=\"arc-vmv-values arc-vmv-reveal\">\r\n      <div class=\"arc-vmv-values__glow\"><\/div>\r\n      <div class=\"arc-vmv-values__border\"><\/div>\r\n\r\n      <div class=\"arc-vmv-values__header\">\r\n        <div class=\"arc-vmv-values__badge\">\r\n          <span class=\"arc-vmv-values__badge-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 2l2.4 7.4H22l-6 4.4 2.3 7.2L12 17l-6.3 4 2.3-7.2-6-4.4h7.6L12 2z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          Core Values\r\n        <\/div>\r\n        \r\n        <h3 class=\"arc-vmv-values__title\">\r\n          What Defines the <em>ARCOTIS Standard<\/em>\r\n        <\/h3>\r\n        \r\n        <p class=\"arc-vmv-values__text\">\r\n          Every project is shaped by a culture of responsibility, craftsmanship,\r\n          technical discipline, and respect for client expectations.\r\n        <\/p>\r\n\r\n        <div class=\"arc-vmv-values__divider\">\r\n          <span><\/span><i><\/i><span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-vmv-values__grid\">\r\n        <!-- Value 1 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>01<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Commitment<\/h4>\r\n            <p>We stay dedicated to project goals, client satisfaction, and dependable execution.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Value 2 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>02<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Integrity<\/h4>\r\n            <p>We work with transparency, accountability, and professional honesty at every stage.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Value 3 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>03<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Quality<\/h4>\r\n            <p>We uphold high standards in products, installation, maintenance, and technical support.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 2l2.4 7.4H22l-6 4.4 2.3 7.2L12 17l-6.3 4 2.3-7.2-6-4.4h7.6L12 2z\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Value 4 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>04<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Safety<\/h4>\r\n            <p>We prioritize secure systems, careful execution, and responsible operational performance.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M12 8v4l2 2\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Value 5 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>05<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Teamwork<\/h4>\r\n            <p>We believe strong coordination and shared expertise lead to stronger project outcomes.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"9\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <circle cx=\"15\" cy=\"7\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n              <path d=\"M3 21v-2a4 4 0 014-4h10a4 4 0 014 4v2\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Value 6 -->\r\n        <div class=\"arc-vmv-value arc-vmv-reveal\">\r\n          <div class=\"arc-vmv-value__glow\"><\/div>\r\n          <div class=\"arc-vmv-value__shimmer\"><\/div>\r\n          <div class=\"arc-vmv-value__num\">\r\n            <span>06<\/span>\r\n            <div class=\"arc-vmv-value__num-ring\"><\/div>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__content\">\r\n            <h4>Growth & Innovation<\/h4>\r\n            <p>We continuously improve through learning, adaptation, and forward-looking engineering.<\/p>\r\n          <\/div>\r\n          <div class=\"arc-vmv-value__icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Bottom CTA -->\r\n    <div class=\"arc-vmv-cta arc-vmv-reveal\">\r\n      <div class=\"arc-vmv-cta__content\">\r\n        <h4 class=\"arc-vmv-cta__title\">Ready to Experience the ARCOTIS Difference?<\/h4>\r\n        <p class=\"arc-vmv-cta__text\">Let us bring our vision, mission, and values to your next project.<\/p>\r\n      <\/div>\r\n      <a href=\"https:\/\/arcotiselevators.com\/contact-us\/\" class=\"arc-vmv-cta__btn\">\r\n        <span class=\"arc-vmv-cta__btn-text\">Start Your Project<\/span>\r\n        <span class=\"arc-vmv-cta__btn-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        <span class=\"arc-vmv-cta__btn-shimmer\"><\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== BASE STYLES ===== *\/\r\n  .arc-vmv-section,\r\n  .arc-vmv-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .arc-vmv-section {\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-gold-pale: #f5ecd7;\r\n    --arc-text: #111111;\r\n    --arc-text-soft: #333333;\r\n    --arc-text-muted: #666666;\r\n    --arc-white: #ffffff;\r\n    --arc-off-white: #fdfbf9;\r\n    --arc-cream: #fffaf7;\r\n    --arc-shadow-soft: 0 20px 50px rgba(18, 12, 14, 0.06);\r\n    --arc-shadow-medium: 0 30px 70px rgba(18, 12, 14, 0.10);\r\n    --arc-shadow-strong: 0 40px 90px rgba(18, 12, 14, 0.14);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 140px 0;\r\n    background: var(--arc-white);\r\n    overflow: hidden;\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-vmv-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .arc-vmv-bg__gradient {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 80% 60% at 10% 20%, rgba(157,31,45,0.04), transparent 50%),\r\n      radial-gradient(ellipse 60% 50% at 90% 80%, rgba(201,169,110,0.05), transparent 50%),\r\n      radial-gradient(ellipse 50% 40% at 50% 50%, rgba(157,31,45,0.02), transparent 60%);\r\n  }\r\n\r\n  .arc-vmv-bg__pattern {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.025;\r\n    background-image:\r\n      linear-gradient(rgba(157,31,45,0.3) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(157,31,45,0.3) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 0%, transparent 70%);\r\n    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 0%, transparent 70%);\r\n  }\r\n\r\n  .arc-vmv-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  .arc-vmv-bg__glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(80px);\r\n    animation: arcVmvGlowFloat 20s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-vmv-bg__glow--1 {\r\n    width: 400px;\r\n    height: 400px;\r\n    top: 10%;\r\n    left: 5%;\r\n    background: rgba(157,31,45,0.06);\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .arc-vmv-bg__glow--2 {\r\n    width: 350px;\r\n    height: 350px;\r\n    top: 60%;\r\n    right: 10%;\r\n    background: rgba(201,169,110,0.08);\r\n    animation-delay: -7s;\r\n  }\r\n\r\n  .arc-vmv-bg__glow--3 {\r\n    width: 300px;\r\n    height: 300px;\r\n    bottom: 20%;\r\n    left: 40%;\r\n    background: rgba(157,31,45,0.04);\r\n    animation-delay: -14s;\r\n  }\r\n\r\n  @keyframes arcVmvGlowFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.6; }\r\n    33% { transform: translate(30px, -20px) scale(1.1); opacity: 0.8; }\r\n    66% { transform: translate(-20px, 30px) scale(0.9); opacity: 0.5; }\r\n  }\r\n\r\n  \/* ===== FLOATING PARTICLES ===== *\/\r\n  .arc-vmv-particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-vmv-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    animation: arcVmvParticleFloat 25s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-vmv-particle--1 {\r\n    width: 6px;\r\n    height: 6px;\r\n    top: 12%;\r\n    left: 8%;\r\n    background: radial-gradient(circle, var(--arc-gold), transparent);\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .arc-vmv-particle--2 {\r\n    width: 4px;\r\n    height: 4px;\r\n    top: 28%;\r\n    right: 12%;\r\n    background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n    animation-delay: -3s;\r\n  }\r\n\r\n  .arc-vmv-particle--3 {\r\n    width: 5px;\r\n    height: 5px;\r\n    top: 55%;\r\n    left: 5%;\r\n    background: radial-gradient(circle, var(--arc-gold-light), transparent);\r\n    animation-delay: -6s;\r\n  }\r\n\r\n  .arc-vmv-particle--4 {\r\n    width: 7px;\r\n    height: 7px;\r\n    top: 70%;\r\n    right: 8%;\r\n    background: radial-gradient(circle, var(--arc-gold), transparent);\r\n    animation-delay: -9s;\r\n  }\r\n\r\n  .arc-vmv-particle--5 {\r\n    width: 4px;\r\n    height: 4px;\r\n    top: 85%;\r\n    left: 15%;\r\n    background: radial-gradient(circle, var(--arc-red-light), transparent);\r\n    animation-delay: -12s;\r\n  }\r\n\r\n  .arc-vmv-particle--6 {\r\n    width: 5px;\r\n    height: 5px;\r\n    top: 40%;\r\n    right: 20%;\r\n    background: radial-gradient(circle, var(--arc-gold-light), transparent);\r\n    animation-delay: -15s;\r\n  }\r\n\r\n  .arc-vmv-particle--7 {\r\n    width: 3px;\r\n    height: 3px;\r\n    top: 20%;\r\n    left: 45%;\r\n    background: radial-gradient(circle, var(--arc-red), transparent);\r\n    animation-delay: -18s;\r\n  }\r\n\r\n  .arc-vmv-particle--8 {\r\n    width: 6px;\r\n    height: 6px;\r\n    bottom: 15%;\r\n    right: 35%;\r\n    background: radial-gradient(circle, var(--arc-gold), transparent);\r\n    animation-delay: -21s;\r\n  }\r\n\r\n  @keyframes arcVmvParticleFloat {\r\n    0%, 100% { \r\n      transform: translate(0, 0) scale(1); \r\n      opacity: 0.3;\r\n    }\r\n    25% { \r\n      transform: translate(20px, -30px) scale(1.2); \r\n      opacity: 0.7;\r\n    }\r\n    50% { \r\n      transform: translate(-15px, -50px) scale(0.8); \r\n      opacity: 0.4;\r\n    }\r\n    75% { \r\n      transform: translate(25px, -20px) scale(1.1); \r\n      opacity: 0.6;\r\n    }\r\n  }\r\n\r\n  \/* ===== GEOMETRIC DECORATIONS ===== *\/\r\n  .arc-vmv-geo {\r\n    position: absolute;\r\n    width: 200px;\r\n    height: 200px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.08;\r\n  }\r\n\r\n  .arc-vmv-geo--left {\r\n    left: 3%;\r\n    top: 30%;\r\n  }\r\n\r\n  .arc-vmv-geo--right {\r\n    right: 3%;\r\n    bottom: 25%;\r\n  }\r\n\r\n  .arc-vmv-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-vmv-geo__ring--1 {\r\n    width: 180px;\r\n    height: 180px;\r\n    transform: translate(-50%, -50%);\r\n    animation: arcVmvGeoSpin 60s linear infinite;\r\n  }\r\n\r\n  .arc-vmv-geo__ring--2 {\r\n    width: 120px;\r\n    height: 120px;\r\n    transform: translate(-50%, -50%);\r\n    animation: arcVmvGeoSpin 45s linear infinite reverse;\r\n  }\r\n\r\n  .arc-vmv-geo__diamond {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: translate(-50%, -50%) rotate(45deg);\r\n    animation: arcVmvDiamondPulse 8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvGeoSpin {\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 arcVmvDiamondPulse {\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.15); opacity: 0.5; }\r\n  }\r\n\r\n  \/* ===== CORNER ACCENTS ===== *\/\r\n  .arc-vmv-corner {\r\n    position: absolute;\r\n    width: 80px;\r\n    height: 80px;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    opacity: 0.15;\r\n  }\r\n\r\n  .arc-vmv-corner--tl {\r\n    top: 40px;\r\n    left: 40px;\r\n  }\r\n\r\n  .arc-vmv-corner--br {\r\n    bottom: 40px;\r\n    right: 40px;\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .arc-vmv-corner__h {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 50px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-vmv-corner__v {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 1px;\r\n    height: 50px;\r\n    background: linear-gradient(180deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-vmv-corner__dot {\r\n    position: absolute;\r\n    top: 15px;\r\n    left: 15px;\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: rotate(45deg);\r\n    animation: arcVmvCornerPulse 3s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvCornerPulse {\r\n    0%, 100% { opacity: 0.5; transform: rotate(45deg) scale(1); }\r\n    50% { opacity: 1; transform: rotate(45deg) scale(1.2); }\r\n  }\r\n\r\n  \/* ===== CONTAINER ===== *\/\r\n  .arc-vmv-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    padding: 0 32px;\r\n  }\r\n\r\n  \/* ===== SECTION HEADER ===== *\/\r\n  .arc-vmv-head {\r\n    max-width: 900px;\r\n    margin: 0 auto 70px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-vmv-eyebrow {\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    border: 1px solid rgba(201,169,110,0.25);\r\n    border-radius: 100px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.08), rgba(157,31,45,0.03));\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-vmv-eyebrow__icon {\r\n    position: relative;\r\n    width: 28px;\r\n    height: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .arc-vmv-eyebrow__ring {\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 1px solid var(--arc-gold);\r\n    border-radius: 50%;\r\n    animation: arcVmvRingPulse 3s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-vmv-eyebrow__ring--inner {\r\n    inset: 5px;\r\n    animation-delay: 0.3s;\r\n  }\r\n\r\n  @keyframes arcVmvRingPulse {\r\n    0%, 100% { opacity: 0.3; transform: scale(1); }\r\n    50% { opacity: 0.8; transform: scale(1.05); }\r\n  }\r\n\r\n  .arc-vmv-eyebrow__dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--arc-red);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 15px var(--arc-red-light);\r\n    animation: arcVmvDotGlow 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvDotGlow {\r\n    0%, 100% { box-shadow: 0 0 8px var(--arc-red-light); }\r\n    50% { box-shadow: 0 0 20px var(--arc-red-light), 0 0 35px rgba(157,31,45,0.4); }\r\n  }\r\n\r\n  .arc-vmv-eyebrow__text {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-vmv-eyebrow__line {\r\n    width: 1px;\r\n    height: 16px;\r\n    background: linear-gradient(180deg, transparent, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-vmv-eyebrow__year {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    font-style: italic;\r\n    color: var(--arc-text-muted);\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  \/* Title *\/\r\n  .arc-vmv-title {\r\n    margin: 0 0 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 4.5vw, 68px);\r\n    line-height: 1.05;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-vmv-title__line {\r\n    display: block;\r\n  }\r\n\r\n  .arc-vmv-title em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    background: linear-gradient(135deg, var(--arc-gold) 0%, var(--arc-gold-light) 50%, var(--arc-gold) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  \/* Divider *\/\r\n  .arc-vmv-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 14px;\r\n    margin: 28px auto;\r\n    width: 200px;\r\n  }\r\n\r\n  .arc-vmv-divider__line {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--arc-gold), rgba(201,169,110,0.2));\r\n    position: relative;\r\n  }\r\n\r\n  .arc-vmv-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: arcVmvDividerDotPulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvDividerDotPulse {\r\n    0%, 100% { transform: scale(1); opacity: 1; }\r\n    50% { transform: scale(1.3); opacity: 0.6; }\r\n  }\r\n\r\n  .arc-vmv-divider__line--fade {\r\n    background: linear-gradient(90deg, rgba(201,169,110,0.2), transparent);\r\n  }\r\n\r\n  .arc-vmv-divider__line--fade::after {\r\n    display: none;\r\n  }\r\n\r\n  .arc-vmv-divider__ornament {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n  }\r\n\r\n  .arc-vmv-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    transition: all 0.3s ease;\r\n  }\r\n\r\n  .arc-vmv-divider__diamond--center {\r\n    width: 9px;\r\n    height: 9px;\r\n    background: var(--arc-gold);\r\n    border: none;\r\n    animation: arcVmvCenterDiamondPulse 3s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvCenterDiamondPulse {\r\n    0%, 100% { transform: rotate(45deg) scale(1); }\r\n    50% { transform: rotate(45deg) scale(1.15); }\r\n  }\r\n\r\n  \/* Intro *\/\r\n  .arc-vmv-intro {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n    font-size: clamp(16px, 1.2vw, 18px);\r\n    line-height: 1.85;\r\n    font-weight: 400;\r\n    color: var(--arc-text-soft);\r\n  }\r\n\r\n  .arc-vmv-intro__highlight {\r\n    color: var(--arc-text);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ===== TOP GRID (VISION & MISSION) ===== *\/\r\n  .arc-vmv-top-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  \/* Cards *\/\r\n  .arc-vmv-card {\r\n    position: relative;\r\n    padding: 40px 36px 36px;\r\n    border-radius: 28px;\r\n    background: linear-gradient(180deg, var(--arc-white) 0%, var(--arc-cream) 100%);\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow-soft);\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .arc-vmv-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: var(--arc-shadow-strong);\r\n    border-color: rgba(201,169,110,0.3);\r\n  }\r\n\r\n  .arc-vmv-card__glow {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle at center, rgba(201,169,110,0.08), transparent 40%);\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-vmv-card:hover .arc-vmv-card__glow {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-vmv-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.3), 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  }\r\n\r\n  .arc-vmv-card:hover .arc-vmv-card__border {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-vmv-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    animation: arcVmvCardShimmer 8s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes arcVmvCardShimmer {\r\n    0% { left: -150%; }\r\n    15%, 100% { left: 150%; }\r\n  }\r\n\r\n  \/* Left accent line *\/\r\n  .arc-vmv-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background: linear-gradient(180deg, var(--arc-red) 0%, var(--arc-gold) 100%);\r\n    border-radius: 4px 0 0 4px;\r\n  }\r\n\r\n  .arc-vmv-card__header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .arc-vmv-card__icon {\r\n    position: relative;\r\n    width: 72px;\r\n    height: 72px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 22px;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.12));\r\n    border: 1px solid rgba(201,169,110,0.2);\r\n    color: var(--arc-red);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .arc-vmv-card:hover .arc-vmv-card__icon {\r\n    transform: scale(1.05);\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.12), rgba(201,169,110,0.18));\r\n    box-shadow: 0 10px 30px rgba(157,31,45,0.15);\r\n  }\r\n\r\n  .arc-vmv-card__icon-ring {\r\n    position: absolute;\r\n    inset: -4px;\r\n    border: 1px solid rgba(201,169,110,0.3);\r\n    border-radius: 26px;\r\n    animation: arcVmvIconRingPulse 4s ease-in-out infinite;\r\n  }\r\n\r\n  .arc-vmv-card__icon-ring--inner {\r\n    inset: -8px;\r\n    border-radius: 30px;\r\n    animation-delay: 0.5s;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  @keyframes arcVmvIconRingPulse {\r\n    0%, 100% { opacity: 0.3; transform: scale(1); }\r\n    50% { opacity: 0.6; transform: scale(1.05); }\r\n  }\r\n\r\n  .arc-vmv-card__icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .arc-vmv-card:hover .arc-vmv-card__icon svg {\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .arc-vmv-card__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 14px;\r\n    border-radius: 100px;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.1));\r\n    border: 1px solid rgba(201,169,110,0.2);\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-red);\r\n  }\r\n\r\n  .arc-vmv-card__badge-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: var(--arc-red);\r\n    border-radius: 50%;\r\n    animation: arcVmvBadgeDotPulse 2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvBadgeDotPulse {\r\n    0%, 100% { opacity: 0.5; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.3); }\r\n  }\r\n\r\n  .arc-vmv-card__title {\r\n    margin: 0 0 18px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(26px, 2vw, 36px);\r\n    line-height: 1.15;\r\n    font-weight: 600;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-vmv-card__title-accent {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n  }\r\n\r\n  .arc-vmv-card__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 18px;\r\n    width: 100px;\r\n  }\r\n\r\n  .arc-vmv-card__divider span {\r\n    flex: 1;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, var(--arc-gold), transparent);\r\n  }\r\n\r\n  .arc-vmv-card__divider span:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-vmv-card__divider i {\r\n    width: 5px;\r\n    height: 5px;\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-vmv-card__text {\r\n    margin: 0 0 24px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: var(--arc-text-soft);\r\n  }\r\n\r\n  .arc-vmv-card__footer {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-vmv-card__stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n  }\r\n\r\n  .arc-vmv-card__stat-num {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 32px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    background: linear-gradient(135deg, var(--arc-red) 0%, var(--arc-gold) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .arc-vmv-card__stat-label {\r\n    font-size: 10px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-text-muted);\r\n  }\r\n\r\n  .arc-vmv-card__stat-sep {\r\n    width: 1px;\r\n    height: 40px;\r\n    background: linear-gradient(180deg, transparent, rgba(201,169,110,0.3), transparent);\r\n  }\r\n\r\n  \/* ===== VALUES SECTION ===== *\/\r\n  .arc-vmv-values {\r\n    position: relative;\r\n    padding: 48px 44px;\r\n    border-radius: 32px;\r\n    background: linear-gradient(180deg, var(--arc-white) 0%, var(--arc-cream) 100%);\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow-soft);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-vmv-values__glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold), transparent);\r\n    box-shadow: 0 0 30px rgba(201,169,110,0.5);\r\n  }\r\n\r\n  .arc-vmv-values__border {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 32px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-vmv-values__border::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 10%;\r\n    right: 10%;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(201,169,110,0.4), transparent);\r\n  }\r\n\r\n  .arc-vmv-values__header {\r\n    max-width: 700px;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .arc-vmv-values__badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 18px;\r\n    border-radius: 100px;\r\n    margin-bottom: 18px;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.12));\r\n    border: 1px solid rgba(201,169,110,0.2);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-vmv-values__badge-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--arc-gold);\r\n  }\r\n\r\n  .arc-vmv-values__badge-icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .arc-vmv-values__title {\r\n    margin: 0 0 14px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(30px, 2.8vw, 48px);\r\n    line-height: 1.1;\r\n    font-weight: 600;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-vmv-values__title em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    color: var(--arc-gold);\r\n  }\r\n\r\n  .arc-vmv-values__text {\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    color: var(--arc-text-soft);\r\n    margin: 0;\r\n  }\r\n\r\n  .arc-vmv-values__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-top: 24px;\r\n    width: 120px;\r\n  }\r\n\r\n  .arc-vmv-values__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-vmv-values__divider span:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-vmv-values__divider i {\r\n    width: 5px;\r\n    height: 5px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: rotate(45deg);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Values Grid *\/\r\n  .arc-vmv-values__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Individual Value *\/\r\n  .arc-vmv-value {\r\n    position: relative;\r\n    padding: 28px 24px;\r\n    border-radius: 24px;\r\n    background: var(--arc-white);\r\n    border: 1px solid rgba(157,31,45,0.06);\r\n    box-shadow: 0 12px 35px rgba(18,12,14,0.04);\r\n    overflow: hidden;\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .arc-vmv-value:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 25px 60px rgba(18,12,14,0.12);\r\n    border-color: rgba(201,169,110,0.25);\r\n  }\r\n\r\n  .arc-vmv-value__glow {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, var(--arc-red), var(--arc-gold));\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__glow {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .arc-vmv-value__shimmer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -150%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\r\n    transform: skewX(-20deg);\r\n    transition: left 0.8s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__shimmer {\r\n    left: 150%;\r\n  }\r\n\r\n  .arc-vmv-value__num {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 58px;\r\n    height: 58px;\r\n    margin-bottom: 18px;\r\n    border-radius: 50%;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.1), rgba(201,169,110,0.15));\r\n    border: 1px solid rgba(201,169,110,0.2);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__num {\r\n    transform: scale(1.1);\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.15), rgba(201,169,110,0.22));\r\n    box-shadow: 0 8px 25px rgba(157,31,45,0.12);\r\n  }\r\n\r\n  .arc-vmv-value__num span {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-vmv-value__num-ring {\r\n    position: absolute;\r\n    inset: -5px;\r\n    border: 1px solid rgba(201,169,110,0.25);\r\n    border-radius: 50%;\r\n    opacity: 0;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__num-ring {\r\n    opacity: 1;\r\n    inset: -8px;\r\n  }\r\n\r\n  .arc-vmv-value__content h4 {\r\n    margin: 0 0 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 26px;\r\n    line-height: 1.15;\r\n    font-weight: 600;\r\n    color: var(--arc-text);\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__content h4 {\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-vmv-value__content p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    color: var(--arc-text-soft);\r\n  }\r\n\r\n  .arc-vmv-value__icon {\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 24px;\r\n    width: 24px;\r\n    height: 24px;\r\n    color: var(--arc-gold);\r\n    opacity: 0.2;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .arc-vmv-value:hover .arc-vmv-value__icon {\r\n    opacity: 0.5;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .arc-vmv-value__icon svg {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  \/* ===== CTA SECTION ===== *\/\r\n  .arc-vmv-cta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 30px;\r\n    margin-top: 50px;\r\n    padding: 36px 44px;\r\n    border-radius: 24px;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.04), rgba(201,169,110,0.06));\r\n    border: 1px solid rgba(201,169,110,0.15);\r\n  }\r\n\r\n  .arc-vmv-cta__content {\r\n    flex: 1;\r\n  }\r\n\r\n  .arc-vmv-cta__title {\r\n    margin: 0 0 8px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(22px, 2vw, 30px);\r\n    font-weight: 600;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-vmv-cta__text {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    color: var(--arc-text-soft);\r\n  }\r\n\r\n  .arc-vmv-cta__btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-width: 200px;\r\n    height: 58px;\r\n    padding: 0 32px;\r\n    border-radius: 100px;\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.1);\r\n    color: var(--arc-white);\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    box-shadow: 0 15px 40px rgba(157,31,45,0.25);\r\n    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .arc-vmv-cta__btn:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 25px 60px rgba(157,31,45,0.35);\r\n  }\r\n\r\n  .arc-vmv-cta__btn-text,\r\n  .arc-vmv-cta__btn-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .arc-vmv-cta__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-vmv-cta__btn:hover .arc-vmv-cta__btn-icon {\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .arc-vmv-cta__btn-icon svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .arc-vmv-cta__btn-shimmer {\r\n    position: absolute;\r\n    top: 0;\r\n    left: -150%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\r\n    transform: skewX(-20deg);\r\n    animation: arcVmvBtnShimmer 5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcVmvBtnShimmer {\r\n    0% { left: -150%; }\r\n    20%, 100% { left: 150%; }\r\n  }\r\n\r\n  \/* ===== REVEAL ANIMATIONS ===== *\/\r\n  .arc-vmv-reveal {\r\n    opacity: 0;\r\n    transform: translateY(50px);\r\n    transition: \r\n      opacity 1s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 1s cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-vmv-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* Staggered title lines *\/\r\n  .arc-vmv-title__line.arc-vmv-reveal {\r\n    display: block;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1200px) {\r\n    .arc-vmv-section {\r\n      padding: 110px 0;\r\n    }\r\n\r\n    .arc-vmv-container {\r\n      padding: 0 28px;\r\n    }\r\n\r\n    .arc-vmv-geo {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .arc-vmv-top-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-vmv-values__grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .arc-vmv-values {\r\n      padding: 36px 32px;\r\n    }\r\n\r\n    .arc-vmv-cta {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      padding: 32px 28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .arc-vmv-section {\r\n      padding: 80px 0;\r\n    }\r\n\r\n    .arc-vmv-container {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .arc-vmv-head {\r\n      margin-bottom: 50px;\r\n    }\r\n\r\n    .arc-vmv-eyebrow {\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      padding: 12px 18px;\r\n      gap: 10px;\r\n    }\r\n\r\n    .arc-vmv-eyebrow__text {\r\n      font-size: 9px;\r\n    }\r\n\r\n    .arc-vmv-title {\r\n      font-size: clamp(32px, 8vw, 48px);\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-vmv-divider {\r\n      width: 160px;\r\n    }\r\n\r\n    .arc-vmv-intro {\r\n      font-size: 15px;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-vmv-card {\r\n      padding: 30px 24px;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-vmv-card__header {\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 16px;\r\n    }\r\n\r\n    .arc-vmv-card__divider {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-vmv-card__footer {\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-vmv-values {\r\n      padding: 28px 22px;\r\n    }\r\n\r\n    .arc-vmv-values__header {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-vmv-values__badge {\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-vmv-values__title {\r\n      font-size: clamp(26px, 7vw, 38px);\r\n    }\r\n\r\n    .arc-vmv-values__divider {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-vmv-values__grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-vmv-value {\r\n      text-align: center;\r\n      padding: 24px 20px;\r\n    }\r\n\r\n    .arc-vmv-value__num {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .arc-vmv-value__icon {\r\n      display: none;\r\n    }\r\n\r\n    .arc-vmv-corner {\r\n      display: none;\r\n    }\r\n\r\n    .arc-vmv-cta__btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-vmv-container {\r\n      padding: 0 16px;\r\n    }\r\n\r\n    .arc-vmv-title {\r\n      font-size: clamp(28px, 7.5vw, 40px);\r\n    }\r\n\r\n    .arc-vmv-card {\r\n      padding: 24px 18px;\r\n    }\r\n\r\n    .arc-vmv-card__title {\r\n      font-size: clamp(22px, 6vw, 30px);\r\n    }\r\n\r\n    .arc-vmv-values {\r\n      padding: 24px 18px;\r\n    }\r\n\r\n    .arc-vmv-values__title {\r\n      font-size: clamp(22px, 6vw, 32px);\r\n    }\r\n\r\n    .arc-vmv-value__content h4 {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-vmv-bg__glow,\r\n    .arc-vmv-particle,\r\n    .arc-vmv-geo__ring,\r\n    .arc-vmv-geo__diamond,\r\n    .arc-vmv-corner__dot,\r\n    .arc-vmv-eyebrow__ring,\r\n    .arc-vmv-eyebrow__dot,\r\n    .arc-vmv-divider__line::after,\r\n    .arc-vmv-divider__diamond--center,\r\n    .arc-vmv-card__shimmer,\r\n    .arc-vmv-card__icon-ring,\r\n    .arc-vmv-card__badge-dot,\r\n    .arc-vmv-value__shimmer,\r\n    .arc-vmv-cta__btn-shimmer,\r\n    .arc-vmv-reveal {\r\n      animation: none !important;\r\n      transition: none !important;\r\n    }\r\n\r\n    .arc-vmv-reveal {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n\r\n    .arc-vmv-card,\r\n    .arc-vmv-value,\r\n    .arc-vmv-cta__btn {\r\n      transition: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/\/ Intersection Observer for reveal animations\r\n    const revealElements = document.querySelectorAll('.arc-vmv-reveal');\r\n    \r\n    if (revealElements.length) {\r\n      const revealObserver = new IntersectionObserver(function(entries) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n            revealObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -60px 0px'\r\n      });\r\n\r\n      revealElements.forEach(function(el, index) {\r\n        \/\/ Staggered delay\r\n        el.style.transitionDelay = (index % 8) * 0.08 + 's';\r\n        revealObserver.observe(el);\r\n      });\r\n    }\r\n\r\n    \/\/ Animated number counter\r\n    const counterElements = document.querySelectorAll('.arc-vmv-card__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 = 2000;\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 + (target === 100 ? '%' : target === 24 ? '\/7' : '+');\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    \/\/ Parallax effect for particles (subtle)\r\n    const particles = document.querySelectorAll('.arc-vmv-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 section = document.querySelector('.arc-vmv-section');\r\n            \r\n            if (section) {\r\n              const rect = section.getBoundingClientRect();\r\n              const sectionTop = rect.top + scrollY;\r\n              const relativeScroll = scrollY - sectionTop;\r\n              \r\n              particles.forEach(function(particle, index) {\r\n                const speed = 0.02 + (index * 0.008);\r\n                const yOffset = relativeScroll * speed;\r\n                particle.style.transform = `translateY(${yOffset}px)`;\r\n              });\r\n            }\r\n            \r\n            ticking = false;\r\n          });\r\n          \r\n          ticking = true;\r\n        }\r\n      });\r\n    }\r\n\r\n    \/\/ Mouse move effect for cards (premium interaction)\r\n    const cards = document.querySelectorAll('.arc-vmv-card');\r\n    \r\n    cards.forEach(function(card) {\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        const glow = card.querySelector('.arc-vmv-card__glow');\r\n        if (glow) {\r\n          glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(201,169,110,0.12), transparent 50%)`;\r\n        }\r\n      });\r\n      \r\n      card.addEventListener('mouseleave', function() {\r\n        const glow = card.querySelector('.arc-vmv-card__glow');\r\n        if (glow) {\r\n          glow.style.background = '';\r\n        }\r\n      });\r\n    });\r\n\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d56006 e-con-full e-flex e-con e-parent\" data-id=\"4d56006\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6591833 elementor-widget__width-inherit elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6591833\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01ca49c e-con-full e-flex e-con e-parent\" data-id=\"01ca49c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef3155 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6ef3155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nARCOTIS - SELECTED PROJECTS \/ PARTNERS & CERTIFICATIONS\r\nPremium white-theme section set\r\nReplace all image URLs with your real WordPress media URLs\r\n========================================================= -->\r\n\r\n<section class=\"arc-next-premium-sections\">\r\n\r\n  <!-- =========================\r\n  SELECTED PROJECTS\r\n  ========================== -->\r\n  <section class=\"arc-sp-section arc-sp-projects\" id=\"selected-projects\">\r\n    <div class=\"arc-sp-container\">\r\n\r\n      <div class=\"arc-sp-head arc-fade-block\">\r\n        <div class=\"arc-sp-eyebrow arc-fade-item\">\r\n          <span class=\"arc-sp-dot\"><\/span>\r\n          Selected Projects\r\n        <\/div>\r\n\r\n        <h2 class=\"arc-sp-title arc-fade-item\">\r\n          Proven Across Villas, Buildings,<br>\r\n          <em>Retail & Public Spaces<\/em>\r\n        <\/h2>\r\n\r\n        <div class=\"arc-sp-divider arc-fade-item\">\r\n          <span><\/span><i><\/i><span><\/span>\r\n        <\/div>\r\n\r\n        <p class=\"arc-sp-intro arc-fade-item\">\r\n          A curated showcase of ARCOTIS installations across premium villas, residential buildings,\r\n          commercial spaces, community centers, escalator environments, parking lift systems, and\r\n          specialized projects across Dubai, Sharjah, Ajman, Abu Dhabi, and Fujairah.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"arc-projects-layout arc-fade-block\">\r\n\r\n        <!-- Featured Project -->\r\n        <article class=\"arc-project-feature arc-fade-item\">\r\n          <div class=\"arc-project-feature__image\">\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture6-scaled-e1774333345384.png\" alt=\"ARCOTIS featured project\">\r\n            <div class=\"arc-project-feature__overlay\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"arc-project-feature__content\">\r\n            <span class=\"arc-project-badge\">Featured Installation<\/span>\r\n            <h3 style=\"color:white\">Villa at Al Rahmanya 7 \u2013 Sharjah<\/h3>\r\n            <p>\r\n              Premium panoramic lift installation for a high-end villa project, reflecting\r\n              ARCOTIS capability in luxury residential vertical mobility.\r\n            <\/p>\r\n            <div class=\"arc-project-meta\">\r\n              <span>Dubai<\/span>\r\n              <span>Panoramic Lift<\/span>\r\n              <span>Villa Project<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <!-- Right Cards -->\r\n     <div class=\"arc-project-stack\">\r\n\r\n  <article class=\"arc-project-card arc-fade-item\">\r\n    <div class=\"arc-project-card__img\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture5-e1774333541690.png\" alt=\"Damac Hills home elevator project\">\r\n    <\/div>\r\n    <div class=\"arc-project-card__body\">\r\n      <h4>Villa at Jumirah Park \u2013 Dubai<\/h4>\r\n      <p>Hydraulic home elevator solution for a luxury villa installation.<\/p>\r\n      <div class=\"arc-project-card__tags\">\r\n        <span>Dubai<\/span>\r\n        <span>Home Lift<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <article class=\"arc-project-card arc-fade-item\">\r\n    <div class=\"arc-project-card__img\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/retails-scaled-e1774333671662.png\" alt=\"Escalator project\">\r\n    <\/div>\r\n    <div class=\"arc-project-card__body\">\r\n      <h4>Retail Escalator Works<\/h4>\r\n      <p>Escalator installations for public-facing commercial environments.<\/p>\r\n      <div class=\"arc-project-card__tags\">\r\n        <span>Retail<\/span>\r\n        <span>Escalators<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <article class=\"arc-project-card arc-fade-item\">\r\n    <div class=\"arc-project-card__img\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/community-e1774333831993.png\" alt=\"Community center project\">\r\n    <\/div>\r\n    <div class=\"arc-project-card__body\">\r\n      <h4>Community Center System<\/h4>\r\n      <p>Integrated escalator and panoramic passenger elevator solution.<\/p>\r\n      <div class=\"arc-project-card__tags\">\r\n        <span>D.I.P<\/span>\r\n        <span>Public Space<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n  <article class=\"arc-project-card arc-fade-item\">\r\n    <div class=\"arc-project-card__img\">\r\n      <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-21-155752.png\" alt=\"New ARCOTIS project\">\r\n    <\/div>\r\n    <div class=\"arc-project-card__body\">\r\n      <h4>Villa at Ajman, ARCOtis Brand, Hydraulic Golden Passenger Elevator<\/h4>\r\n      <p>Speed: 0.6 (m\/s), Capacity: 630 KG\/8persons.p>\r\n      <div class=\"arc-project-card__tags\">\r\n        <span>Ajman<\/span>\r\n        <span>Villa<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n\r\n<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- =========================\r\n  PARTNERS & CERTIFICATIONS\r\n  ========================== -->\r\n  <section class=\"arc-sp-section arc-sp-trust\" id=\"partners-certifications\">\r\n    <div class=\"arc-sp-container\">\r\n\r\n      <div class=\"arc-trust-grid arc-fade-block\">\r\n\r\n        <!-- Partners -->\r\n        <div class=\"arc-trust-panel arc-fade-item\">\r\n          <div class=\"arc-sp-eyebrow\">\r\n            <span class=\"arc-sp-dot\"><\/span>\r\n            Our Partners\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-trust-title\">\r\n            Built with Strong<br>\r\n            <em>Industry Partnerships<\/em>\r\n          <\/h2>\r\n\r\n          <p class=\"arc-trust-text\">\r\n            ARCOTIS presents a partner network in its company profile including brands and component\r\n            names such as LG Rise, LG Tech, Sharp, Schneider Lifts & Components, FUJI, Modern Fuji,\r\n            Fujitsu Elevator, and others. This section works best as a clean premium logo-based trust\r\n            presentation rather than heavy text. \r\n          <\/p>\r\n\r\n          <div class=\"arc-logo-wall\">\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fuji.jpg\" alt=\"Partner logo\"><\/div>\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/xy.jpg\" alt=\"Partner logo\"><\/div>\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/swoda.jpg\" alt=\"Partner logo\"><\/div>\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg-tech.jpg\" alt=\"Partner logo\"><\/div>\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/lg.jpg\" alt=\"Partner logo\"><\/div>\r\n            <div class=\"arc-logo-card\"><img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/fujis-e1774682098246.jpg\" alt=\"Partner logo\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Certifications -->\r\n        <div class=\"arc-trust-panel arc-trust-panel--cert arc-fade-item\">\r\n          <div class=\"arc-sp-eyebrow\">\r\n            <span class=\"arc-sp-dot\"><\/span>\r\n            Certifications\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-trust-title\">\r\n            Authorized.<br>\r\n            <em>Certified. Trusted.<\/em>\r\n          <\/h2>\r\n\r\n          <p class=\"arc-trust-text\">\r\n            The company profile includes commercial and membership documentation, a Modern Fuji\r\n            authorization certificate, and multiple compliance \/ quality certificate pages. On the\r\n            website, these should be presented as refined visual trust cards instead of full raw scans.\r\n          <\/p>\r\n\r\n          <div class=\"arc-cert-showcase\">\r\n            <div class=\"arc-cert-card arc-cert-card--large\">\r\n              <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/authorization.jpg\" alt=\"Authorization certificate\">\r\n              <div class=\"arc-cert-overlay\">\r\n                <span>Authorization<\/span>\r\n                <strong>Brand Authorization<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-cert-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/quality.jpg\" alt=\"Quality certificate\">\r\n              <div class=\"arc-cert-overlay\">\r\n                <span>Quality<\/span>\r\n                <strong>System Certificate<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-cert-card\">\r\n              <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/compliance-scaled-e1774334780440.png\" alt=\"Compliance certificate\">\r\n              <div class=\"arc-cert-overlay\">\r\n                <span>Compliance<\/span>\r\n                <strong>Conformity Documents<\/strong>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  .arc-next-premium-sections {\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-black: #111111;\r\n    --arc-soft-black: #555555;\r\n    --arc-line: rgba(157,31,45,0.10);\r\n    --arc-line-gold: rgba(201,169,110,0.24);\r\n    --arc-soft-panel: #fffaf7;\r\n    --arc-shadow: 0 22px 60px rgba(17,17,17,0.08);\r\n    --arc-shadow-strong: 0 30px 80px rgba(17,17,17,0.14);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-sp-section {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 110px 0;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-sp-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(circle at 10% 20%, rgba(157,31,45,0.05), transparent 24%),\r\n      radial-gradient(circle at 90% 15%, rgba(201,169,110,0.06), transparent 22%);\r\n  }\r\n\r\n  .arc-sp-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .arc-sp-head {\r\n    max-width: 860px;\r\n    margin: 0 auto 56px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-sp-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    padding: 12px 18px 12px 16px;\r\n    border: 1px solid rgba(201,169,110,0.25);\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.10), rgba(157,31,45,0.03));\r\n    color: var(--arc-red);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .arc-sp-eyebrow--light {\r\n    color: var(--arc-gold-light);\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(201,169,110,0.08));\r\n    border-color: rgba(255,255,255,0.14);\r\n  }\r\n\r\n  .arc-sp-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 12px rgba(157,31,45,0.35);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-sp-title,\r\n  .arc-trust-title,\r\n  .arc-cta-title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(36px, 4vw, 62px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: var(--arc-black);\r\n  }\r\n\r\n  .arc-sp-title em,\r\n  .arc-trust-title em {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-sp-divider {\r\n    width: 110px;\r\n    margin: 24px auto 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .arc-sp-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-sp-divider span:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-sp-divider i {\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-sp-intro,\r\n  .arc-trust-text,\r\n  .arc-cta-text {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.95;\r\n    color: var(--arc-soft-black);\r\n  }\r\n\r\n  \/* =========================\r\n     PROJECTS\r\n  ========================== *\/\r\n  .arc-projects-layout {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);\r\n    gap: 26px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .arc-project-feature {\r\n    position: relative;\r\n    min-height: 760px;\r\n    border-radius: 34px;\r\n    overflow: hidden;\r\n    box-shadow: var(--arc-shadow-strong);\r\n    background: #f8f3ef;\r\n  }\r\n\r\n  .arc-project-feature__image,\r\n  .arc-project-feature__image img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .arc-project-feature__image img {\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.9s ease;\r\n  }\r\n\r\n  .arc-project-feature:hover .arc-project-feature__image img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .arc-project-feature__overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,0.02), rgba(10,4,6,0.55)),\r\n      linear-gradient(135deg, rgba(157,31,45,0.18), rgba(201,169,110,0.08));\r\n  }\r\n\r\n  .arc-project-feature__content {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 2;\r\n    padding: 34px 34px 30px;\r\n    color: #fff;\r\n  }\r\n\r\n  .arc-project-badge {\r\n    display: inline-flex;\r\n    min-height: 42px;\r\n    align-items: center;\r\n    padding: 10px 16px;\r\n    border-radius: 999px;\r\n    margin-bottom: 16px;\r\n    background: rgba(255,255,255,0.12);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold-light);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-project-feature__content h3 {\r\n    margin: 0 0 12px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(32px, 3vw, 48px);\r\n    line-height: 1;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .arc-project-feature__content p {\r\n    margin: 0 0 18px;\r\n    max-width: 560px;\r\n    font-size: 15px;\r\n    line-height: 1.85;\r\n    color: rgba(255,255,255,0.86);\r\n  }\r\n\r\n  .arc-project-meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n  }\r\n\r\n  .arc-project-meta span,\r\n  .arc-project-card__tags span {\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.14);\r\n    border: 1px solid rgba(255,255,255,0.18);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: #fff;\r\n  }\r\n\r\n  .arc-project-stack {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .arc-project-card {\r\n    position: relative;\r\n    border-radius: 28px;\r\n    overflow: hidden;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .arc-project-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: var(--arc-shadow-strong);\r\n  }\r\n\r\n  .arc-project-card__img {\r\n    height: 220px;\r\n    overflow: hidden;\r\n    background: #f6f1ed;\r\n  }\r\n\r\n  .arc-project-card__img img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .arc-project-card:hover .arc-project-card__img img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  .arc-project-card__body {\r\n    padding: 22px 20px 20px;\r\n  }\r\n\r\n  .arc-project-card__body h4 {\r\n    margin: 0 0 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 29px;\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    color: var(--arc-black);\r\n  }\r\n\r\n  .arc-project-card__body p {\r\n    margin: 0 0 16px;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    color: #666666;\r\n  }\r\n\r\n  .arc-project-card__tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n  }\r\n\r\n  .arc-project-card__tags span {\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.12));\r\n    border: 1px solid rgba(201,169,110,0.20);\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  \/* =========================\r\n     TRUST SECTION\r\n  ========================== *\/\r\n  .arc-trust-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);\r\n    gap: 28px;\r\n    align-items: start;\r\n  }\r\n\r\n  .arc-trust-panel {\r\n    position: relative;\r\n    padding: 34px 30px 30px;\r\n    border-radius: 34px;\r\n    background: linear-gradient(180deg, #ffffff, #fffaf7);\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow);\r\n    min-height: 100%;\r\n  }\r\n\r\n  .arc-trust-title {\r\n    margin-bottom: 18px;\r\n    font-size: clamp(34px, 3.8vw, 56px);\r\n  }\r\n\r\n  .arc-trust-text {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .arc-logo-wall {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 16px;\r\n  }\r\n\r\n  .arc-logo-card {\r\n    height: 118px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 18px;\r\n    border-radius: 22px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(201,169,110,0.20);\r\n    box-shadow: 0 14px 32px rgba(0,0,0,0.05);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .arc-logo-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 18px 42px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .arc-logo-card img {\r\n    max-width: 100%;\r\n    max-height: 94px;\r\n    object-fit: contain;\r\n    filter: saturate(0.95) contrast(1.02);\r\n  }\r\n\r\n  .arc-cert-showcase {\r\n    display: grid;\r\n    grid-template-columns: 1.05fr 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .arc-cert-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n    background: #fff;\r\n    border: 1px solid rgba(201,169,110,0.22);\r\n    box-shadow: 0 16px 38px rgba(0,0,0,0.06);\r\n    min-height: 260px;\r\n  }\r\n\r\n  .arc-cert-card--large {\r\n    grid-row: span 2;\r\n    min-height: 540px;\r\n  }\r\n\r\n  .arc-cert-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .arc-cert-overlay {\r\n    position: absolute;\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    padding: 16px 16px 14px;\r\n    border-radius: 18px;\r\n    background: rgba(255,255,255,0.92);\r\n    border: 1px solid rgba(201,169,110,0.24);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-cert-overlay span {\r\n    display: block;\r\n    margin-bottom: 4px;\r\n    font-size: 10px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.16em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-cert-overlay strong {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    font-weight: 600;\r\n    color: var(--arc-black);\r\n  }\r\n\r\n  \/* =========================\r\n     SCROLL REVEAL\r\n  ========================== *\/\r\n  .arc-fade-block .arc-fade-item,\r\n  .arc-fade-item {\r\n    opacity: 0;\r\n    transform: translateY(44px);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-fade-block.is-visible .arc-fade-item,\r\n  .arc-fade-item.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(1) { transition-delay: 0.10s; }\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(2) { transition-delay: 0.22s; }\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(3) { transition-delay: 0.34s; }\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(4) { transition-delay: 0.46s; }\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(5) { transition-delay: 0.58s; }\r\n  .arc-fade-block.is-visible .arc-fade-item:nth-child(6) { transition-delay: 0.70s; }\r\n\r\n  \/* =========================\r\n     RESPONSIVE\r\n  ========================== *\/\r\n  @media (max-width: 1180px) {\r\n    .arc-projects-layout,\r\n    .arc-trust-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-project-feature {\r\n      min-height: 620px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-sp-section {\r\n      padding: 90px 0;\r\n    }\r\n\r\n    .arc-project-stack {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .arc-logo-wall {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .arc-cert-showcase {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .arc-cert-card--large {\r\n      grid-row: auto;\r\n      min-height: 360px;\r\n      grid-column: span 2;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-sp-section {\r\n      padding: 72px 0;\r\n    }\r\n\r\n    .arc-sp-container {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .arc-sp-head {\r\n      margin-bottom: 40px;\r\n    }\r\n\r\n    .arc-sp-eyebrow,\r\n    .arc-sp-eyebrow--light {\r\n      justify-content: center;\r\n      font-size: 9px;\r\n      letter-spacing: 0.14em;\r\n      padding: 10px 14px;\r\n    }\r\n\r\n    .arc-sp-title,\r\n    .arc-trust-title,\r\n    .arc-cta-title {\r\n      font-size: clamp(30px, 8vw, 44px);\r\n      line-height: 1.08;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-sp-intro,\r\n    .arc-trust-text,\r\n    .arc-cta-text {\r\n      font-size: 15px;\r\n      line-height: 1.9;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-projects-layout {\r\n      gap: 20px;\r\n    }\r\n\r\n    .arc-project-feature {\r\n      min-height: 480px;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .arc-project-feature__content {\r\n      padding: 24px 20px 22px;\r\n    }\r\n\r\n    .arc-project-feature__content h3 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .arc-project-stack {\r\n      grid-template-columns: 1fr;\r\n      gap: 16px;\r\n    }\r\n\r\n    .arc-project-card {\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .arc-project-card__img {\r\n      height: 200px;\r\n    }\r\n\r\n    .arc-trust-panel {\r\n      padding: 24px 20px 22px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .arc-logo-wall {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 12px;\r\n    }\r\n\r\n    .arc-logo-card {\r\n      height: 96px;\r\n      border-radius: 18px;\r\n    }\r\n\r\n    .arc-cert-showcase {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-cert-card,\r\n    .arc-cert-card--large {\r\n      min-height: 260px;\r\n      grid-column: auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-sp-container {\r\n      padding: 0 14px;\r\n    }\r\n\r\n    .arc-logo-wall {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-project-feature__content h3 {\r\n      font-size: 30px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-fade-block .arc-fade-item,\r\n    .arc-fade-item,\r\n    .arc-project-feature__image img,\r\n    .arc-project-card,\r\n    .arc-logo-card,\r\n    .arc-cta-btn {\r\n      transition: none !important;\r\n      animation: none !important;\r\n      transform: none !important;\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    var blocks = document.querySelectorAll('.arc-fade-block');\r\n    if (!blocks.length) return;\r\n\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.16,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    blocks.forEach(function(block) {\r\n      observer.observe(block);\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-61f0bca e-con-full e-flex e-con e-parent\" data-id=\"61f0bca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f32e007 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f32e007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ABOUT OVERVIEW SECTION -->\r\n<section class=\"arc-about-overview\" id=\"company-overview\">\r\n  <div class=\"arc-about-overview__bg\"><\/div>\r\n  <div class=\"arc-about-overview__glow\"><\/div>\r\n  <div class=\"arc-about-overview__noise\"><\/div>\r\n\r\n  <!-- Floating ambient particles -->\r\n  <div class=\"arc-about-overview__particles\">\r\n    <span class=\"arc-particle arc-particle--1\"><\/span>\r\n    <span class=\"arc-particle arc-particle--2\"><\/span>\r\n    <span class=\"arc-particle arc-particle--3\"><\/span>\r\n    <span class=\"arc-particle arc-particle--4\"><\/span>\r\n    <span class=\"arc-particle arc-particle--5\"><\/span>\r\n    <span class=\"arc-particle arc-particle--6\"><\/span>\r\n    <span class=\"arc-particle arc-particle--7\"><\/span>\r\n    <span class=\"arc-particle arc-particle--8\"><\/span>\r\n  <\/div>\r\n\r\n  <!-- Ambient light streak -->\r\n  <div class=\"arc-about-overview__streak\"><\/div>\r\n\r\n  <div class=\"arc-about-overview__container\">\r\n    <div class=\"arc-about-overview__top\">\r\n      <div class=\"arc-about-overview__intro\" data-arc-animate=\"intro\">\r\n        <div class=\"arc-about-overview__eyebrow\" data-arc-animate=\"eyebrow\">\r\n          <span class=\"arc-about-overview__dot\"><\/span>\r\n          <span class=\"arc-about-overview__eyebrow-text\">Who We Are<\/span>\r\n        <\/div>\r\n\r\n        <h2 class=\"arc-about-overview__title\" data-arc-animate=\"title\">\r\n          <span class=\"arc-about-overview__title-line\">\r\n            <span class=\"arc-title-reveal\">Built on Engineering.<\/span>\r\n          <\/span>\r\n          <span class=\"arc-about-overview__title-line\">\r\n            <span class=\"arc-title-reveal\">Driven by <em>Reliability<\/em>.<\/span>\r\n          <\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"arc-about-overview__divider\" data-arc-animate=\"divider\">\r\n          <span class=\"arc-about-overview__line\"><\/span>\r\n          <span class=\"arc-about-overview__diamond\"><\/span>\r\n          <span class=\"arc-about-overview__line\"><\/span>\r\n        <\/div>\r\n\r\n        <!-- Stats row for premium feel -->\r\n        <div class=\"arc-about-overview__stats\" data-arc-animate=\"stats\">\r\n          <div class=\"arc-stat\">\r\n            <span class=\"arc-stat__number\" data-count=\"15\">0<\/span>\r\n            <span class=\"arc-stat__plus\">+<\/span>\r\n            <span class=\"arc-stat__label\">Years Experience<\/span>\r\n          <\/div>\r\n          <div class=\"arc-stat__separator\"><\/div>\r\n          <div class=\"arc-stat\">\r\n            <span class=\"arc-stat__number\" data-count=\"500\">0<\/span>\r\n            <span class=\"arc-stat__plus\">+<\/span>\r\n            <span class=\"arc-stat__label\">Projects Delivered<\/span>\r\n          <\/div>\r\n          <div class=\"arc-stat__separator\"><\/div>\r\n          <div class=\"arc-stat\">\r\n            <span class=\"arc-stat__number\" data-count=\"100\">0<\/span>\r\n            <span class=\"arc-stat__plus\">%<\/span>\r\n            <span class=\"arc-stat__label\">Safety Compliance<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-about-overview__content\" data-arc-animate=\"content\">\r\n        <div class=\"arc-about-overview__content-glow\"><\/div>\r\n        <div class=\"arc-about-overview__content-border\"><\/div>\r\n        <p class=\"arc-about-overview__lead\">\r\n          ARCOTIS Elevators &amp; Escalators L.L.C specializes in the sale, installation,\r\n          maintenance, repair, reconstruction, and modernization of elevators, escalators,\r\n          parking systems, and lifting equipment for modern residential, commercial, and\r\n          public-sector projects.\r\n        <\/p>\r\n\r\n        <p class=\"arc-about-overview__text\">\r\n          With a strong focus on safety, performance, comfort, and human-centered design,\r\n          ARCOTIS delivers complete lift systems across hydraulic and traction technologies,\r\n          including machine room and machine-room-less solutions. The company's strength\r\n          also lies in trained engineers, dependable after-sales support, and a quality-first\r\n          approach to installation and long-term service.\r\n        <\/p>\r\n\r\n        <div class=\"arc-about-overview__content-accent\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arc-about-overview__grid\">\r\n      <div class=\"arc-about-card\" data-arc-animate=\"card\" data-arc-delay=\"0\">\r\n        <div class=\"arc-about-card__shimmer\"><\/div>\r\n        <div class=\"arc-about-card__glow\"><\/div>\r\n        <div class=\"arc-about-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M7 3h10v18H7z\" stroke=\"currentColor\" stroke-width=\"1.6\"\/>\r\n            <path d=\"M10 7h4M10 11h4M10 15h4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"arc-about-card__title\">Core Activity<\/h3>\r\n        <p class=\"arc-about-card__text\">\r\n          End-to-end vertical transportation solutions including supply, installation,\r\n          repair, modernization, and maintenance.\r\n        <\/p>\r\n        <div class=\"arc-about-card__number\">01<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-about-card\" data-arc-animate=\"card\" data-arc-delay=\"1\">\r\n        <div class=\"arc-about-card__shimmer\"><\/div>\r\n        <div class=\"arc-about-card__glow\"><\/div>\r\n        <div class=\"arc-about-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 18h16\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M7 18V9l5-4 5 4v9\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"arc-about-card__title\">Solution Range<\/h3>\r\n        <p class=\"arc-about-card__text\">\r\n          Passenger lifts, freight lifts, escalators, moving walks, parking systems,\r\n          modernization kits, home lifts, and special-purpose lift solutions.\r\n        <\/p>\r\n        <div class=\"arc-about-card__number\">02<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"arc-about-card\" data-arc-animate=\"card\" data-arc-delay=\"2\">\r\n        <div class=\"arc-about-card__shimmer\"><\/div>\r\n        <div class=\"arc-about-card__glow\"><\/div>\r\n        <div class=\"arc-about-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3l7 3v5c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6l7-3z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M9.5 12.5l1.8 1.8 3.7-4.1\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"arc-about-card__title\">Quality Promise<\/h3>\r\n        <p class=\"arc-about-card__text\">\r\n          Precision installation, trained technicians, quality control standards,\r\n          genuine spare parts support, and dependable long-term service.\r\n        <\/p>\r\n        <div class=\"arc-about-card__number\">03<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== BASE & VARIABLES ===== *\/\r\n  .arc-about-overview {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\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-gold-bright: #dfc48b;\r\n    --arc-white: #ffffff;\r\n    --arc-soft-white: rgba(255, 255, 255, 0.85);\r\n    --arc-muted: rgba(255, 255, 255, 0.55);\r\n    --arc-glass: rgba(255, 255, 255, 0.035);\r\n    --arc-glass-border: rgba(255, 255, 255, 0.08);\r\n    --arc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n    --arc-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background:\r\n      linear-gradient(180deg,\r\n        #060208 0%,\r\n        #0c0510 20%,\r\n        #10070e 45%,\r\n        #0a0812 70%,\r\n        #070a14 100%);\r\n    font-family: \"Manrope\", sans-serif;\r\n    padding: 130px 0 120px;\r\n  }\r\n\r\n  \/* ===== BACKGROUND LAYERS ===== *\/\r\n  .arc-about-overview__bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(circle at 10% 15%, rgba(157, 31, 45, 0.14), transparent 32%),\r\n      radial-gradient(circle at 90% 80%, rgba(201, 169, 110, 0.06), transparent 28%),\r\n      radial-gradient(circle at 50% 50%, rgba(157, 31, 45, 0.03), transparent 50%);\r\n  }\r\n\r\n  .arc-about-overview__bg::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);\r\n    background-size: 80px 80px;\r\n    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\r\n    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .arc-about-overview__glow {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(ellipse 45% 50% at 8% 45%, rgba(157, 31, 45, 0.10), transparent),\r\n      radial-gradient(ellipse 30% 40% at 92% 18%, rgba(201, 169, 110, 0.05), transparent),\r\n      radial-gradient(ellipse 50% 30% at 50% 95%, rgba(157, 31, 45, 0.06), transparent);\r\n    animation: arcGlowPulse 8s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes arcGlowPulse {\r\n    0% { opacity: 0.7; }\r\n    100% { opacity: 1; }\r\n  }\r\n\r\n  .arc-about-overview__noise {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    opacity: 0.025;\r\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n    background-size: 128px 128px;\r\n  }\r\n\r\n  \/* ===== AMBIENT STREAK ===== *\/\r\n  .arc-about-overview__streak {\r\n    position: absolute;\r\n    top: 15%;\r\n    left: -10%;\r\n    width: 120%;\r\n    height: 1px;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background: linear-gradient(90deg,\r\n      transparent 0%,\r\n      rgba(201, 169, 110, 0.0) 20%,\r\n      rgba(201, 169, 110, 0.15) 50%,\r\n      rgba(201, 169, 110, 0.0) 80%,\r\n      transparent 100%);\r\n    transform: rotate(-3deg);\r\n    animation: arcStreakShimmer 6s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcStreakShimmer {\r\n    0%, 100% { opacity: 0; transform: rotate(-3deg) translateX(-5%); }\r\n    50% { opacity: 1; transform: rotate(-3deg) translateX(5%); }\r\n  }\r\n\r\n  \/* ===== PARTICLES ===== *\/\r\n  .arc-about-overview__particles {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-particle--1 {\r\n    width: 3px; height: 3px;\r\n    background: rgba(201, 169, 110, 0.4);\r\n    top: 12%; left: 18%;\r\n    animation: arcParticleFloat 12s ease-in-out infinite;\r\n    box-shadow: 0 0 8px rgba(201, 169, 110, 0.3);\r\n  }\r\n  .arc-particle--2 {\r\n    width: 2px; height: 2px;\r\n    background: rgba(157, 31, 45, 0.5);\r\n    top: 28%; left: 82%;\r\n    animation: arcParticleFloat 10s ease-in-out 1s infinite;\r\n    box-shadow: 0 0 6px rgba(157, 31, 45, 0.3);\r\n  }\r\n  .arc-particle--3 {\r\n    width: 2.5px; height: 2.5px;\r\n    background: rgba(201, 169, 110, 0.35);\r\n    top: 55%; left: 8%;\r\n    animation: arcParticleFloat 14s ease-in-out 2s infinite;\r\n    box-shadow: 0 0 8px rgba(201, 169, 110, 0.25);\r\n  }\r\n  .arc-particle--4 {\r\n    width: 2px; height: 2px;\r\n    background: rgba(255, 255, 255, 0.25);\r\n    top: 70%; left: 72%;\r\n    animation: arcParticleFloat 11s ease-in-out 3s infinite;\r\n  }\r\n  .arc-particle--5 {\r\n    width: 3px; height: 3px;\r\n    background: rgba(201, 169, 110, 0.3);\r\n    top: 85%; left: 40%;\r\n    animation: arcParticleFloat 13s ease-in-out 0.5s infinite;\r\n    box-shadow: 0 0 10px rgba(201, 169, 110, 0.2);\r\n  }\r\n  .arc-particle--6 {\r\n    width: 1.5px; height: 1.5px;\r\n    background: rgba(157, 31, 45, 0.4);\r\n    top: 40%; left: 55%;\r\n    animation: arcParticleFloat 9s ease-in-out 4s infinite;\r\n    box-shadow: 0 0 6px rgba(157, 31, 45, 0.2);\r\n  }\r\n  .arc-particle--7 {\r\n    width: 2px; height: 2px;\r\n    background: rgba(201, 169, 110, 0.25);\r\n    top: 20%; left: 45%;\r\n    animation: arcParticleFloat 15s ease-in-out 2.5s infinite;\r\n  }\r\n  .arc-particle--8 {\r\n    width: 2.5px; height: 2.5px;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    top: 65%; left: 25%;\r\n    animation: arcParticleFloat 12s ease-in-out 1.5s infinite;\r\n  }\r\n\r\n  @keyframes arcParticleFloat {\r\n    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.3; }\r\n    25% { transform: translate(15px, -20px) scale(1.2); opacity: 0.7; }\r\n    50% { transform: translate(-10px, -35px) scale(0.8); opacity: 0.5; }\r\n    75% { transform: translate(20px, -15px) scale(1.1); opacity: 0.8; }\r\n  }\r\n\r\n  \/* ===== CONTAINER ===== *\/\r\n  .arc-about-overview__container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    padding: 0 28px;\r\n  }\r\n\r\n  \/* ===== TOP GRID ===== *\/\r\n  .arc-about-overview__top {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);\r\n    gap: 56px;\r\n    align-items: start;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  \/* ===== EYEBROW ===== *\/\r\n  .arc-about-overview__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 26px;\r\n    padding: 12px 22px 12px 16px;\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.08), rgba(255, 255, 255, 0.02));\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    font-size: 10.5px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-gold-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    \/* Animation initial state *\/\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.8s var(--arc-ease-out), transform 0.8s var(--arc-ease-out);\r\n  }\r\n\r\n  .arc-about-overview__eyebrow::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.1), transparent);\r\n    animation: arcEyebrowShimmer 4s ease-in-out 2s infinite;\r\n  }\r\n\r\n  @keyframes arcEyebrowShimmer {\r\n    0% { left: -100%; }\r\n    100% { left: 200%; }\r\n  }\r\n\r\n  .arc-about-overview__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 14px var(--arc-red-glow), 0 0 4px rgba(157, 31, 45, 0.6);\r\n    flex-shrink: 0;\r\n    animation: arcDotPulse 2.5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcDotPulse {\r\n    0%, 100% { box-shadow: 0 0 14px var(--arc-red-glow), 0 0 4px rgba(157, 31, 45, 0.6); }\r\n    50% { box-shadow: 0 0 22px var(--arc-red-glow), 0 0 8px rgba(157, 31, 45, 0.8); }\r\n  }\r\n\r\n  .arc-about-overview__eyebrow-text {\r\n    position: relative;\r\n  }\r\n\r\n  \/* ===== TITLE ===== *\/\r\n  .arc-about-overview__title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(36px, 4.2vw, 64px);\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-about-overview__title-line {\r\n    display: block;\r\n    overflow: hidden;\r\n    padding-bottom: 4px;\r\n  }\r\n\r\n  .arc-title-reveal {\r\n    display: inline-block;\r\n    \/* Animation initial state *\/\r\n    transform: translateY(110%);\r\n    transition: transform 1s var(--arc-ease-out);\r\n  }\r\n\r\n  .arc-about-overview__title-line:nth-child(2) .arc-title-reveal {\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .arc-about-overview__title em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    background: linear-gradient(135deg, var(--arc-gold), var(--arc-gold-bright), var(--arc-gold));\r\n    background-size: 200% 100%;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    animation: arcGoldShift 5s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcGoldShift {\r\n    0%, 100% { background-position: 0% 50%; }\r\n    50% { background-position: 100% 50%; }\r\n  }\r\n\r\n  \/* ===== DIVIDER ===== *\/\r\n  .arc-about-overview__divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 28px 0 0;\r\n    width: 0;\r\n    overflow: hidden;\r\n    transition: width 1.2s var(--arc-ease-out) 0.5s;\r\n  }\r\n\r\n  .arc-about-overview__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-about-overview__line:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-about-overview__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    animation: arcDiamondGlow 3s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes arcDiamondGlow {\r\n    0%, 100% { box-shadow: 0 0 4px rgba(201, 169, 110, 0.2); }\r\n    50% { box-shadow: 0 0 12px rgba(201, 169, 110, 0.5); }\r\n  }\r\n\r\n  \/* ===== STATS ===== *\/\r\n  .arc-about-overview__stats {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    margin-top: 36px;\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    transition: opacity 0.9s var(--arc-ease-out) 0.7s, transform 0.9s var(--arc-ease-out) 0.7s;\r\n  }\r\n\r\n  .arc-stat {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n  }\r\n\r\n  .arc-stat__number {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(32px, 3vw, 44px);\r\n    font-weight: 700;\r\n    color: var(--arc-gold);\r\n    line-height: 1;\r\n    display: inline;\r\n  }\r\n\r\n  .arc-stat__plus {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(22px, 2vw, 30px);\r\n    font-weight: 600;\r\n    color: var(--arc-gold);\r\n    line-height: 1;\r\n    display: inline;\r\n  }\r\n\r\n  .arc-stat__label {\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-muted);\r\n    margin-top: 4px;\r\n  }\r\n\r\n  .arc-stat__separator {\r\n    width: 1px;\r\n    height: 36px;\r\n    background: linear-gradient(to bottom, transparent, rgba(201, 169, 110, 0.25), transparent);\r\n  }\r\n\r\n  \/* ===== CONTENT BOX ===== *\/\r\n  .arc-about-overview__content {\r\n    position: relative;\r\n    padding: 40px 38px 36px;\r\n    border: 1px solid var(--arc-glass-border);\r\n    border-radius: 30px;\r\n    background: linear-gradient(165deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.01));\r\n    box-shadow:\r\n      0 28px 70px rgba(0, 0, 0, 0.32),\r\n      0 4px 16px rgba(0, 0, 0, 0.15),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.06);\r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    overflow: hidden;\r\n    \/* Animation initial state *\/\r\n    opacity: 0;\r\n    transform: translateY(40px) scale(0.97);\r\n    transition: opacity 1s var(--arc-ease-out) 0.3s, transform 1s var(--arc-ease-out) 0.3s;\r\n  }\r\n\r\n  .arc-about-overview__content-glow {\r\n    position: absolute;\r\n    top: -40%;\r\n    right: -20%;\r\n    width: 60%;\r\n    height: 80%;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(157, 31, 45, 0.08), transparent 70%);\r\n    pointer-events: none;\r\n    animation: arcContentGlow 6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes arcContentGlow {\r\n    0% { transform: translate(0, 0); opacity: 0.5; }\r\n    100% { transform: translate(-10%, 10%); opacity: 1; }\r\n  }\r\n\r\n  .arc-about-overview__content-border {\r\n    position: absolute;\r\n    inset: -1px;\r\n    border-radius: 30px;\r\n    pointer-events: none;\r\n    background: conic-gradient(from 180deg,\r\n      transparent 0%,\r\n      transparent 60%,\r\n      rgba(201, 169, 110, 0.2) 75%,\r\n      rgba(201, 169, 110, 0.05) 85%,\r\n      transparent 100%);\r\n    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n    mask-composite: xor;\r\n    -webkit-mask-composite: xor;\r\n    padding: 1px;\r\n    animation: arcBorderRotate 8s linear infinite;\r\n  }\r\n\r\n  @keyframes arcBorderRotate {\r\n    to { transform: rotate(360deg); }\r\n  }\r\n\r\n  .arc-about-overview__content::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 2px;\r\n    background: linear-gradient(to bottom, transparent, rgba(201, 169, 110, 0.4), rgba(157, 31, 45, 0.2), transparent);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .arc-about-overview__content-accent {\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 120px;\r\n    height: 120px;\r\n    pointer-events: none;\r\n    background: radial-gradient(circle at 100% 100%, rgba(201, 169, 110, 0.06), transparent 70%);\r\n  }\r\n\r\n  .arc-about-overview__lead {\r\n    margin: 0 0 20px;\r\n    font-size: clamp(17px, 1.5vw, 21px);\r\n    line-height: 1.85;\r\n    font-weight: 500;\r\n    color: var(--arc-soft-white);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-about-overview__text {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.95;\r\n    color: var(--arc-muted);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ===== CARDS GRID ===== *\/\r\n  .arc-about-overview__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 24px;\r\n  }\r\n\r\n  .arc-about-card {\r\n    position: relative;\r\n    padding: 34px 28px 30px;\r\n    border-radius: 26px;\r\n    border: 1px solid rgba(201, 169, 110, 0.10);\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012));\r\n    box-shadow:\r\n      0 20px 56px rgba(0, 0, 0, 0.24),\r\n      0 2px 8px rgba(0, 0, 0, 0.12),\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.05);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    overflow: hidden;\r\n    cursor: default;\r\n    \/* Animation initial state *\/\r\n    opacity: 0;\r\n    transform: translateY(50px) scale(0.95);\r\n    transition:\r\n      opacity 0.9s var(--arc-ease-out),\r\n      transform 0.9s var(--arc-ease-out),\r\n      border-color 0.45s ease,\r\n      box-shadow 0.45s ease;\r\n  }\r\n\r\n  .arc-about-card:hover {\r\n    transform: translateY(-8px) scale(1);\r\n    border-color: rgba(201, 169, 110, 0.30);\r\n    box-shadow:\r\n      0 32px 70px rgba(0, 0, 0, 0.32),\r\n      0 0 0 1px rgba(201, 169, 110, 0.08),\r\n      0 0 40px rgba(157, 31, 45, 0.06);\r\n  }\r\n\r\n  .arc-about-card__shimmer {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      105deg,\r\n      transparent 35%,\r\n      rgba(201, 169, 110, 0.04) 45%,\r\n      rgba(201, 169, 110, 0.08) 50%,\r\n      rgba(201, 169, 110, 0.04) 55%,\r\n      transparent 65%\r\n    );\r\n    transform: translateX(-100%);\r\n    transition: none;\r\n  }\r\n\r\n  .arc-about-card:hover .arc-about-card__shimmer {\r\n    animation: arcCardShimmer 0.8s ease-out forwards;\r\n  }\r\n\r\n  @keyframes arcCardShimmer {\r\n    to { transform: translateX(100%); }\r\n  }\r\n\r\n  .arc-about-card__glow {\r\n    position: absolute;\r\n    top: -50%;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 140%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(201, 169, 110, 0.06), transparent 60%);\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n  }\r\n\r\n  .arc-about-card:hover .arc-about-card__glow {\r\n    opacity: 1;\r\n  }\r\n\r\n  .arc-about-card__icon {\r\n    width: 62px;\r\n    height: 62px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 22px;\r\n    border-radius: 20px;\r\n    color: var(--arc-gold-light);\r\n    background:\r\n      linear-gradient(145deg, rgba(201, 169, 110, 0.12), rgba(157, 31, 45, 0.08));\r\n    border: 1px solid rgba(201, 169, 110, 0.16);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.06),\r\n      0 4px 16px rgba(0, 0, 0, 0.15);\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: transform 0.45s var(--arc-ease-spring), box-shadow 0.45s ease;\r\n  }\r\n\r\n  .arc-about-card:hover .arc-about-card__icon {\r\n    transform: scale(1.08) translateY(-2px);\r\n    box-shadow:\r\n      inset 0 1px 0 rgba(255, 255, 255, 0.08),\r\n      0 8px 24px rgba(0, 0, 0, 0.2),\r\n      0 0 20px rgba(201, 169, 110, 0.1);\r\n  }\r\n\r\n  .arc-about-card__icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n  }\r\n\r\n  .arc-about-card__title {\r\n    margin: 0 0 14px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 30px;\r\n    line-height: 1.1;\r\n    font-weight: 600;\r\n    color: var(--arc-white);\r\n    letter-spacing: -0.015em;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-about-card__text {\r\n    margin: 0;\r\n    font-size: 14.5px;\r\n    line-height: 1.85;\r\n    color: var(--arc-muted);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .arc-about-card__number {\r\n    position: absolute;\r\n    top: 24px;\r\n    right: 24px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 52px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    color: rgba(201, 169, 110, 0.04);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    transition: color 0.4s ease;\r\n  }\r\n\r\n  .arc-about-card:hover .arc-about-card__number {\r\n    color: rgba(201, 169, 110, 0.08);\r\n  }\r\n\r\n  \/* ===== ANIMATED (VISIBLE) STATES ===== *\/\r\n  .arc-about-overview.arc-visible .arc-about-overview__eyebrow {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-title-reveal {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-about-overview__divider {\r\n    width: 120px;\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-about-overview__stats {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-about-overview__content {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-about-card {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  .arc-about-overview.arc-visible .arc-about-card:nth-child(1) {\r\n    transition-delay: 0.5s;\r\n  }\r\n  .arc-about-overview.arc-visible .arc-about-card:nth-child(2) {\r\n    transition-delay: 0.65s;\r\n  }\r\n  .arc-about-overview.arc-visible .arc-about-card:nth-child(3) {\r\n    transition-delay: 0.8s;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1100px) {\r\n    .arc-about-overview {\r\n      padding: 100px 0;\r\n    }\r\n\r\n    .arc-about-overview__top {\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n    }\r\n\r\n    .arc-about-overview__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .arc-about-overview__stats {\r\n      gap: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-about-overview {\r\n      padding: 80px 0;\r\n    }\r\n\r\n    .arc-about-overview__container {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .arc-about-overview__intro {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-about-overview__eyebrow {\r\n      justify-content: center;\r\n      font-size: 9px;\r\n      letter-spacing: 0.15em;\r\n      padding: 10px 16px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .arc-about-overview__title {\r\n      font-size: clamp(32px, 8.5vw, 48px);\r\n      line-height: 1.06;\r\n    }\r\n\r\n    .arc-about-overview__divider {\r\n      margin: 22px auto 0;\r\n    }\r\n\r\n    .arc-about-overview__stats {\r\n      justify-content: center;\r\n      gap: 16px;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .arc-stat__number {\r\n      font-size: 32px;\r\n    }\r\n\r\n    .arc-about-overview__content {\r\n      padding: 28px 22px 26px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .arc-about-overview__lead {\r\n      font-size: 16px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .arc-about-overview__text {\r\n      font-size: 14px;\r\n      line-height: 1.85;\r\n    }\r\n\r\n    .arc-about-overview__grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 18px;\r\n    }\r\n\r\n    .arc-about-card {\r\n      padding: 28px 22px 24px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .arc-about-card__title {\r\n      font-size: 26px;\r\n    }\r\n\r\n    .arc-about-card__text {\r\n      font-size: 14px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .arc-about-card__number {\r\n      font-size: 44px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-about-overview__container {\r\n      padding: 0 14px;\r\n    }\r\n\r\n    .arc-about-overview__title {\r\n      font-size: clamp(28px, 9vw, 40px);\r\n    }\r\n\r\n    .arc-about-overview__content {\r\n      padding: 24px 18px 22px;\r\n    }\r\n\r\n    .arc-about-card {\r\n      padding: 24px 18px 22px;\r\n    }\r\n\r\n    .arc-about-overview__stats {\r\n      gap: 12px;\r\n    }\r\n\r\n    .arc-stat__separator {\r\n      height: 28px;\r\n    }\r\n  }\r\n\r\n  \/* ===== REDUCED MOTION ===== *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-about-overview *,\r\n    .arc-about-overview *::before,\r\n    .arc-about-overview *::after {\r\n      animation-duration: 0.01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.01ms !important;\r\n    }\r\n\r\n    .arc-about-overview .arc-about-overview__eyebrow,\r\n    .arc-about-overview .arc-title-reveal,\r\n    .arc-about-overview .arc-about-overview__stats,\r\n    .arc-about-overview .arc-about-overview__content,\r\n    .arc-about-overview .arc-about-card {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .arc-about-overview .arc-about-overview__divider {\r\n      width: 120px;\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-about-overview\");\r\n    if (!section) return;\r\n\r\n    \/\/ Intersection Observer for entrance animations\r\n    const observer = new IntersectionObserver(\r\n      function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"arc-visible\");\r\n            startCounters(entry.target);\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.15, rootMargin: \"0px 0px -60px 0px\" }\r\n    );\r\n\r\n    observer.observe(section);\r\n\r\n    \/\/ Counter animation\r\n    function startCounters(container) {\r\n      const counters = container.querySelectorAll(\"[data-count]\");\r\n      counters.forEach(function (counter) {\r\n        const target = parseInt(counter.getAttribute(\"data-count\"), 10);\r\n        const duration = 2200;\r\n        const startTime = performance.now();\r\n        const delay = 900; \/\/ wait for other animations\r\n\r\n        setTimeout(function () {\r\n          function updateCounter(currentTime) {\r\n            const elapsed = currentTime - startRef;\r\n            const progress = Math.min(elapsed \/ duration, 1);\r\n            \/\/ Ease out cubic\r\n            const eased = 1 - Math.pow(1 - progress, 3);\r\n            counter.textContent = Math.round(eased * target);\r\n\r\n            if (progress < 1) {\r\n              requestAnimationFrame(updateCounter);\r\n            }\r\n          }\r\n          const startRef = performance.now();\r\n          requestAnimationFrame(updateCounter);\r\n        }, delay);\r\n      });\r\n    }\r\n\r\n    \/\/ Parallax-like mouse interaction on cards\r\n    const cards = section.querySelectorAll(\".arc-about-card\");\r\n    cards.forEach(function (card) {\r\n      card.addEventListener(\"mousemove\", function (e) {\r\n        const rect = card.getBoundingClientRect();\r\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n        const glow = card.querySelector(\".arc-about-card__glow\");\r\n        if (glow) {\r\n          glow.style.left = (50 + x * 30) + \"%\";\r\n          glow.style.top = (-50 + y * 40) + \"%\";\r\n        }\r\n      });\r\n\r\n      card.addEventListener(\"mouseleave\", function () {\r\n        const glow = card.querySelector(\".arc-about-card__glow\");\r\n        if (glow) {\r\n          glow.style.left = \"50%\";\r\n          glow.style.top = \"-50%\";\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f59b6f3 e-con-full e-flex e-con e-parent\" data-id=\"f59b6f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4491686 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"4491686\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nARCOTIS - OUR SOLUTIONS \/ WHY ARCOTIS \/ QUALITY & SAFETY\r\nFonts used: Cormorant Garamond + Manrope\r\nReplace image URLs below with your WordPress media links\r\n========================================================= -->\r\n\r\n<section class=\"arc-premium-sections\">\r\n\r\n  <!-- OUR SOLUTIONS -->\r\n  <section class=\"arc-solutions-pro\" id=\"our-solutions\">\r\n  \r\n\r\n      <!-- PRODUCTS BLOCK -->\r\n   \r\n\r\n      <!-- SERVICES BLOCK -->\r\n   \r\n\r\n  <!-- WHY ARCOTIS -->\r\n  <section class=\"arc-ws-section arc-ws-section--why\" id=\"why-arcotis\">\r\n    <div class=\"arc-ws-container\">\r\n      <div class=\"arc-ws-grid arc-ws-grid--reverse arc-reveal-block\">\r\n\r\n        <div class=\"arc-ws-content arc-reveal-item\">\r\n          <div class=\"arc-ws-eyebrow\">\r\n            <span class=\"arc-ws-dot\"><\/span>\r\n            Why ARCOTIS\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-ws-title\">\r\n            More Than Equipment.<br>\r\n            <em>A Trusted Project Partner.<\/em>\r\n          <\/h2>\r\n\r\n          <div class=\"arc-ws-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n\r\n          <p class=\"arc-ws-text\">\r\n            ARCOTIS stands for commitment, integrity, quality, safety, teamwork, and\r\n            dependable project execution. With tailored engineering, strong after-sales\r\n            support, competitive solutions, and 24\/7 service readiness, ARCOTIS delivers\r\n            more than equipment \u2014 it delivers long-term confidence.\r\n          <\/p>\r\n\r\n          <div class=\"arc-ws-feature-list\">\r\n            <div class=\"arc-ws-feature arc-reveal-item\">\r\n              <span class=\"arc-ws-feature-icon\">01<\/span>\r\n              <div>\r\n                <h3>Client-First Commitment<\/h3>\r\n                <p>Solutions tailored around project demands, building type, and long-term operational value.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-ws-feature arc-reveal-item\">\r\n              <span class=\"arc-ws-feature-icon\">02<\/span>\r\n              <div>\r\n                <h3>Bespoke Engineering<\/h3>\r\n                <p>Custom lift and modernization solutions shaped by technical detail and design precision.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-ws-feature arc-reveal-item\">\r\n              <span class=\"arc-ws-feature-icon\">03<\/span>\r\n              <div>\r\n                <h3>Premium After-Sales Support<\/h3>\r\n                <p>Strong service support, maintenance coverage, and dependable technical follow-through.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"arc-ws-feature arc-reveal-item\">\r\n              <span class=\"arc-ws-feature-icon\">04<\/span>\r\n              <div>\r\n                <h3>Innovation & Special Projects<\/h3>\r\n                <p>Top-quality products, special-project expertise, and solutions including heavy-load and fire-fighting lifts.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-ws-media arc-reveal-item\">\r\n          <div class=\"arc-ws-image-main arc-ws-image-main--tall\">\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/Picture2-scaled-e1774427387337.jpg\" alt=\"ARCOTIS premium elevator engineering\">\r\n          <\/div>\r\n          <div class=\"arc-ws-stats-box\">\r\n            <div class=\"arc-ws-stats-line\">\r\n              <strong>European Quality<\/strong>\r\n              <span>Products & Standards<\/span>\r\n            <\/div>\r\n            <div class=\"arc-ws-stats-line\">\r\n              <strong>24\/7<\/strong>\r\n              <span>Maintenance & Service<\/span>\r\n            <\/div>\r\n            <div class=\"arc-ws-stats-line\">\r\n              <strong>Bespoke<\/strong>\r\n              <span>Engineering Solutions<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- QUALITY & SAFETY -->\r\n  <section class=\"arc-ws-section arc-ws-section--quality\" id=\"quality-safety\">\r\n    <div class=\"arc-ws-container\">\r\n      <div class=\"arc-ws-grid arc-reveal-block\">\r\n\r\n        <div class=\"arc-ws-media arc-reveal-item\">\r\n          <div class=\"arc-ws-image-main\">\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/18999.jpg\" alt=\"ARCOTIS quality and safety\">\r\n          <\/div>\r\n          <div class=\"arc-ws-image-strip\">\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/about-us-e1774852820331.jpg\" alt=\"ARCOTIS trained technicians\">\r\n            <img decoding=\"async\" src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/about-us-1-e1774852869518.jpg\" alt=\"ARCOTIS installation quality\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"arc-ws-content arc-reveal-item\">\r\n          <div class=\"arc-ws-eyebrow\">\r\n            <span class=\"arc-ws-dot\"><\/span>\r\n            Quality & Safety Commitment\r\n          <\/div>\r\n\r\n          <h2 class=\"arc-ws-title\">\r\n            Precision in Installation.<br>\r\n            <em>Confidence in Performance.<\/em>\r\n          <\/h2>\r\n\r\n          <div class=\"arc-ws-divider\">\r\n            <span><\/span><i><\/i><span><\/span>\r\n          <\/div>\r\n\r\n          <p class=\"arc-ws-text\">\r\n            ARCOTIS emphasizes that performance depends not only on product quality, but also\r\n            on installation quality, service accuracy, and long-term maintenance discipline.\r\n            With trained engineers, strict standards, specialized diagnostics, genuine spare parts,\r\n            and emergency readiness, the company is built around dependable vertical mobility.\r\n          <\/p>\r\n\r\n          <div class=\"arc-ws-pill-grid\">\r\n            <div class=\"arc-ws-pill arc-reveal-item\">Trained Engineers & Technicians<\/div>\r\n            <div class=\"arc-ws-pill arc-reveal-item\">Strict Installation Standards<\/div>\r\n            <div class=\"arc-ws-pill arc-reveal-item\">High-Precision Diagnostic Tools<\/div>\r\n            <div class=\"arc-ws-pill arc-reveal-item\">Intensive Maintenance Planning<\/div>\r\n            <div class=\"arc-ws-pill arc-reveal-item\">Genuine Spare Parts Support<\/div>\r\n            <div class=\"arc-ws-pill arc-reveal-item\">24\/7 Emergency Service<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  .arc-premium-sections {\r\n    --arc-red: #9d1f2d;\r\n    --arc-red-dark: #6f111b;\r\n    --arc-red-soft: rgba(157,31,45,0.08);\r\n    --arc-gold: #c9a96e;\r\n    --arc-gold-light: #e2cc9c;\r\n    --arc-ink: #151515;\r\n    --arc-soft-ink: #4d4d4d;\r\n    --arc-line: rgba(157,31,45,0.10);\r\n    --arc-line-gold: rgba(201,169,110,0.22);\r\n    --arc-white: #ffffff;\r\n    --arc-panel: #fffaf7;\r\n    --arc-shadow: 0 24px 60px rgba(22, 14, 16, 0.10);\r\n    --arc-shadow-hover: 0 30px 80px rgba(22, 14, 16, 0.16);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    background: #ffffff;\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-ws-section {\r\n    position: relative;\r\n    padding: 110px 0;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .arc-ws-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(circle at 12% 18%, rgba(157,31,45,0.05), transparent 26%),\r\n      radial-gradient(circle at 88% 22%, rgba(201,169,110,0.06), transparent 24%);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .arc-ws-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  \r\n  }\r\n\r\n  .arc-ws-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\r\n    align-items: center;\r\n    gap: 56px;\r\n  }\r\n\r\n  .arc-ws-grid--reverse {\r\n    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);\r\n  }\r\n\r\n  .arc-ws-media {\r\n    position: relative;\r\n  }\r\n\r\n  .arc-ws-image-main {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 30px;\r\n    box-shadow: var(--arc-shadow);\r\n    background: #f7f2ee;\r\n  }\r\n\r\n  .arc-ws-image-main img {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 520px;\r\n    display: block;\r\n    object-fit: cover;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .arc-ws-section:hover .arc-ws-image-main img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .arc-ws-image-main--tall img {\r\n    min-height: 610px;\r\n  }\r\n\r\n  .arc-ws-image-main::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,0.00), rgba(20,10,12,0.12)),\r\n      linear-gradient(135deg, rgba(157,31,45,0.12), rgba(201,169,110,0.04));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-ws-image-strip {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 16px;\r\n    margin-top: 16px;\r\n  }\r\n\r\n  .arc-ws-image-strip img {\r\n    width: 100%;\r\n    height: 180px;\r\n    object-fit: cover;\r\n    display: block;\r\n    border-radius: 22px;\r\n    box-shadow: 0 16px 40px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .arc-ws-stats-box {\r\n    position: absolute;\r\n    left: 26px;\r\n    bottom: 24px;\r\n    z-index: 3;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    width: min(320px, calc(100% - 52px));\r\n    padding: 18px;\r\n    border-radius: 24px;\r\n    background: rgba(255,255,255,0.94);\r\n    border: 1px solid rgba(201,169,110,0.22);\r\n    box-shadow: 0 18px 45px rgba(0,0,0,0.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-ws-stats-line {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-ws-stats-line:last-child {\r\n    padding-bottom: 0;\r\n    border-bottom: none;\r\n  }\r\n\r\n  .arc-ws-stats-line strong {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    color: var(--arc-red);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .arc-ws-stats-line span {\r\n    align-self: center;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: #6f6f6f;\r\n    text-align: right;\r\n  }\r\n\r\n  .arc-ws-content {\r\n    position: relative;\r\n  }\r\n\r\n  .arc-ws-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    padding: 12px 18px 12px 16px;\r\n    border: 1px solid rgba(201,169,110,0.24);\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.10), rgba(157,31,45,0.03));\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-ws-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 12px rgba(157,31,45,0.30);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-ws-title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(36px, 4vw, 62px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: var(--arc-ink);\r\n  }\r\n\r\n  .arc-ws-title em {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-ws-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    width: 110px;\r\n    margin: 24px 0 26px;\r\n  }\r\n\r\n  .arc-ws-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-ws-divider span:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-ws-divider i {\r\n    width: 6px;\r\n    height: 6px;\r\n    border: 1px solid var(--arc-gold);\r\n    transform: rotate(45deg);\r\n    display: inline-block;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-ws-text {\r\n    margin: 0 0 28px;\r\n    font-size: 16px;\r\n    line-height: 1.95;\r\n    color: var(--arc-soft-ink);\r\n  }\r\n\r\n  .arc-ws-feature-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .arc-ws-feature {\r\n    display: grid;\r\n    grid-template-columns: 64px 1fr;\r\n    gap: 18px;\r\n    align-items: start;\r\n    padding: 22px 22px;\r\n    border-radius: 24px;\r\n    background: linear-gradient(180deg, #ffffff, #fffaf8);\r\n    border: 1px solid rgba(157,31,45,0.10);\r\n    box-shadow: 0 14px 30px rgba(18,12,14,0.05);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .arc-ws-feature:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: var(--arc-shadow-hover);\r\n  }\r\n\r\n  .arc-ws-feature-icon {\r\n    width: 64px;\r\n    height: 64px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.12), rgba(201,169,110,0.16));\r\n    border: 1px solid rgba(201,169,110,0.30);\r\n    color: var(--arc-red);\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n  }\r\n\r\n  .arc-ws-feature h3 {\r\n    margin: 2px 0 8px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 30px;\r\n    line-height: 1.05;\r\n    font-weight: 600;\r\n    color: var(--arc-ink);\r\n  }\r\n\r\n  .arc-ws-feature p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n    color: #666666;\r\n  }\r\n\r\n  .arc-ws-pill-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n  }\r\n\r\n  .arc-ws-pill {\r\n    padding: 14px 18px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.08), rgba(201,169,110,0.12));\r\n    border: 1px solid rgba(201,169,110,0.24);\r\n    color: var(--arc-ink);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.04em;\r\n    box-shadow: 0 10px 24px rgba(0,0,0,0.04);\r\n  }\r\n\r\n  .arc-solutions-pro {\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-text: #161616;\r\n    --arc-soft-text: #5f5f5f;\r\n    --arc-line: rgba(157,31,45,0.10);\r\n    --arc-line-gold: rgba(201,169,110,0.24);\r\n    --arc-card-bg: #fffaf7;\r\n    --arc-white: #ffffff;\r\n    --arc-shadow: 0 24px 60px rgba(18, 12, 14, 0.08);\r\n    --arc-shadow-strong: 0 30px 80px rgba(18, 12, 14, 0.14);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 110px 0;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    font-family: \"Manrope\", sans-serif;\r\n  }\r\n\r\n  .arc-solutions-pro__bg-shape {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background:\r\n      radial-gradient(circle at 10% 18%, rgba(157,31,45,0.05), transparent 24%),\r\n      radial-gradient(circle at 90% 20%, rgba(201,169,110,0.06), transparent 22%);\r\n    z-index: 0;\r\n  }\r\n\r\n  .arc-solutions-pro__container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .arc-solutions-pro__head {\r\n    max-width: 860px;\r\n    margin: 0 auto 60px;\r\n    text-align: center;\r\n  }\r\n\r\n  .arc-solutions-pro__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n    padding: 12px 18px 12px 16px;\r\n    border: 1px solid rgba(201,169,110,0.25);\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, rgba(201,169,110,0.10), rgba(157,31,45,0.03));\r\n    color: var(--arc-red);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .arc-solutions-pro__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 12px rgba(157,31,45,0.35);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-solutions-pro__title,\r\n  .arc-solutions-block__title {\r\n    margin: 0;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(36px, 4vw, 62px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.025em;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-solutions-pro__title em,\r\n  .arc-solutions-block__title em {\r\n    color: var(--arc-gold);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-solutions-pro__divider {\r\n    width: 110px;\r\n    margin: 24px auto 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .arc-solutions-pro__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-solutions-pro__divider span:last-child {\r\n    background: linear-gradient(90deg, transparent, var(--arc-gold));\r\n  }\r\n\r\n  .arc-solutions-pro__divider i {\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-solutions-pro__intro,\r\n  .arc-solutions-block__text {\r\n    margin: 0;\r\n    font-size: 16px;\r\n    line-height: 1.95;\r\n    color: var(--arc-soft-text);\r\n  }\r\n\r\n  .arc-solutions-block {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);\r\n    gap: 54px;\r\n    align-items: center;\r\n    margin-bottom: 90px;\r\n  }\r\n\r\n  .arc-solutions-block:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .arc-solutions-block--services {\r\n    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);\r\n  }\r\n\r\n  .arc-solutions-block__media {\r\n    position: relative;\r\n  }\r\n\r\n  .arc-solutions-block__image-main {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 32px;\r\n    box-shadow: var(--arc-shadow-strong);\r\n    background: #f7f1ee;\r\n  }\r\n\r\n  .arc-solutions-block__image-main img {\r\n    width: 100%;\r\n    height: 620px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .arc-solutions-block:hover .arc-solutions-block__image-main img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .arc-solutions-block__image-main::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(255,255,255,0.00), rgba(15,10,10,0.10)),\r\n      linear-gradient(135deg, rgba(157,31,45,0.10), rgba(201,169,110,0.06));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-solutions-block__image-float {\r\n    position: absolute;\r\n    right: -18px;\r\n    bottom: -26px;\r\n    width: 42%;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: var(--arc-shadow);\r\n    border: 5px solid #fff;\r\n    background: #fff;\r\n  }\r\n\r\n  .arc-solutions-block__image-float img {\r\n    width: 100%;\r\n    height: 220px;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .arc-solutions-block__badge {\r\n    position: absolute;\r\n    left: 24px;\r\n    bottom: 24px;\r\n    z-index: 3;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 46px;\r\n    padding: 12px 18px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.92);\r\n    border: 1px solid rgba(201,169,110,0.30);\r\n    color: var(--arc-red);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 14px 34px rgba(0,0,0,0.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-solutions-block__content {\r\n    position: relative;\r\n  }\r\n\r\n  .arc-solutions-block__title {\r\n    margin-bottom: 18px;\r\n    font-size: clamp(34px, 3.8vw, 56px);\r\n  }\r\n\r\n  .arc-solutions-block__text {\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .arc-solutions-card-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .arc-solutions-card {\r\n    padding: 24px 22px;\r\n    border-radius: 24px;\r\n    background: linear-gradient(180deg, #ffffff, var(--arc-card-bg));\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\r\n  }\r\n\r\n  .arc-solutions-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: var(--arc-shadow-strong);\r\n    border-color: rgba(201,169,110,0.26);\r\n  }\r\n\r\n  .arc-solutions-card h4,\r\n  .arc-service-item__body h4 {\r\n    margin: 0 0 10px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    line-height: 1.05;\r\n    font-weight: 600;\r\n    color: var(--arc-text);\r\n  }\r\n\r\n  .arc-solutions-card p,\r\n  .arc-service-item__body p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.82;\r\n    color: #666666;\r\n  }\r\n\r\n  .arc-services-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  .arc-service-item {\r\n    display: grid;\r\n    grid-template-columns: 68px 1fr;\r\n    gap: 18px;\r\n    align-items: start;\r\n    padding: 22px 22px;\r\n    border-radius: 24px;\r\n    background: linear-gradient(180deg, #ffffff, var(--arc-card-bg));\r\n    border: 1px solid rgba(157,31,45,0.08);\r\n    box-shadow: var(--arc-shadow);\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n  }\r\n\r\n  .arc-service-item:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: var(--arc-shadow-strong);\r\n  }\r\n\r\n  .arc-service-item__num {\r\n    width: 68px;\r\n    height: 68px;\r\n    border-radius: 50%;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(135deg, rgba(157,31,45,0.12), rgba(201,169,110,0.16));\r\n    border: 1px solid rgba(201,169,110,0.28);\r\n    color: var(--arc-red);\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .arc-solutions-block__image-main--service img {\r\n    height: 640px;\r\n  }\r\n\r\n  .arc-solutions-service-panel {\r\n    position: absolute;\r\n    left: 24px;\r\n    bottom: 24px;\r\n    z-index: 3;\r\n    width: min(320px, calc(100% - 48px));\r\n    padding: 18px;\r\n    border-radius: 24px;\r\n    background: rgba(255,255,255,0.94);\r\n    border: 1px solid rgba(201,169,110,0.24);\r\n    box-shadow: var(--arc-shadow);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-solutions-service-panel__row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding-bottom: 10px;\r\n    margin-bottom: 10px;\r\n    border-bottom: 1px solid rgba(157,31,45,0.08);\r\n  }\r\n\r\n  .arc-solutions-service-panel__row:last-child {\r\n    margin-bottom: 0;\r\n    padding-bottom: 0;\r\n    border-bottom: none;\r\n  }\r\n\r\n  .arc-solutions-service-panel__row strong {\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    color: var(--arc-red);\r\n  }\r\n\r\n  .arc-solutions-service-panel__row span {\r\n    align-self: center;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: #6b6b6b;\r\n    text-align: right;\r\n  }\r\n\r\n  \/* reveal *\/\r\n  .arc-solutions-reveal {\r\n    opacity: 0;\r\n    transform: translateY(42px);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-solutions-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* REVEAL ANIMATION *\/\r\n  .arc-reveal-block .arc-reveal-item,\r\n  .arc-reveal-block.arc-reveal-item {\r\n    opacity: 0;\r\n    transform: translateY(38px);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-reveal-block.is-visible .arc-reveal-item,\r\n  .arc-reveal-item.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(1) { transition-delay: 0.12s; }\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(2) { transition-delay: 0.24s; }\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(3) { transition-delay: 0.36s; }\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(4) { transition-delay: 0.48s; }\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(5) { transition-delay: 0.60s; }\r\n  .arc-reveal-block.is-visible .arc-reveal-item:nth-child(6) { transition-delay: 0.72s; }\r\n\r\n  @media (max-width: 1100px) {\r\n    .arc-ws-section,\r\n    .arc-solutions-pro {\r\n      padding: 90px 0;\r\n    }\r\n\r\n    .arc-ws-grid,\r\n    .arc-ws-grid--reverse,\r\n    .arc-solutions-block,\r\n    .arc-solutions-block--services {\r\n      grid-template-columns: 1fr;\r\n      gap: 38px;\r\n    }\r\n\r\n    .arc-ws-image-main img,\r\n    .arc-ws-image-main--tall img {\r\n      min-height: 460px;\r\n    }\r\n\r\n    .arc-solutions-block {\r\n      margin-bottom: 72px;\r\n    }\r\n\r\n    .arc-solutions-block__image-main img,\r\n    .arc-solutions-block__image-main--service img {\r\n      height: 500px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-ws-section,\r\n    .arc-solutions-pro {\r\n      padding: 72px 0;\r\n    }\r\n\r\n    .arc-ws-container,\r\n    .arc-solutions-pro__container {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .arc-ws-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-ws-eyebrow,\r\n    .arc-solutions-pro__eyebrow {\r\n      justify-content: center;\r\n      font-size: 9px;\r\n      letter-spacing: 0.14em;\r\n      padding: 10px 14px;\r\n    }\r\n\r\n    .arc-ws-title,\r\n    .arc-solutions-pro__title,\r\n    .arc-solutions-block__title {\r\n      font-size: clamp(30px, 8vw, 44px);\r\n      line-height: 1.08;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-ws-divider {\r\n      margin: 20px auto 22px;\r\n    }\r\n\r\n    .arc-ws-text,\r\n    .arc-solutions-pro__intro,\r\n    .arc-solutions-block__text {\r\n      font-size: 15px;\r\n      line-height: 1.9;\r\n      text-align: center;\r\n    }\r\n\r\n    .arc-ws-feature {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n      gap: 14px;\r\n      padding: 20px 18px;\r\n    }\r\n\r\n    .arc-ws-feature-icon,\r\n    .arc-service-item__num {\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .arc-ws-feature h3,\r\n    .arc-solutions-card h4,\r\n    .arc-service-item__body h4 {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .arc-ws-image-main img,\r\n    .arc-ws-image-main--tall img {\r\n      min-height: 360px;\r\n    }\r\n\r\n    .arc-ws-stats-box {\r\n      position: relative;\r\n      left: auto;\r\n      bottom: auto;\r\n      margin-top: 16px;\r\n      width: 100%;\r\n    }\r\n\r\n    .arc-ws-stats-line strong {\r\n      font-size: 24px;\r\n    }\r\n\r\n    .arc-ws-image-strip {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .arc-ws-pill-grid {\r\n      justify-content: center;\r\n    }\r\n\r\n    .arc-solutions-pro__head {\r\n      margin-bottom: 42px;\r\n    }\r\n\r\n    .arc-solutions-card-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 14px;\r\n    }\r\n\r\n    .arc-service-item {\r\n      grid-template-columns: 1fr;\r\n      text-align: center;\r\n      gap: 14px;\r\n      padding: 20px 18px;\r\n    }\r\n\r\n    .arc-solutions-block__image-main img,\r\n    .arc-solutions-block__image-main--service img {\r\n      height: 360px;\r\n    }\r\n\r\n    .arc-solutions-block__image-float {\r\n      position: relative;\r\n      right: auto;\r\n      bottom: auto;\r\n      width: 100%;\r\n      margin-top: 14px;\r\n      border-width: 0;\r\n      box-shadow: 0 14px 32px rgba(0,0,0,0.08);\r\n    }\r\n\r\n    .arc-solutions-block__image-float img {\r\n      height: 180px;\r\n      border-radius: 22px;\r\n    }\r\n\r\n    .arc-solutions-block__badge,\r\n    .arc-solutions-service-panel {\r\n      position: relative;\r\n      left: auto;\r\n      bottom: auto;\r\n      width: 100%;\r\n      margin-top: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-ws-container,\r\n    .arc-solutions-pro__container {\r\n      padding: 0 14px;\r\n    }\r\n\r\n    .arc-ws-title,\r\n    .arc-solutions-pro__title,\r\n    .arc-solutions-block__title {\r\n      font-size: clamp(28px, 8.6vw, 38px);\r\n    }\r\n\r\n    .arc-ws-image-main img,\r\n    .arc-ws-image-main--tall img {\r\n      min-height: 300px;\r\n    }\r\n\r\n    .arc-solutions-block__image-main img,\r\n    .arc-solutions-block__image-main--service img {\r\n      height: 300px;\r\n    }\r\n\r\n    .arc-ws-feature,\r\n    .arc-solutions-card,\r\n    .arc-service-item {\r\n      border-radius: 20px;\r\n      padding: 20px 16px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-reveal-block .arc-reveal-item,\r\n    .arc-reveal-item,\r\n    .arc-solutions-reveal,\r\n    .arc-ws-image-main img,\r\n    .arc-solutions-block__image-main img,\r\n    .arc-ws-feature,\r\n    .arc-solutions-card,\r\n    .arc-service-item {\r\n      transition: none !important;\r\n      animation: none !important;\r\n      transform: none !important;\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    var items = document.querySelectorAll('.arc-solutions-reveal');\r\n    if (!items.length) return;\r\n\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.14,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    items.forEach(function(item, index) {\r\n      item.style.transitionDelay = (index % 6) * 0.08 + 's';\r\n      observer.observe(item);\r\n    });\r\n  })();\r\n<\/script>\r\n\r\n<script>\r\n  (function () {\r\n    var blocks = document.querySelectorAll('.arc-reveal-block');\r\n    if (!blocks.length) return;\r\n\r\n    var observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.16,\r\n      rootMargin: '0px 0px -40px 0px'\r\n    });\r\n\r\n    blocks.forEach(function(block) {\r\n      observer.observe(block);\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-ec12516 e-con-full e-flex e-con e-parent\" data-id=\"ec12516\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d66d270 elementor-widget elementor-widget-html\" data-id=\"d66d270\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Google Fonts -->\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:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"arc-cta-section\" id=\"arc-cta\">\r\n  <!-- Background Video -->\r\n  <video class=\"arc-cta-video\" autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/arcotiselevators.com\/wp-content\/uploads\/2026\/03\/9498288-sd_960_540_25fps.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n\r\n  <!-- Dark \/ light overlay -->\r\n  <div class=\"arc-cta-overlay\"><\/div>\r\n\r\n  <div class=\"arc-cta-container arc-cta-reveal\">\r\n    <div class=\"arc-cta-content\">\r\n      <div class=\"arc-cta-pill\">Let\u2019s Build With Confidence<\/div>\r\n\r\n      <h2 class=\"arc-cta-title\">\r\n        Elevate Your Project With<br>\r\n        <span>ARCOTIS Expertise<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"arc-cta-text\">\r\n        From villa lifts to commercial mobility systems, we deliver premium\r\n        elevator solutions with trusted engineering, refined aesthetics, and\r\n        dependable long-term performance across every project.\r\n      <\/p>\r\n\r\n      <div class=\"arc-cta-actions\">\r\n        <a href=\"#contact\" class=\"arc-cta-btn arc-cta-btn--primary\">Get a Free Consultation<\/a>\r\n        <a href=\"#selected-projects\" class=\"arc-cta-btn arc-cta-btn--secondary\">View Our Projects<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .arc-cta-section,\r\n  .arc-cta-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .arc-cta-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 60px 20px;\r\n    background: #0f1726;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .arc-cta-video {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n  }\r\n\r\n  .arc-cta-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(135deg, rgba(10, 17, 30, 0.84), rgba(34, 7, 12, 0.72)),\r\n      radial-gradient(circle at 15% 20%, rgba(201, 169, 110, 0.14), transparent 28%),\r\n      radial-gradient(circle at 85% 80%, rgba(157, 31, 45, 0.20), transparent 30%),\r\n      linear-gradient(90deg, rgba(255,255,255,0.03), transparent 35%, rgba(255,255,255,0.02));\r\n    pointer-events: none;\r\n  }\r\n\r\n  .arc-cta-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .arc-cta-content {\r\n    max-width: 860px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border-radius: 28px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.06));\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    box-shadow: 0 28px 70px rgba(0,0,0,0.22);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .arc-cta-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-bottom: 18px;\r\n    padding: 12px 20px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.08);\r\n    border: 1px solid rgba(255,255,255,0.16);\r\n    color: #f3d9de;\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-cta-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, #c9a96e);\r\n  }\r\n\r\n  .arc-cta-title {\r\n    margin: 0 0 14px;\r\n    font-family: \"Cormorant Garamond\", serif;\r\n    font-size: clamp(38px, 5vw, 72px);\r\n    line-height: 1.02;\r\n    font-weight: 600;\r\n    letter-spacing: -0.02em;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .arc-cta-title span {\r\n    color: #e7cf9d;\r\n    font-style: italic;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .arc-cta-text {\r\n    max-width: 720px;\r\n    margin: 0 auto 24px;\r\n    font-family: \"Manrope\", sans-serif;\r\n    font-size: clamp(15px, 2vw, 18px);\r\n    line-height: 1.85;\r\n    color: rgba(255,255,255,0.84);\r\n  }\r\n\r\n  .arc-cta-actions {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .arc-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 52px;\r\n    padding: 14px 24px;\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.08em;\r\n    text-transform: uppercase;\r\n    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, color 0.35s ease, border-color 0.35s ease;\r\n  }\r\n\r\n  .arc-cta-btn--primary {\r\n    background: linear-gradient(135deg, #9d1f2d, #6f111b);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255,255,255,0.08);\r\n    box-shadow: 0 16px 32px rgba(157,31,45,0.30);\r\n  }\r\n\r\n  .arc-cta-btn--primary:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 22px 40px rgba(157,31,45,0.35);\r\n  }\r\n\r\n  .arc-cta-btn--secondary {\r\n    background: rgba(255,255,255,0.08);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(255,255,255,0.16);\r\n  }\r\n\r\n  .arc-cta-btn--secondary:hover {\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,0.14);\r\n    box-shadow: 0 16px 36px rgba(0,0,0,0.16);\r\n  }\r\n\r\n  .arc-cta-reveal {\r\n    opacity: 0;\r\n    transform: translateY(40px) scale(0.98);\r\n    transition:\r\n      opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),\r\n      transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .arc-cta-reveal.arc-visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  @media (max-width: 991px) {\r\n    .arc-cta-section {\r\n      padding: 50px 16px;\r\n    }\r\n\r\n    .arc-cta-content {\r\n      padding: 28px 22px;\r\n      border-radius: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .arc-cta-section {\r\n      padding: 42px 14px;\r\n    }\r\n\r\n    .arc-cta-content {\r\n      padding: 24px 16px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .arc-cta-pill {\r\n      font-size: 10px;\r\n      letter-spacing: 0.12em;\r\n      padding: 10px 14px;\r\n    }\r\n\r\n    .arc-cta-text {\r\n      line-height: 1.75;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .arc-cta-actions {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n    }\r\n\r\n    .arc-cta-btn {\r\n      width: 100%;\r\n      max-width: 320px;\r\n      min-height: 48px;\r\n      padding: 13px 18px;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .arc-cta-title {\r\n      font-size: clamp(32px, 10vw, 44px);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .arc-cta-reveal,\r\n    .arc-cta-btn {\r\n      transition: none !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.querySelector(\".arc-cta-reveal\");\r\n    if (!section) return;\r\n\r\n    const observer = new IntersectionObserver(function(entries) {\r\n      entries.forEach(function(entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add(\"arc-visible\");\r\n          observer.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, {\r\n      threshold: 0.2\r\n    });\r\n\r\n    observer.observe(section);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc16472 e-con-full e-flex e-con e-parent\" data-id=\"dc16472\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b7a4af e-con-full e-flex e-con e-parent\" data-id=\"0b7a4af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ac23b4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7ac23b4\" 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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":196,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":3414,"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/pages\/12\/revisions\/3414"}],"wp:attachment":[{"href":"https:\/\/arcotiselevators.com\/ar\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}