{"id":8,"date":"2026-07-08T08:34:53","date_gmt":"2026-07-08T08:34:53","guid":{"rendered":"https:\/\/white-pig-456914.hostingersite.com\/?page_id=8"},"modified":"2026-08-19T12:13:47","modified_gmt":"2026-08-19T12:13:47","slug":"home","status":"publish","type":"page","link":"https:\/\/seklift.com\/es\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f650598 e-con-full e-flex e-con e-parent\" data-id=\"f650598\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4977267 elementor-widget elementor-widget-html\" data-id=\"4977267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= HERO ================= -->\r\n<!--\r\n  SEKLIFT HOMEPAGE HERO \u2014 V10.4 \/ CLS-STABILITY PATCH + RESPONSIVE + TRANSLATEPRESS COMPATIBLE\r\n  Elementor-ready: paste this complete block into one HTML widget.\r\n  RTL layout is handled purely via CSS. TranslatePress handles the text.\r\n-->\r\n\r\n<!-- Fonts: do not request Google Fonts from inside this widget.\r\n     The live site already serves Montserrat\/Poppins\/Inter locally; requesting a second\r\n     Google copy can create extra font swaps and layout movement. -->\r\n\r\n<!-- Performance: expose the responsive LCP candidate immediately and at high priority. -->\r\n<link rel=\"preload\"\r\n      as=\"image\"\r\n      href=\"\/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-898w.webp\"\r\n      imagesrcset=\"\/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-480w.webp 480w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-720w.webp 720w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-898w.webp 898w\"\r\n      imagesizes=\"(max-width: 1100px) 100vw, 58vw\"\r\n      fetchpriority=\"high\">\r\n\r\n<section id=\"sk-home-hero-v7\" class=\"skh7 is-visible\" aria-labelledby=\"skh7-title\">\r\n  <picture class=\"skh7__media\" aria-hidden=\"true\">\r\n    <source type=\"image\/webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-480w.webp 480w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-720w.webp 720w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-898w.webp 898w\" sizes=\"(max-width: 1100px) 100vw, 58vw\">\r\n    <img fetchpriority=\"high\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-898w.webp\"\r\n         srcset=\"\/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-480w.webp 480w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-720w.webp 720w, \/wp-content\/uploads\/2026\/07\/seklift-mining-hoist-898w.webp 898w\"\r\n         sizes=\"(max-width: 1100px) 100vw, 58vw\"\r\n         width=\"898\"\r\n         height=\"1214\"\r\n         alt=\"SEKLIFT mining hoist\"\r\n         loading=\"eager\"\r\n         fetchpriority=\"high\">\r\n  <\/picture>\r\n  <div class=\"skh7__shade\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"skh7__technical-grid\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"skh7__image-transition\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"skh7__shell\">\r\n    <div class=\"skh7__content\">\r\n      \r\n      <p class=\"skh7__eyebrow skh7-reveal translation-block\" style=\"--reveal-delay:.02s\">\r\n        <span>SEKLIFT MACHINE<\/span>\r\n        <i aria-hidden=\"true\"><\/i>\r\n        <strong>OEM VERTICAL ACCESS SYSTEMS<\/strong>\r\n      <\/p>\r\n\r\n      <h1 id=\"skh7-title\" class=\"skh7__title skh7-reveal translation-block\" style=\"--reveal-delay:.08s\">\r\n        Premium <span>Heavy Duty<\/span><br aria-hidden=\"true\">\r\n        Construction Hoist<br aria-hidden=\"true\">\r\n        Manufacturer in Turkey &amp;<br aria-hidden=\"true\">\r\n        <span>Global Vertical Access<\/span><br aria-hidden=\"true\">\r\n        Solutions\r\n      <\/h1>\r\n\r\n      <p class=\"skh7__description skh7-reveal translation-block\" style=\"--reveal-delay:.16s\">\r\n        As a leading <strong>vertical access equipment manufacturer<\/strong>, SEKLIFT Machine engineers reliable access systems for construction, industrial, mining and fa\u00e7ade applications worldwide. From our advanced OEM facility in Turkey, we design and export <strong>heavy duty construction hoists<\/strong>, custom rack-and-pinion elevator systems, <strong>industrial elevators<\/strong>, <strong>mining elevators<\/strong>, <strong>electric suspended platforms<\/strong> and <strong>facade access systems<\/strong> (BMU). Our systems are engineered for demanding projects where safety, high payload capacity and dependable vertical transportation are essential.\r\n      <\/p>\r\n\r\n      <div class=\"skh7__actions skh7-reveal\" style=\"--reveal-delay:.24s\">\r\n        <a class=\"skh7__button skh7__button--primary\" href=\"\/products\/\">\r\n          <span class=\"translation-block\">Explore equipment<\/span>\r\n          <i aria-hidden=\"true\" class=\"icon-ltr\">\u2198<\/i>\r\n          <i aria-hidden=\"true\" class=\"icon-rtl\">\u2199<\/i>\r\n        <\/a>\r\n\r\n        <a class=\"skh7__button skh7__button--secondary\" href=\"\/contact-us\/\">\r\n          <span class=\"translation-block\">Request a technical quote<\/span>\r\n          <i aria-hidden=\"true\" class=\"icon-ltr\">\u2197<\/i>\r\n          <i aria-hidden=\"true\" class=\"icon-rtl\">\u2196<\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* Base Overrides for Elementor Compatibility *\/\r\n  .elementor-widget-html:has(#sk-home-hero-v7),\r\n  .elementor-widget-html:has(#sk-home-hero-v7) > .elementor-widget-container,\r\n  .e-con:has(> .elementor-widget-html #sk-home-hero-v7),\r\n  .elementor-section:has(#sk-home-hero-v7),\r\n  .elementor-container:has(#sk-home-hero-v7) {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  #sk-home-hero-v7,\r\n  #sk-home-hero-v7 * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #sk-home-hero-v7 {\r\n    --skh7-orange: #ED5308;\r\n    --skh7-orange-hover: #D94800;\r\n    --skh7-orange-bright: #FF6A21;\r\n    --skh7-ink: #070809;\r\n    --skh7-white: #FFFFFF;\r\n\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    min-height: max(760px, 100svh);\r\n    margin-block: 0;\r\n    margin-inline: calc(50% - 50vw);\r\n    overflow: hidden;\r\n    color: var(--skh7-white);\r\n    background-color: var(--skh7-ink);\r\n\r\n    direction: ltr;\r\n    text-align: left;\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    isolation: isolate;\r\n  }\r\n\r\n  #sk-home-hero-v7::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 8;\r\n    top: 0;\r\n    left: 0;\r\n    width: clamp(160px, 20vw, 370px);\r\n    height: 4px;\r\n    background: var(--skh7-orange);\r\n  }\r\n\r\n  #sk-home-hero-v7::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 3;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: clamp(24px, 4.6vw, 88px);\r\n    width: 1px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(237,83,8,.68),\r\n      rgba(237,83,8,.12) 65%,\r\n      transparent\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  #sk-home-hero-v7 a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  .skh7__media {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    contain: paint;\r\n  }\r\n\r\n  .skh7__media img {\r\n    position: absolute;\r\n    top: 0;\r\n    right: -45px;\r\n    display: block;\r\n    width: clamp(800px, 58vw, 1060px);\r\n    height: auto;\r\n    max-width: none;\r\n    aspect-ratio: 898 \/ 1214;\r\n    -webkit-mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0,0,0,.36) 5%,\r\n      rgba(0,0,0,.76) 11%,\r\n      rgba(0,0,0,.96) 16%,\r\n      #000 20%,\r\n      #000 100%\r\n    );\r\n    mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(0,0,0,.36) 5%,\r\n      rgba(0,0,0,.76) 11%,\r\n      rgba(0,0,0,.96) 16%,\r\n      #000 20%,\r\n      #000 100%\r\n    );\r\n  }\r\n\r\n  .skh7__media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        var(--skh7-ink) 0%,\r\n        var(--skh7-ink) 28%,\r\n        rgba(7,8,9,.98) 33%,\r\n        rgba(7,8,9,.82) 39%,\r\n        rgba(7,8,9,.54) 45%,\r\n        rgba(7,8,9,.27) 51%,\r\n        rgba(7,8,9,.08) 56%,\r\n        transparent 61%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7,8,9,.02) 0%,\r\n        transparent 70%,\r\n        rgba(7,8,9,.20) 100%\r\n      );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .skh7__shade,\r\n  .skh7__technical-grid,\r\n  .skh7__image-transition {\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    contain: paint;\r\n  }\r\n\r\n  .skh7__shade {\r\n    z-index: 1;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(7,8,9,1) 0%,\r\n        rgba(7,8,9,1) 29%,\r\n        rgba(7,8,9,.96) 34%,\r\n        rgba(7,8,9,.76) 40%,\r\n        rgba(7,8,9,.48) 46%,\r\n        rgba(7,8,9,.23) 51%,\r\n        rgba(7,8,9,.07) 56%,\r\n        transparent 61%\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.035) 0%,\r\n        transparent 66%,\r\n        rgba(0,0,0,.18) 100%\r\n      );\r\n  }\r\n\r\n  .skh7__technical-grid {\r\n    z-index: 2;\r\n    right: 36%;\r\n    background:\r\n      linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);\r\n    background-size: 68px 68px;\r\n    mask-image: linear-gradient(\r\n      90deg,\r\n      #000 0%,\r\n      #000 55%,\r\n      rgba(0,0,0,.72) 72%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  .skh7__image-transition {\r\n    z-index: 2;\r\n    left: 34.5%;\r\n    right: auto;\r\n    width: 24%;\r\n    overflow: hidden;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(7,8,9,.88) 0% 15%,\r\n        rgba(7,8,9,.74) 20% 33%,\r\n        rgba(7,8,9,.52) 38% 51%,\r\n        rgba(7,8,9,.31) 56% 69%,\r\n        rgba(7,8,9,.14) 74% 85%,\r\n        rgba(7,8,9,.04) 90%,\r\n        transparent 96% 100%\r\n      );\r\n    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 96%, transparent 100%);\r\n    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 96%, transparent 100%);\r\n  }\r\n\r\n  .skh7__image-transition::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);\r\n    background-size: 56px 56px;\r\n    opacity: .30;\r\n    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.62) 72%, transparent 100%);\r\n    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.62) 72%, transparent 100%);\r\n  }\r\n\r\n  .skh7__image-transition::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        transparent 0% 20%,\r\n        rgba(255,255,255,.055) 20% 20.25%,\r\n        transparent 20.25% 43%,\r\n        rgba(237,83,8,.10) 43% 43.28%,\r\n        transparent 43.28% 68%,\r\n        rgba(255,255,255,.04) 68% 68.24%,\r\n        transparent 68.24% 100%\r\n      );\r\n    opacity: .72;\r\n  }\r\n\r\n  .skh7__shell {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: min(100%, 1880px);\r\n    min-height: max(760px, 100svh);\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    padding:\r\n      clamp(112px, 10vh, 155px)\r\n      clamp(30px, 4.65vw, 88px)\r\n      clamp(180px, 14vh, 220px);\r\n  }\r\n\r\n  .skh7__content {\r\n    width: min(49.5vw, 850px);\r\n    margin-top: 7px;\r\n    direction: ltr;\r\n    text-align: left;\r\n  }\r\n\r\n  .skh7__title,\r\n  .skh7__description,\r\n  .skh7__eyebrow {\r\n    max-inline-size: 100%;\r\n    overflow-wrap: break-word;\r\n  }\r\n\r\n  .skh7__eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    margin: 0 0 24px;\r\n    color: var(--skh7-orange);\r\n    font: 700 10px\/1 'Montserrat', Arial, sans-serif;\r\n    letter-spacing: .17em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .skh7__eyebrow i {\r\n    width: 50px;\r\n    height: 1px;\r\n    background: currentColor;\r\n  }\r\n\r\n  .skh7__eyebrow strong {\r\n    color: rgba(255,255,255,.42);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .skh7__title {\r\n    max-width: 830px;\r\n    margin: 0;\r\n    color: var(--skh7-white);\r\n    font: 700 clamp(44px, 3.5vw, 68px)\/.99 'Montserrat', Arial, sans-serif;\r\n    letter-spacing: -.055em;\r\n  }\r\n\r\n  .skh7__title span {\r\n    color: var(--skh7-orange);\r\n  }\r\n\r\n  .skh7__description {\r\n    max-width: 790px;\r\n    margin: 31px 0 0;\r\n    color: rgba(255,255,255,.66);\r\n    font: 300 clamp(14px, .92vw, 16px)\/1.72 'Poppins', Arial, sans-serif;\r\n  }\r\n\r\n  .skh7__description strong {\r\n    color: rgba(255,255,255,.95);\r\n    font-weight: 600;\r\n  }\r\n\r\n  .skh7__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 18px;\r\n    margin-top: 39px;\r\n  }\r\n\r\n  \/* Arrow Direction Control *\/\r\n  .icon-rtl { display: none !important; }\r\n\r\n  .skh7__button {\r\n    position: relative;\r\n    min-height: 58px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 24px;\r\n    overflow: hidden;\r\n    padding: 0 20px 0 25px;\r\n    border-radius: 8px;\r\n    font: 700 11px\/1 'Montserrat', Arial, sans-serif;\r\n    letter-spacing: .1em;\r\n    text-transform: uppercase;\r\n    isolation: isolate;\r\n    transition:\r\n      transform .42s cubic-bezier(.22,1,.36,1),\r\n      border-color .42s ease,\r\n      background-color .42s ease,\r\n      color .42s ease,\r\n      box-shadow .42s ease;\r\n  }\r\n\r\n  .skh7__button::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: -1;\r\n    top: -70%;\r\n    bottom: -70%;\r\n    width: 28px;\r\n    left: -55px;\r\n    background: rgba(255,255,255,.16);\r\n    transform: rotate(18deg);\r\n    transition: left .72s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .skh7__button span {\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: transform .42s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .skh7__button i {\r\n    position: relative;\r\n    z-index: 2;\r\n    color: currentColor;\r\n    font: 500 15px\/1 'Inter', Arial, sans-serif;\r\n    font-style: normal;\r\n    transition: transform .42s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .skh7__button--primary {\r\n    width: 252px;\r\n    border: 1px solid var(--skh7-orange);\r\n    background: var(--skh7-orange);\r\n    color: var(--skh7-white) !important;\r\n    box-shadow: 0 14px 31px rgba(237,83,8,.17);\r\n  }\r\n\r\n  .skh7__button--primary:hover,\r\n  .skh7__button--primary:focus-visible {\r\n    border-color: var(--skh7-orange-hover);\r\n    background: var(--skh7-orange-hover);\r\n    color: var(--skh7-white) !important;\r\n    box-shadow: 0 18px 39px rgba(237,83,8,.22);\r\n    transform: translateY(-2px);\r\n    outline: none;\r\n  }\r\n\r\n  .skh7__button--secondary {\r\n    width: 323px;\r\n    border: 1px solid var(--skh7-orange);\r\n    background: rgba(7,8,9,.88);\r\n    color: var(--skh7-orange) !important;\r\n    backdrop-filter: blur(9px);\r\n  }\r\n\r\n  .skh7__button--secondary::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 1;\r\n    right: 20px;\r\n    bottom: 10px;\r\n    left: 25px;\r\n    height: 1px;\r\n    background: var(--skh7-orange-bright);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform .52s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .skh7__button--secondary:hover,\r\n  .skh7__button--secondary:focus-visible {\r\n    border-color: var(--skh7-orange-bright);\r\n    background: rgba(7,8,9,.88);\r\n    color: var(--skh7-orange-bright) !important;\r\n    box-shadow: 0 0 0 3px rgba(237,83,8,.065);\r\n    transform: translateY(-2px);\r\n    outline: none;\r\n  }\r\n\r\n  .skh7__button:hover::after,\r\n  .skh7__button:focus-visible::after {\r\n    left: calc(100% + 35px);\r\n  }\r\n\r\n  .skh7__button--secondary:hover::before,\r\n  .skh7__button--secondary:focus-visible::before {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .skh7__button:hover span,\r\n  .skh7__button:focus-visible span {\r\n    transform: translateX(2px);\r\n  }\r\n\r\n  .skh7__button:hover i,\r\n  .skh7__button:focus-visible i {\r\n    transform: translate(3px,-2px);\r\n  }\r\n\r\n  \/* =========================================================\r\n     RTL \/ ARABIC AUTODETECT MODE \r\n     This strictly controls geometry and presentation. \r\n     TranslatePress natively injects the Arabic text into the HTML.\r\n  ========================================================= *\/\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .icon-ltr { display: none !important; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .icon-rtl { display: inline-block !important; }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) #sk-home-hero-v7 { direction: ltr; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) #sk-home-hero-v7::before { right: 0; left: auto; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) #sk-home-hero-v7::after { right: clamp(24px, 4.6vw, 88px); left: auto; }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media img {\r\n    right: auto;\r\n    left: -45px;\r\n    -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.36) 5%, rgba(0,0,0,.76) 11%, rgba(0,0,0,.96) 16%, #000 20%, #000 100%);\r\n    mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.36) 5%, rgba(0,0,0,.76) 11%, rgba(0,0,0,.96) 16%, #000 20%, #000 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media::after {\r\n    background:\r\n      linear-gradient(270deg, var(--skh7-ink) 0%, var(--skh7-ink) 28%, rgba(7,8,9,.98) 33%, rgba(7,8,9,.82) 39%, rgba(7,8,9,.54) 45%, rgba(7,8,9,.27) 51%, rgba(7,8,9,.08) 56%, transparent 61%),\r\n      linear-gradient(180deg, rgba(7,8,9,.02) 0%, transparent 70%, rgba(7,8,9,.20) 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__shade {\r\n    background:\r\n      linear-gradient(270deg, rgba(7,8,9,1) 0%, rgba(7,8,9,1) 29%, rgba(7,8,9,.96) 34%, rgba(7,8,9,.76) 40%, rgba(7,8,9,.48) 46%, rgba(7,8,9,.23) 51%, rgba(7,8,9,.07) 56%, transparent 61%),\r\n      linear-gradient(180deg, rgba(0,0,0,.035) 0%, transparent 66%, rgba(0,0,0,.18) 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__technical-grid {\r\n    right: 0;\r\n    left: 36%;\r\n    -webkit-mask-image: linear-gradient(270deg, #000 0%, #000 55%, rgba(0,0,0,.72) 72%, transparent 100%);\r\n    mask-image: linear-gradient(270deg, #000 0%, #000 55%, rgba(0,0,0,.72) 72%, transparent 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__image-transition {\r\n    right: 34.5%;\r\n    left: auto;\r\n    width: 24%;\r\n    background: linear-gradient(270deg, rgba(7,8,9,.88) 0% 15%, rgba(7,8,9,.74) 20% 33%, rgba(7,8,9,.52) 38% 51%, rgba(7,8,9,.31) 56% 69%, rgba(7,8,9,.14) 74% 85%, rgba(7,8,9,.04) 90%, transparent 96% 100%);\r\n    -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 5%, #000 96%, transparent 100%);\r\n    mask-image: linear-gradient(270deg, transparent 0%, #000 5%, #000 96%, transparent 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__image-transition::before {\r\n    -webkit-mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.62) 72%, transparent 100%);\r\n    mask-image: linear-gradient(270deg, transparent 0%, rgba(0,0,0,.82) 20%, rgba(0,0,0,.62) 72%, transparent 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__image-transition::after {\r\n    background: linear-gradient(270deg, transparent 0% 20%, rgba(255,255,255,.055) 20% 20.25%, transparent 20.25% 43%, rgba(237,83,8,.10) 43% 43.28%, transparent 43.28% 68%, rgba(255,255,255,.04) 68% 68.24%, transparent 68.24% 100%);\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__content {\r\n    margin-right: 0;\r\n    margin-left: auto;\r\n    direction: rtl;\r\n    text-align: right;\r\n    font-family: Tahoma, \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__title {\r\n    letter-spacing: 0;\r\n    line-height: 1.08;\r\n    font-family: Tahoma, \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__description {\r\n    line-height: 1.9;\r\n    font-family: Tahoma, \"Segoe UI\", Arial, sans-serif;\r\n  }\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__eyebrow,\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button,\r\n\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__eyebrow { flex-direction: row; justify-content: flex-start; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__actions { justify-content: flex-start; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button { padding-right: 25px; padding-left: 20px; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button--secondary::before { right: 25px; left: 20px; transform-origin: right; }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__scroll { right: clamp(30px, 4.65vw, 88px); left: auto; flex-direction: row-reverse; }\r\n\r\n  \/* RTL Hover Adjustments *\/\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button:hover span,\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button:focus-visible span {\r\n    transform: translateX(-2px);\r\n  }\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button:hover i,\r\n  :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__button:focus-visible i {\r\n    transform: translate(-3px,-2px);\r\n  }\r\n\r\n  .skh7-reveal {\r\n    opacity: 1;\r\n    filter: none;\r\n    animation: skh7-reveal-transform .86s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0s) both;\r\n  }\r\n\r\n  @keyframes skh7-reveal-transform {\r\n    from { transform: translate3d(0, 18px, 0) scale(.992); }\r\n    to { transform: translate3d(0, 0, 0) scale(1); }\r\n  }\r\n\r\n  @media (min-width: 1600px) and (max-height: 900px) {\r\n    .skh7__shell { padding-top: 94px; padding-bottom: 180px; }\r\n    .skh7__title { font-size: clamp(52px, 3.65vw, 66px); }\r\n    .skh7__description { margin-top: 28px; }\r\n    .skh7__actions { margin-top: 34px; }\r\n  }\r\n\r\n  @media (max-width: 1360px) {\r\n    .skh7__media img { right: -34px; width: clamp(750px, 61vw, 920px); }\r\n    .skh7__content { width: min(53vw, 770px); }\r\n    .skh7__title { font-size: clamp(45px, 4vw, 60px); }\r\n    .skh7__description { max-width: 720px; }\r\n  }\r\n\r\n  \/* Tablet architecture: a stable image stage followed by content in normal flow.\r\n     Geometry is tied to viewport width, not viewport height. *\/\r\n  @media (min-width: 601px) and (max-width: 1100px) {\r\n    #sk-home-hero-v7 {\r\n      --skh7-tablet-media-height: clamp(410px, 62vw, 560px);\r\n      min-height: 0;\r\n    }\r\n\r\n    .skh7__media {\r\n      inset: 0 0 auto;\r\n      width: 100%;\r\n      height: var(--skh7-tablet-media-height);\r\n    }\r\n\r\n    .skh7__media img,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media img {\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      max-width: 100%;\r\n      object-fit: cover;\r\n      object-position: 56% 28%;\r\n      transform: none;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n    }\r\n\r\n    .skh7__media::after,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media::after {\r\n      background:\r\n        linear-gradient(90deg, rgba(7,8,9,.16), transparent 28%, transparent 72%, rgba(7,8,9,.16)),\r\n        linear-gradient(180deg, transparent 0% 61%, rgba(7,8,9,.18) 72%, rgba(7,8,9,.72) 91%, var(--skh7-ink) 100%);\r\n    }\r\n\r\n    .skh7__shade,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__shade {\r\n      background: linear-gradient(\r\n        180deg,\r\n        transparent 0,\r\n        transparent calc(var(--skh7-tablet-media-height) - 150px),\r\n        rgba(7,8,9,.28) calc(var(--skh7-tablet-media-height) - 95px),\r\n        var(--skh7-ink) calc(var(--skh7-tablet-media-height) + 8px),\r\n        var(--skh7-ink) 100%\r\n      );\r\n    }\r\n\r\n    .skh7__technical-grid,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__technical-grid {\r\n      inset: calc(var(--skh7-tablet-media-height) - 92px) 0 0;\r\n      opacity: .22;\r\n      -webkit-mask-image: linear-gradient(180deg, transparent, #000 105px, #000);\r\n      mask-image: linear-gradient(180deg, transparent, #000 105px, #000);\r\n    }\r\n\r\n    .skh7__image-transition,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__image-transition {\r\n      top: calc(var(--skh7-tablet-media-height) - 150px);\r\n      right: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 160px;\r\n      background: linear-gradient(180deg, transparent, rgba(7,8,9,.35) 44%, var(--skh7-ink) 100%);\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n    }\r\n\r\n    .skh7__image-transition::before,\r\n    .skh7__image-transition::after {\r\n      opacity: .18;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n    }\r\n\r\n    .skh7__shell {\r\n      min-height: 0;\r\n      align-items: flex-start;\r\n      padding:\r\n        calc(var(--skh7-tablet-media-height) + 34px)\r\n        clamp(38px, 6vw, 68px)\r\n        142px;\r\n    }\r\n\r\n    .skh7__content {\r\n      width: min(100%, 900px);\r\n      margin-top: 0;\r\n    }\r\n\r\n    .skh7__title {\r\n      max-width: 900px;\r\n      font-size: clamp(44px, 6.8vw, 60px);\r\n      line-height: 1.015;\r\n    }\r\n\r\n    .skh7__description {\r\n      max-width: 820px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .skh7__actions {\r\n      gap: 14px;\r\n    }\r\n  }\r\n\r\n  \/* Phone architecture: full-section image, uniform contrast overlay and natural content height. *\/\r\n  @media (max-width: 600px) {\r\n    #sk-home-hero-v7 {\r\n      min-height: 0;\r\n      background: var(--skh7-ink);\r\n    }\r\n\r\n    .skh7__media {\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .skh7__media img,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media img {\r\n      inset: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      max-width: none;\r\n      object-fit: cover;\r\n      object-position: 59% 42%;\r\n      transform: none;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n    }\r\n\r\n    .skh7__media::after,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__media::after {\r\n      background: rgba(3,4,5,.44);\r\n    }\r\n\r\n    .skh7__shade,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__shade {\r\n      background: linear-gradient(180deg, rgba(2,3,4,.61) 0%, rgba(2,3,4,.70) 54%, rgba(2,3,4,.88) 100%);\r\n    }\r\n\r\n    .skh7__technical-grid,\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) .skh7__technical-grid {\r\n      inset: 0;\r\n      opacity: .12;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n      background-size: 44px 44px;\r\n    }\r\n\r\n    .skh7__image-transition {\r\n      display: none;\r\n    }\r\n\r\n    #sk-home-hero-v7::after {\r\n      left: 18px;\r\n    }\r\n\r\n    :where(html[dir=\"rtl\"], html[lang^=\"ar\"], body[dir=\"rtl\"], body.rtl) #sk-home-hero-v7::after {\r\n      right: 18px;\r\n      left: auto;\r\n    }\r\n\r\n    .skh7__shell {\r\n      min-height: 0;\r\n      align-items: flex-start;\r\n\r\n      \/* Mobile header overlays the hero.\r\n         Reserve the header height + breathing room explicitly. *\/\r\n      padding: 132px 20px 126px;\r\n    }\r\n\r\n    .skh7__content {\r\n      width: 100%;\r\n      margin-top: 0;\r\n    }\r\n\r\n    .skh7__eyebrow {\r\n      flex-wrap: wrap;\r\n      gap: 9px;\r\n      margin-bottom: 22px;\r\n      line-height: 1.35;\r\n    }\r\n\r\n    .skh7__eyebrow i {\r\n      width: 30px;\r\n    }\r\n\r\n    .skh7__title {\r\n      font-size: clamp(18px, 9.6vw, 29px);\r\n      line-height: 1.015;\r\n      letter-spacing: -.045em;\r\n    }\r\n\r\n    .skh7__title br {\r\n      display: none;\r\n    }\r\n\r\n    .skh7__description {\r\n      margin-top: 24px;\r\n      color: rgba(255,255,255,.82);\r\n      font-size: 11px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .skh7__description strong {\r\n      color: #fff;\r\n    }\r\n\r\n    .skh7__actions {\r\n        animation: none;\r\ntransform: none;\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 11px;\r\n      margin-top: 30px;\r\n    }\r\n\r\n    .skh7__button,\r\n    .skh7__button--primary,\r\n    .skh7__button--secondary {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n  }\r\n\r\n  \/* Reserve the final mobile paragraph block height so the CTA does not jump\r\n     when the local Poppins face replaces the fallback font. *\/\r\n  @media (max-width: 600px) { .skh7__description { min-height: 110.88px; } }\r\n  @media (max-width: 540px) { .skh7__description { min-height: 129.36px; } }\r\n  @media (max-width: 471px) { .skh7__description { min-height: 147.84px; } }\r\n  @media (max-width: 432px) { .skh7__description { min-height: 166.32px; } }\r\n  @media (max-width: 378px) { .skh7__description { min-height: 184.8px; } }\r\n  @media (max-width: 361px) { .skh7__description { min-height: 203.28px; } }\r\n  @media (max-width: 324px) { .skh7__description { min-height: 221.76px; } }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #sk-home-hero-v7 *, #sk-home-hero-v7 *::before, #sk-home-hero-v7 *::after {\r\n      transition-duration: .01ms !important;\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      scroll-behavior: auto !important;\r\n    }\r\n    .skh7-reveal {\r\n      opacity: 1 !important;\r\n      filter: none !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const hero = document.getElementById('sk-home-hero-v7');\r\n  if (!hero || hero.dataset.skh7Ready === 'true') return;\r\n  hero.dataset.skh7Ready = 'true';\r\n  const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  hero.querySelectorAll('a[href^=\"#\"]').forEach((link) => {\r\n    link.addEventListener('click', (event) => {\r\n      const selector = link.getAttribute('href');\r\n      if (!selector || selector === '#') return;\r\n      const target = document.querySelector(selector);\r\n      if (!target) return;\r\n      event.preventDefault();\r\n      target.scrollIntoView({\r\n        behavior: reducedMotion ? 'auto' : 'smooth',\r\n        block: 'start'\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-64d81f9 e-con-full e-flex e-con e-parent\" data-id=\"64d81f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f522e59 elementor-widget elementor-widget-html\" data-id=\"f522e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================= 02 CERTIFICATES \u2014 OPTIMIZED MIRRORED GLASS ================= -->\r\n<section class=\"skcert\" id=\"seklift-cert-bar\">\r\n    <div class=\"skcert__content\">\r\n        <div class=\"skcert__accent\" aria-hidden=\"true\"><\/div>\r\n        \r\n        <p class=\"skcert__eyebrow translation-block\">Certified manufacturing<\/p>\r\n        \r\n        <h2 class=\"skcert__title translation-block\">Global Engineering <span>Standards.<\/span><\/h2>\r\n        \r\n        <p class=\"skcert__subtitle translation-block\">Our certification archive includes ISO 9001:2015 quality-management documentation and available product-conformity records. Applicable standards and certification requirements are confirmed for each equipment type and project. With a rapidly expanding cross-continental export footprint, our vertical access solutions power demanding mega-projects globally\u2014including complex strategic deployments throughout Canada, Iraq, Kazakhstan, Azerbaijan, Cyprus, and more.<\/p>\r\n\r\n        <a href=\"\/certifications\/\" class=\"skcert__button translation-block\">\r\n            <span>Verify our certificates<\/span>\r\n            <i aria-hidden=\"true\">\u2197<\/i>\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"skcert__logos\" aria-label=\"SEKLIFT certification marks\">\r\n        <a href=\"\/certifications\/\" class=\"skcert__logo\" aria-label=\"View CE certification\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/png-transparent-european-union-ce-marking-certification-regulatory-compliance-european-economic-area-ce-symbol-text-trademark-logo-thumbnail-1-167w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/png-transparent-european-union-ce-marking-certification-regulatory-compliance-european-economic-area-ce-symbol-text-trademark-logo-thumbnail-1-167w.webp 167w, \/wp-content\/uploads\/2026\/07\/png-transparent-european-union-ce-marking-certification-regulatory-compliance-european-economic-area-ce-symbol-text-trademark-logo-thumbnail-1-335w.webp 335w\" sizes=\"auto, (max-width: 520px) 112px, 150px\" width=\"335\" height=\"240\" loading=\"lazy\" decoding=\"async\" alt=\"CE certification\">\r\n        <\/a>\r\n\r\n        <a href=\"\/certifications\/\" class=\"skcert__logo\" aria-label=\"View ISO 9001:2015 certification\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/iso-9001-2015-svg-scaled-131w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/iso-9001-2015-svg-scaled-131w.webp 131w, \/wp-content\/uploads\/2026\/07\/iso-9001-2015-svg-scaled-263w.webp 263w\" sizes=\"auto, (max-width: 520px) 112px, 150px\" width=\"263\" height=\"240\" loading=\"lazy\" decoding=\"async\" alt=\"ISO 9001:2015 certification\">\r\n        <\/a>\r\n\r\n        <a href=\"\/certifications\/\" class=\"skcert__logo skcert__logo--wide\" aria-label=\"View TSE certification\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/turk-standardlari-enstitusu-tse-180w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/turk-standardlari-enstitusu-tse-180w.webp 180w, \/wp-content\/uploads\/2026\/07\/turk-standardlari-enstitusu-tse-360w.webp 360w\" sizes=\"auto, (max-width: 520px) 112px, 150px\" width=\"360\" height=\"214\" loading=\"lazy\" decoding=\"async\" alt=\"TSE certification\">\r\n        <\/a>\r\n\r\n        <a href=\"\/certifications\/\" class=\"skcert__logo\" aria-label=\"View EAC certification\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/eac-black-on-white-120w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/eac-black-on-white-120w.webp 120w, \/wp-content\/uploads\/2026\/07\/eac-black-on-white-220w.webp 220w\" sizes=\"auto, (max-width: 520px) 112px, 150px\" width=\"220\" height=\"220\" loading=\"lazy\" decoding=\"async\" alt=\"EAC certification\">\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* The whole widget is namespaced to prevent Elementor\/theme conflicts. *\/\r\n#seklift-cert-bar.skcert,\r\n#seklift-cert-bar.skcert * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#seklift-cert-bar.skcert {\r\n    --skcert-orange: #ED5308;\r\n    --skcert-charcoal: #151515;\r\n    --skcert-ink: #111111;\r\n    --skcert-muted: #565656;\r\n    position: relative;\r\n    z-index: 20;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 92%;\r\n    max-width: 1350px;\r\n    margin: -80px auto 60px;\r\n    padding: clamp(52px, 5vw, 72px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: clamp(38px, 5vw, 76px);\r\n    background: linear-gradient(122deg, rgba(255,255,255,.97) 0%, rgba(252,252,251,.91) 45%, rgba(231,232,232,.88) 100%);\r\n    border: 1px solid rgba(255,255,255,.92);\r\n    border-radius: 22px;\r\n    box-shadow: 0 30px 70px rgba(0,0,0,.16), 0 2px 8px rgba(0,0,0,.07), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(255,255,255,.52);\r\n    opacity: 0;\r\n    transform: translateY(32px);\r\n}\r\n\r\n\/* Static gradient layers restore the mirror\/glass appearance without backdrop-filter. *\/\r\n#seklift-cert-bar.skcert::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    background: radial-gradient(ellipse at top left, rgba(255,255,255,.98) 0%, rgba(255,255,255,.42) 24%, transparent 55%), linear-gradient(115deg, rgba(255,255,255,.74) 0 12%, transparent 12.2% 100%);\r\n}\r\n\r\n#seklift-cert-bar.skcert::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    opacity: .78;\r\n    background: linear-gradient(112deg, transparent 0 54%, rgba(255,255,255,.52) 61%, rgba(255,255,255,.12) 68%, transparent 75%);\r\n}\r\n\r\n#seklift-cert-bar .skcert__content {\r\n    position: relative;\r\n    z-index: 1;\r\n    flex: 1 1 58%;\r\n    max-width: 720px;\r\n    text-align: left;\r\n}\r\n\r\n#seklift-cert-bar .skcert__accent {\r\n    width: 38px;\r\n    height: 3px;\r\n    margin-bottom: 22px;\r\n    background: var(--skcert-orange);\r\n    border-radius: 10px;\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n}\r\n\r\n#seklift-cert-bar .skcert__eyebrow {\r\n    margin: 0 0 10px;\r\n    color: #757575;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: .72rem;\r\n    font-weight: 700;\r\n    letter-spacing: .18em;\r\n    line-height: 1.4;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n}\r\n\r\n#seklift-cert-bar .skcert__title {\r\n    margin: 0 0 16px;\r\n    color: var(--skcert-ink);\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(1.9rem, 3vw, 2.5rem);\r\n    font-weight: 500;\r\n    letter-spacing: -.035em;\r\n    line-height: 1.16;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n}\r\n\r\n#seklift-cert-bar .skcert__title span {\r\n    color: var(--skcert-orange);\r\n    font-weight: 750;\r\n}\r\n\r\n#seklift-cert-bar .skcert__subtitle {\r\n    max-width: 690px;\r\n    margin: 0 0 30px;\r\n    color: var(--skcert-muted);\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: clamp(.94rem, 1.1vw, 1.02rem);\r\n    font-weight: 400;\r\n    line-height: 1.72;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n}\r\n\r\n#seklift-cert-bar .skcert__button,\r\n#seklift-cert-bar .skcert__button:visited {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 13px;\r\n    padding: 14px 20px;\r\n    background: var(--skcert-orange) !important;\r\n    border: 1px solid var(--skcert-orange) !important;\r\n    border-radius: 8px;\r\n    color: #fff !important;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: .78rem;\r\n    font-weight: 700;\r\n    letter-spacing: .085em;\r\n    line-height: 1.2;\r\n    text-decoration: none !important;\r\n    text-transform: uppercase;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: transform .55s cubic-bezier(.16,1,.3,1), background-color .42s ease, border-color .42s ease, color .42s ease, box-shadow .65s ease;\r\n}\r\n\r\n\/* Changed target from span to i to prevent translation breaks *\/\r\n#seklift-cert-bar .skcert__button i {\r\n    font-size: 1rem;\r\n    line-height: 1;\r\n    font-style: normal;\r\n    transition: transform .58s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#seklift-cert-bar .skcert__button:hover,\r\n#seklift-cert-bar .skcert__button:focus-visible {\r\n    background: var(--skcert-charcoal) !important;\r\n    border-color: var(--skcert-charcoal) !important;\r\n    color: var(--skcert-orange) !important;\r\n    box-shadow: 0 10px 24px rgba(17,17,17,.18);\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n#seklift-cert-bar .skcert__button:hover i,\r\n#seklift-cert-bar .skcert__button:focus-visible i {\r\n    transform: translate(2px,-2px);\r\n}\r\n\r\n#seklift-cert-bar .skcert__logos {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: min(38%, 440px);\r\n    flex: 0 1 440px;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(128px, 1fr));\r\n    gap: 16px;\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo,\r\n#seklift-cert-bar .skcert__logo:visited {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 132px;\r\n    padding: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,255,255,.35));\r\n    border: 1px solid rgba(255,255,255,.92);\r\n    border-radius: 15px;\r\n    box-shadow: 0 10px 30px rgba(20,20,20,.06), inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(95,95,95,.08);\r\n    color: inherit !important;\r\n    text-decoration: none !important;\r\n    opacity: 0;\r\n    transform: translateY(24px) scale(.985);\r\n    transition: border-color .6s ease, background-color .7s ease, box-shadow .85s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n    background: linear-gradient(125deg, rgba(255,255,255,.68), transparent 45%);\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo img {\r\n    position: relative;\r\n    display: block;\r\n    width: auto;\r\n    max-width: 100%;\r\n    height: auto;\r\n    max-height: 86px;\r\n    object-fit: contain;\r\n    opacity: .78;\r\n    transform: translateZ(0);\r\n    transition: opacity .65s ease, transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo--wide img {\r\n    max-width: 94%;\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo:hover,\r\n#seklift-cert-bar .skcert__logo:focus-visible {\r\n    border-color: rgba(237,83,8,.28);\r\n    box-shadow: 0 16px 32px rgba(20,20,20,.09), inset 0 1px 0 #fff;\r\n}\r\n\r\n#seklift-cert-bar .skcert__logo:hover img,\r\n#seklift-cert-bar .skcert__logo:focus-visible img {\r\n    opacity: 1;\r\n    transform: translateZ(0) scale(1.04);\r\n}\r\n\r\n#seklift-cert-bar .skcert__button:focus-visible,\r\n#seklift-cert-bar .skcert__logo:focus-visible {\r\n    outline: 3px solid rgba(237,83,8,.32);\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* One-shot entrance: only opacity and transform are animated. *\/\r\n#seklift-cert-bar.skcert.is-in-view {\r\n    animation: skcert-card-in 1.4s cubic-bezier(.16,1,.3,1) forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__accent {\r\n    animation: skcert-line-in 1.05s cubic-bezier(.16,1,.3,1) .28s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__eyebrow {\r\n    animation: skcert-item-in 1.05s cubic-bezier(.16,1,.3,1) .40s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__title {\r\n    animation: skcert-item-in 1.12s cubic-bezier(.16,1,.3,1) .54s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__subtitle {\r\n    animation: skcert-item-in 1.16s cubic-bezier(.16,1,.3,1) .70s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__button {\r\n    animation: skcert-item-in 1.12s cubic-bezier(.16,1,.3,1) .88s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__logo:nth-child(1) {\r\n    animation: skcert-logo-in 1.65s cubic-bezier(.16,1,.3,1) .70s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__logo:nth-child(2) {\r\n    animation: skcert-logo-in 1.65s cubic-bezier(.16,1,.3,1) .92s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__logo:nth-child(3) {\r\n    animation: skcert-logo-in 1.65s cubic-bezier(.16,1,.3,1) 1.14s forwards;\r\n}\r\n\r\n#seklift-cert-bar.skcert.is-in-view .skcert__logo:nth-child(4) {\r\n    animation: skcert-logo-in 1.65s cubic-bezier(.16,1,.3,1) 1.36s forwards;\r\n}\r\n\r\n@keyframes skcert-card-in {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes skcert-line-in {\r\n    to { transform: scaleX(1); }\r\n}\r\n\r\n@keyframes skcert-item-in {\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes skcert-logo-in {\r\n    to { opacity: 1; transform: translateY(0) scale(1); }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    #seklift-cert-bar.skcert {\r\n        width: calc(100% - 32px);\r\n        margin-top: -40px;\r\n        padding: 45px 30px 34px;\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        gap: 40px;\r\n        text-align: center;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__content {\r\n        margin: 0 auto;\r\n        text-align: center;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__accent {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        transform-origin: center;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__logos {\r\n        width: 100%;\r\n        max-width: 520px;\r\n        margin: 0 auto;\r\n        flex-basis: auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    #seklift-cert-bar.skcert {\r\n        width: calc(100% - 24px);\r\n        padding: 38px 20px 24px;\r\n        border-radius: 16px;\r\n        gap: 32px;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__logos {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n        gap: 10px;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__logo {\r\n        min-height: 104px;\r\n        padding: 14px;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__logo img {\r\n        max-height: 66px;\r\n    }\r\n\r\n    #seklift-cert-bar .skcert__button {\r\n        width: 100%;\r\n        justify-content: center;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #seklift-cert-bar.skcert,\r\n    #seklift-cert-bar.skcert .skcert__accent,\r\n    #seklift-cert-bar.skcert .skcert__eyebrow,\r\n    #seklift-cert-bar.skcert .skcert__title,\r\n    #seklift-cert-bar.skcert .skcert__subtitle,\r\n    #seklift-cert-bar.skcert .skcert__button,\r\n    #seklift-cert-bar.skcert .skcert__logo {\r\n        animation: none !important;\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition-duration: .01ms !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    function initSekliftCertificates() {\r\n        var bar = document.getElementById('seklift-cert-bar');\r\n        if (!bar || bar.dataset.skcertReady === 'true') return;\r\n        bar.dataset.skcertReady = 'true';\r\n\r\n        if (!('IntersectionObserver' in window)) {\r\n            bar.classList.add('is-in-view');\r\n            return;\r\n        }\r\n\r\n        var observer = new IntersectionObserver(function (entries) {\r\n            entries.forEach(function (entry) {\r\n                if (!entry.isIntersecting) return;\r\n                entry.target.classList.add('is-in-view');\r\n                observer.unobserve(entry.target);\r\n            });\r\n        }, { threshold: 0.12, rootMargin: '0px 0px -4% 0px' });\r\n\r\n        observer.observe(bar);\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initSekliftCertificates, { once: true });\r\n    } else {\r\n        initSekliftCertificates();\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-b19b998 e-con e-atomic-element e-flexbox-base e-a2fa611 \" data-id=\"b19b998\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b19b998\" data-e-type=\"e-flexbox\" data-id=\"b19b998\">\n    \t\t<div class=\"elementor-element elementor-element-4a2b447 elementor-widget elementor-widget-html\" data-id=\"4a2b447\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  SEKLIFT CLIENT LOGO MARQUEE\r\n  Paste this complete block into one Elementor HTML widget.\r\n-->\r\n\r\n<style>\r\n  .sklm-section,\r\n  .sklm-section * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sklm-section {\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: auto 360px;\r\n    --sklm-orange: #ed5308;\r\n    --sklm-ink: #2f2f2f;\r\n    --sklm-muted: #73777c;\r\n    --sklm-line: #e2e2e2;\r\n    --sklm-surface: #f7efeb;\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: clamp(58px, 6vw, 86px) 0 clamp(48px, 5vw, 72px);\r\n    background:\r\n      radial-gradient(circle at 12% 15%, rgba(237, 83, 8, 0.055), transparent 25%),\r\n      linear-gradient(180deg, #fbfaf9 0%, var(--sklm-surface) 100%);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .sklm-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n    background-image:\r\n      linear-gradient(rgba(47, 47, 47, 0.022) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(47, 47, 47, 0.022) 1px, transparent 1px);\r\n    background-size: 46px 46px;\r\n    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 76%, transparent);\r\n    mask-image: linear-gradient(to bottom, transparent, #000 24%, #000 76%, transparent);\r\n  }\r\n\r\n  .sklm-heading {\r\n    width: min(1180px, calc(100% - 40px));\r\n    margin: 0 auto 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .sklm-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 0 0 13px;\r\n    color: var(--sklm-orange);\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .sklm-eyebrow::before,\r\n  .sklm-eyebrow::after {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 1px;\r\n    background: currentColor;\r\n    opacity: 0.65;\r\n  }\r\n\r\n  .sklm-title {\r\n    margin: 0;\r\n    color: var(--sklm-ink);\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: clamp(18px, 1.75vw, 26px);\r\n    font-weight: 540;\r\n    line-height: 1.28;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  .sklm-viewport {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    \/*\r\n      Keep the moving lane on one physical coordinate system in every site\r\n      language. Arabic\/RTL still applies to the heading and translated copy,\r\n      but must not reverse the duplicated flex sets used by the -50% loop.\r\n    *\/\r\n    direction: ltr !important;\r\n    unicode-bidi: isolate;\r\n    padding: 18px 0 20px;\r\n    -webkit-mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0,\r\n      #000 clamp(36px, 7vw, 120px),\r\n      #000 calc(100% - clamp(36px, 7vw, 120px)),\r\n      transparent 100%\r\n    );\r\n    mask-image: linear-gradient(\r\n      90deg,\r\n      transparent 0,\r\n      #000 clamp(36px, 7vw, 120px),\r\n      #000 calc(100% - clamp(36px, 7vw, 120px)),\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  .sklm-track {\r\n    display: flex;\r\n    width: max-content;\r\n    direction: ltr !important;\r\n    transform: translate3d(0, 0, 0);\r\n    animation: sklm-scroll 74s linear infinite;\r\n    will-change: transform;\r\n  }\r\n\r\n  \/*\r\n    Pausing is controlled by JavaScript and is applied only while the pointer\r\n    is over an actual logo card, never over the section or empty lane space.\r\n  *\/\r\n  .sklm-track.is-paused {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .sklm-logo-set {\r\n    display: flex;\r\n    flex: none;\r\n    align-items: center;\r\n    direction: ltr !important;\r\n    gap: clamp(54px, 5.2vw, 92px);\r\n    padding-right: clamp(54px, 5.2vw, 92px);\r\n  }\r\n\r\n  .sklm-logo-card {\r\n    display: grid;\r\n    width: clamp(132px, 11vw, 172px);\r\n    height: clamp(70px, 6vw, 88px);\r\n    flex: none;\r\n    place-items: center;\r\n    padding:  4px;\r\n    border-radius: 6px;\r\n    background: transparent;\r\n    color: inherit;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .sklm-logo-card:focus-visible {\r\n    outline: 2px solid var(--sklm-orange);\r\n    outline-offset: 6px;\r\n  }\r\n\r\n  .sklm-logo-card img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 168px;\r\n    max-height: 76px;\r\n    object-fit: contain;\r\n    opacity: 0.76;\r\n    filter: grayscale(0.84) saturate(0.5);\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n    transition:\r\n      transform 760ms cubic-bezier(0.16, 1, 0.3, 1),\r\n      opacity 560ms ease,\r\n      filter 680ms ease;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n  }\r\n\r\n  .sklm-logo-card:hover img,\r\n  .sklm-logo-card:focus-visible img {\r\n    opacity: 1;\r\n    filter: grayscale(0) saturate(1);\r\n    transform: translate3d(0, -2px, 0) scale(1.14);\r\n  }\r\n\r\n  .sklm-section.sklm-enhanced:not(.is-in-view) .sklm-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .sklm-section.sklm-enhanced .sklm-heading,\r\n  .sklm-section.sklm-enhanced .sklm-viewport {\r\n    opacity: 0;\r\n    transform: translate3d(0, 32px, 0);\r\n  }\r\n\r\n  .sklm-section.sklm-enhanced.is-in-view .sklm-heading {\r\n    animation: sklm-reveal 1.7s cubic-bezier(0.16, 1, 0.3, 1) 60ms forwards;\r\n  }\r\n\r\n  .sklm-section.sklm-enhanced.is-in-view .sklm-viewport {\r\n    animation: sklm-reveal 2.15s cubic-bezier(0.16, 1, 0.3, 1) 180ms forwards;\r\n  }\r\n\r\n  @keyframes sklm-scroll {\r\n    to {\r\n      transform: translate3d(-50%, 0, 0);\r\n    }\r\n  }\r\n\r\n  @keyframes sklm-reveal {\r\n    to {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .sklm-section {\r\n      padding: 50px 0 44px;\r\n    }\r\n\r\n    .sklm-heading {\r\n      width: min(100% - 30px, 680px);\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .sklm-eyebrow {\r\n      font-size: 10px;\r\n      letter-spacing: 0.18em;\r\n    }\r\n\r\n    .sklm-title {\r\n      font-size: clamp(18px, 5.2vw, 22px);\r\n    }\r\n\r\n    .sklm-viewport {\r\n      -webkit-mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);\r\n      mask-image: linear-gradient(90deg, transparent, #000 36px, #000 calc(100% - 36px), transparent);\r\n    }\r\n\r\n    .sklm-track {\r\n      animation-duration: 62s;\r\n    }\r\n\r\n    .sklm-logo-card {\r\n      width: 128px;\r\n      height: 72px;\r\n      padding: 3px;\r\n    }\r\n\r\n    .sklm-logo-card img {\r\n      max-width: 126px;\r\n      max-height: 62px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .sklm-section.sklm-enhanced .sklm-heading,\r\n    .sklm-section.sklm-enhanced .sklm-viewport {\r\n      opacity: 1;\r\n      filter: none;\r\n      transform: none;\r\n      animation: none;\r\n    }\r\n\r\n    .sklm-viewport {\r\n      overflow-x: auto;\r\n      -webkit-mask-image: none;\r\n      mask-image: none;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .sklm-viewport::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .sklm-track,\r\n    .sklm-section.sklm-enhanced:not(.is-in-view) .sklm-track {\r\n      animation: none;\r\n      transform: none;\r\n    }\r\n\r\n    .sklm-logo-set[aria-hidden=\"true\"] {\r\n      display: none;\r\n    }\r\n\r\n    .sklm-logo-card[aria-hidden=\"true\"] {\r\n      display: none;\r\n    }\r\n\r\n    .sklm-logo-card img {\r\n      transition-duration: 0.01ms;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sklm-section\" data-sklm-marquee aria-labelledby=\"sklm-title\">\r\n  <header class=\"sklm-heading\">\r\n    <p class=\"sklm-eyebrow translation-block\">Selected partnerships<\/p>\r\n    <h2 class=\"sklm-title translation-block\" id=\"sklm-title\">Trusted by Global Engineering Contractors<\/h2>\r\n  <\/header>\r\n\r\n  <div class=\"sklm-viewport\">\r\n    <div class=\"sklm-track\">\r\n      <div class=\"sklm-logo-set\">\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/kazmininggroup.kz\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Kazakhstan Mining Group website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kazakhstan-mining.webp\" width=\"1600\" height=\"2049\" loading=\"lazy\" decoding=\"async\" alt=\"Kazakhstan Mining Group\">\r\n        <\/a>\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/www.barawlutka.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Baraw Lutka Company website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/lukta.webp\" width=\"1368\" height=\"1208\" loading=\"lazy\" decoding=\"async\" alt=\"Baraw Lutka Company\">\r\n        <\/a>\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/www.nwconstruction.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit North West Construction website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/northwest.webp\" width=\"1600\" height=\"932\" loading=\"lazy\" decoding=\"async\" alt=\"North West Construction\">\r\n        <\/a>\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/doskiholding.com\/subsidiaries-64-Doski-Home\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit Doski Home website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/doski.webp\" width=\"1439\" height=\"988\" loading=\"lazy\" decoding=\"async\" alt=\"Doski Home\">\r\n        <\/a>\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/www.demsconstruction.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit DEM&#039;S Construction website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/dems.webp\" width=\"1600\" height=\"679\" loading=\"lazy\" decoding=\"async\" alt=\"DEM'S Construction\">\r\n        <\/a>\r\n        <a class=\"sklm-logo-card\" href=\"https:\/\/www.kazminerals.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Visit KAZ Minerals website\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kaz-minerals.webp\" width=\"1600\" height=\"724\" loading=\"lazy\" decoding=\"async\" alt=\"KAZ Minerals\">\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    const initMarquee = (root) => {\r\n      if (root.dataset.sklmReady === \"true\") return;\r\n      root.dataset.sklmReady = \"true\";\r\n      root.classList.add(\"sklm-enhanced\");\r\n\r\n      const track = root.querySelector(\".sklm-track\");\r\n      const originalSet = root.querySelector(\".sklm-logo-set\");\r\n      if (!track || !originalSet) {\r\n        root.classList.add(\"is-in-view\");\r\n        return;\r\n      }\r\n\r\n      \/*\r\n        Repeat the six-logo sequence inside the source set only when a very wide\r\n        viewport needs more runway, then clone that complete set once. This\r\n        preserves a seamless 50% loop without introducing any new client logos.\r\n      *\/\r\n      const originalItems = Array.from(originalSet.children).map((item) => item.cloneNode(true));\r\n      const makeDecorativeCopy = (item) => {\r\n        const copy = item.cloneNode(true);\r\n        copy.setAttribute(\"aria-hidden\", \"true\");\r\n        copy.setAttribute(\"tabindex\", \"-1\");\r\n        const image = copy.querySelector(\"img\");\r\n        if (image) image.alt = \"\";\r\n        return copy;\r\n      };\r\n      const runway = document.createDocumentFragment();\r\n      for (let repeat = 0; repeat < 2; repeat += 1) {\r\n        originalItems.forEach((item) => runway.appendChild(makeDecorativeCopy(item)));\r\n      }\r\n      originalSet.appendChild(runway);\r\n\r\n      const clonedSet = originalSet.cloneNode(true);\r\n      clonedSet.setAttribute(\"aria-hidden\", \"true\");\r\n      clonedSet.querySelectorAll(\".sklm-logo-card\").forEach((card) => {\r\n        card.setAttribute(\"tabindex\", \"-1\");\r\n      });\r\n      clonedSet.querySelectorAll(\"img\").forEach((image) => {\r\n        image.alt = \"\";\r\n      });\r\n      track.appendChild(clonedSet);\r\n\r\n      \/* Pause only while the pointer is over visible logo pixels. *\/\r\n      track.addEventListener(\"pointerover\", (event) => {\r\n        const image = event.target.closest(\".sklm-logo-card img\");\r\n        if (!image || image.contains(event.relatedTarget)) return;\r\n        track.classList.add(\"is-paused\");\r\n      });\r\n\r\n      track.addEventListener(\"pointerout\", (event) => {\r\n        const image = event.target.closest(\".sklm-logo-card img\");\r\n        if (!image || image.contains(event.relatedTarget)) return;\r\n        track.classList.remove(\"is-paused\");\r\n      });\r\n\r\n      const reveal = () => root.classList.add(\"is-in-view\");\r\n\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        reveal();\r\n        return;\r\n      }\r\n\r\n      const observer = new IntersectionObserver(\r\n        (entries) => {\r\n          entries.forEach((entry) => {\r\n            if (!entry.isIntersecting) return;\r\n            reveal();\r\n            observer.unobserve(root);\r\n          });\r\n        },\r\n        {\r\n          threshold: 0.14,\r\n          rootMargin: \"0px 0px -5% 0px\"\r\n        }\r\n      );\r\n\r\n      observer.observe(root);\r\n    };\r\n\r\n    document.querySelectorAll(\"[data-sklm-marquee]\").forEach(initMarquee);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-17e81f4 e-con-full e-flex e-con e-parent\" data-id=\"17e81f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-410c86c elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"410c86c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* SEKLIFT product systems *\/\r\n  :root {\r\n    --seklift-orange: #ED5308;\r\n    --machinery-grey: #141414; \r\n  }\r\n\r\n  \/* --- The Master Track --- *\/\r\n  .seklift-master-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 546vh; \r\n    background-color: var(--machinery-grey);\r\n  }\r\n\r\n  \/* --- The Sticky Camera --- *\/\r\n  .seklift-sticky-cam {\r\n    position: sticky;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    overflow: hidden; \r\n  }\r\n\r\n  \/* --- The Stacked Slides --- *\/\r\n  .seklift-slide {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    opacity: 0;\r\n    transform: scale(1.08); \r\n    transition: opacity 1.9s cubic-bezier(0.25, 1, 0.5, 1), \r\n                transform 1.9s cubic-bezier(0.25, 1, 0.5, 1);\r\n    \r\n    z-index: 1;\r\n    pointer-events: none; \r\n  }\r\n\r\n  .seklift-slide.active-slide {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    z-index: 5;\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* =========================================\r\n     DREAMY BLUR INTRO ANIMATION\r\n     ========================================= *\/\r\n  .dreamy-reveal {\r\n    opacity: 0;\r\n    transform: translateY(30px) scale(0.98);\r\n    transition: opacity 2.5s cubic-bezier(0.22, 1, 0.36, 1),\r\n                transform 2.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .dreamy-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0) scale(1);\r\n  }\r\n\r\n  \/* =========================================\r\n     INTRO SLIDE (60% Text \/ 40% Images)\r\n     ========================================= *\/\r\n  .intro-slide-container {\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n.intro-text-area {\r\n  width: 100%;\r\n  height: 58vh;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  text-align: center;\r\n\r\n  padding: 4rem 8%;\r\n  background: var(--machinery-grey);\r\n\r\n  position: relative;\r\n  z-index: 10;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\/* subtle technical atmosphere *\/\r\n.intro-text-area::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.018) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      rgba(255,255,255,.018) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 70px 70px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent 0%,\r\n      #000 20%,\r\n      #000 75%,\r\n      transparent 100%\r\n    );\r\n\r\n  pointer-events: none;\r\n  z-index: 0;\r\n}\r\n\r\n.intro-text-area::after {\r\n  content: \"\";\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n\r\n  height: 85px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      rgba(0,0,0,.88)\r\n    );\r\n\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* keep actual content above decorative layers *\/\r\n.intro-text-area > * {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\r\n\/* ---------------------------------\r\n   EYEBROW\r\n---------------------------------- *\/\r\n\r\n.panel-subtitle {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  margin-bottom: 1.3rem;\r\n\r\n  color: var(--seklift-orange);\r\n\r\n  font-family: \"Montserrat\", sans-serif;\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n\/* ---------------------------------\r\n   MAIN H2\r\n---------------------------------- *\/\r\n\r\n.intro-title {\r\n  max-width: 1050px;\r\n  margin: 0;\r\n\r\n  font-family: \"Montserrat\", sans-serif;\r\n\r\n  line-height: .98;\r\n  letter-spacing: -.045em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n.intro-title__main {\r\n  display: block;\r\n\r\n  color: #ffffff;\r\n\r\n  font-size: clamp(2.25rem, 4.1vw, 4.8rem);\r\n  font-weight: 700;\r\n}\r\n\r\n.intro-title__sub {\r\n  display: block;\r\n\r\n  margin-top: .55rem;\r\n\r\n  color: var(--seklift-orange);\r\n\r\n  font-size: clamp(1.4rem, 2.35vw, 2.8rem);\r\n  font-weight: 500;\r\n\r\n  letter-spacing: -.035em;\r\n}\r\n\r\n\r\n\/* ---------------------------------\r\n   DESCRIPTION\r\n---------------------------------- *\/\r\n\r\n.panel-desc {\r\n  max-width: 920px;\r\n\r\n  margin: 1.75rem auto 0;\r\n\r\n  color: rgba(255,255,255,.58);\r\n\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: clamp(.94rem, 1vw, 1.08rem);\r\n  font-weight: 300;\r\n\r\n  line-height: 1.8;\r\n  letter-spacing: -.01em;\r\n\r\n  text-wrap: pretty;\r\n}\r\n\r\n.panel-desc strong {\r\n  color: rgba(255,255,255,.95);\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* ---------------------------------\r\n   PRODUCT PILLARS\r\n---------------------------------- *\/\r\n\r\n.intro-pillar-nav {\r\n  width: 100%;\r\n  height: 42vh;\r\n\r\n  display: flex;\r\n\r\n  position: relative;\r\n  z-index: 20;\r\n\r\n  background: #000;\r\n}\r\n\r\n.pillar-item {\r\n  flex: 1;\r\n\r\n  position: relative;\r\n\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  align-items: flex-end;\r\n\r\n  padding: 2rem;\r\n\r\n  text-decoration: none;\r\n\r\n  background-color: var(--machinery-grey);\r\n\r\n  border-right: 1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n.pillar-item:last-child {\r\n  border-right: none;\r\n}\r\n\r\n.pillar-item::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  box-shadow:\r\n    inset 0 0 120px #000,\r\n    inset 0 0 40px rgba(17,17,17,.85);\r\n\r\n  z-index: 2;\r\n\r\n  pointer-events: none;\r\n\r\n  transition: box-shadow .6s ease;\r\n}\r\n\r\n.pillar-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background-size: cover;\r\n  background-position: center;\r\n\r\n  filter:\r\n    grayscale(80%)\r\n    brightness(.5);\r\n\r\n  transition:\r\n    filter .6s ease,\r\n    transform .6s cubic-bezier(.25,1,.5,1);\r\n\r\n  z-index: 1;\r\n}\r\n\r\n.pillar-text {\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  font-family: \"Montserrat\", sans-serif;\r\n\r\n  color: #fff !important;\r\n\r\n  font-size: 1.05rem;\r\n  font-weight: 500;\r\n\r\n  line-height: 1.3;\r\n\r\n  transition:\r\n    transform .4s ease,\r\n    color .4s ease;\r\n}\r\n\r\n.pillar-number {\r\n  display: block;\r\n\r\n  margin-bottom: 6px;\r\n\r\n  color: var(--seklift-orange) !important;\r\n\r\n  font-size: .72rem;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: .16em;\r\n}\r\n\r\n.pillar-item:hover .pillar-bg {\r\n  filter:\r\n    grayscale(0%)\r\n    brightness(.88);\r\n\r\n  transform: scale(1.045);\r\n}\r\n\r\n.pillar-item:hover::before {\r\n  box-shadow:\r\n    inset 0 0 80px #000,\r\n    inset 0 0 10px rgba(17,17,17,.45);\r\n}\r\n\r\n.pillar-item:hover .pillar-text {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.pillar-item::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  bottom: 0;\r\n  left: 0;\r\n\r\n  width: 100%;\r\n  height: 3px;\r\n\r\n  background: var(--seklift-orange);\r\n\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n\r\n  transition: transform .4s ease;\r\n\r\n  z-index: 5;\r\n}\r\n\r\n.pillar-item:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n  \/* =========================================\r\n     PRODUCT SLIDES (50\/50 Grid)\r\n     ========================================= *\/\r\n  .panel-grid {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \r\n    position: relative;\r\n  }\r\n\r\n  .panel-grid::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    box-shadow: inset 0 0 150px var(--machinery-grey);\r\n    pointer-events: none;\r\n    z-index: 10;\r\n  }\r\n\r\n  .panel-text {\r\n    padding: 10% 12% 10% 12%; \r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    z-index: 20;\r\n  }\r\n\r\n  .panel-subtitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important;\r\n    color: #ED5308 !important; \/* Hardcoded Orange *\/\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-size: 0.85rem !important;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .intro-title, .panel-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -1px !important;\r\n    color: #F0F0F0 !important; \/* Hardcoded White *\/\r\n    margin-bottom: 30px;\r\n  }\r\n  .intro-title { font-size: 4rem !important; }\r\n  .panel-title { font-size: 3.2rem !important; }\r\n\r\n  \/* THE NUCLEAR FIX FOR THE MUTED TEXT *\/\r\n  .panel-desc {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important;\r\n    font-size: 1.15rem !important;\r\n    line-height: 1.8 !important;\r\n    color: #ABAAAA !important; \/* Hardcoded Silver with !important *\/\r\n    margin-bottom: 40px;\r\n    max-width: 95%; \r\n  }\r\n  .intro-text-area .panel-desc { max-width: 900px; font-size: 1.25rem !important; }\r\n  \r\n  .panel-desc strong { \r\n    color: #F0F0F0 !important; \/* Hardcoded Bold White *\/\r\n    font-weight: 500 !important; \r\n  }\r\n\r\n  .skl-secondary-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: rgba(237, 83, 8, 0.18); \r\n    border: 2px solid #ED5308; \r\n    text-decoration: none !important;\r\n    overflow: hidden;\r\n    border-radius: 9px;\r\n    min-width: 320px; \r\n    padding: 0 30px;\r\n    height: 50px;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .skl-sec-text-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .skl-sec-text-layer {\r\n    position: absolute;\r\n    font-family: 'Poppins', sans-serif !important; \r\n    font-weight: 500 !important;\r\n    font-size: 14px !important; \r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .skl-sec-text-outgoing { \r\n    color: #ED5308 !important; \r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;\r\n  }\r\n  .skl-sec-text-incoming { \r\n    color: #ED5308 !important; \r\n    transform: translateY(-150%);\r\n    opacity: 0;\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;\r\n  }\r\n\r\n  .skl-secondary-btn:hover .skl-sec-text-outgoing {\r\n    transform: translateY(150%);\r\n    opacity: 0;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;\r\n  }\r\n  .skl-secondary-btn:hover .skl-sec-text-incoming {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.1s, opacity 0.4s ease 0.1s; \r\n  }\r\n\r\n  .panel-visual {\r\n    height: 100%;\r\n    background-size: cover;\r\n    background-position: center;\r\n    position: relative;\r\n  }\r\n\r\n  .panel-visual::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; bottom: 0; width: 35%;\r\n    background: linear-gradient(to right, var(--machinery-grey) 0%, transparent 100%);\r\n  }\r\n\r\n  \/* Mobile Adjustments *\/\r\n  @media (max-width: 1024px) {\r\n    .panel-grid { grid-template-columns: 1fr; }\r\n    .panel-visual { display: none; }\r\n    .panel-text { padding: 10%; align-items: center; text-align: center; }\r\n    .intro-text-area { padding: 10%; height: auto; padding-top: 15vh; padding-bottom: 5vh; }\r\n    .intro-pillar-nav { flex-direction: column; height: auto; }\r\n    .pillar-item { padding: 1.5rem; border-right: none; border-bottom: 1px solid rgba(0,0,0,0.9); }\r\n    .intro-title { font-size: 2.8rem !important; }\r\n    .panel-title { font-size: 2.4rem !important; }\r\n    .skl-secondary-btn { min-width: 280px; } \r\n  }\r\n\r\n  \/* V2 \u2014 correct categories, real product imagery and current SEKLIFT styling *\/\r\n  .elementor-widget-html:has(#seklift-wrapper),\r\n  .elementor-widget-html:has(#seklift-wrapper) > .elementor-widget-container,\r\n  .e-con:has(> .elementor-widget-html #seklift-wrapper) {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .seklift-master-wrapper {\r\n    height: 546vh;\r\n    background:\r\n      linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),\r\n      #141414;\r\n    background-size: 70px 70px;\r\n  }\r\n\r\n  .seklift-sticky-cam {\r\n    height: 100svh;\r\n    background: #141414;\r\n  }\r\n\r\n  .seklift-sticky-cam::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 80;\r\n    top: 0;\r\n    left: 0;\r\n    width: clamp(150px, 19vw, 340px);\r\n    height: 4px;\r\n    background: #ED5308;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .seklift-slide {\r\n    height: 100svh;\r\n    visibility: hidden;\r\n    transition:\r\n      opacity 1.5s cubic-bezier(.25,1,.5,1),\r\n      visibility 0s linear 1.5s,\r\n      filter 1.7s cubic-bezier(.25,1,.5,1),\r\n      transform 1.7s cubic-bezier(.25,1,.5,1);\r\n  }\r\n\r\n  .seklift-slide.active-slide {\r\n    visibility: visible;\r\n    transition-delay: 0s;\r\n  }\r\n\r\n  .intro-pillar-nav {\r\n    display: grid;\r\n    grid-template-columns: repeat(6, minmax(0,1fr));\r\n    overflow-x: auto;\r\n  }\r\n\r\n  .pillar-item {\r\n    appearance: none;\r\n    min-width: 0;\r\n    border: 0;\r\n    border-right: 1px solid rgba(255,255,255,.075);\r\n    color: #fff;\r\n    text-align: left;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .pillar-bg,\r\n  .pillar-bg img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .pillar-bg {\r\n    z-index: -1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .pillar-bg img {\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: grayscale(88%) brightness(.43) contrast(1.04);\r\n    transform: scale(1.015);\r\n    transition:\r\n      filter .75s cubic-bezier(.22,1,.36,1),\r\n      transform .9s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .pillar-item:hover .pillar-bg img,\r\n  .pillar-item:focus-visible .pillar-bg img {\r\n    filter: grayscale(0) brightness(.84) contrast(1.04);\r\n    transform: scale(1.075);\r\n  }\r\n\r\n  .pillar-item:focus-visible {\r\n    outline: 1px solid #ED5308;\r\n    outline-offset: -1px;\r\n  }\r\n\r\n  .panel-index {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 25px;\r\n    color: rgba(255,255,255,.38);\r\n    font: 700 10px\/1 'Montserrat', sans-serif;\r\n    letter-spacing: .13em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .panel-index strong {\r\n    color: #ED5308;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .panel-index i {\r\n    width: 68px;\r\n    height: 1px;\r\n    background: rgba(255,255,255,.15);\r\n  }\r\n\r\n  .panel-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    margin: -13px 0 31px;\r\n  }\r\n\r\n  .panel-tags span {\r\n    padding: 8px 10px;\r\n    border: 1px solid rgba(255,255,255,.11);\r\n    border-radius: 6px;\r\n    background: rgba(255,255,255,.035);\r\n    color: rgba(255,255,255,.56);\r\n    font: 600 9px\/1.2 'Inter', sans-serif;\r\n    letter-spacing: .05em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .panel-visual {\r\n    overflow: hidden;\r\n    background: #161719;\r\n  }\r\n\r\n  .panel-visual img {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter: saturate(.9) contrast(1.03) brightness(.87);\r\n    transform: scale(1.025);\r\n    transition:\r\n      transform 8s cubic-bezier(.2,.6,.2,1),\r\n      filter 1.5s ease;\r\n  }\r\n\r\n  .active-slide .panel-visual img {\r\n    transform: scale(1.085);\r\n    filter: saturate(1) contrast(1.04) brightness(.95);\r\n  }\r\n\r\n  .panel-visual::after {\r\n    content: attr(data-system);\r\n    position: absolute;\r\n    z-index: 4;\r\n    right: 28px;\r\n    bottom: 25px;\r\n    color: rgba(255,255,255,.46);\r\n    font: 700 9px\/1.2 'Montserrat', sans-serif;\r\n    letter-spacing: .13em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .seklift-slide-progress {\r\n    position: absolute;\r\n    z-index: 70;\r\n    right: clamp(15px, 2vw, 34px);\r\n    top: 50%;\r\n    display: grid;\r\n    gap: 9px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .seklift-progress-dot {\r\n    appearance: none;\r\n    width: 6px;\r\n    height: 6px;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,.25);\r\n    cursor: pointer;\r\n    transition:\r\n      height .45s cubic-bezier(.22,1,.36,1),\r\n      border-radius .45s ease,\r\n      background-color .45s ease,\r\n      box-shadow .45s ease;\r\n  }\r\n\r\n  .seklift-progress-dot.is-active {\r\n    height: 28px;\r\n    border-radius: 99px;\r\n    background: #ED5308;\r\n    box-shadow: 0 0 0 5px rgba(237,83,8,.1);\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    .intro-pillar-nav {\r\n      grid-template-columns: repeat(6, minmax(170px,1fr));\r\n      scrollbar-width: thin;\r\n      scrollbar-color: #ED5308 rgba(255,255,255,.08);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .intro-text-area {\r\n      height: 61svh;\r\n      padding-top: 110px;\r\n      padding-bottom: 30px;\r\n    }\r\n\r\n    .intro-pillar-nav {\r\n      height: 39svh;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      grid-template-rows: repeat(2, minmax(0, 1fr));\r\n      overflow: hidden;\r\n      scroll-snap-type: none;\r\n    }\r\n\r\n    .pillar-item {\r\n      flex: none;\r\n      width: 100%;\r\n      min-width: 0;\r\n      border-right: 1px solid rgba(255,255,255,.075);\r\n      border-bottom: 0;\r\n      scroll-snap-align: none;\r\n    }\r\n\r\n    .panel-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .panel-visual {\r\n      position: absolute;\r\n      inset: 0;\r\n      display: block;\r\n    }\r\n\r\n    .panel-visual::before {\r\n      width: 100%;\r\n      background:\r\n        linear-gradient(to top, rgba(10,11,12,.97), rgba(10,11,12,.24) 76%),\r\n        linear-gradient(to right, rgba(10,11,12,.38), transparent 60%);\r\n    }\r\n\r\n    .panel-text {\r\n      position: relative;\r\n      z-index: 20;\r\n      min-height: 100svh;\r\n      justify-content: flex-end;\r\n      align-items: flex-start;\r\n      padding: 116px clamp(24px, 7vw, 64px) 66px;\r\n      text-align: left;\r\n      background: linear-gradient(to top, rgba(10,11,12,.96), rgba(10,11,12,.08) 74%);\r\n    }\r\n\r\n    .panel-desc {\r\n      max-width: 760px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 620px) {\r\n    .intro-text-area {\r\n      height: 62svh;\r\n      padding: 94px 18px 26px;\r\n    }\r\n\r\n    .intro-title {\r\n      font-size: clamp(39px, 11.5vw, 56px) !important;\r\n    }\r\n\r\n    .intro-text-area .panel-desc {\r\n      max-height: 170px;\r\n      overflow: auto;\r\n      font-size: 13px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    .intro-pillar-nav {\r\n      height: 38svh;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      grid-template-rows: repeat(3, minmax(0, 1fr));\r\n    }\r\n\r\n    .pillar-item {\r\n      width: 100%;\r\n      min-width: 0;\r\n    }\r\n\r\n    .panel-text {\r\n      padding: 102px 22px 52px;\r\n    }\r\n\r\n    .panel-title {\r\n      font-size: clamp(36px, 10.5vw, 51px) !important;\r\n    }\r\n\r\n    .panel-desc {\r\n      margin: 20px 0 28px;\r\n      font-size: 14px !important;\r\n      line-height: 1.68 !important;\r\n    }\r\n\r\n    .panel-tags,\r\n    .seklift-slide-progress {\r\n      display: none;\r\n    }\r\n\r\n    .skl-secondary-btn {\r\n      min-width: 0;\r\n      width: min(100%, 320px);\r\n    }\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     V5 \u2014 SHADED AT REST \/ FULL COLOR ON HOVER\r\n     ========================================================= *\/\r\n\r\n  .intro-slide-container,\r\n  .intro-text-area,\r\n  .intro-pillar-nav,\r\n  .seklift-sticky-cam,\r\n  .seklift-master-wrapper {\r\n    background-color: #141414;\r\n  }\r\n\r\n  .intro-text-area {\r\n    background:\r\n      radial-gradient(circle at 50% 110%, rgba(237,83,8,.055), transparent 32%),\r\n      #141414;\r\n  }\r\n\r\n  \/* Softly carries the charcoal text field into the image strip. *\/\r\n  .intro-text-area::after {\r\n    height: 74px;\r\n    bottom: -1px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(20,20,20,0) 0%,\r\n      rgba(20,20,20,.28) 42%,\r\n      rgba(20,20,20,.74) 78%,\r\n      #141414 100%\r\n    );\r\n  }\r\n\r\n  .intro-pillar-nav {\r\n    position: relative;\r\n    isolation: isolate;\r\n    border-top: 1px solid rgba(255,255,255,.05);\r\n    background: #141414;\r\n  }\r\n\r\n  \/* Restores the missing cinematic blend above the images without burying them. *\/\r\n  .intro-pillar-nav::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 25;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 66px;\r\n    pointer-events: none;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      rgba(20,20,20,.96) 0%,\r\n      rgba(20,20,20,.64) 28%,\r\n      rgba(20,20,20,.25) 64%,\r\n      rgba(20,20,20,0) 100%\r\n    );\r\n  }\r\n\r\n  .pillar-item {\r\n    padding:\r\n      clamp(18px, 1.65vw, 29px)\r\n      clamp(15px, 1.45vw, 26px)\r\n      clamp(22px, 2vw, 34px);\r\n    border-right: 1px solid rgba(255,255,255,.06);\r\n    background: #141414;\r\n  }\r\n\r\n  .pillar-item:last-child {\r\n    border-right: 0;\r\n  }\r\n\r\n  \/* Lower readability shade only; no heavy full-card vignette. *\/\r\n  .pillar-item::before {\r\n    z-index: 2;\r\n    background:\r\n      linear-gradient(\r\n        to top,\r\n        rgba(10,10,11,.82) 0%,\r\n        rgba(10,10,11,.50) 28%,\r\n        rgba(10,10,11,.17) 54%,\r\n        rgba(10,10,11,0) 76%\r\n      );\r\n    box-shadow:\r\n      inset 0 -34px 38px -30px rgba(0,0,0,.52),\r\n      inset 0 0 0 1px rgba(255,255,255,.012);\r\n    transition:\r\n      background .62s ease,\r\n      box-shadow .62s ease;\r\n  }\r\n\r\n  \/* Keep a controlled cinematic shade while the cards are at rest. *\/\r\n  .pillar-bg img {\r\n    object-fit: cover;\r\n    object-position: center;\r\n    filter:\r\n      grayscale(.18)\r\n      saturate(.76)\r\n      brightness(.72)\r\n      contrast(1.045);\r\n    transform: scale(1.01);\r\n    transition:\r\n      filter .72s cubic-bezier(.22,1,.36,1),\r\n      transform .84s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  \/* Hover reveals the original image in full natural color. *\/\r\n  .pillar-item:hover .pillar-bg img,\r\n  .pillar-item:focus-visible .pillar-bg img {\r\n    filter:\r\n      grayscale(0)\r\n      saturate(1.08)\r\n      brightness(.98)\r\n      contrast(1.02);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .pillar-item:hover::before,\r\n  .pillar-item:focus-visible::before {\r\n    background:\r\n      linear-gradient(\r\n        to top,\r\n        rgba(7,7,8,.72) 0%,\r\n        rgba(7,7,8,.34) 30%,\r\n        rgba(7,7,8,.08) 56%,\r\n        rgba(7,7,8,0) 76%\r\n      );\r\n    box-shadow:\r\n      inset 0 -26px 32px -28px rgba(0,0,0,.42),\r\n      inset 0 0 0 1px rgba(255,255,255,.018);\r\n  }\r\n\r\n  .pillar-text {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(12px, .86vw, 15px);\r\n    line-height: 1.26;\r\n    letter-spacing: -.012em;\r\n    white-space: normal;\r\n    overflow: visible;\r\n    overflow-wrap: normal;\r\n    word-break: normal;\r\n    hyphens: none;\r\n    text-wrap: balance;\r\n    text-shadow: 0 2px 14px rgba(0,0,0,.58);\r\n  }\r\n\r\n  .pillar-number {\r\n    margin-bottom: 7px;\r\n  }\r\n\r\n  .pillar-item--long-title {\r\n    padding-left: clamp(13px, 1.18vw, 22px);\r\n    padding-right: clamp(13px, 1.18vw, 22px);\r\n  }\r\n\r\n  .pillar-item--long-title .pillar-text {\r\n    max-width: 18ch;\r\n    font-size: clamp(11px, .76vw, 14px);\r\n    line-height: 1.2;\r\n    text-wrap: pretty;\r\n  }\r\n\r\n  .pillar-item::after {\r\n    height: 3px;\r\n  }\r\n\r\n  .pillar-item--long-title .pillar-bg img,\r\n  .panel-visual--mcwp img {\r\n    object-position: center center;\r\n  }\r\n\r\n  .panel-grid,\r\n  .panel-text {\r\n    background-color: #141414;\r\n  }\r\n\r\n  .panel-grid::after {\r\n    box-shadow: inset 0 0 120px rgba(20,20,20,.88);\r\n  }\r\n\r\n  .panel-visual {\r\n    background: #161719;\r\n  }\r\n\r\n  .panel-visual::before {\r\n    background: linear-gradient(\r\n      to right,\r\n      #141414 0%,\r\n      rgba(20,20,20,.72) 42%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    .pillar-item--long-title .pillar-text {\r\n      max-width: 17ch;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .intro-pillar-nav::before {\r\n      height: 48px;\r\n    }\r\n\r\n    .pillar-item {\r\n      padding: 20px 17px 25px;\r\n    }\r\n\r\n    .pillar-item--long-title .pillar-text {\r\n      max-width: 18ch;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     V6 \u2014 PREMIUM MOTION, PERFORMANCE-SAFE\r\n     Layered choreography without full-screen animated blur.\r\n     ========================================================= *\/\r\n\r\n  :root {\r\n    --sk-motion-ease: cubic-bezier(.22, 1, .36, 1);\r\n    --sk-motion-fast: 420ms;\r\n    --sk-motion-main: 820ms;\r\n  }\r\n\r\n  \/* A restrained crossfade replaces the oversized 1.08 zoom. *\/\r\n  .seklift-slide {\r\n    opacity: 0;\r\n    transform: translate3d(0, 18px, 0) scale(.995);\r\n    transition:\r\n      opacity 700ms var(--sk-motion-ease),\r\n      transform 900ms var(--sk-motion-ease),\r\n      visibility 0s linear 900ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n    transition-delay: 0s;\r\n  }\r\n\r\n  \/* More depth in the text field without backdrop-filter. *\/\r\n  .panel-text {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(circle at 12% 50%, rgba(237,83,8,.055), transparent 34%),\r\n      linear-gradient(115deg, rgba(255,255,255,.018), transparent 42%),\r\n      #141414;\r\n  }\r\n\r\n  \/* Fine orange reveal at the text\/image junction. *\/\r\n  .panel-grid::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 24;\r\n    top: 12%;\r\n    bottom: 12%;\r\n    left: 50%;\r\n    width: 1px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      rgba(237,83,8,.88) 24%,\r\n      rgba(237,83,8,.42) 72%,\r\n      transparent\r\n    );\r\n    transform: scaleY(0);\r\n    transform-origin: 50% 0;\r\n    transition: transform 980ms var(--sk-motion-ease) 170ms;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .active-slide .panel-grid::before {\r\n    transform: scaleY(1);\r\n  }\r\n\r\n  \/* Text enters as a deliberate sequence instead of one flat block. *\/\r\n  .seklift-slide .panel-text > * {\r\n    opacity: 0;\r\n    transform: translate3d(0, 24px, 0);\r\n    transition:\r\n      opacity 520ms ease,\r\n      transform 760ms var(--sk-motion-ease);\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > * {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(1) {\r\n    transition-delay: 90ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(2) {\r\n    transition-delay: 145ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(3) {\r\n    transition-delay: 205ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(4) {\r\n    transition-delay: 265ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(5) {\r\n    transition-delay: 325ms;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-text > :nth-child(6) {\r\n    transition-delay: 385ms;\r\n  }\r\n\r\n  .seklift-slide:not(.active-slide) .panel-text > * {\r\n    transition-delay: 0s;\r\n  }\r\n\r\n  \/* The title alone receives a small, short blur\u2014not the viewport. *\/\r\n  .seklift-slide .panel-title {\r\n    filter: blur(6px);\r\n    transition:\r\n      opacity 520ms ease,\r\n      transform 760ms var(--sk-motion-ease),\r\n      filter 520ms ease;\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-title {\r\n    filter: blur(0);\r\n  }\r\n\r\n  .panel-title::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 74px;\r\n    height: 2px;\r\n    margin-top: 20px;\r\n    background: linear-gradient(90deg, #ED5308, rgba(237,83,8,.08));\r\n    transform: scaleX(0);\r\n    transform-origin: 0 50%;\r\n    transition: transform 720ms var(--sk-motion-ease) 390ms;\r\n  }\r\n\r\n  .active-slide .panel-title::after {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  \/* Image panel arrives independently, then continues a slow optical drift. *\/\r\n  .seklift-slide .panel-visual {\r\n    opacity: 0;\r\n    transform: translate3d(34px, 0, 0);\r\n    transition:\r\n      opacity 700ms ease,\r\n      transform 1050ms var(--sk-motion-ease);\r\n  }\r\n\r\n  .seklift-slide.active-slide .panel-visual {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n    transition-delay: 80ms;\r\n  }\r\n\r\n  .panel-visual img {\r\n    transform: scale(1.035);\r\n    transition:\r\n      transform 8s cubic-bezier(.2,.6,.2,1),\r\n      filter 900ms ease;\r\n  }\r\n\r\n  .active-slide .panel-visual img {\r\n    transform: scale(1.085);\r\n  }\r\n\r\n  \/* A transform-only light pass gives the cards a crafted hover response. *\/\r\n  .pillar-bg::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      108deg,\r\n      transparent 20%,\r\n      rgba(255,255,255,.12) 48%,\r\n      transparent 74%\r\n    );\r\n    transform: translate3d(-125%, 0, 0);\r\n    transition: transform 900ms var(--sk-motion-ease);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .pillar-item:hover .pillar-bg::after,\r\n  .pillar-item:focus-visible .pillar-bg::after {\r\n    transform: translate3d(125%, 0, 0);\r\n  }\r\n\r\n  .active-slide .pillar-item {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .intro-slide-container:not(.active-slide) .pillar-item {\r\n    opacity: 0;\r\n    transform: translate3d(0, 22px, 0);\r\n  }\r\n\r\n  .pillar-item {\r\n    transition:\r\n      opacity 520ms ease,\r\n      transform 720ms var(--sk-motion-ease);\r\n  }\r\n\r\n  .active-slide .pillar-item:nth-child(1) { transition-delay: 100ms; }\r\n  .active-slide .pillar-item:nth-child(2) { transition-delay: 145ms; }\r\n  .active-slide .pillar-item:nth-child(3) { transition-delay: 190ms; }\r\n  .active-slide .pillar-item:nth-child(4) { transition-delay: 235ms; }\r\n  .active-slide .pillar-item:nth-child(5) { transition-delay: 280ms; }\r\n  .active-slide .pillar-item:nth-child(6) { transition-delay: 325ms; }\r\n\r\n  \/* Intro blur is isolated to one compact layer and runs once. *\/\r\n  .dreamy-reveal {\r\n    filter: blur(9px);\r\n    transform: translate3d(0, 24px, 0) scale(.992);\r\n    transition:\r\n      opacity 900ms ease,\r\n      transform 1200ms var(--sk-motion-ease),\r\n      filter 800ms ease;\r\n  }\r\n\r\n  .dreamy-reveal.is-visible {\r\n    filter: blur(0);\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n  }\r\n\r\n  .dreamy-reveal > * {\r\n    opacity: 0;\r\n    transform: translate3d(0, 16px, 0);\r\n    transition:\r\n      opacity 520ms ease,\r\n      transform 760ms var(--sk-motion-ease);\r\n  }\r\n\r\n  .dreamy-reveal.is-visible > * {\r\n    opacity: 1;\r\n    transform: translate3d(0, 0, 0);\r\n  }\r\n\r\n  .dreamy-reveal.is-visible > :nth-child(1) { transition-delay: 80ms; }\r\n  .dreamy-reveal.is-visible > :nth-child(2) { transition-delay: 160ms; }\r\n  .dreamy-reveal.is-visible > :nth-child(3) { transition-delay: 250ms; }\r\n\r\n  \/* Refined controls: transform-based state change and no layout animation. *\/\r\n  .seklift-progress-dot {\r\n    width: 6px;\r\n    height: 28px;\r\n    transform: scaleY(.22);\r\n    transition:\r\n      transform 450ms var(--sk-motion-ease),\r\n      background-color 350ms ease,\r\n      box-shadow 350ms ease;\r\n  }\r\n\r\n  .seklift-progress-dot.is-active {\r\n    height: 28px;\r\n    transform: scaleY(1);\r\n  }\r\n\r\n  .skl-secondary-btn {\r\n    transition:\r\n      transform 420ms var(--sk-motion-ease),\r\n      border-color 300ms ease,\r\n      box-shadow 420ms ease;\r\n  }\r\n\r\n  .skl-secondary-btn:hover,\r\n  .skl-secondary-btn:focus-visible {\r\n    transform: translate3d(0, -2px, 0);\r\n    border-color: #ff6a21;\r\n    box-shadow: 0 10px 26px rgba(237,83,8,.11);\r\n  }\r\n\r\n  \/* The top brand accent now reads as a precision line, not a flat bar. *\/\r\n  .seklift-sticky-cam::before {\r\n    height: 2px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      #ED5308 0%,\r\n      rgba(237,83,8,.72) 62%,\r\n      rgba(237,83,8,0) 100%\r\n    );\r\n  }\r\n\r\n  @media (hover: none), (pointer: coarse) {\r\n    .pillar-bg img {\r\n      filter:\r\n        grayscale(.08)\r\n        saturate(.9)\r\n        brightness(.8)\r\n        contrast(1.035);\r\n    }\r\n\r\n    .pillar-bg::after {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .panel-grid::before {\r\n      left: clamp(24px, 7vw, 64px);\r\n      top: auto;\r\n      bottom: 46px;\r\n      width: 74px;\r\n      height: 1px;\r\n      transform: scaleX(0);\r\n      transform-origin: 0 50%;\r\n    }\r\n\r\n    .active-slide .panel-grid::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .seklift-slide .panel-visual {\r\n      transform: scale(1.015);\r\n    }\r\n\r\n    .seklift-slide.active-slide .panel-visual {\r\n      transform: scale(1);\r\n    }\r\n\r\n    .seklift-slide .panel-title,\r\n    .dreamy-reveal {\r\n      filter: none;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     V8 \u2014 NATIVE TABLET \/ PHONE EXPERIENCE\r\n     Desktop keeps the cinematic scrollytelling layout. Compact\r\n     screens use a product index plus one selected product panel.\r\n     ========================================================= *\/\r\n\r\n  #seklift-wrapper,\r\n  #seklift-wrapper * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #seklift-wrapper .panel-visual {\r\n    margin: 0;\r\n    min-width: 0;\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    #seklift-wrapper {\r\n      height: auto !important;\r\n      min-height: 0;\r\n      overflow: clip;\r\n      background:\r\n        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),\r\n        #141414;\r\n      background-size: 48px 48px;\r\n    }\r\n\r\n    #seklift-wrapper .seklift-sticky-cam {\r\n      position: relative;\r\n      top: auto;\r\n      height: auto;\r\n      min-height: 0;\r\n      overflow: visible;\r\n    }\r\n\r\n    #seklift-wrapper .seklift-slide {\r\n      position: relative;\r\n      inset: auto;\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 0;\r\n      display: none;\r\n      visibility: hidden;\r\n      opacity: 0;\r\n      transform: none;\r\n      pointer-events: none;\r\n      transition: none;\r\n    }\r\n\r\n    #seklift-wrapper .intro-slide-container,\r\n    #seklift-wrapper .seklift-slide.active-slide:not(.intro-slide-container) {\r\n      display: flex;\r\n      visibility: visible;\r\n      opacity: 1;\r\n      transform: none;\r\n      pointer-events: auto;\r\n    }\r\n\r\n    #seklift-wrapper .intro-slide-container {\r\n      flex-direction: column;\r\n      overflow: visible;\r\n    }\r\n\r\n    #seklift-wrapper .intro-text-area {\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 360px;\r\n      padding: 100px clamp(28px, 7vw, 68px) 54px;\r\n      align-items: flex-start;\r\n      justify-content: flex-end;\r\n      text-align: left;\r\n      overflow: visible;\r\n    }\r\n\r\n    #seklift-wrapper .intro-text-area::after,\r\n    #seklift-wrapper .intro-pillar-nav::before {\r\n      display: none;\r\n    }\r\n\r\n    #seklift-wrapper .intro-text-area .panel-desc {\r\n      width: min(100%, 780px);\r\n      max-width: 780px;\r\n      max-height: none;\r\n      margin-bottom: 0;\r\n      overflow: visible;\r\n    }\r\n\r\n    #seklift-wrapper .intro-pillar-nav {\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 0;\r\n      position: relative;\r\n      z-index: 30;\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 10px;\r\n      padding: 0 clamp(28px, 7vw, 68px) 52px;\r\n      overflow: visible;\r\n      border: 0;\r\n      background: transparent;\r\n    }\r\n\r\n    \/*\r\n      After a compact-screen selection, the same six static buttons become a\r\n      docked switcher above the open product panel. Keeping the original DOM\r\n      nodes here preserves translations, focus and click handlers while the\r\n      high stacking level prevents the active panel from intercepting taps.\r\n    *\/\r\n    #seklift-wrapper.compact-menu-docked .intro-pillar-nav {\r\n      position: sticky;\r\n      top: 0;\r\n      z-index: 90;\r\n      display: flex;\r\n      align-items: stretch;\r\n      gap: 8px;\r\n      padding: 10px clamp(14px, 3vw, 28px);\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      overscroll-behavior-x: contain;\r\n      scroll-snap-type: x proximity;\r\n      scrollbar-width: none;\r\n      background: #141414;\r\n      border-top: 1px solid rgba(255,255,255,.07);\r\n      border-bottom: 1px solid rgba(255,255,255,.11);\r\n      box-shadow: 0 12px 26px rgba(0,0,0,.24);\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .intro-pillar-nav::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .pillar-item,\r\n    #seklift-wrapper.compact-menu-docked .pillar-item--long-title {\r\n      flex: 0 0 clamp(190px, 31vw, 260px);\r\n      width: auto;\r\n      min-height: 58px;\r\n      padding: 11px 38px 11px 14px;\r\n      scroll-snap-align: center;\r\n      touch-action: manipulation;\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .pillar-text,\r\n    #seklift-wrapper.compact-menu-docked .pillar-item--long-title .pillar-text {\r\n      grid-template-columns: 30px minmax(0, 1fr);\r\n      font-size: 13px;\r\n      line-height: 1.2;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item,\r\n    #seklift-wrapper .pillar-item--long-title {\r\n      position: relative;\r\n      width: 100%;\r\n      min-width: 0;\r\n      max-width: none;\r\n      min-height: 76px;\r\n      padding: 16px 46px 16px 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      border: 1px solid rgba(255,255,255,.09);\r\n      border-radius: 7px;\r\n      background: rgba(255,255,255,.035);\r\n      box-shadow: none;\r\n      opacity: 1;\r\n      transform: none;\r\n      transition:\r\n        border-color 260ms ease,\r\n        background-color 260ms ease,\r\n        transform 260ms var(--sk-motion-ease);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item:hover,\r\n    #seklift-wrapper .pillar-item:focus-visible {\r\n      background: rgba(255,255,255,.06);\r\n      border-color: rgba(237,83,8,.48);\r\n      transform: translate3d(0, -2px, 0);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item.is-selected {\r\n      border-color: rgba(237,83,8,.72);\r\n      background: linear-gradient(100deg, rgba(237,83,8,.15), rgba(255,255,255,.035) 62%);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-bg {\r\n      display: none;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 50% 18px auto auto;\r\n      width: 8px;\r\n      height: 8px;\r\n      border-top: 1px solid rgba(255,255,255,.58);\r\n      border-right: 1px solid rgba(255,255,255,.58);\r\n      background: none;\r\n      box-shadow: none;\r\n      transform: translateY(-50%) rotate(45deg);\r\n      transition: border-color 260ms ease, transform 260ms ease;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item:hover::before,\r\n    #seklift-wrapper .pillar-item:focus-visible::before,\r\n    #seklift-wrapper .pillar-item.is-selected::before {\r\n      border-color: #ED5308;\r\n      transform: translate(3px, -50%) rotate(45deg);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 12px auto 12px 0;\r\n      width: 2px;\r\n      height: auto;\r\n      background: #ED5308;\r\n      transform: scaleY(0);\r\n      transform-origin: 50% 50%;\r\n      transition: transform 260ms var(--sk-motion-ease);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item.is-selected::after {\r\n      transform: scaleY(1);\r\n    }\r\n\r\n    #seklift-wrapper .pillar-text,\r\n    #seklift-wrapper .pillar-item--long-title .pillar-text {\r\n      width: 100%;\r\n      max-width: none;\r\n      display: grid;\r\n      grid-template-columns: 36px minmax(0, 1fr);\r\n      align-items: center;\r\n      color: #fff !important;\r\n      font-size: clamp(13px, 1.75vw, 16px);\r\n      line-height: 1.28;\r\n      text-align: left;\r\n      text-wrap: pretty;\r\n      text-shadow: none;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-number {\r\n      margin: 0;\r\n      font-size: 10px;\r\n      line-height: 1;\r\n    }\r\n\r\n    #seklift-wrapper .seklift-slide.active-slide:not(.intro-slide-container) {\r\n      touch-action: pan-y;\r\n      animation: sk-compact-panel-in 520ms var(--sk-motion-ease) both;\r\n    }\r\n\r\n    #seklift-wrapper .panel-grid {\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 620px;\r\n      display: grid;\r\n      grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr);\r\n      overflow: hidden;\r\n      border-top: 1px solid rgba(255,255,255,.07);\r\n      border-bottom: 1px solid rgba(255,255,255,.07);\r\n      background: #141414;\r\n    }\r\n\r\n    #seklift-wrapper .panel-grid::before,\r\n    #seklift-wrapper .panel-grid::after {\r\n      display: none;\r\n    }\r\n\r\n    #seklift-wrapper .panel-text {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 620px;\r\n      padding: 58px clamp(30px, 5vw, 54px);\r\n      justify-content: center;\r\n      align-items: flex-start;\r\n      text-align: left;\r\n      overflow: visible;\r\n      background:\r\n        radial-gradient(circle at 4% 55%, rgba(237,83,8,.07), transparent 34%),\r\n        #141414;\r\n    }\r\n\r\n    #seklift-wrapper .panel-text > * {\r\n      flex: 0 0 auto;\r\n      max-width: 100%;\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    #seklift-wrapper .panel-title {\r\n      font-size: clamp(34px, 4.7vw, 50px) !important;\r\n      filter: none;\r\n    }\r\n\r\n    #seklift-wrapper .panel-desc {\r\n      width: 100%;\r\n      max-width: 620px;\r\n      font-size: clamp(14px, 1.7vw, 17px) !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual {\r\n      position: relative;\r\n      inset: auto;\r\n      z-index: 1;\r\n      width: 100%;\r\n      height: auto;\r\n      min-height: 620px;\r\n      display: block;\r\n      opacity: 1;\r\n      transform: none;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual::before {\r\n      width: 30%;\r\n      background: linear-gradient(to right, #141414 0%, rgba(20,20,20,.4) 48%, transparent 100%);\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual img,\r\n    #seklift-wrapper .active-slide .panel-visual img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transform: scale(1.025);\r\n    }\r\n\r\n    #seklift-wrapper .seklift-slide-progress {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    #seklift-wrapper .intro-text-area {\r\n      min-height: 0;\r\n      padding: 82px 20px 34px;\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    #seklift-wrapper .intro-text-area .panel-subtitle {\r\n      margin-bottom: 12px;\r\n      font-size: 10px !important;\r\n      letter-spacing: 2.2px !important;\r\n    }\r\n\r\n    #seklift-wrapper .intro-title {\r\n      margin-bottom: 19px;\r\n      font-size: clamp(35px, 10vw, 46px) !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -1.2px !important;\r\n    }\r\n\r\n    #seklift-wrapper .intro-text-area .panel-desc {\r\n      font-size: 13px !important;\r\n      line-height: 1.65 !important;\r\n    }\r\n\r\n    #seklift-wrapper .intro-pillar-nav {\r\n      grid-template-columns: 1fr;\r\n      gap: 7px;\r\n      padding: 0 14px 34px;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item,\r\n    #seklift-wrapper .pillar-item--long-title {\r\n      min-height: 62px;\r\n      padding: 12px 42px 12px 15px;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-item::before {\r\n      right: 16px;\r\n    }\r\n\r\n    #seklift-wrapper .pillar-text,\r\n    #seklift-wrapper .pillar-item--long-title .pillar-text {\r\n      grid-template-columns: 34px minmax(0, 1fr);\r\n      font-size: clamp(12px, 3.55vw, 14px);\r\n      line-height: 1.22;\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .intro-pillar-nav {\r\n      gap: 7px;\r\n      padding: 8px 10px;\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .pillar-item,\r\n    #seklift-wrapper.compact-menu-docked .pillar-item--long-title {\r\n      flex-basis: min(76vw, 252px);\r\n      min-height: 56px;\r\n      padding: 10px 36px 10px 13px;\r\n    }\r\n\r\n    #seklift-wrapper.compact-menu-docked .pillar-text,\r\n    #seklift-wrapper.compact-menu-docked .pillar-item--long-title .pillar-text {\r\n      grid-template-columns: 29px minmax(0, 1fr);\r\n      font-size: 12px;\r\n    }\r\n\r\n    #seklift-wrapper .panel-grid {\r\n      min-height: 0;\r\n      grid-template-columns: 1fr;\r\n      grid-template-rows: auto auto;\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual {\r\n      grid-column: 1;\r\n      grid-row: 1;\r\n      height: clamp(230px, 67vw, 330px);\r\n      min-height: 0;\r\n      order: -1;\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual::before {\r\n      inset: auto 0 0;\r\n      width: 100%;\r\n      height: 42%;\r\n      background: linear-gradient(to bottom, transparent, #141414 100%);\r\n    }\r\n\r\n    #seklift-wrapper .panel-visual::after {\r\n      right: 15px;\r\n      bottom: 15px;\r\n      font-size: 8px;\r\n    }\r\n\r\n    #seklift-wrapper .panel-text {\r\n      grid-column: 1;\r\n      grid-row: 2;\r\n      min-height: 0;\r\n      padding: 34px 20px max(46px, env(safe-area-inset-bottom));\r\n      justify-content: flex-start;\r\n    }\r\n\r\n    #seklift-wrapper .panel-index {\r\n      gap: 8px;\r\n      margin-bottom: 13px;\r\n      font-size: 8px;\r\n      line-height: 1.25;\r\n    }\r\n\r\n    #seklift-wrapper .panel-index i {\r\n      width: 30px;\r\n      flex: 0 0 30px;\r\n    }\r\n\r\n    #seklift-wrapper .panel-subtitle {\r\n      margin-bottom: 10px;\r\n      font-size: 10px !important;\r\n      letter-spacing: 1.8px !important;\r\n    }\r\n\r\n    #seklift-wrapper .panel-title {\r\n      margin-bottom: 17px;\r\n      font-size: clamp(31px, 9vw, 42px) !important;\r\n      line-height: 1.08 !important;\r\n    }\r\n\r\n    #seklift-wrapper .panel-title::after {\r\n      width: 58px;\r\n      margin-top: 13px;\r\n    }\r\n\r\n    #seklift-wrapper .panel-desc {\r\n      margin: 0 0 21px;\r\n      max-width: none;\r\n      font-size: 13px !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    #seklift-wrapper .panel-tags {\r\n      display: flex;\r\n      gap: 6px;\r\n      margin: -6px 0 24px;\r\n    }\r\n\r\n    #seklift-wrapper .panel-tags span {\r\n      padding: 7px 8px;\r\n      font-size: 8px;\r\n    }\r\n\r\n    #seklift-wrapper .skl-secondary-btn {\r\n      width: 100%;\r\n      max-width: 340px;\r\n      min-width: 0;\r\n      height: 47px;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 901px) and (max-width: 1024px) {\r\n    #seklift-wrapper .intro-pillar-nav {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @keyframes sk-compact-panel-in {\r\n    from {\r\n      opacity: 0;\r\n      transform: translate3d(0, 18px, 0);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translate3d(0, 0, 0);\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .seklift-slide,\r\n    .seklift-slide *,\r\n    .dreamy-reveal,\r\n    .dreamy-reveal > * {\r\n      scroll-behavior: auto !important;\r\n      animation: none !important;\r\n      transition-duration: .01ms !important;\r\n      transition-delay: 0s !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .seklift-slide,\r\n    .seklift-slide .panel-text > *,\r\n    .seklift-slide .panel-visual,\r\n    .dreamy-reveal,\r\n    .dreamy-reveal > *,\r\n    .pillar-item {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<section class=\"seklift-master-wrapper\" id=\"seklift-wrapper\" aria-label=\"SEKLIFT product systems\">\r\n  <div class=\"seklift-sticky-cam\">\r\n\r\n    <article class=\"seklift-slide active-slide intro-slide-container\" aria-hidden=\"false\">\r\n      <div class=\"intro-text-area dreamy-reveal\" id=\"dreamy-intro-text\">\r\n\r\n  <span class=\"panel-subtitle\">Product Systems<\/span>\r\n\r\n  <h2 class=\"intro-title\">\r\n    <span class=\"intro-title__main\">\r\n      Vertical Access Equipment Manufacturer\r\n    <\/span>\r\n\r\n    <span class=\"intro-title__sub\">\r\n      Engineered Around Your Project\r\n    <\/span>\r\n  <\/h2>\r\n\r\n  <p class=\"panel-desc translation-block\">\r\n    SEKLIFT develops\r\n    <strong>\r\n      construction hoists, industrial and mining elevators,\r\n      mast-climbing work platforms, electric suspended platforms,\r\n      and fa\u00e7ade access and BMU systems\r\n    <\/strong>.\r\n    Our Turkish manufacturing and engineering team supports\r\n    standard configurations and project-specific vertical access\r\n    requirements for international applications.\r\n  <\/p>\r\n\r\n<\/div>\r\n\r\n      <nav class=\"intro-pillar-nav\" aria-label=\"Explore SEKLIFT product families\">\r\n        <button class=\"pillar-item\" type=\"button\" data-target=\"1\" aria-label=\"View Construction Hoists\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/industrial-elevators-360w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/industrial-elevators-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/industrial-elevators-720w.webp 720w\" sizes=\"auto, (max-width: 1024px) 78vw, 15vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">01<\/span>Construction Hoists<\/span>\r\n        <\/button>\r\n        <button class=\"pillar-item\" type=\"button\" data-target=\"2\" aria-label=\"View Industrial Elevators\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/construction-hoists-360w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/construction-hoists-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/construction-hoists-720w.webp 720w\" sizes=\"auto, (max-width: 1024px) 78vw, 15vw\" width=\"720\" height=\"877\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">02<\/span>Industrial Elevators<\/span>\r\n        <\/button>\r\n        <button class=\"pillar-item\" type=\"button\" data-target=\"3\" aria-label=\"View Mining Elevators\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/7.webp\" width=\"720\" height=\"1075\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">03<\/span>Mining Elevators<\/span>\r\n        <\/button>\r\n        <button class=\"pillar-item pillar-item--long-title\" type=\"button\" data-target=\"4\" aria-label=\"View Mast-Climbing Work Platforms\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-360w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-720w.webp 720w\" sizes=\"auto, (max-width: 1024px) 78vw, 15vw\" width=\"720\" height=\"540\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">04<\/span>Mast-Climbing Work Platforms<\/span>\r\n        <\/button>\r\n        <button class=\"pillar-item\" type=\"button\" data-target=\"5\" aria-label=\"View Electric Suspended Platforms\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-360w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-720w.webp 720w\" sizes=\"auto, (max-width: 1024px) 78vw, 15vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">05<\/span>Suspended Platforms<\/span>\r\n        <\/button>\r\n        <button class=\"pillar-item\" type=\"button\" data-target=\"6\" aria-label=\"View Fa\u00e7ade Access & BMU Systems\">\r\n          <span class=\"pillar-bg\"><img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-360w.webp\" srcset=\"\/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-720w.webp 720w\" sizes=\"auto, (max-width: 1024px) 78vw, 15vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"\"><\/span>\r\n          <span class=\"pillar-text\"><span class=\"pillar-number\">06<\/span>Fa\u00e7ade Access & BMU<\/span>\r\n        <\/button>\r\n      <\/nav>\r\n    <\/article>\r\n\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>01<\/strong><i><\/i><span>Temporary Personnel & Material Transport<\/span><\/div>\r\n          <div class=\"panel-subtitle\">High-Rise Construction<\/div>\r\n          <h3 class=\"panel-title\">Construction Hoists<\/h3>\r\n          <p class=\"panel-desc translation-block\">Rack-and-pinion <strong>construction hoists<\/strong> for transporting personnel, tools and materials across high-rise buildings, infrastructure works, renovation sites and demanding construction environments.<\/p>\r\n          <div class=\"panel-tags\"><span>Personnel & Materials<\/span><span>Rack and Pinion<\/span><span>Temporary Access<\/span><\/div>\r\n          <a href=\"\/products\/construction-hoists\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Construction Hoists<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Construction Hoists<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual\" data-system=\"SEKLIFT \/ Construction Hoists\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/construction-hoist3-2.webp\" srcset=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/construction-hoist3-2.webp 720w\" sizes=\"auto, (max-width: 1024px) 100vw, 50vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"SEKLIFT construction hoist manufacturer for Temporary personnel and freight access\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>02<\/strong><i><\/i><span>Personnel & Freight Access<\/span><\/div>\r\n          <div class=\"panel-subtitle\">Permanent Industrial Access<\/div>\r\n          <h3 class=\"panel-title\">Industrial Elevators<\/h3>\r\n          <p class=\"panel-desc translation-block\">Heavy-duty <strong>industrial elevators<\/strong> engineered for factories, cement plants, silos, warehouses, power facilities and other permanent operating environments requiring reliable personnel or material transport.<\/p>\r\n          <div class=\"panel-tags\"><span>Permanent Access<\/span><span>Personnel & Freight<\/span><span>Custom Dimensions<\/span><\/div>\r\n          <a href=\"\/products\/industrial-elevators\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Industrial Elevators<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Industrial Elevators<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual panel-visual--industrial\" data-system=\"SEKLIFT \/ Industrial Elevators\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/SK-GTP-102.webp\" sizes=\"auto, (max-width: 700px) 100vw, (max-width: 1024px) 55vw, 50vw\" width=\"1600\" height=\"1600\" loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\" alt=\"SEKLIFT SM-GTP-102 industrial freight and personnel elevator installed inside an industrial facility\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>03<\/strong><i><\/i><span>Rugged Mine Transport<\/span><\/div>\r\n          <div class=\"panel-subtitle\">Underground & Surface Mining<\/div>\r\n          <h3 class=\"panel-title\">Mining Elevators<\/h3>\r\n          <p class=\"panel-desc translation-block\">Purpose-built <strong>mining elevators<\/strong> developed around mine depth, transport duty, environmental exposure, structural interfaces and the movement of personnel, tools and materials in demanding underground and surface operations.<\/p>\r\n          <div class=\"panel-tags\"><span>Underground Access<\/span><span>Harsh Environments<\/span><span>Project-Specific Duty<\/span><\/div>\r\n          <a href=\"\/products\/mining-elevator\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Mining Elevators<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Mining Elevators<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual\" data-system=\"SEKLIFT \/ Mining Elevators\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/7.webp\" sizes=\"auto, (max-width: 1024px) 100vw, 50vw\" width=\"720\" height=\"1075\" loading=\"lazy\" decoding=\"async\" alt=\"SEKLIFT mining elevator for personnel and material transport\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>04<\/strong><i><\/i><span>Mast-Supported Working Deck<\/span><\/div>\r\n          <div class=\"panel-subtitle\">Fa\u00e7ade Construction<\/div>\r\n          <h3 class=\"panel-title\">Mast-Climbing Work Platforms<\/h3>\r\n          <p class=\"panel-desc translation-block\">Single- and twin-mast <strong>mast-climbing work platforms<\/strong> create a broad, height-adjustable working level for masonry, glazing, cladding, insulation, fa\u00e7ade installation and renovation projects.<\/p>\r\n          <div class=\"panel-tags\"><span>MCWP<\/span><span>Single or Twin Mast<\/span><span>Adjustable Working Deck<\/span><\/div>\r\n          <a href=\"\/products\/mast-climbing-work-platforms\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Mast Platforms<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Mast Platforms<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual panel-visual--mcwp\" data-system=\"SEKLIFT \/ Mast-Climbing Work Platforms\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/IMG_0793-scaled-e1786525700371.webp\" srcset=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/IMG_0793-scaled-e1786525700371.webp 720w\" sizes=\"auto, (max-width: 1024px) 100vw, 50vw\" width=\"720\" height=\"540\" loading=\"lazy\" decoding=\"async\" alt=\"SEKLIFT mast-climbing work platform for facade construction\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>05<\/strong><i><\/i><span>Roof-Rigged Rope Access<\/span><\/div>\r\n          <div class=\"panel-subtitle\">Temporary Fa\u00e7ade Access<\/div>\r\n          <h3 class=\"panel-title\">Electric Suspended Platforms<\/h3>\r\n          <p class=\"panel-desc translation-block\">Modular <strong>electric suspended platforms<\/strong> rigged from the roof for temporary fa\u00e7ade installation, painting, repair, cleaning, insulation and exterior finishing where flexible rope-suspended access is required.<\/p>\r\n          <div class=\"panel-tags\"><span>Temporary Access<\/span><span>Wire-Rope Suspended<\/span><span>Modular Platform<\/span><\/div>\r\n          <a href=\"\/products\/electric-suspended-platforms\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Suspended Platforms<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Suspended Platforms<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual\" data-system=\"SEKLIFT \/ Suspended Platforms\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/3s.webp\" srcset=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/3s.webp 720w\" sizes=\"auto, (max-width: 1024px) 100vw, 50vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"SEKLIFT electric suspended platform for temporary facade work\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n    <article class=\"seklift-slide\" aria-hidden=\"true\">\r\n      <div class=\"panel-grid\">\r\n        <div class=\"panel-text\">\r\n          <div class=\"panel-index\"><strong>06<\/strong><i><\/i><span>Permanent Building-Integrated Access<\/span><\/div>\r\n          <div class=\"panel-subtitle\">Building Lifecycle Maintenance<\/div>\r\n          <h3 class=\"panel-title\">Fa\u00e7ade Access & BMU Systems<\/h3>\r\n          <p class=\"panel-desc translation-block\">Permanent, building-integrated <strong>fa\u00e7ade access and Building Maintenance Unit systems<\/strong> engineered around roof conditions, fa\u00e7ade geometry and recurring inspection, cleaning and maintenance requirements.<\/p>\r\n          <div class=\"panel-tags\"><span>BMU Systems<\/span><span>Permanent Fa\u00e7ade Access<\/span><span>Building-Specific Engineering<\/span><\/div>\r\n          <a href=\"\/products\/facade-access-bmu-systems\/\" class=\"skl-secondary-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            <span class=\"skl-sec-text-container\">\r\n              <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Explore Fa\u00e7ade Systems<\/span>\r\n              <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Explore Fa\u00e7ade Systems<\/span>\r\n            <\/span>\r\n          <\/a>\r\n        <\/div>\r\n        <figure class=\"panel-visual\" data-system=\"SEKLIFT \/ Fa\u00e7ade Access & BMU\">\r\n          <img loading=\"lazy\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/3-1.webp\" srcset=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/3-1.webp 720w\" sizes=\"auto, (max-width: 1024px) 100vw, 50vw\" width=\"720\" height=\"720\" loading=\"lazy\" decoding=\"async\" alt=\"SEKLIFT facade access and building maintenance unit system\">\r\n        <\/figure>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <nav class=\"seklift-slide-progress\" aria-label=\"Product story navigation\">\r\n      <button class=\"seklift-progress-dot is-active\" type=\"button\" data-target=\"0\" aria-label=\"Product systems introduction\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"1\" aria-label=\"Construction Hoists\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"2\" aria-label=\"Industrial Elevators\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"3\" aria-label=\"Mining Elevators\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"4\" aria-label=\"Mast-Climbing Work Platforms\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"5\" aria-label=\"Electric Suspended Platforms\"><\/button>\r\n      <button class=\"seklift-progress-dot\" type=\"button\" data-target=\"6\" aria-label=\"Fa\u00e7ade Access & BMU Systems\"><\/button>\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(() => {\r\n  const wrapper = document.getElementById('seklift-wrapper');\r\n  if (!wrapper || wrapper.dataset.sekliftReady === 'true') return;\r\n  wrapper.dataset.sekliftReady = 'true';\r\n\r\n  const slides = [...wrapper.querySelectorAll('.seklift-slide')];\r\n  const pillarButtons = [...wrapper.querySelectorAll('.pillar-item')];\r\n  const progressButtons = [...wrapper.querySelectorAll('.seklift-progress-dot')];\r\n  const introSlide = slides[0];\r\n  const pillarNav = wrapper.querySelector('.intro-pillar-nav');\r\n  const pillarNavHome = pillarNav ? pillarNav.parentNode : null;\r\n  const pillarNavNextSibling = pillarNav ? pillarNav.nextSibling : null;\r\n  const dreamyElement = wrapper.querySelector('#dreamy-intro-text');\r\n  const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  const compactQuery = window.matchMedia('(max-width: 1024px)');\r\n\r\n  \/\/ Arabic-only image-quality fix. Keep every other language untouched.\r\n  const pageLanguage = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n  const isArabicPage = pageLanguage === 'ar' || pageLanguage.startsWith('ar-');\r\n\r\n  if (isArabicPage) {\r\n    wrapper.querySelectorAll('.pillar-bg img, .panel-visual img').forEach((image) => {\r\n      const srcset = image.getAttribute('srcset');\r\n      if (!srcset) return;\r\n\r\n      const candidates = srcset\r\n        .split(',')\r\n        .map((candidate) => {\r\n          const parts = candidate.trim().split(\/\\s+\/);\r\n          const url = parts[0];\r\n          const widthMatch = (parts[1] || '').match(\/^(\\d+)w$\/);\r\n          return { url, width: widthMatch ? Number(widthMatch[1]) : 0 };\r\n        })\r\n        .filter(candidate => candidate.url)\r\n        .sort((a, b) => b.width - a.width);\r\n\r\n      if (!candidates.length) return;\r\n\r\n      image.setAttribute('src', candidates[0].url);\r\n      image.removeAttribute('srcset');\r\n      image.removeAttribute('sizes');\r\n    });\r\n  }\r\n\r\n  let activeIndex = 0;\r\n  let compactMode = compactQuery.matches;\r\n  let initialized = false;\r\n  let ticking = false;\r\n  let touchStartX = null;\r\n  let touchStartY = null;\r\n\r\n  const syncCompactStructure = () => {\r\n    if (!pillarNav || !pillarNavHome || !introSlide) return;\r\n\r\n    if (compactMode) {\r\n      if (pillarNav.previousElementSibling !== introSlide) {\r\n        introSlide.insertAdjacentElement('afterend', pillarNav);\r\n      }\r\n      return;\r\n    }\r\n\r\n    wrapper.classList.remove('compact-menu-docked');\r\n    if (pillarNav.parentNode !== pillarNavHome) {\r\n      pillarNavHome.insertBefore(pillarNav, pillarNavNextSibling);\r\n    }\r\n  };\r\n\r\n  const centerCompactSelection = () => {\r\n    if (!compactMode || !pillarNav) return;\r\n    const selectedButton = pillarButtons.find((button) =>\r\n      Number(button.dataset.target || 0) === activeIndex\r\n    );\r\n    if (!selectedButton) return;\r\n\r\n    const targetLeft = selectedButton.offsetLeft -\r\n      Math.max(0, (pillarNav.clientWidth - selectedButton.offsetWidth) \/ 2);\r\n    pillarNav.scrollTo({\r\n      left: Math.max(0, targetLeft),\r\n      behavior: reducedMotion ? 'auto' : 'smooth'\r\n    });\r\n  };\r\n\r\n  const setActiveSlide = (index, force = false) => {\r\n    let safeIndex = Math.max(0, Math.min(slides.length - 1, index));\r\n    if (compactMode) safeIndex = Math.max(1, safeIndex);\r\n    if (!force && initialized && safeIndex === activeIndex) return;\r\n    activeIndex = safeIndex;\r\n    initialized = true;\r\n\r\n    slides.forEach((slide, slideIndex) => {\r\n      const active = compactMode\r\n        ? slideIndex === 0 || slideIndex === safeIndex\r\n        : slideIndex === safeIndex;\r\n      slide.classList.toggle('active-slide', active);\r\n      slide.setAttribute('aria-hidden', active ? 'false' : 'true');\r\n      if ('inert' in slide) slide.inert = !active;\r\n    });\r\n\r\n    progressButtons.forEach((button, buttonIndex) => {\r\n      const active = buttonIndex === safeIndex;\r\n      button.classList.toggle('is-active', active);\r\n      button.setAttribute('aria-current', active ? 'step' : 'false');\r\n    });\r\n\r\n    pillarButtons.forEach((button) => {\r\n      const selected = Number(button.dataset.target || 0) === safeIndex;\r\n      button.classList.toggle('is-selected', selected);\r\n      button.setAttribute('aria-pressed', selected ? 'true' : 'false');\r\n    });\r\n  };\r\n\r\n  const metrics = () => {\r\n    const rect = wrapper.getBoundingClientRect();\r\n    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n    return {\r\n      rect,\r\n      distance: Math.max(1, rect.height - viewportHeight),\r\n      top: window.scrollY + rect.top\r\n    };\r\n  };\r\n\r\n  const scrollToSlide = (index) => {\r\n    if (compactMode) {\r\n      wrapper.classList.add('compact-menu-docked');\r\n      setActiveSlide(index);\r\n      const selectedSlide = slides[activeIndex];\r\n      if (selectedSlide) {\r\n        window.requestAnimationFrame(() => {\r\n          centerCompactSelection();\r\n          selectedSlide.scrollIntoView({\r\n            block: 'start',\r\n            behavior: reducedMotion ? 'auto' : 'smooth'\r\n          });\r\n        });\r\n      }\r\n      return;\r\n    }\r\n\r\n    const { distance, top } = metrics();\r\n    const targetProgress = (index + .5) \/ slides.length;\r\n\r\n    window.scrollTo({\r\n      top: top + targetProgress * distance,\r\n      behavior: reducedMotion ? 'auto' : 'smooth'\r\n    });\r\n  };\r\n\r\n  const update = () => {\r\n    ticking = false;\r\n    if (compactMode) return;\r\n    const { rect, distance } = metrics();\r\n    let progress = -rect.top \/ distance;\r\n    progress = Math.max(0, Math.min(1, progress));\r\n\r\n    const index = Math.min(\r\n      slides.length - 1,\r\n      Math.floor(progress * slides.length)\r\n    );\r\n\r\n    setActiveSlide(index);\r\n  };\r\n\r\n  const requestUpdate = () => {\r\n    if (compactMode || ticking) return;\r\n    ticking = true;\r\n    window.requestAnimationFrame(update);\r\n  };\r\n\r\n  window.addEventListener('scroll', requestUpdate, { passive: true });\r\n  window.addEventListener('resize', () => {\r\n    const nextCompactMode = compactQuery.matches;\r\n    if (nextCompactMode !== compactMode) {\r\n      compactMode = nextCompactMode;\r\n      syncCompactStructure();\r\n      setActiveSlide(compactMode ? Math.max(1, activeIndex) : activeIndex, true);\r\n    }\r\n    requestUpdate();\r\n  });\r\n\r\n  pillarButtons.forEach((button) => {\r\n    button.addEventListener('click', () => {\r\n      scrollToSlide(Number(button.dataset.target || 0));\r\n    });\r\n  });\r\n\r\n  progressButtons.forEach((button) => {\r\n    button.addEventListener('click', () => {\r\n      scrollToSlide(Number(button.dataset.target || 0));\r\n    });\r\n  });\r\n\r\n  wrapper.addEventListener('touchstart', (event) => {\r\n    if (!compactMode || !event.touches[0]) return;\r\n    if (!event.target.closest('.seklift-slide.active-slide:not(.intro-slide-container)')) return;\r\n    touchStartX = event.touches[0].clientX;\r\n    touchStartY = event.touches[0].clientY;\r\n  }, { passive: true });\r\n\r\n  wrapper.addEventListener('touchend', (event) => {\r\n    if (!compactMode || touchStartX === null || touchStartY === null || !event.changedTouches[0]) return;\r\n\r\n    const deltaX = event.changedTouches[0].clientX - touchStartX;\r\n    const deltaY = event.changedTouches[0].clientY - touchStartY;\r\n    touchStartX = null;\r\n    touchStartY = null;\r\n\r\n    if (Math.abs(deltaX) < 48 || Math.abs(deltaX) <= Math.abs(deltaY) * 1.2) return;\r\n\r\n    const nextIndex = deltaX < 0 ? activeIndex + 1 : activeIndex - 1;\r\n    if (nextIndex < 1 || nextIndex >= slides.length) return;\r\n    wrapper.classList.add('compact-menu-docked');\r\n    setActiveSlide(nextIndex);\r\n    centerCompactSelection();\r\n  }, { passive: true });\r\n\r\n  wrapper.addEventListener('keydown', (event) => {\r\n    if (!compactMode || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) return;\r\n    const nextIndex = event.key === 'ArrowRight' ? activeIndex + 1 : activeIndex - 1;\r\n    if (nextIndex < 1 || nextIndex >= slides.length) return;\r\n    event.preventDefault();\r\n    wrapper.classList.add('compact-menu-docked');\r\n    setActiveSlide(nextIndex);\r\n    centerCompactSelection();\r\n  });\r\n\r\n  if (dreamyElement) {\r\n    if (reducedMotion || !('IntersectionObserver' in window)) {\r\n      dreamyElement.classList.add('is-visible');\r\n    } else {\r\n      const observer = new IntersectionObserver((entries, instance) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          entry.target.classList.add('is-visible');\r\n          instance.unobserve(entry.target);\r\n        });\r\n      }, { threshold: .2 });\r\n\r\n      observer.observe(dreamyElement);\r\n    }\r\n  }\r\n\r\n  if (compactMode) {\r\n    syncCompactStructure();\r\n    setActiveSlide(1, true);\r\n  } else {\r\n    syncCompactStructure();\r\n    setActiveSlide(0, true);\r\n    requestUpdate();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4b725 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"4b4b725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================================\r\n     SEKLIFT PRODUCT SYSTEMS \u2014 PHONE \/ TABLET SWIPE CAROUSEL\r\n     Standalone compact-screen widget. No desktop architecture.\r\n     ========================================================= *\/\r\n\r\n  .elementor-widget-html:has(#skm-product-carousel),\r\n  .elementor-widget-html:has(#skm-product-carousel) > .elementor-widget-container,\r\n  .e-con:has(> .elementor-widget-html #skm-product-carousel) {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  #skm-product-carousel {\r\n    --skm-orange: #ED5308;\r\n    --skm-bg: #141414;\r\n    --skm-card: #1B1B1D;\r\n    --skm-white: #F7F4F1;\r\n    --skm-muted: #B9B4B0;\r\n    --skm-line: rgba(255, 255, 255, .1);\r\n    --skm-soft: rgba(255, 255, 255, .045);\r\n    --skm-ease: cubic-bezier(.22, 1, .36, 1);\r\n    position: relative;\r\n    isolation: isolate;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    color: var(--skm-white);\r\n    background:\r\n      radial-gradient(circle at 8% 5%, rgba(237, 83, 8, .13), transparent 31rem),\r\n      linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px),\r\n      var(--skm-bg);\r\n    background-size: auto, 42px 42px, 42px 42px, auto;\r\n    font-family: \"Poppins\", sans-serif;\r\n  }\r\n\r\n  #skm-product-carousel,\r\n  #skm-product-carousel * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  #skm-product-carousel a {\r\n    color: inherit;\r\n  }\r\n\r\n  #skm-product-carousel img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  #skm-product-carousel button {\r\n    font: inherit;\r\n  }\r\n\r\n  #skm-product-carousel .skm-shell {\r\n    width: min(100%, 1024px);\r\n    margin-inline: auto;\r\n    padding: clamp(52px, 8vw, 86px) clamp(16px, 4.4vw, 44px) clamp(58px, 9vw, 96px);\r\n  }\r\n\r\n  \/* ---------- Intro ---------- *\/\r\n  #skm-product-carousel .skm-intro {\r\n    position: relative;\r\n    max-width: 840px;\r\n    margin-bottom: clamp(28px, 5vw, 44px);\r\n    padding-left: clamp(17px, 3vw, 28px);\r\n  }\r\n\r\n  #skm-product-carousel .skm-intro::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 2px auto 2px 0;\r\n    width: 3px;\r\n    border-radius: 99px;\r\n    background: linear-gradient(to bottom, var(--skm-orange), rgba(237, 83, 8, .08));\r\n  }\r\n\r\n  #skm-product-carousel .skm-eyebrow {\r\n    display: block;\r\n    margin: 0 0 11px;\r\n    color: var(--skm-orange) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: clamp(10px, 1.5vw, 13px) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .18em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-title {\r\n    max-width: 18ch;\r\n    margin: 0;\r\n    color: var(--skm-white) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: clamp(30px, 6.3vw, 54px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.07 !important;\r\n    letter-spacing: -.042em !important;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  #skm-product-carousel .skm-intro-copy {\r\n    max-width: 760px;\r\n    margin: clamp(16px, 3vw, 24px) 0 0;\r\n    color: var(--skm-muted) !important;\r\n    font-family: \"Poppins\", sans-serif !important;\r\n    font-size: clamp(14px, 2vw, 17px) !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.7 !important;\r\n  }\r\n\r\n  #skm-product-carousel .skm-intro-copy strong,\r\n  #skm-product-carousel .skm-description strong {\r\n    color: var(--skm-white) !important;\r\n    font-weight: 500 !important;\r\n  }\r\n\r\n  \/* ---------- Carousel heading ---------- *\/\r\n  #skm-product-carousel .skm-carousel-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  #skm-product-carousel .skm-swipe-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0;\r\n    color: rgba(255, 255, 255, .61) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: 10px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .14em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-swipe-icon {\r\n    color: var(--skm-orange);\r\n    font-size: 15px;\r\n    letter-spacing: 0;\r\n  }\r\n\r\n  #skm-product-carousel .skm-counter {\r\n    display: inline-flex;\r\n    align-items: baseline;\r\n    gap: 5px;\r\n    color: rgba(255, 255, 255, .48);\r\n    font-family: \"Montserrat\", sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: .09em;\r\n  }\r\n\r\n  #skm-product-carousel .skm-counter-current {\r\n    color: var(--skm-orange);\r\n    font-size: 16px;\r\n  }\r\n\r\n  \/* ---------- Native horizontal slider ---------- *\/\r\n  #skm-product-carousel .skm-viewport {\r\n    position: relative;\r\n    width: 100%;\r\n    min-width: 0;\r\n  }\r\n\r\n  #skm-product-carousel .skm-track {\r\n    display: flex;\r\n    align-items: stretch;\r\n    gap: clamp(12px, 2.3vw, 20px);\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 2px;\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    scroll-behavior: smooth;\r\n    scroll-snap-type: x mandatory;\r\n    scroll-padding-inline: 2px;\r\n    overscroll-behavior-inline: contain;\r\n    touch-action: pan-x pan-y pinch-zoom;\r\n    scrollbar-width: none;\r\n    -ms-overflow-style: none;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  #skm-product-carousel .skm-track::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  #skm-product-carousel .skm-track:focus-visible {\r\n    outline: 2px solid rgba(237, 83, 8, .76);\r\n    outline-offset: 5px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  #skm-product-carousel .skm-slide {\r\n    display: flex;\r\n    flex: 0 0 calc(100% - 4px);\r\n    width: calc(100% - 4px);\r\n    min-width: 0;\r\n    scroll-snap-align: start;\r\n    scroll-snap-stop: always;\r\n  }\r\n\r\n  #skm-product-carousel .skm-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    min-width: 0;\r\n    overflow: hidden;\r\n    border: 1px solid var(--skm-line);\r\n    border-radius: clamp(13px, 2.3vw, 18px);\r\n    background:\r\n      linear-gradient(135deg, rgba(255, 255, 255, .027), transparent 42%),\r\n      var(--skm-card);\r\n    box-shadow: 0 18px 48px rgba(0, 0, 0, .2);\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  #skm-product-carousel .skm-slide[aria-current=\"true\"] .skm-card {\r\n    border-color: rgba(237, 83, 8, .44);\r\n    box-shadow:\r\n      0 0 0 1px rgba(237, 83, 8, .08),\r\n      0 22px 58px rgba(0, 0, 0, .24);\r\n  }\r\n\r\n  \/* Image is contained at its real proportions. The source is never stretched. *\/\r\n  #skm-product-carousel .skm-media {\r\n    position: relative;\r\n    display: grid;\r\n    min-width: 0;\r\n    margin: 0;\r\n    overflow: hidden;\r\n    place-items: center;\r\n    aspect-ratio: 4 \/ 3;\r\n    background:\r\n      radial-gradient(circle at 50% 48%, rgba(255, 255, 255, .075), transparent 58%),\r\n      linear-gradient(145deg, rgba(237, 83, 8, .055), transparent 52%);\r\n  }\r\n\r\n  #skm-product-carousel .skm-media::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    z-index: 2;\r\n    inset: auto 0 0;\r\n    height: 30%;\r\n    pointer-events: none;\r\n    background: linear-gradient(to top, rgba(27, 27, 29, .72), transparent);\r\n  }\r\n\r\n  #skm-product-carousel .skm-media img {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: clamp(8px, 2vw, 16px);\r\n    object-fit: contain;\r\n    object-position: var(--skm-position, center center);\r\n    image-rendering: auto;\r\n    transform: translateZ(0);\r\n  }\r\n\r\n  #skm-product-carousel .skm-media-label {\r\n    position: absolute;\r\n    z-index: 3;\r\n    right: 13px;\r\n    bottom: 11px;\r\n    left: 13px;\r\n    color: rgba(255, 255, 255, .72) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: 9px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .14em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-copy {\r\n    display: flex;\r\n    flex: 1 1 auto;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    padding: clamp(22px, 5vw, 38px) clamp(18px, 4.8vw, 36px) clamp(24px, 5.5vw, 42px);\r\n  }\r\n\r\n  #skm-product-carousel .skm-index {\r\n    display: grid;\r\n    grid-template-columns: auto minmax(26px, 52px) minmax(0, 1fr);\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-bottom: 17px;\r\n    color: rgba(255, 255, 255, .51) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: clamp(8px, 1.7vw, 10px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .075em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-index strong {\r\n    color: var(--skm-orange) !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: .08em !important;\r\n  }\r\n\r\n  #skm-product-carousel .skm-index i {\r\n    display: block;\r\n    height: 1px;\r\n    background: rgba(237, 83, 8, .58);\r\n  }\r\n\r\n  #skm-product-carousel .skm-card-eyebrow {\r\n    margin: 0 0 9px;\r\n    color: var(--skm-orange) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: clamp(9px, 1.65vw, 11px) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .16em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-card-title {\r\n    margin: 0;\r\n    color: var(--skm-white) !important;\r\n    font-family: \"Montserrat\", sans-serif !important;\r\n    font-size: clamp(24px, 4.6vw, 36px) !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.09 !important;\r\n    letter-spacing: -.034em !important;\r\n    overflow-wrap: anywhere;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  #skm-product-carousel .skm-description {\r\n    margin: 16px 0 0;\r\n    color: var(--skm-muted) !important;\r\n    font-family: \"Poppins\", sans-serif !important;\r\n    font-size: clamp(13px, 2vw, 15px) !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.66 !important;\r\n  }\r\n\r\n  #skm-product-carousel .skm-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin: 19px 0 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  #skm-product-carousel .skm-tags li {\r\n    max-width: 100%;\r\n    padding: 6px 9px;\r\n    border: 1px solid rgba(255, 255, 255, .09);\r\n    border-radius: 999px;\r\n    color: rgba(255, 255, 255, .67) !important;\r\n    background: rgba(255, 255, 255, .034);\r\n    font-family: \"Poppins\", sans-serif !important;\r\n    font-size: 9px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .025em !important;\r\n  }\r\n\r\n  #skm-product-carousel .skm-cta {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    width: min(100%, 320px);\r\n    min-height: 50px;\r\n    margin-top: auto;\r\n    padding: 11px 12px 11px 16px;\r\n    border: 1px solid var(--skm-orange);\r\n    border-radius: 8px;\r\n    color: var(--skm-orange) !important;\r\n    background: rgba(237, 83, 8, .075);\r\n    text-decoration: none !important;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: color 280ms ease, background-color 280ms ease, transform 400ms var(--skm-ease);\r\n  }\r\n\r\n  #skm-product-carousel .skm-tags + .skm-cta {\r\n    margin-top: 23px;\r\n  }\r\n\r\n  #skm-product-carousel .skm-cta-text {\r\n    font-family: \"Poppins\", sans-serif !important;\r\n    font-size: clamp(10px, 1.8vw, 12px) !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: .075em !important;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #skm-product-carousel .skm-cta-arrow {\r\n    display: grid;\r\n    flex: 0 0 29px;\r\n    width: 29px;\r\n    height: 29px;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    color: #FFFFFF !important;\r\n    background: var(--skm-orange);\r\n    font-size: 15px;\r\n    line-height: 1;\r\n  }\r\n\r\n  #skm-product-carousel .skm-cta:active {\r\n    transform: scale(.985);\r\n  }\r\n\r\n  #skm-product-carousel .skm-cta:hover,\r\n  #skm-product-carousel .skm-cta:focus-visible {\r\n    color: #FFFFFF !important;\r\n    background: var(--skm-orange);\r\n    outline: none;\r\n  }\r\n\r\n  \/* ---------- Controls ---------- *\/\r\n  #skm-product-carousel .skm-controls {\r\n    display: grid;\r\n    grid-template-columns: 46px minmax(0, 1fr) 46px;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  #skm-product-carousel .skm-arrow {\r\n    display: grid;\r\n    width: 46px;\r\n    height: 46px;\r\n    margin: 0;\r\n    padding: 0;\r\n    place-items: center;\r\n    border: 1px solid rgba(255, 255, 255, .14);\r\n    border-radius: 50%;\r\n    color: var(--skm-white);\r\n    background: rgba(255, 255, 255, .045);\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: border-color 250ms ease, color 250ms ease, background-color 250ms ease, transform 350ms var(--skm-ease);\r\n  }\r\n\r\n  #skm-product-carousel .skm-arrow svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n  }\r\n\r\n  #skm-product-carousel .skm-arrow:not(:disabled):active {\r\n    transform: scale(.93);\r\n  }\r\n\r\n  #skm-product-carousel .skm-arrow:not(:disabled):hover,\r\n  #skm-product-carousel .skm-arrow:not(:disabled):focus-visible {\r\n    border-color: var(--skm-orange);\r\n    color: #FFFFFF;\r\n    background: var(--skm-orange);\r\n    outline: none;\r\n  }\r\n\r\n  #skm-product-carousel .skm-arrow:disabled {\r\n    opacity: .3;\r\n    cursor: default;\r\n  }\r\n\r\n  #skm-product-carousel .skm-dots {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: clamp(4px, 1.2vw, 8px);\r\n    min-width: 0;\r\n  }\r\n\r\n  #skm-product-carousel .skm-dot {\r\n    position: relative;\r\n    width: clamp(28px, 7vw, 48px);\r\n    height: 30px;\r\n    margin: 0;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  #skm-product-carousel .skm-dot::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 2px;\r\n    left: 2px;\r\n    height: 3px;\r\n    border-radius: 99px;\r\n    background: rgba(255, 255, 255, .17);\r\n    transform: translateY(-50%);\r\n    transition: background-color 260ms ease, transform 360ms var(--skm-ease);\r\n  }\r\n\r\n  #skm-product-carousel .skm-dot[aria-selected=\"true\"]::before {\r\n    background: var(--skm-orange);\r\n    transform: translateY(-50%) scaleY(1.35);\r\n  }\r\n\r\n  #skm-product-carousel .skm-dot:focus-visible {\r\n    outline: 2px solid rgba(237, 83, 8, .8);\r\n    outline-offset: 1px;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  \/* ---------- Tablet: still one product per slide ---------- *\/\r\n  @media (min-width: 600px) and (max-width: 1024px) {\r\n    #skm-product-carousel .skm-card {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);\r\n      min-height: 500px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-media {\r\n      min-height: 100%;\r\n      aspect-ratio: auto;\r\n    }\r\n\r\n    #skm-product-carousel .skm-media img {\r\n      padding: clamp(14px, 2.2vw, 24px);\r\n    }\r\n\r\n    #skm-product-carousel .skm-copy {\r\n      justify-content: center;\r\n      padding: clamp(30px, 4vw, 46px) clamp(26px, 4vw, 42px);\r\n    }\r\n\r\n    #skm-product-carousel .skm-card-title {\r\n      font-size: clamp(26px, 3.65vw, 35px) !important;\r\n    }\r\n\r\n    #skm-product-carousel .skm-description {\r\n      line-height: 1.62 !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    #skm-product-carousel .skm-shell {\r\n      padding-inline: 13px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-title {\r\n      font-size: 28px !important;\r\n    }\r\n\r\n    #skm-product-carousel .skm-media {\r\n      aspect-ratio: 1 \/ .78;\r\n    }\r\n\r\n    #skm-product-carousel .skm-copy {\r\n      padding-inline: 17px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-controls {\r\n      grid-template-columns: 42px minmax(0, 1fr) 42px;\r\n      gap: 6px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-arrow {\r\n      width: 42px;\r\n      height: 42px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-dot {\r\n      width: 25px;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 600px) and (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) {\r\n    #skm-product-carousel .skm-shell {\r\n      padding-top: 38px;\r\n      padding-bottom: 52px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-card {\r\n      min-height: 360px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-copy {\r\n      padding-block: 22px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-description {\r\n      font-size: 12px !important;\r\n      line-height: 1.5 !important;\r\n    }\r\n\r\n    #skm-product-carousel .skm-tags {\r\n      margin-top: 14px;\r\n    }\r\n\r\n    #skm-product-carousel .skm-tags + .skm-cta {\r\n      margin-top: 16px;\r\n    }\r\n  }\r\n\r\n  \/* This file is intentionally only for phone and tablet. *\/\r\n  @media (min-width: 1025px) {\r\n    #skm-product-carousel {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #skm-product-carousel .skm-track {\r\n      scroll-behavior: auto;\r\n    }\r\n\r\n    #skm-product-carousel *,\r\n    #skm-product-carousel *::before,\r\n    #skm-product-carousel *::after {\r\n      transition-duration: .01ms !important;\r\n      animation-duration: .01ms !important;\r\n      animation-iteration-count: 1 !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"skm-product-carousel\" data-skm-carousel aria-labelledby=\"skm-product-carousel-title\">\r\n  <div class=\"skm-shell\">\r\n    <header class=\"skm-intro\">\r\n      <span class=\"skm-eyebrow translation-block\">Product Systems<\/span>\r\n      <h2 id=\"skm-product-carousel-title\" class=\"skm-title translation-block\">Vertical Access Engineered Around the Project<\/h2>\r\n      <p class=\"skm-intro-copy translation-block\">SEKLIFT develops <strong>construction hoists, industrial and mining elevators, mast-climbing work platforms, electric suspended platforms, and fa\u00e7ade access and BMU systems<\/strong>. Our Turkish manufacturing and engineering team supports standard configurations and project-specific vertical access requirements for international applications.<\/p>\r\n    <\/header>\r\n\r\n    <div class=\"skm-carousel-head\">\r\n      <p class=\"skm-swipe-label translation-block\"><span class=\"skm-swipe-icon\" aria-hidden=\"true\">\u2194<\/span> Swipe to explore products<\/p>\r\n      <div class=\"skm-counter\" aria-live=\"polite\" aria-atomic=\"true\">\r\n        <span class=\"skm-counter-current\">01<\/span>\r\n        <span aria-hidden=\"true\">\/<\/span>\r\n        <span>06<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"skm-viewport\">\r\n      <div class=\"skm-track\" tabindex=\"0\">\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"1 of 6\" aria-current=\"true\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center center;\">\r\n              <img loading=\"lazy\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/industrial-elevators-360w.webp\"\r\n                srcset=\"\/wp-content\/uploads\/2026\/07\/industrial-elevators-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/industrial-elevators-720w.webp 720w\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"720\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT construction hoist for personnel and material transport\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Construction Hoists<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">01<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Temporary Personnel &amp; Material Transport<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">High-Rise Construction<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Construction Hoists<\/h3>\r\n              <p class=\"skm-description translation-block\">Rack-and-pinion <strong>construction hoists<\/strong> for transporting personnel, tools and materials across high-rise buildings, infrastructure works, renovation sites and demanding construction environments.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Construction hoist features\">\r\n                <li class=\"translation-block\">Personnel &amp; Materials<\/li>\r\n                <li class=\"translation-block\">Rack and Pinion<\/li>\r\n                <li class=\"translation-block\">Temporary Access<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/construction-hoists\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Construction Hoists<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"2 of 6\" aria-current=\"false\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center center;\">\r\n              <img loading=\"lazy\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/construction-hoists-360w.webp\"\r\n                srcset=\"\/wp-content\/uploads\/2026\/07\/construction-hoists-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/construction-hoists-720w.webp 720w\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"877\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT industrial elevator for permanent personnel and freight access\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Industrial Elevators<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">02<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Personnel &amp; Freight Access<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">Permanent Industrial Access<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Industrial Elevators<\/h3>\r\n              <p class=\"skm-description translation-block\">Heavy-duty <strong>industrial elevators<\/strong> engineered for factories, cement plants, silos, warehouses, power facilities and other permanent operating environments requiring reliable personnel or material transport.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Industrial elevator features\">\r\n                <li class=\"translation-block\">Permanent Access<\/li>\r\n                <li class=\"translation-block\">Personnel &amp; Freight<\/li>\r\n                <li class=\"translation-block\">Custom Dimensions<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/industrial-elevators\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Industrial Elevators<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"3 of 6\" aria-current=\"false\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center 42%;\">\r\n              <img loading=\"lazy\"\r\n                src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/07\/7.webp\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"1075\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT mining elevator for personnel and material transport\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Mining Elevators<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">03<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Rugged Mine Transport<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">Underground &amp; Surface Mining<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Mining Elevators<\/h3>\r\n              <p class=\"skm-description translation-block\">Purpose-built <strong>mining elevators<\/strong> developed around mine depth, transport duty, environmental exposure, structural interfaces and the movement of personnel, tools and materials in demanding underground and surface operations.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Mining elevator features\">\r\n                <li class=\"translation-block\">Underground Access<\/li>\r\n                <li class=\"translation-block\">Harsh Environments<\/li>\r\n                <li class=\"translation-block\">Project-Specific Duty<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/mining-elevator\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Mining Elevators<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"4 of 6\" aria-current=\"false\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center center;\">\r\n              <img loading=\"lazy\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-360w.webp\"\r\n                srcset=\"\/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/industrial-warehouse-with-red-gantries-720w.webp 720w\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"540\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT mast-climbing work platform for facade construction\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Mast-Climbing Work Platforms<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">04<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Mast-Supported Working Deck<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">Fa\u00e7ade Construction<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Mast-Climbing Work Platforms<\/h3>\r\n              <p class=\"skm-description translation-block\">Single- and twin-mast <strong>mast-climbing work platforms<\/strong> create a broad, height-adjustable working level for masonry, glazing, cladding, insulation, fa\u00e7ade installation and renovation projects.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Mast-climbing work platform features\">\r\n                <li class=\"translation-block\">MCWP<\/li>\r\n                <li class=\"translation-block\">Single or Twin Mast<\/li>\r\n                <li class=\"translation-block\">Adjustable Working Deck<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/mast-climbing-work-platforms\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Mast Platforms<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"5 of 6\" aria-current=\"false\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center center;\">\r\n              <img loading=\"lazy\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-360w.webp\"\r\n                srcset=\"\/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/electric-suspended-platforms-720w.webp 720w\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"720\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT electric suspended platform for temporary facade work\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Suspended Platforms<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">05<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Roof-Rigged Rope Access<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">Temporary Fa\u00e7ade Access<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Electric Suspended Platforms<\/h3>\r\n              <p class=\"skm-description translation-block\">Modular <strong>electric suspended platforms<\/strong> rigged from the roof for temporary fa\u00e7ade installation, painting, repair, cleaning, insulation and exterior finishing where flexible rope-suspended access is required.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Electric suspended platform features\">\r\n                <li class=\"translation-block\">Temporary Access<\/li>\r\n                <li class=\"translation-block\">Wire-Rope Suspended<\/li>\r\n                <li class=\"translation-block\">Modular Platform<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/electric-suspended-platforms\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Suspended Platforms<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"skm-slide\" aria-roledescription=\"slide\" aria-label=\"6 of 6\" aria-current=\"false\">\r\n          <div class=\"skm-card\">\r\n            <figure class=\"skm-media\" style=\"--skm-position: center center;\">\r\n              <img loading=\"lazy\"\r\n                src=\"\/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-360w.webp\"\r\n                srcset=\"\/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-360w.webp 360w, \/wp-content\/uploads\/2026\/07\/facade-access-and-bmu-systems-720w.webp 720w\"\r\n                sizes=\"auto, (max-width: 599px) calc(100vw - 36px), 44vw\"\r\n                width=\"720\"\r\n                height=\"720\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n                alt=\"SEKLIFT facade access and building maintenance unit system\"\r\n              >\r\n              <figcaption class=\"skm-media-label translation-block\">SEKLIFT \/ Fa\u00e7ade Access &amp; BMU<\/figcaption>\r\n            <\/figure>\r\n            <div class=\"skm-copy\">\r\n              <div class=\"skm-index\"><strong aria-hidden=\"true\">06<\/strong><i aria-hidden=\"true\"><\/i><span class=\"translation-block\">Permanent Building-Integrated Access<\/span><\/div>\r\n              <p class=\"skm-card-eyebrow translation-block\">Building Lifecycle Maintenance<\/p>\r\n              <h3 class=\"skm-card-title translation-block\">Fa\u00e7ade Access &amp; BMU Systems<\/h3>\r\n              <p class=\"skm-description translation-block\">Permanent, building-integrated <strong>fa\u00e7ade access and Building Maintenance Unit systems<\/strong> engineered around roof conditions, fa\u00e7ade geometry and recurring inspection, cleaning and maintenance requirements.<\/p>\r\n              <ul class=\"skm-tags\" aria-label=\"Fa\u00e7ade access and BMU features\">\r\n                <li class=\"translation-block\">BMU Systems<\/li>\r\n                <li class=\"translation-block\">Permanent Fa\u00e7ade Access<\/li>\r\n                <li class=\"translation-block\">Building-Specific Engineering<\/li>\r\n              <\/ul>\r\n              <a class=\"skm-cta\" href=\"\/products\/facade-access-bmu-systems\/\">\r\n                <span class=\"skm-cta-text translation-block\">Explore Fa\u00e7ade Systems<\/span>\r\n                <span class=\"skm-cta-arrow\" aria-hidden=\"true\">\u2197<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <nav class=\"skm-controls\" aria-label=\"Product carousel controls\">\r\n      <button class=\"skm-arrow skm-prev\" type=\"button\" aria-label=\"Previous product\" disabled>\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 18 9 12l6-6\"><\/path><\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"skm-dots\" role=\"tablist\" aria-label=\"Choose a product slide\">\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Construction Hoists\" aria-selected=\"true\"><\/button>\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Industrial Elevators\" aria-selected=\"false\"><\/button>\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Mining Elevators\" aria-selected=\"false\"><\/button>\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Mast-Climbing Work Platforms\" aria-selected=\"false\"><\/button>\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Electric Suspended Platforms\" aria-selected=\"false\"><\/button>\r\n        <button class=\"skm-dot\" type=\"button\" role=\"tab\" aria-label=\"Fa\u00e7ade Access and BMU Systems\" aria-selected=\"false\"><\/button>\r\n      <\/div>\r\n\r\n      <button class=\"skm-arrow skm-next\" type=\"button\" aria-label=\"Next product\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"m9 18 6-6-6-6\"><\/path><\/svg>\r\n      <\/button>\r\n    <\/nav>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (() => {\r\n    const initCarousels = () => {\r\n      document.querySelectorAll('[data-skm-carousel]').forEach((root) => {\r\n        if (root.dataset.skmReady === 'true') return;\r\n        root.dataset.skmReady = 'true';\r\n\r\n        const track = root.querySelector('.skm-track');\r\n        const slides = Array.from(root.querySelectorAll('.skm-slide'));\r\n        const dots = Array.from(root.querySelectorAll('.skm-dot'));\r\n        const previous = root.querySelector('.skm-prev');\r\n        const next = root.querySelector('.skm-next');\r\n        const current = root.querySelector('.skm-counter-current');\r\n        const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\r\n        let activeIndex = 0;\r\n        let scrollFrame = 0;\r\n\r\n        if (!track || !slides.length) return;\r\n\r\n        const setActive = (index) => {\r\n          const safeIndex = Math.max(0, Math.min(index, slides.length - 1));\r\n          activeIndex = safeIndex;\r\n\r\n          slides.forEach((slide, slideIndex) => {\r\n            slide.setAttribute('aria-current', slideIndex === safeIndex ? 'true' : 'false');\r\n          });\r\n\r\n          dots.forEach((dot, dotIndex) => {\r\n            dot.setAttribute('aria-selected', dotIndex === safeIndex ? 'true' : 'false');\r\n            dot.tabIndex = dotIndex === safeIndex ? 0 : -1;\r\n          });\r\n\r\n          if (current) current.textContent = String(safeIndex + 1).padStart(2, '0');\r\n          if (previous) previous.disabled = safeIndex === 0;\r\n          if (next) next.disabled = safeIndex === slides.length - 1;\r\n        };\r\n\r\n        const slideLeft = (slide) => slide.offsetLeft - track.offsetLeft;\r\n\r\n        const goTo = (index, instant = false) => {\r\n          const safeIndex = Math.max(0, Math.min(index, slides.length - 1));\r\n          setActive(safeIndex);\r\n          track.scrollTo({\r\n            left: slideLeft(slides[safeIndex]),\r\n            behavior: instant || reduceMotion.matches ? 'auto' : 'smooth'\r\n          });\r\n        };\r\n\r\n        const updateFromScroll = () => {\r\n          scrollFrame = 0;\r\n          const target = track.scrollLeft + (track.clientWidth \/ 2);\r\n          let closestIndex = 0;\r\n          let closestDistance = Infinity;\r\n\r\n          slides.forEach((slide, index) => {\r\n            const center = slideLeft(slide) + (slide.offsetWidth \/ 2);\r\n            const distance = Math.abs(center - target);\r\n            if (distance < closestDistance) {\r\n              closestDistance = distance;\r\n              closestIndex = index;\r\n            }\r\n          });\r\n\r\n          if (closestIndex !== activeIndex) setActive(closestIndex);\r\n        };\r\n\r\n        track.addEventListener('scroll', () => {\r\n          if (scrollFrame) return;\r\n          scrollFrame = window.requestAnimationFrame(updateFromScroll);\r\n        }, { passive: true });\r\n\r\n        previous?.addEventListener('click', () => goTo(activeIndex - 1));\r\n        next?.addEventListener('click', () => goTo(activeIndex + 1));\r\n        dots.forEach((dot, index) => dot.addEventListener('click', () => goTo(index)));\r\n\r\n        track.addEventListener('keydown', (event) => {\r\n          if (event.key === 'ArrowLeft') {\r\n            event.preventDefault();\r\n            goTo(activeIndex - 1);\r\n          } else if (event.key === 'ArrowRight') {\r\n            event.preventDefault();\r\n            goTo(activeIndex + 1);\r\n          } else if (event.key === 'Home') {\r\n            event.preventDefault();\r\n            goTo(0);\r\n          } else if (event.key === 'End') {\r\n            event.preventDefault();\r\n            goTo(slides.length - 1);\r\n          }\r\n        });\r\n\r\n        const realign = () => goTo(activeIndex, true);\r\n        if ('ResizeObserver' in window) {\r\n          const resizeObserver = new ResizeObserver(realign);\r\n          resizeObserver.observe(track);\r\n        } else {\r\n          window.addEventListener('resize', realign, { passive: true });\r\n        }\r\n\r\n        setActive(0);\r\n      });\r\n    };\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initCarousels, { once: true });\r\n    } else {\r\n      initCarousels();\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-76fade6 e-con-full e-flex e-con e-parent\" data-id=\"76fade6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fea53e elementor-widget elementor-widget-html\" data-id=\"4fea53e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  SEKLIFT GLOBAL REACH \u2014 WORDPRESS DROP-IN SECTION\n  Paste this entire file into an Elementor HTML widget or a WordPress Custom HTML block.\n-->\n\n<section id=\"sk-global-reach\" class=\"skgr\" aria-labelledby=\"skgr-title\">\n  <div class=\"skgr__hero\">\n    <div class=\"skgr__copy\">\n      <p class=\"skgr__eyebrow\">Engineering without borders<\/p>\n      <h2 id=\"skgr-title\" class=\"translation-block\">Engineered in T\u00fcrkiye.<br><span>Connected worldwide.<\/span><\/h2>\n      <p class=\"skgr__intro\">\n        Seklift connects Turkish engineering with projects across Europe, Asia,\n        the Middle East, and North America.\n      <\/p>\n\n      <div class=\"skgr__stats\" aria-label=\"Network summary\">\n        <div><strong>06<\/strong><span>Connected markets<\/span><\/div>\n        <div><strong>04<\/strong><span>Global regions<\/span><\/div>\n      <\/div>\n\n      <p class=\"skgr__hint translation-block\"><span aria-hidden=\"true\">\u2197<\/span> Select a destination to explore the route<\/p>\n    <\/div>\n\n    <div class=\"skgr__destinations\"><\/div>\n\n    <div class=\"skgr__map-card\" aria-label=\"Interactive map of Seklift connections from T\u00fcrkiye\">\n      <div class=\"skgr__glow\" aria-hidden=\"true\"><\/div>\n\n      <svg class=\"skgr__map\" viewBox=\"0 0 1180 620\" role=\"img\" aria-labelledby=\"skgr-map-title skgr-map-desc\">\n        <title id=\"skgr-map-title\">T\u00fcrkiye global connections<\/title>\n        <desc id=\"skgr-map-desc\">T\u00fcrkiye is highlighted in orange with routes to Iraq, Azerbaijan, Kazakhstan, Canada, Cyprus, and the Balkans.<\/desc>\n        <g class=\"skgr__graticule\"><\/g>\n        <g class=\"skgr__countries\"><\/g>\n        <g class=\"skgr__routes\"><\/g>\n        <g class=\"skgr__source\"><\/g>\n        <g class=\"skgr__pins\"><\/g>\n      <\/svg>\n\n      <div class=\"skgr__map-footer\">\n        <span>Origin<\/span><strong>39.0\u00b0 N \u00b7 35.2\u00b0 E<\/strong><i aria-hidden=\"true\"><\/i><span>T\u00fcrkiye<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #sk-global-reach {\n    content-visibility: auto;\n    contain-intrinsic-size: auto 760px;\n    --sk-orange: #ED5308;\n    --sk-cream: #E8EEF2;\n    --sk-charcoal: #2F2F2F;\n    --sk-gray: #E2E2E2;\n    --sk-blue: #2596BE;\n    --sk-white: #FFFFFF;\n    --sk-section-pad: clamp(20px, 2.6vw, 42px);\n    width: min(100%, 1540px);\n    min-height: 0;\n    margin: clamp(12px, 2vw, 28px) auto;\n    padding: 0 var(--sk-section-pad) clamp(18px, 1.8vw, 28px);\n    box-sizing: border-box;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    border: 0;\n    border-radius: clamp(24px, 3vw, 42px);\n    background: var(--sk-cream);\n    color: var(--sk-charcoal);\n    box-shadow: 0 26px 70px rgba(47,47,47,.12);\n    font-family: 'Inter', sans-serif;\n    opacity: 0;\n    transform: translateY(42px) scale(.985);\n    transition:\n      opacity 1.05s cubic-bezier(.2,.72,.24,1),\n      transform 1.18s cubic-bezier(.2,.72,.24,1);\n  }\n\n  #sk-global-reach,\n  #sk-global-reach * { box-sizing: border-box; }\n\n  #sk-global-reach::after {\n    content: '';\n    width: 390px;\n    height: 390px;\n    position: absolute;\n    top: -230px;\n    right: 16%;\n    z-index: -1;\n    border: 70px solid rgba(237,83,8,.045);\n    border-radius: 50%;\n  }\n\n  #sk-global-reach::before {\n    content: '';\n    position: absolute;\n    inset: -35%;\n    z-index: 20;\n    pointer-events: none;\n    opacity: 0;\n    background:\n      radial-gradient(circle at 30% 45%, rgba(255,255,255,.9), transparent 25%),\n      radial-gradient(circle at 65% 45%, rgba(37,150,190,.2), transparent 24%),\n      radial-gradient(circle at 52% 55%, rgba(237,83,8,.16), transparent 30%);\n    filter: blur(48px);\n    transform: translateX(-15%) scale(.82);\n  }\n\n  #sk-global-reach.skgr--visible {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  #sk-global-reach.skgr--visible::before {\n    animation: skgr-dream-reveal 1.45s cubic-bezier(.2,.72,.24,1) forwards;\n  }\n\n  @keyframes skgr-dream-reveal {\n    0% { opacity: .72; transform: translateX(-15%) scale(.82); }\n    55% { opacity: .32; }\n    100% { opacity: 0; transform: translateX(15%) scale(1.12); }\n  }\n\n  .skgr button { font: inherit; }\n  .skgr button:focus-visible,\n  .skgr [role='button']:focus-visible {\n    outline: 3px solid rgba(37,150,190,.58);\n    outline-offset: 4px;\n  }\n\n  .skgr__hero {\n    min-height: 0;\n    padding: clamp(28px, 3.2vw, 46px) 0 clamp(22px, 2.5vw, 34px);\n    display: flex;\n    flex-direction: column;\n    gap: clamp(26px,3vw,38px);\n  }\n\n  .skgr__copy {\n    width: min(100%, 880px);\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n    text-align: center;\n  }\n\n  .skgr__eyebrow {\n    width: max-content;\n    max-width: 100%;\n    margin: 0 auto 16px;\n    padding: 8px 15px 8px 18px;\n    border: 1px solid rgba(237,83,8,.88);\n    border-radius: 9px;\n    background: rgba(237,83,8,.05);\n    color: var(--sk-orange);\n    font: 500 12px\/1.25 'Montserrat', sans-serif;\n    letter-spacing: .28em;\n    text-transform: uppercase;\n  }\n\n  .skgr h2 {\n    max-width: 900px;\n    margin: 0 auto;\n    color: var(--sk-charcoal);\n    font: 700 clamp(48px,5.2vw,78px)\/1.04 'Montserrat', sans-serif;\n    letter-spacing: -.055em;\n  }\n\n  .skgr h2 span { color: var(--sk-orange); }\n\n  .skgr__intro {\n    max-width: 720px;\n    margin: 18px auto 0;\n    color: #676767;\n    font: 500 clamp(15px,1.1vw,18px)\/1.75 'Poppins', sans-serif;\n  }\n\n  .skgr__stats {\n    width: fit-content;\n    margin: 22px auto 0;\n    padding-top: 18px;\n    display: flex;\n    gap: clamp(30px,3vw,52px);\n    border-top: 1px solid rgba(47,47,47,.12);\n  }\n\n  .skgr__stats div { display: grid; gap: 4px; }\n  .skgr__stats strong {\n    color: var(--sk-charcoal);\n    font: 700 26px\/1 'Poppins', sans-serif;\n    letter-spacing: -.04em;\n  }\n\n  .skgr__stats span {\n    color: #737373;\n    font: 700 9px\/1.3 'Montserrat', sans-serif;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n  }\n\n  .skgr__hint {\n    margin: 18px 0 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 9px;\n    color: #7d7d7d;\n    font-size: 11px;\n  }\n\n  .skgr__hint span { color: var(--sk-orange); font-size: 15px; }\n\n  .skgr__map-card {\n    width: calc(100% + var(--sk-section-pad) + var(--sk-section-pad) + 4px);\n    margin-inline: calc(-2px - var(--sk-section-pad));\n    min-height: 550px;\n    position: relative;\n    overflow: hidden;\n    border-radius: 0;\n    background: linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%), #1C1C1E;\n    box-shadow: 0 30px 68px rgba(47,47,47,.25);\n  }\n\n  .skgr__map-card::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    border: 0;\n    border-radius: inherit;\n  }\n\n  .skgr__glow {\n    width: 44%;\n    aspect-ratio: 1;\n    position: absolute;\n    top: 20%;\n    right: 14%;\n    border-radius: 50%;\n    background: rgba(237,83,8,.2);\n    filter: blur(82px);\n    pointer-events: none;\n  }\n\n  .skgr__map {\n    width: calc(100% + 4px);\n    height: calc(100% + 4px);\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    overflow: visible;\n  }\n\n  .skgr__graticule path {\n    fill: none;\n    stroke: rgba(226,226,226,.055);\n    stroke-width: .6;\n  }\n\n  .skgr__country {\n    fill: #4b4b4b;\n    stroke: var(--sk-charcoal);\n    stroke-width: .72;\n    transition: fill .22s ease;\n  }\n\n  .skgr__country:hover { fill: #5c5c5c; }\n  .skgr__country--market {\n    fill: #3E7184;\n    fill-opacity: .42;\n  }\n  .skgr__country--market:hover {\n    fill: #4C8DA5;\n    fill-opacity: .78;\n  }\n  .skgr__country--turkiye,\n  .skgr__country--turkiye:hover {\n    fill: var(--sk-orange);\n    filter: drop-shadow(0 7px 10px rgba(237,83,8,.45));\n  }\n\n  .skgr__route {\n    fill: none;\n    stroke: rgba(37,150,190,.58);\n    stroke-width: 1.45;\n    stroke-linecap: round;\n    stroke-dasharray: 7 7;\n    transition: opacity .22s ease, stroke-width .22s ease, stroke .22s ease;\n    animation: skgr-flow 5s linear infinite;\n  }\n\n  .skgr__route.is-active {\n    stroke: var(--sk-orange);\n    stroke-width: 3;\n    filter: drop-shadow(0 0 6px rgba(237,83,8,.76));\n  }\n\n  .skgr__route.is-muted,\n  .skgr__pin.is-muted { opacity: .14; }\n\n  @keyframes skgr-flow { to { stroke-dashoffset: -56; } }\n\n  .skgr__source-ring {\n    fill: none;\n    stroke: rgba(237,83,8,.78);\n    stroke-width: 1.2;\n    animation: skgr-pulse 2.4s ease-out infinite;\n  }\n\n  .skgr__source-core {\n    fill: var(--sk-white);\n    stroke: var(--sk-orange);\n    stroke-width: 5;\n  }\n\n  .skgr__source text,\n  .skgr__pin text {\n    fill: rgba(255,255,255,.92);\n    font: 700 11px\/1 'Montserrat', sans-serif;\n    letter-spacing: .04em;\n    paint-order: stroke;\n    stroke: var(--sk-charcoal);\n    stroke-width: 4px;\n    stroke-linejoin: round;\n    pointer-events: none;\n  }\n\n  .skgr__pin text {\n    opacity: 0;\n    transform: translateY(5px);\n    transition: opacity .2s ease, transform .2s ease;\n  }\n\n  .skgr__pin:hover text,\n  .skgr__pin:focus-visible text,\n  .skgr__pin.is-active text {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes skgr-pulse {\n    0% { transform: scale(.55); opacity: 1; }\n    80%,100% { transform: scale(1.35); opacity: 0; }\n  }\n\n  .skgr__pin { cursor: pointer; transition: opacity .22s ease; }\n  .skgr__pin-hit { fill: transparent; }\n  .skgr__pin-ring {\n    fill: var(--sk-charcoal);\n    stroke: var(--sk-blue);\n    stroke-width: 1.8;\n    transition: r .18s ease, fill .18s ease, stroke .18s ease;\n  }\n  .skgr__pin-core { fill: #72c4e0; }\n  .skgr__pin:hover .skgr__pin-ring,\n  .skgr__pin.is-active .skgr__pin-ring,\n  .skgr__pin:focus-visible .skgr__pin-ring {\n    r: 12;\n    fill: rgba(237,83,8,.2);\n    stroke: var(--sk-orange);\n  }\n\n  .skgr__map-footer {\n    position: absolute;\n    left: 28px;\n    right: 28px;\n    bottom: 20px;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255,255,255,.48);\n    font: 700 8px\/1 'Montserrat', sans-serif;\n    letter-spacing: .13em;\n    text-transform: uppercase;\n  }\n\n  .skgr__map-footer strong { color: rgba(255,255,255,.82); }\n  .skgr__map-footer i { height: 1px; flex: 1; background: rgba(226,226,226,.13); }\n\n  .skgr__destinations {\n    width: 100%;\n    position: relative;\n    z-index: 2;\n    display: grid;\n    grid-template-columns: repeat(6,minmax(0,1fr));\n    overflow: hidden;\n    border: 1px solid rgba(47,47,47,.1);\n    border-radius: 17px;\n    background: rgba(255,255,255,.42);\n    box-shadow: 0 12px 30px rgba(47,47,47,.07);\n    backdrop-filter: blur(12px);\n  }\n\n  .skgr__destination {\n    min-width: 0;\n    padding: 13px 12px;\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: start;\n    gap: 11px;\n    border: 0;\n    border-right: 1px solid rgba(47,47,47,.09);\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n    transition: background .18s ease, transform .18s ease;\n  }\n\n  .skgr__destination:last-child { border-right: 0; }\n  .skgr__destination:hover,\n  .skgr__destination.is-active {\n    background: rgba(237,83,8,.11);\n  }\n\n  .skgr__destination-number {\n    color: var(--sk-orange);\n    font: 800 8px\/1 'Montserrat', sans-serif;\n    letter-spacing: .08em;\n  }\n\n  .skgr__destination-copy { min-width: 0; display: grid; gap: 6px; }\n  .skgr__destination-copy strong {\n    overflow: hidden;\n    color: var(--sk-charcoal);\n    font: 600 12px\/1.2 'Poppins', sans-serif;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .skgr__destination-copy small {\n    color: rgba(47,47,47,.52);\n    font: 600 8px\/1.3 'Montserrat', sans-serif;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n  }\n  .skgr__destination-arrow { color: var(--sk-blue); font-size: 14px; }\n\n  @media (max-width:1120px) {\n    .skgr__hero { padding-top: 34px; }\n    .skgr__destinations { grid-template-columns: repeat(3,1fr); }\n    .skgr__destination:nth-child(3) { border-right: 0; }\n    .skgr__map-card { min-height: 590px; }\n  }\n\n  @media (max-width:720px) {\n    #sk-global-reach {\n      --sk-section-pad: 17px;\n      min-height: 100vh;\n      margin: 0;\n      padding-inline: var(--sk-section-pad);\n      border: 0;\n      border-radius: 0;\n    }\n    .skgr__hero { padding-block: 28px 24px; gap: 26px; }\n    .skgr h2 { font-size: clamp(42px,12.5vw,62px); }\n    .skgr__intro { margin-top: 21px; }\n    .skgr__stats { margin-top: 23px; }\n    .skgr__map-card { min-height: 440px; border-radius: 0; }\n    .skgr__map { width: 150%; left: -25%; }\n    .skgr__map-footer { left: 18px; right: 18px; }\n    .skgr__destinations {\n      display: flex;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .skgr__destinations::-webkit-scrollbar { display: none; }\n    .skgr__destination,\n    .skgr__destination:nth-child(3) {\n      min-width: 158px;\n      border-right: 1px solid rgba(47,47,47,.09);\n    }\n  }\n\n  @media (prefers-reduced-motion:reduce) {\n    #sk-global-reach {\n      opacity: 1;\n      filter: none;\n      transform: none;\n      transition: none;\n    }\n    #sk-global-reach *,#sk-global-reach *::before,#sk-global-reach *::after {\n      animation-duration: .01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n  }\n<\/style>\n\n<script>\n(() => {\n  const root = document.getElementById('sk-global-reach');\n  if (!root || root.dataset.ready === 'true') return;\n  root.dataset.ready = 'true';\n\n  const reveal = () => root.classList.add('skgr--visible');\n  if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    const revealObserver = new IntersectionObserver((entries) => {\n      if (!entries[0].isIntersecting) return;\n      reveal();\n      revealObserver.disconnect();\n    }, { threshold: .16, rootMargin: '0px 0px -8% 0px' });\n    revealObserver.observe(root);\n  } else {\n    reveal();\n  }\n\n  const loadScript = (src) => new Promise((resolve, reject) => {\n    const existing = document.querySelector(`script[src=\"${src}\"]`);\n    if (existing) {\n      if (existing.dataset.loaded === 'true') resolve();\n      else existing.addEventListener('load', resolve, { once: true });\n      return;\n    }\n    const script = document.createElement('script');\n    script.src = src;\n    script.async = true;\n    script.addEventListener('load', () => {\n      script.dataset.loaded = 'true';\n      resolve();\n    }, { once: true });\n    script.addEventListener('error', reject, { once: true });\n    document.head.appendChild(script);\n  });\n\n  let started = false;\n  const startMap = async () => {\n    if (started) return;\n    started = true;\n    try {\n      await Promise.all([\n        loadScript('https:\/\/cdn.jsdelivr.net\/npm\/d3@7\/dist\/d3.min.js'),\n        loadScript('https:\/\/cdn.jsdelivr.net\/npm\/topojson-client@3\/dist\/topojson-client.min.js')\n      ]);\n  const destinations = [\n    { id:'iraq', name:'Iraq', region:'Middle East', coordinates:[44.4,33.2] },\n    { id:'azerbaijan', name:'Azerbaijan', region:'Caucasus', coordinates:[47.6,40.4] },\n    { id:'kazakhstan', name:'Kazakhstan', region:'Central Asia', coordinates:[66.9,48.1] },\n    { id:'canada', name:'Canada', region:'North America', coordinates:[-106.3,56.1] },\n    { id:'cyprus', name:'Cyprus', region:'Mediterranean', coordinates:[33.2,35.1] },\n    { id:'balkans', name:'The Balkans', region:'Southeast Europe', coordinates:[21.2,43.7] }\n  ];\n\n  const source = [35.2,39];\n  const marketCountryIds = new Set([\n    '008','031','070','100','124','191','196','300','368','383',\n    '398','499','642','688','705','807'\n  ]);\n  const svg = d3.select(root.querySelector('.skgr__map'));\n  const projection = d3.geoNaturalEarth1()\n    .center([12,0])\n    .scale(260)\n    .translate([590,355]);\n  const path = d3.geoPath(projection);\n  let activeId = null;\n\n  const destinationBar = root.querySelector('.skgr__destinations');\n  destinationBar.innerHTML = destinations.map((item,index) => `\n    <button class=\"skgr__destination\" type=\"button\" data-route=\"${item.id}\">\n      <span class=\"skgr__destination-number\">0${index + 1}<\/span>\n      <span class=\"skgr__destination-copy\"><strong>${item.name}<\/strong><small>${item.region}<\/small><\/span>\n      <span class=\"skgr__destination-arrow\" aria-hidden=\"true\">\u2197<\/span>\n    <\/button>`).join('');\n\n  function setActive(id) {\n    activeId = id;\n    root.querySelectorAll('[data-route]').forEach(el => {\n      const isActive = el.dataset.route === id;\n      el.classList.toggle('is-active', isActive);\n      el.classList.toggle('is-muted', Boolean(id) && !isActive && el.classList.contains('skgr__pin'));\n    });\n    root.querySelectorAll('.skgr__route').forEach(el => {\n      const isActive = el.dataset.route === id;\n      el.classList.toggle('is-active', isActive);\n      el.classList.toggle('is-muted', Boolean(id) && !isActive);\n    });\n  }\n\n  function selectRoute(id) {\n    setActive(activeId === id ? null : id);\n  }\n\n  destinationBar.addEventListener('click', event => {\n    const button = event.target.closest('[data-route]');\n    if (button) selectRoute(button.dataset.route);\n  });\n\n  svg.select('.skgr__graticule').append('path').attr('d',path(d3.geoGraticule10()));\n\n  const sourcePoint = projection(source);\n  const sourceGroup = svg.select('.skgr__source').attr('transform',`translate(${sourcePoint[0]} ${sourcePoint[1]})`);\n  sourceGroup.append('circle').attr('class','skgr__source-ring').attr('r',22);\n  sourceGroup.append('circle').attr('class','skgr__source-core').attr('r',7);\n  sourceGroup.append('text').attr('x',0).attr('y',-31).attr('text-anchor','middle').text('T\u00dcRK\u0130YE');\n\n  destinations.forEach(item => {\n    svg.select('.skgr__routes').append('path')\n      .datum({type:'LineString',coordinates:[source,item.coordinates]})\n      .attr('class','skgr__route')\n      .attr('data-route',item.id)\n      .attr('d',path);\n\n    const point = projection(item.coordinates);\n    const pin = svg.select('.skgr__pins').append('g')\n      .attr('class','skgr__pin')\n      .attr('data-route',item.id)\n      .attr('transform',`translate(${point[0]} ${point[1]})`)\n      .attr('role','button')\n      .attr('tabindex',0)\n      .attr('aria-label',`Focus route to ${item.name}`);\n    pin.append('circle').attr('class','skgr__pin-hit').attr('r',24);\n    pin.append('circle').attr('class','skgr__pin-ring').attr('r',8);\n    pin.append('circle').attr('class','skgr__pin-core').attr('r',3);\n    pin.append('text').attr('x',0).attr('y',-16).attr('text-anchor','middle').text(item.name);\n    pin.on('mouseenter',() => setActive(item.id))\n      .on('mouseleave',() => setActive(null))\n      .on('focus',() => setActive(item.id))\n      .on('blur',() => setActive(null))\n      .on('click',() => selectRoute(item.id))\n      .on('keydown',event => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          selectRoute(item.id);\n        }\n      });\n  });\n\n  d3.json('https:\/\/cdn.jsdelivr.net\/npm\/world-atlas@2\/countries-110m.json')\n    .then(world => {\n      const countries = topojson.feature(world,world.objects.countries).features;\n      svg.select('.skgr__countries').selectAll('path')\n        .data(countries)\n        .join('path')\n        .attr('class',country => {\n          const id = String(country.id).padStart(3,'0');\n          if (id === '792') return 'skgr__country skgr__country--turkiye';\n          if (marketCountryIds.has(id)) return 'skgr__country skgr__country--market';\n          return 'skgr__country';\n        })\n        .attr('d',path);\n      svg.select('.skgr__countries').lower();\n      svg.select('.skgr__graticule').lower();\n    })\n    .catch(() => root.querySelector('.skgr__map-card').classList.add('skgr__map-error'));\n\n    } catch {\n      root.querySelector('.skgr__map-card')?.classList.add('skgr__map-error');\n    }\n  };\n\n  if (!('IntersectionObserver' in window)) {\n    startMap();\n  } else {\n    const mapObserver = new IntersectionObserver((entries) => {\n      if (!entries[0].isIntersecting) return;\n      mapObserver.disconnect();\n      startMap();\n    }, { rootMargin: '400px 0px', threshold: 0.01 });\n    mapObserver.observe(root);\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c8090d e-con-full e-flex e-con e-parent\" data-id=\"6c8090d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4486c82 elementor-widget elementor-widget-html\" data-id=\"4486c82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --seklift-orange: #ED5308;\r\n    --orange-dark: #C94200;\r\n    --clean-bg: #F4F4F6; \r\n    --grid-line: rgba(0, 0, 0, 0.04); \r\n    --bg-card: #FFFFFF;\r\n    --text-dark: #111111;\r\n    --text-muted: #555555;\r\n    --border-light: rgba(0, 0, 0, 0.08);\r\n  }\r\n\r\n  \/* ==========================================\r\n     THE MEGA BLUEPRINT CONTAINER (Sec 4 & 5)\r\n     ========================================== *\/\r\n  .skl-mega-blueprint {\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: auto 3100px;\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 120px 5% 150px 5%;\r\n    background-color: var(--clean-bg);\r\n    overflow: hidden;\r\n    \r\n    \/* Continuous Architectural Grid *\/\r\n    background-image: \r\n      linear-gradient(var(--grid-line) 1px, transparent 1px),\r\n      linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    background-position: center top;\r\n  }\r\n\r\n  \/* Soft fade at the very top and very bottom of the mega section *\/\r\n  .skl-mega-blueprint::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: linear-gradient(to bottom, var(--clean-bg) 0%, transparent 5%, transparent 95%, var(--clean-bg) 100%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* ==========================================\r\n     GLOBAL ENTRY ANIMATIONS & BUTTONS\r\n     ========================================== *\/\r\n  .fade-blur {\r\n    opacity: 0;\r\n    transition: opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1), \r\n                transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .fade-up { transform: translateY(50px); }\r\n  .fade-down { transform: translateY(-50px); }\r\n  .fade-left { transform: translateX(-50px); }\r\n  .fade-right { transform: translateX(50px); }\r\n\r\n  .fade-blur.in-view {\r\n    opacity: 1;\r\n    transform: translate(0);\r\n  }\r\n\r\n  .delay-100 { transition-delay: 0.2s; }\r\n  .delay-200 { transition-delay: 0.4s; }\r\n  .delay-300 { transition-delay: 0.6s; }\r\n  .delay-400 { transition-delay: 0.8s; }\r\n\r\n  \/* --- Universal Button Physics --- *\/\r\n  .skl-primary-btn, .skl-secondary-btn {\r\n    padding: 0 28px; \r\n    height: 48px; \r\n    border-radius: 8px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    text-decoration: none !important;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n    z-index: 20;\r\n  }\r\n\r\n  \/* Primary Button (Nuclear Override for Elementor Black Text Bug) *\/\r\n  a.skl-primary-btn, \r\n  a.skl-primary-btn:hover, \r\n  a.skl-primary-btn:focus,\r\n  a.skl-primary-btn:active {\r\n    background-color: var(--seklift-orange) !important;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .skl-primary-btn .btn-text,\r\n  .skl-primary-btn:hover .btn-text {\r\n    display: block;\r\n    position: relative;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 13px !important;\r\n    letter-spacing: 1px !important;\r\n    text-transform: uppercase !important;\r\n    color: #ffffff !important; \r\n    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;\r\n  }\r\n\r\n  .skl-primary-btn .btn-text::before {\r\n    content: attr(data-text);\r\n    position: absolute;\r\n    top: -48px; \r\n    left: 0;\r\n    width: 100%;\r\n    text-align: center;\r\n    color: #ffffff !important; \r\n  }\r\n\r\n  .skl-primary-btn:hover .btn-text {\r\n    transform: translateY(48px); \r\n  }\r\n\r\n  \/* Secondary Button (Transparent) *\/\r\n  a.skl-secondary-btn {\r\n    background-color: transparent !important; \r\n    border: 2px solid var(--seklift-orange) !important; \r\n    transition: background-color 1.5s ease !important;\r\n  }\r\n\r\n  a.skl-secondary-btn:hover {\r\n    background-color: rgba(237, 83, 8, 0.05) !important; \r\n  }\r\n\r\n  .skl-sec-text-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .skl-sec-text-layer {\r\n    font-family: 'Montserrat', sans-serif !important; \r\n    font-weight: 600 !important;\r\n    font-size: 13px !important; \r\n    letter-spacing: 1px !important;\r\n    text-transform: uppercase !important;\r\n    white-space: nowrap;\r\n    color: var(--seklift-orange) !important;\r\n  }\r\n\r\n  .skl-sec-text-outgoing { \r\n    position: absolute;\r\n    transform: translateY(0);\r\n    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;\r\n  }\r\n\r\n  .skl-sec-text-incoming { \r\n    position: absolute;\r\n    transform: translateY(-48px);\r\n    opacity: 0;\r\n    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease;\r\n  }\r\n\r\n  .skl-secondary-btn:hover .skl-sec-text-outgoing {\r\n    transform: translateY(48px); \r\n    opacity: 0;\r\n  }\r\n\r\n  .skl-secondary-btn:hover .skl-sec-text-incoming {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n\r\n\r\n  \/* ==========================================\r\n     SECTION 4: MANUFACTURING HERITAGE\r\n     ========================================== *\/\r\n  .skl-factory-layout {\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 80px;\r\n    align-items: center;\r\n    \/* Massive 180px gap above the separator line *\/\r\n    padding-bottom: 180px; \r\n  }\r\n\r\n  .skl-factory-content { display: flex; flex-direction: column; }\r\n\r\n  .skl-text-group { margin-left: 30px; margin-right: 20px; margin-bottom: 40px; }\r\n\r\n  .skl-subtitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important; \r\n    color: var(--seklift-orange) !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-size: 0.85rem !important;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n  }\r\n\r\n  .skl-h2 {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important; \r\n    font-size: 3.5rem !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -1px !important; \r\n    color: var(--text-dark) !important;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .skl-p {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important; \r\n    font-size: 1.15rem !important;\r\n    line-height: 1.8 !important;\r\n    color: var(--text-muted) !important;\r\n    max-width: 95%;\r\n  }\r\n  .skl-p strong { color: var(--text-dark) !important; font-weight: 500 !important; }\r\n\r\n  .skl-cta-group {\r\n    display: flex; gap: 15px; margin-bottom: 60px; flex-wrap: wrap; margin-left: 30px; \r\n  }\r\n\r\n  .skl-raw-counters {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 40px 30px;\r\n    padding-top: 50px; border-top: 1px solid rgba(0,0,0,0.1); margin-left: 30px; \r\n  }\r\n\r\n  .raw-counter { display: flex; flex-direction: column; align-items: flex-start; cursor: default; transition: transform 0.9s ease; }\r\n  .raw-counter:hover { transform: translateY(-6px); }\r\n\r\n  .raw-val { display: flex; align-items: flex-start; }\r\n\r\n  .counter-num {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important; \r\n    font-size: 5rem !important;\r\n    line-height: 0.9 !important;\r\n    letter-spacing: -2.5px !important;\r\n    color: var(--text-dark) !important;\r\n    transition: color 0.9s ease; \r\n  }\r\n  .raw-counter:hover .counter-num { color: var(--seklift-orange) !important; }\r\n\r\n  .counter-suf {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important; font-size: 2rem !important;\r\n    color: var(--seklift-orange) !important; margin-left: 5px; margin-top: 5px;\r\n  }\r\n\r\n  .raw-lab {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important; font-size: 0.85rem !important;\r\n    color: var(--text-muted) !important; text-transform: uppercase !important;\r\n    letter-spacing: 1px !important; margin-top: 10px;\r\n  }\r\n\r\n  .skl-factory-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 700px;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .visual-main {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 85%;\r\n    height: 80%;\r\n    overflow: hidden;\r\n    border-radius: 6px;\r\n    background-color: #DADADD;\r\n    background-size: cover;\r\n    background-position: center 58%;\r\n    box-shadow: -18px 24px 58px rgba(0,0,0,.11);\r\n  }\r\n\r\n  .visual-main::after,\r\n  .visual-sub::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .visual-main::after {\r\n    background:\r\n      linear-gradient(180deg, rgba(17,17,17,.02), transparent 54%, rgba(17,17,17,.16)),\r\n      linear-gradient(90deg, rgba(17,17,17,.05), transparent 36%);\r\n  }\r\n\r\n  \/*\r\n    The small image and facility badge are one composition.\r\n    This keeps the badge locked to the image at every screen size.\r\n  *\/\r\n  .visual-sub-cluster {\r\n    position: absolute;\r\n    z-index: 7;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 65%;\r\n    height: 45%;\r\n    overflow: visible;\r\n  }\r\n\r\n  .visual-sub {\r\n    position: absolute;\r\n    inset: 0;\r\n    overflow: hidden;\r\n    border: 12px solid var(--clean-bg);\r\n    border-radius: 6px;\r\n    background-color: #DADADD;\r\n    background-size: cover;\r\n    background-position: center 52%;\r\n    box-shadow: 0 28px 58px rgba(0,0,0,.16);\r\n  }\r\n\r\n  .visual-sub::after {\r\n    background:\r\n      linear-gradient(180deg, transparent 52%, rgba(17,17,17,.13)),\r\n      linear-gradient(90deg, rgba(17,17,17,.035), transparent 44%);\r\n  }\r\n\r\n  .visual-badge {\r\n    position: absolute;\r\n    z-index: 12;\r\n    right: -64px;\r\n    bottom: 30px;\r\n    min-width: 218px;\r\n    padding: 17px 24px 16px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,.09);\r\n    border-radius: 4px;\r\n    background: var(--text-dark);\r\n    box-shadow: 0 18px 38px rgba(0,0,0,.22);\r\n    color: #fff;\r\n    cursor: default;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: .82rem !important;\r\n    letter-spacing: 1.8px !important;\r\n    line-height: 1.25;\r\n    text-align: center;\r\n    text-transform: uppercase !important;\r\n    transition:\r\n      transform .7s cubic-bezier(.22,1,.36,1),\r\n      background-color .7s ease,\r\n      box-shadow .7s ease;\r\n  }\r\n\r\n  .visual-badge::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 42%;\r\n    height: 3px;\r\n    background: var(--seklift-orange);\r\n    transition: width .7s cubic-bezier(.22,1,.36,1);\r\n  }\r\n\r\n  .visual-badge:hover {\r\n    transform: translateY(-6px);\r\n    background-color: var(--seklift-orange);\r\n    box-shadow: 0 22px 44px rgba(237,83,8,.22);\r\n  }\r\n\r\n  .visual-badge:hover::before {\r\n    width: 100%;\r\n    background: #fff;\r\n  }\r\n\r\n\r\n  \/* ==========================================\r\n     THE SEPARATOR (Bridges Sec 4 to Sec 5)\r\n     ========================================== *\/\r\n  .skl-section-divider {\r\n    position: relative;\r\n    width: 80%;\r\n    \/* Massive 180px gap below the separator line *\/\r\n    margin: 0 auto 180px auto; \r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.08), transparent);\r\n    z-index: 10;\r\n  }\r\n\r\n  .skl-section-divider::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 120px;\r\n    height: 3px;\r\n    background: var(--seklift-orange);\r\n    border-radius: 3px;\r\n  }\r\n\r\n\r\n  \/* ==========================================\r\n     SECTION 5: GLOBAL DEPLOYMENT PIPELINE\r\n     ========================================== *\/\r\n  .skl-export-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  .skl-export-header { text-align: center; margin-bottom: 100px; }\r\n  .skl-export-desc { max-width: 800px; margin: 0 auto; }\r\n\r\n  .skl-v-timeline { position: relative; width: 100%; padding: 20px 0; }\r\n\r\n  .skl-v-line {\r\n    position: absolute; top: 0; bottom: 0; left: 50%; width: 2px;\r\n    background-color: var(--border-light); transform: translateX(-50%); z-index: 1;\r\n  }\r\n\r\n  .skl-v-progress {\r\n    position: absolute; top: 0; left: 50%; width: 2px; height: 100%;\r\n    background-color: var(--seklift-orange);\r\n    transform: translateX(-50%) scaleY(0);\r\n    transform-origin: top;\r\n    z-index: 2;\r\n    will-change: transform;\r\n  }\r\n\r\n  .skl-timeline-row {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    margin-bottom: 80px; position: relative; z-index: 5;\r\n  }\r\n  .skl-timeline-row:last-child { margin-bottom: 0; }\r\n  .skl-timeline-row.reverse { flex-direction: row-reverse; }\r\n\r\n  .skl-timeline-node {\r\n    width: 20px; height: 20px; background-color: var(--bg-card);\r\n    border: 4px solid var(--border-light); border-radius: 50%;\r\n    position: absolute; left: 50%; transform: translateX(-50%);\r\n    z-index: 10; transition: border-color 0.6s ease, background-color 0.6s ease;\r\n  }\r\n  .skl-timeline-row.in-view .skl-timeline-node {\r\n    border-color: var(--seklift-orange); background-color: var(--seklift-orange);\r\n    box-shadow: 0 0 15px rgba(237, 83, 8, 0.4);\r\n  }\r\n\r\n  .skl-timeline-content, .skl-timeline-image-wrap { width: 45%; }\r\n\r\n  .skl-step-card {\r\n    background: var(--bg-card); \r\n    border: 1px solid var(--border-light);\r\n    border-radius: 12px; \r\n    padding: 50px 40px; \r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.03);\r\n    position: relative; \r\n    overflow: hidden;\r\n    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1), \r\n                box-shadow 1.2s cubic-bezier(0.22, 1, 0.36, 1), \r\n                border-color 1.2s ease, \r\n                background 1.2s ease;\r\n  }\r\n\r\n  \/* Exact Orange Background on Hover *\/\r\n  .skl-step-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 25px 50px rgba(237, 83, 8, 0.15);\r\n    border-color: var(--seklift-orange);\r\n    background: var(--seklift-orange); \r\n  }\r\n\r\n  .skl-timeline-step-number {\r\n    position: absolute; top: -15px; right: 20px;\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 800 !important;\r\n    font-size: 6rem !important; color: rgba(17, 17, 17, 0.03) !important;\r\n    line-height: 1; pointer-events: none; \r\n    transition: color 0.6s ease; \r\n  }\r\n  .skl-step-card:hover .skl-timeline-step-number { color: rgba(255, 255, 255, 0.15) !important; }\r\n\r\n  .skl-timeline-step-title {\r\n    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\r\n    font-size: 1.5rem !important; color: var(--text-dark) !important;\r\n    margin-bottom: 20px; position: relative; z-index: 5; \r\n    transition: color 0.6s ease; \r\n  }\r\n  .skl-timeline-step-desc {\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 400 !important;\r\n    font-size: 1.1rem !important; line-height: 1.8 !important;\r\n    color: var(--text-muted) !important; margin: 0; position: relative; z-index: 5; \r\n    transition: color 0.6s ease; \r\n  }\r\n  .skl-timeline-step-desc strong {\r\n    color: var(--seklift-orange) !important; font-weight: 600 !important; \r\n    transition: color 0.6s ease; \r\n  }\r\n\r\n  \/* Text Inversion on Hover *\/\r\n  .skl-step-card:hover .skl-timeline-step-title,\r\n  .skl-step-card:hover .skl-timeline-step-desc,\r\n  .skl-step-card:hover .skl-timeline-step-desc strong {\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  \/* Roadmap media: browser-discoverable, natively lazy-loaded images *\/\r\n  .skl-timeline-image-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 350px;\r\n    border-radius: 12px;\r\n    background: #EAEAEA;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\r\n  }\r\n\r\n  \/* Images enter sooner than text cards, without the old 0.4s delay. *\/\r\n  .skl-timeline-image-wrap.fade-blur {\r\n    transition-duration: 0.9s;\r\n    transition-delay: 0s !important;\r\n  }\r\n\r\n  .skl-timeline-image {\r\n    display: block;\r\n    width: 100%;\r\n    height: 350px;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    border-radius: inherit;\r\n    opacity: 0;\r\n    transform: scale(1.015);\r\n    transition:\r\n      opacity 0.35s ease,\r\n      transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .skl-timeline-image.is-loaded {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n  }\r\n\r\n  .skl-timeline-image-wrap:hover .skl-timeline-image.is-loaded {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  .skl-pipeline-cta-wrap {\r\n    display: flex; justify-content: center; margin-top: 100px; position: relative; z-index: 20;\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .skl-timeline-image-wrap.fade-blur,\r\n    .skl-timeline-image {\r\n      transition: none !important;\r\n    }\r\n\r\n    .skl-timeline-image-wrap:hover .skl-timeline-image.is-loaded {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* --- Mobile Adjustments --- *\/\r\n  @media (max-width: 1024px) {\r\n    .skl-factory-layout { grid-template-columns: 1fr; gap: 60px; padding-bottom: 100px; }\r\n    .skl-text-group, .skl-cta-group, .skl-raw-counters { margin-left: 0; } \r\n    .skl-factory-visual { min-height: 540px; margin-top: 20px; }\r\n    .visual-main { width: 88%; height: 78%; background-position: center 55%; }\r\n    .visual-sub-cluster { width: 68%; height: 46%; }\r\n    .visual-badge { right: -34px; bottom: 26px; }\r\n    .skl-h2, .skl-export-title { font-size: 2.8rem !important; }\r\n    .counter-num { font-size: 4rem !important; }\r\n    \r\n    .skl-v-line, .skl-v-progress, .skl-timeline-node { display: none; }\r\n    .skl-timeline-row, .skl-timeline-row.reverse { flex-direction: column-reverse; gap: 30px; margin-bottom: 60px; }\r\n    .skl-timeline-content, .skl-timeline-image-wrap { width: 100%; }\r\n    .skl-timeline-image-wrap { min-height: 250px; }\r\n    .skl-timeline-image { height: 250px; }\r\n    .skl-section-divider { margin: 0 auto 100px auto; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .skl-raw-counters { grid-template-columns: 1fr; gap: 30px; }\r\n    .visual-sub-cluster { width: 82%; height: 50%; }\r\n    .visual-sub { border-width: 9px; background-position: center 52%; }\r\n    .visual-badge {\r\n      right: -14px;\r\n      bottom: 22px;\r\n      min-width: 190px;\r\n      padding: 14px 18px;\r\n      font-size: .72rem !important;\r\n      letter-spacing: 1.3px !important;\r\n    }\r\n    .skl-h2, .skl-export-title { font-size: 2.4rem !important; }\r\n    .skl-cta-group { flex-direction: column; }\r\n    .skl-primary-btn, .skl-secondary-btn { width: 100%; }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .skl-factory-visual {\r\n      min-height: 460px;\r\n    }\r\n\r\n    .visual-main {\r\n      width: 94%;\r\n      height: 72%;\r\n    }\r\n\r\n    .visual-sub-cluster {\r\n      width: 86%;\r\n      height: 46%;\r\n    }\r\n\r\n    .visual-badge {\r\n      right: -6px;\r\n      bottom: 18px;\r\n      min-width: 174px;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<section class=\"skl-mega-blueprint\">\r\n\r\n  <div class=\"skl-factory-layout\" id=\"manufacturing-heritage\">\r\n    \r\n    <div class=\"skl-factory-content\">\r\n      \r\n      <div class=\"skl-text-group fade-blur fade-left\">\r\n        <span class=\"skl-subtitle\">Global Footprint & Heritage<\/span>\r\n        <h2 class=\"skl-h2\">Proven OEM Manufacturing Capability Since 1999<\/h2>\r\n        <p class=\"skl-p translation-block\">\r\n          Operating from our advanced 1,800 square-meter production facility, Seklift Machine is a direct Original Equipment Manufacturer (OEM). While we lead regional engineering for specialized systems like <strong>electric suspended scaffolding<\/strong> and <strong>facade access platforms<\/strong>, our core strength is our global reach as a top <strong>construction hoist manufacturer<\/strong>. From transparent <strong>custom hoist pricing<\/strong> to large-scale international fleet deployments, our engineering teams fabricate every machine to meet your exact structural site demands.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"skl-cta-group fade-blur fade-up delay-100\">\r\n        \r\n        <\/a>\r\n        <a href=\"#quote-form\" class=\"skl-secondary-btn\">\r\n          <div class=\"skl-sec-text-container\">\r\n            <span class=\"skl-sec-text-layer\" style=\"position: relative; opacity: 0; pointer-events: none;\">Request Specifications<\/span>\r\n            <span class=\"skl-sec-text-layer skl-sec-text-outgoing\">Request Specifications<\/span>\r\n            <span class=\"skl-sec-text-layer skl-sec-text-incoming\">Request Specifications<\/span>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"skl-raw-counters fade-blur fade-up delay-200\" id=\"raw-counters\">\r\n        <div class=\"raw-counter\">\r\n          <div class=\"raw-val\"><span class=\"counter-num\" data-target=\"25\">0<\/span><span class=\"counter-suf\">+<\/span><\/div>\r\n          <div class=\"raw-lab\">Years of Excellence<\/div>\r\n        <\/div>\r\n        <div class=\"raw-counter\">\r\n          <div class=\"raw-val\"><span class=\"counter-num\" data-target=\"100\">0<\/span><span class=\"counter-suf\">%<\/span><\/div>\r\n          <div class=\"raw-lab\">Direct OEM Facility<\/div>\r\n        <\/div>\r\n        <div class=\"raw-counter\">\r\n          <div class=\"raw-val\"><span class=\"counter-num\" data-target=\"2000\">0<\/span><span class=\"counter-suf\">kg<\/span><\/div>\r\n          <div class=\"raw-lab\">Max Payload Capacity<\/div>\r\n        <\/div>\r\n        <div class=\"raw-counter\">\r\n          <div class=\"raw-val\"><span class=\"counter-num\" data-target=\"100\">0<\/span><span class=\"counter-suf\">%<\/span><\/div>\r\n          <div class=\"raw-lab\">CE Safety Compliance<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"skl-factory-visual\">\r\n      <div\r\n        class=\"visual-main fade-blur fade-right delay-100\"\r\n        role=\"img\"\r\n        aria-label=\"SEKLIFT manufacturing facility and CNC production operator\"\r\n        data-bg-avif=\"\/wp-content\/uploads\/2026\/07\/img-3874-1-scaled-1440w.avif\" data-bg-webp=\"\/wp-content\/uploads\/2026\/07\/img-3874-1-scaled-1440w.webp\">\r\n      <\/div>\r\n\r\n      <div class=\"visual-sub-cluster fade-blur fade-up delay-300\">\r\n        <div\r\n          class=\"visual-sub\"\r\n          role=\"img\"\r\n          aria-label=\"CNC machining equipment inside the SEKLIFT production facility\"\r\n          data-bg-avif=\"\/wp-content\/uploads\/2026\/07\/sekitmen-headquaters-e1785218742338-1086w.avif\" data-bg-webp=\"\/wp-content\/uploads\/2026\/07\/sekitmen-headquaters-e1785218742338-1086w.webp\">\r\n        <\/div>\r\n\r\n        <div class=\"visual-badge fade-blur fade-down delay-400\">\r\n          1,800 m\u00b2 Facility\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"skl-section-divider\"><\/div>\r\n\r\n\r\n  <div class=\"skl-export-container\" id=\"export-process\">\r\n    \r\n    <div class=\"skl-export-header fade-blur fade-up\">\r\n      <span class=\"skl-subtitle\">Global Deployment Pipeline<\/span>\r\n      <h2 class=\"skl-h2 skl-export-title\">Turnkey Export & Site Integration<\/h2>\r\n      <p class=\"skl-p skl-export-desc translation-block\">\r\n        As a leading <strong>construction hoist manufacturer<\/strong>, we execute flawless cross-border deployments. From custom <strong>rack-and-pinion engineering<\/strong> to heavy-freight logistics, our Turkish OEM facility delivers CE-compliant vertical access systems directly to international mega-projects.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"skl-v-timeline\" id=\"timeline-wrapper\">\r\n      \r\n      <div class=\"skl-v-line\"><\/div>\r\n      <div class=\"skl-v-progress\" id=\"v-progress\"><\/div>\r\n\r\n      <div class=\"skl-timeline-row row-step\">\r\n        <div class=\"skl-timeline-content fade-blur fade-left\">\r\n          <div class=\"skl-step-card\">\r\n            <span class=\"skl-timeline-step-number\">01<\/span>\r\n            <h3 class=\"skl-timeline-step-title\">Structural Blueprinting<\/h3>\r\n            <p class=\"skl-timeline-step-desc translation-block\">We evaluate your site architecture to engineer custom load capacities, cage dimensions, and <strong>facade access parameters<\/strong> tailored directly to your project.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skl-timeline-node\"><\/div>\r\n        <div class=\"skl-timeline-image-wrap fade-blur fade-right delay-200\">\r\n          <img loading=\"lazy\" class=\"skl-timeline-image\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kyle-glenn-nXt5HtLmlgE-unsplash-scaled.webp\" alt=\"Structural engineering blueprint review for a custom vertical access project\" width=\"1200\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"skl-timeline-row reverse row-step\">\r\n        <div class=\"skl-timeline-content fade-blur fade-right\">\r\n          <div class=\"skl-step-card\">\r\n            <span class=\"skl-timeline-step-number\">02<\/span>\r\n            <h3 class=\"skl-timeline-step-title\">OEM Fabrication<\/h3>\r\n            <p class=\"skl-timeline-step-desc translation-block\">Precision manufacturing of your <strong>electric suspended scaffolding<\/strong> and heavy-duty lifts executed strictly inside our advanced 1,800m\u00b2 Adana facility.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skl-timeline-node\"><\/div>\r\n        <div class=\"skl-timeline-image-wrap fade-blur fade-left delay-200\">\r\n          <img loading=\"lazy\" class=\"skl-timeline-image\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/worker-scaled.webp\" alt=\"Industrial fabrication work inside the SEKLIFT manufacturing facility\" width=\"1200\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"skl-timeline-row row-step\">\r\n        <div class=\"skl-timeline-content fade-blur fade-left\">\r\n          <div class=\"skl-step-card\">\r\n            <span class=\"skl-timeline-step-number\">03<\/span>\r\n            <h3 class=\"skl-timeline-step-title\">Global Logistics<\/h3>\r\n            <p class=\"skl-timeline-step-desc translation-block\">Seamless international shipping and full export compliance. We execute direct-to-site machinery deployments for mega-projects worldwide, backed by a proven track record across <strong>Cyprus, Iraq, Canada, Kazakhstan, Azerbaijan,<\/strong> and beyond.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skl-timeline-node\"><\/div>\r\n        <div class=\"skl-timeline-image-wrap fade-blur fade-right delay-200\">\r\n          <img loading=\"lazy\" class=\"skl-timeline-image\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/logistics.webp\" alt=\"International machinery logistics and export deployment operations\" width=\"1200\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"skl-timeline-row reverse row-step\">\r\n        <div class=\"skl-timeline-content fade-blur fade-right\">\r\n          <div class=\"skl-step-card\">\r\n            <span class=\"skl-timeline-step-number\">04<\/span>\r\n            <h3 class=\"skl-timeline-step-title\">Assembly & Support<\/h3>\r\n            <p class=\"skl-timeline-step-desc translation-block\">Expert on-site installation guidance, rigorous safety load testing, and lifetime global access to <strong>OEM spare parts<\/strong> to guarantee zero downtime.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"skl-timeline-node\"><\/div>\r\n        <div class=\"skl-timeline-image-wrap fade-blur fade-left delay-200\">\r\n          <img loading=\"lazy\" class=\"skl-timeline-image\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Assembly.webp\" alt=\"On-site machinery assembly, testing, and technical support\" width=\"1200\" height=\"800\" loading=\"lazy\" decoding=\"async\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"skl-pipeline-cta-wrap row-step fade-blur fade-up delay-200\">\r\n      <a href=\"#quote-form\" class=\"skl-primary-btn\">\r\n        <span class=\"btn-text\" data-text=\"Initiate Your Project\">Initiate Your Project<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const section = document.querySelector('.skl-mega-blueprint');\r\n    if (!section) return;\r\n\r\n    \/* Lazy-load only the decorative factory backgrounds.\r\n       Roadmap images use native <img loading=\"lazy\"> so the preload scanner\r\n       can discover them immediately without downloading them too early. *\/\r\n    const lazyBackgrounds = section.querySelectorAll('[data-bg-url], [data-bg-webp]');\r\n\r\n    const loadBackground = (element) => {\r\n      if (element.dataset.bgAvif && element.dataset.bgWebp) {\r\n        element.style.backgroundImage = `image-set(url(\"${element.dataset.bgAvif}\") type(\"image\/avif\"), url(\"${element.dataset.bgWebp}\") type(\"image\/webp\"))`;\r\n      } else if (element.dataset.bgUrl) {\r\n        element.style.backgroundImage = `url(\"${element.dataset.bgUrl}\")`;\r\n      }\r\n\r\n      element.removeAttribute('data-bg-url');\r\n      element.removeAttribute('data-bg-avif');\r\n      element.removeAttribute('data-bg-webp');\r\n    };\r\n\r\n    if ('IntersectionObserver' in window) {\r\n      const backgroundObserver = new IntersectionObserver((entries, observer) => {\r\n        entries.forEach((entry) => {\r\n          if (!entry.isIntersecting) return;\r\n          loadBackground(entry.target);\r\n          observer.unobserve(entry.target);\r\n        });\r\n      }, { rootMargin: '1000px 0px', threshold: 0 });\r\n\r\n      lazyBackgrounds.forEach((element) => backgroundObserver.observe(element));\r\n    } else {\r\n      lazyBackgrounds.forEach(loadBackground);\r\n    }\r\n\r\n    \/* Reveal roadmap images only after successful download and decode.\r\n       This prevents the grey-to-image flash during fast scrolling. *\/\r\n    const timelineImages = section.querySelectorAll('img.skl-timeline-image');\r\n\r\n    const revealTimelineImage = (image) => {\r\n      const reveal = () => image.classList.add('is-loaded');\r\n\r\n      if (typeof image.decode === 'function') {\r\n        image.decode().catch(() => {}).finally(reveal);\r\n      } else {\r\n        reveal();\r\n      }\r\n    };\r\n\r\n    timelineImages.forEach((image) => {\r\n      if (image.complete && image.naturalWidth > 0) {\r\n        revealTimelineImage(image);\r\n      } else {\r\n        image.addEventListener('load', () => revealTimelineImage(image), { once: true });\r\n        image.addEventListener('error', () => image.classList.add('is-loaded'), { once: true });\r\n      }\r\n    });\r\n    \r\n    \/\/ 1. The Global Fade & Blur Engine\r\n    const animatedElements = section.querySelectorAll('.fade-blur');\r\n    const entryObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    animatedElements.forEach(el => entryObserver.observe(el));\r\n\r\n    \/\/ 2. The Hardware-Accelerated Counter Engine (Section 4)\r\n    const counters = section.querySelectorAll('.counter-num');\r\n    const countersContainer = document.getElementById('raw-counters');\r\n    let countersAnimated = false;\r\n\r\n    const animateCounters = () => {\r\n      counters.forEach(counter => {\r\n        const target = +counter.getAttribute('data-target');\r\n        const duration = 2500;\r\n        const startedAt = performance.now();\r\n        const easeOutExpo = (t) => t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\r\n        const updateCounter = (now) => {\r\n          const linearProgress = Math.min(1, (now - startedAt) \/ duration);\r\n          const currentVal = Math.round(target * easeOutExpo(linearProgress));\r\n          counter.textContent = currentVal.toLocaleString('en-US');\r\n          if (linearProgress < 1) {\r\n            window.requestAnimationFrame(updateCounter);\r\n          } else {\r\n            counter.textContent = target.toLocaleString('en-US');\r\n          }\r\n        };\r\n        window.requestAnimationFrame(updateCounter);\r\n      });\r\n    };\r\n\r\n    if (countersContainer) {\r\n      const counterObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting && !countersAnimated) {\r\n            setTimeout(() => { animateCounters(); }, 600); \r\n            countersAnimated = true; \r\n          }\r\n        });\r\n      }, { threshold: 0.3 });\r\n      counterObserver.observe(countersContainer);\r\n    }\r\n\r\n    \/\/ 3. The Vertical Timeline Scroll Engine (Section 5)\r\n    const timelineWrapper = document.getElementById('timeline-wrapper');\r\n    const progressBar = document.getElementById('v-progress');\r\n    const rows = section.querySelectorAll('.row-step');\r\n\r\n    const rowObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n        }\r\n      });\r\n    }, { threshold: 0.3 }); \r\n    rows.forEach(row => rowObserver.observe(row));\r\n\r\n    let timelineTicking = false;\r\n    const updateTimeline = () => {\r\n      timelineTicking = false;\r\n      if (!timelineWrapper || !progressBar) return;\r\n      const rect = timelineWrapper.getBoundingClientRect();\r\n      const scrollPosition = (window.innerHeight \/ 2) - rect.top;\r\n      const progressPercentage = Math.max(0, Math.min(100, (scrollPosition \/ rect.height) * 100));\r\n      progressBar.style.transform = `translateX(-50%) scaleY(${progressPercentage \/ 100})`;\r\n    };\r\n    const requestTimelineUpdate = () => {\r\n      if (timelineTicking) return;\r\n      timelineTicking = true;\r\n      window.requestAnimationFrame(updateTimeline);\r\n    };\r\n    window.addEventListener('scroll', requestTimelineUpdate, { passive: true });\r\n    window.addEventListener('resize', requestTimelineUpdate);\r\n    requestTimelineUpdate();\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-a2700df e-con-full e-flex e-con e-parent\" data-id=\"a2700df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-366066c elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"366066c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --seklift-orange: #ED5308;\r\n    --machinery-grey: #1C1C1E; \/* Premium Graphite Dark *\/\r\n    --clean-bg: #F8FAFC; \/* Sleek SaaS Off-White for Inputs *\/\r\n    --bg-card: #FFFFFF;\r\n    --text-dark: #111111;\r\n    --text-light: #F0F0F0;\r\n    --text-muted: #A1A1AA; \r\n    --border-light: #E2E8F0; \/* Razor sharp thin border *\/\r\n  }\r\n\r\n  \/* --- The Dark Command Center Section --- *\/\r\n  .skl-quote-section {\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: auto 1250px;\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 150px 5%;\r\n    background-color: var(--machinery-grey);\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Subtle Orange Glow behind the form *\/\r\n  .skl-quote-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%; left: 80%;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(237, 83, 8, 0.08) 0%, transparent 70%);\r\n    transform: translate(-50%, -50%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  .skl-quote-layout {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.2fr; \r\n    gap: 80px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* ==========================================\r\n     LEFT COLUMN: THE 3-STEP TRUST ANCHOR\r\n     ========================================== *\/\r\n  .skl-quote-text {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .skl-quote-subtitle {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important;\r\n    color: var(--seklift-orange) !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-size: 0.85rem !important;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n  }\r\n\r\n  .skl-quote-h2 {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 600 !important;\r\n    font-size: 3.5rem !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -1px !important;\r\n    color: var(--text-light) !important;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .skl-quote-p {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important;\r\n    font-size: 1.15rem !important;\r\n    line-height: 1.8 !important;\r\n    color: var(--text-muted) !important;\r\n    max-width: 95%;\r\n  }\r\n\r\n  \/* --- SLOW ANIMATED TIMELINE STEPS --- *\/\r\n  .skl-quote-steps {\r\n    margin-top: 50px;\r\n    border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding-left: 35px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n\r\n  .skl-quote-step { \r\n    position: relative; \r\n    opacity: 0;\r\n    cursor: default;\r\n    \/* Combined transition for loading in AND hovering *\/\r\n    transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  \/* Entry load delays *\/\r\n  .skl-quote-steps.in-view .skl-step-1 { transition-delay: 0.4s, 0s; opacity: 1; }\r\n  .skl-quote-steps.in-view .skl-step-2 { transition-delay: 0.8s, 0s; opacity: 1; }\r\n  .skl-quote-steps.in-view .skl-step-3 { transition-delay: 1.2s, 0s; opacity: 1; }\r\n\r\n  \/* Hover Magnetic Effect *\/\r\n  .skl-quote-steps.in-view .skl-quote-step:hover {\r\n    transform: translateX(12px);\r\n  }\r\n\r\n  .skl-quote-step::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: -42.5px;\r\n    top: 2px;\r\n    width: 14px;\r\n    height: 14px;\r\n    background-color: var(--machinery-grey);\r\n    border: 2px solid var(--seklift-orange);\r\n    border-radius: 50%;\r\n    transition: background-color 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .skl-quote-steps.in-view .skl-quote-step:hover::before {\r\n    background-color: var(--seklift-orange);\r\n    box-shadow: 0 0 15px rgba(237, 83, 8, 0.6);\r\n  }\r\n\r\n  .skl-step-num {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    color: var(--seklift-orange) !important;\r\n    font-size: 0.85rem !important;\r\n    letter-spacing: 2px;\r\n    display: block;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .skl-step-heading {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 500 !important;\r\n    color: var(--text-light) !important;\r\n    font-size: 1.15rem !important;\r\n    margin-top: 0;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .skl-step-desc {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important;\r\n    color: var(--text-muted) !important;\r\n    font-size: 0.95rem !important;\r\n    line-height: 1.6 !important;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RIGHT COLUMN: THE DYNAMIC FORM (SLEEK UI)\r\n     ========================================== *\/\r\n  .skl-form-card {\r\n    background-color: var(--bg-card);\r\n    padding: 60px 50px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.25);\r\n    border-top: 4px solid var(--seklift-orange);\r\n    position: relative;\r\n  }\r\n\r\n  .skl-form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .skl-form-group {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Precision Phone Grid Ratio *\/\r\n  .skl-phone-group {\r\n    display: grid;\r\n    grid-template-columns: 115px 1fr; \/* Exact fixed width for code, massive space for number *\/\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* The Sleek Inputs *\/\r\n  .skl-form-control {\r\n    width: 100%;\r\n    height: 56px; \r\n    background-color: var(--clean-bg);\r\n    border: 1px solid var(--border-light); \/* Sharp, thin border *\/\r\n    border-radius: 6px; \/* Modern minimal curve *\/\r\n    padding: 24px 18px 6px 18px !important; \r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 400 !important;\r\n    font-size: 0.95rem !important;\r\n    color: var(--text-dark) !important;\r\n    transition: border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;\r\n    outline: none;\r\n    box-sizing: border-box;\r\n    line-height: 1.2 !important;\r\n  }\r\n\r\n  \/* Custom Select Dropdown (Fixed Overlap Padding) *\/\r\n  select.skl-form-control {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    padding-right: 35px !important; \/* Forces text to stop before the arrow *\/\r\n    background-image: url('data:image\/svg+xml;utf8,<svg fill=\"%23ED5308\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10l5 5 5-5z\"\/><path d=\"M0 0h24v24H0z\" fill=\"none\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position: right 10px center; \/* Perfect arrow placement *\/\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Special padding for the country code so it centers nicely *\/\r\n  select.skl-country-code {\r\n    padding: 0 30px 0 15px !important;\r\n  }\r\n\r\n  \/* Textarea Specific Overrides *\/\r\n  textarea.skl-form-control { \r\n    height: auto; \r\n    min-height: 120px; \r\n    padding: 28px 18px 15px 18px !important; \r\n    resize: vertical; \r\n  }\r\n\r\n  \/* Input Glow State *\/\r\n  .skl-form-control:focus {\r\n    background-color: var(--bg-card);\r\n    border-color: var(--seklift-orange);\r\n    box-shadow: 0 0 0 3px rgba(237, 83, 8, 0.08);\r\n  }\r\n\r\n  \/* Floating Label Base State *\/\r\n  .skl-form-label {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%); \r\n    left: 18px; \r\n    font-family: 'Poppins', sans-serif !important; \r\n    font-weight: 400 !important;\r\n    font-size: 0.9rem !important;\r\n    color: #9CA3AF !important;\r\n    pointer-events: none;\r\n    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n    margin: 0;\r\n  }\r\n\r\n  textarea.skl-form-control ~ .skl-form-label {\r\n    top: 28px;\r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  \/* Floating Label Active State (Sleeker and smaller) *\/\r\n  .skl-form-control:focus ~ .skl-form-label,\r\n  .skl-form-control:not(:placeholder-shown) ~ .skl-form-label,\r\n  select.skl-form-control:focus ~ .skl-form-label,\r\n  select.skl-form-control:valid ~ .skl-form-label {\r\n    top: 16px; \r\n    transform: translateY(-50%);\r\n    font-size: 0.65rem !important;\r\n    font-weight: 600 !important;\r\n    color: var(--seklift-orange) !important;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* Dynamic Parameters Box Expansion *\/\r\n  #dynamic-parameters {\r\n    max-height: 0;\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;\r\n  }\r\n\r\n  #dynamic-parameters.expanded {\r\n    max-height: 300px;\r\n    opacity: 1;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* ==========================================\r\n     THE ELEVATOR DOOR SUBMIT BUTTON\r\n     ========================================== *\/\r\n  .skl-submit-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: var(--seklift-orange) !important;\r\n    border: 2px solid var(--seklift-orange) !important; \r\n    box-sizing: border-box; \r\n    text-decoration: none !important;\r\n    overflow: hidden;\r\n    border-radius: 8px;\r\n    width: 100%;\r\n    height: 56px;\r\n    box-shadow: 0 6px 20px rgba(237, 83, 8, 0.2);\r\n    cursor: pointer;\r\n    margin-top: 15px;\r\n    padding: 0;\r\n  }\r\n\r\n  .skl-bg-overlay {\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background-color: #111111FA; \r\n    transform: translateY(-101%); \r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.15s;\r\n    z-index: 1;\r\n  }\r\n\r\n  .skl-submit-btn:hover .skl-bg-overlay {\r\n    transform: translateY(0); \r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s;\r\n  }\r\n\r\n  .skl-btn-text-container {\r\n    position: relative; z-index: 2; display: flex; align-items: center;\r\n    justify-content: center; width: 100%; height: 100%;\r\n  }\r\n\r\n  .skl-btn-text-layer {\r\n    position: absolute;\r\n    font-family: 'Poppins', sans-serif !important; \r\n    font-weight: 600 !important;\r\n    font-size: 15px !important;\r\n    letter-spacing: 1.5px !important;\r\n    text-transform: uppercase !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .skl-text-outgoing { \r\n    color: #ffffff !important; \r\n    transform: translateY(0); opacity: 1;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.05s, opacity 0.4s ease 0.05s;\r\n  }\r\n\r\n  .skl-text-incoming { \r\n    color: var(--seklift-orange) !important; \r\n    transform: translateY(-150%); opacity: 0;\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s, opacity 0.3s ease 0s;\r\n  }\r\n\r\n  .skl-submit-btn:hover .skl-text-outgoing {\r\n    transform: translateY(150%); opacity: 0;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.05s, opacity 0.4s ease 0.05s;\r\n  }\r\n\r\n  .skl-submit-btn:hover .skl-text-incoming {\r\n    transform: translateY(0); opacity: 1;\r\n    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.15s, opacity 0.4s ease 0.15s;\r\n  }\r\n\r\n  \/* ==========================================\r\n     ENTRY ANIMATIONS\r\n     ========================================== *\/\r\n  .fade-blur {\r\n    opacity: 0;\r\n    transition: opacity 1.8s cubic-bezier(0.22, 1, 0.36, 1), \r\n                transform 1.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .fade-left { transform: translateX(-50px); }\r\n  .fade-right { transform: translateX(50px); }\r\n  .in-view { opacity: 1; transform: translate(0); }\r\n  .delay-200 { transition-delay: 0.2s; }\r\n\r\n  @media (max-width: 1024px) {\r\n    .skl-quote-layout { grid-template-columns: 1fr; gap: 60px; }\r\n    .skl-quote-h2 { font-size: 2.8rem !important; }\r\n    .skl-form-card { padding: 40px 30px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .skl-form-row { grid-template-columns: 1fr; gap: 0; }\r\n    .skl-form-row .skl-form-group { margin-bottom: 20px; } \r\n    .skl-quote-h2 { font-size: 2.4rem !important; }\r\n    .skl-phone-group { grid-template-columns: 90px 1fr; } \/* Scales down for smaller mobile screens *\/\r\n  }\r\n<\/style>\r\n\r\n<section class=\"skl-quote-section\" id=\"quote-form\">\r\n  <div class=\"skl-quote-layout\">\r\n    \r\n    <div class=\"skl-quote-text fade-blur fade-left\">\r\n       <span class=\"skl-quote-subtitle\">Request Technical Quote<\/span>\r\n       <h2 class=\"skl-quote-h2\">Equip Your Next Project<\/h2>\r\n       <p class=\"skl-quote-p\">Connect with our engineering team for custom site blueprints, payload calculations, and direct OEM pricing. Submit your requirements below, and our technical estimators will respond within 24 hours.<\/p>\r\n       \r\n       <div class=\"skl-quote-steps\" id=\"steps-container\">\r\n         <div class=\"skl-quote-step skl-step-1\">\r\n           <span class=\"skl-step-num\">01<\/span>\r\n           <h3 class=\"skl-step-heading\">Submit Requirements<\/h3>\r\n           <p class=\"skl-step-desc\">Detail your payload, height, and custom structural parameters.<\/p>\r\n         <\/div>\r\n         <div class=\"skl-quote-step skl-step-2\">\r\n           <span class=\"skl-step-num\">02<\/span>\r\n           <h4 class=\"skl-step-heading\">Technical Evaluation<\/h4>\r\n           <p class=\"skl-step-desc\">Our engineering team reviews your site constraints and compliance needs.<\/p>\r\n         <\/div>\r\n         <div class=\"skl-quote-step skl-step-3\">\r\n           <span class=\"skl-step-num\">03<\/span>\r\n           <h4 class=\"skl-step-heading\">Direct OEM Pricing<\/h4>\r\n           <p class=\"skl-step-desc\">Receive a transparent, factory-direct proposal and global logistics timeline.<\/p>\r\n         <\/div>\r\n       <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"skl-quote-form-wrap fade-blur fade-right delay-200\">\r\n       <div class=\"skl-form-card\">\r\n         \r\n         <form action=\"https:\/\/splitforms.com\/api\/submit\" method=\"POST\" class=\"skl-form\">\r\n           \r\n           <!-- SplitForms Integration -->\r\n           <input type=\"hidden\" name=\"access_key\" value=\"87336a7ec7a54c0a89f828321be0b28c\">\r\n           <input type=\"hidden\" name=\"botcheck\">\r\n           <input type=\"hidden\" name=\"_subject\" value=\"New Technical Quote Request\">\r\n           <input type=\"hidden\" name=\"source_page\" value=\"Equip Your Next Project Form\">\r\n            \r\n            <div class=\"skl-form-row\">\r\n              <div class=\"skl-form-group\">\r\n                 <input aria-label=\"Full name\" type=\"text\" name=\"name\" class=\"skl-form-control\" placeholder=\" \" required maxlength=\"100\">\r\n                 <label class=\"skl-form-label\">Full Name<\/label>\r\n              <\/div>\r\n              <div class=\"skl-form-group\">\r\n                 <input aria-label=\"Company name\" type=\"text\" name=\"company\" class=\"skl-form-control\" placeholder=\" \" required maxlength=\"160\">\r\n                 <label class=\"skl-form-label\">Company Name<\/label>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"skl-form-row\">\r\n              <div class=\"skl-form-group\">\r\n                 <input aria-label=\"Email address\" type=\"email\" name=\"email\" class=\"skl-form-control\" placeholder=\" \" required maxlength=\"254\">\r\n                 <label class=\"skl-form-label\">Email Address<\/label>\r\n              <\/div>\r\n              \r\n              <div class=\"skl-phone-group\">\r\n                 <select aria-label=\"Country calling code\" name=\"country_code\" class=\"skl-form-control skl-country-code\" required>\r\n                    <optgroup label=\"Primary Markets\">\r\n                        <option value=\"+90\" selected>+90 (TR)<\/option>\r\n                        <option value=\"+964\">+964 (IQ)<\/option>\r\n                        <option value=\"+1\">+1 (US\/CA)<\/option>\r\n                        <option value=\"+994\">+994 (AZ)<\/option>\r\n                        <option value=\"+357\">+357 (CY)<\/option>\r\n                        <option value=\"+971\">+971 (UAE)<\/option>\r\n                        <option value=\"+49\">+49 (DE)<\/option>\r\n                        <option value=\"+44\">+44 (UK)<\/option>\r\n                    <\/optgroup>\r\n                    <optgroup label=\"Global Options\">\r\n                        <option value=\"+93\">+93 (AF)<\/option>\r\n                        <option value=\"+355\">+355 (AL)<\/option>\r\n                        <option value=\"+213\">+213 (DZ)<\/option>\r\n                        <option value=\"+376\">+376 (AD)<\/option>\r\n                        <option value=\"+244\">+244 (AO)<\/option>\r\n                        <option value=\"+54\">+54 (AR)<\/option>\r\n                        <option value=\"+374\">+374 (AM)<\/option>\r\n                        <option value=\"+61\">+61 (AU)<\/option>\r\n                        <option value=\"+43\">+43 (AT)<\/option>\r\n                        <option value=\"+973\">+973 (BH)<\/option>\r\n                        <option value=\"+880\">+880 (BD)<\/option>\r\n                        <option value=\"+32\">+32 (BE)<\/option>\r\n                        <option value=\"+55\">+55 (BR)<\/option>\r\n                        <option value=\"+359\">+359 (BG)<\/option>\r\n                        <option value=\"+86\">+86 (CN)<\/option>\r\n                        <option value=\"+57\">+57 (CO)<\/option>\r\n                        <option value=\"+20\">+20 (EG)<\/option>\r\n                        <option value=\"+33\">+33 (FR)<\/option>\r\n                        <option value=\"+995\">+995 (GE)<\/option>\r\n                        <option value=\"+30\">+30 (GR)<\/option>\r\n                        <option value=\"+91\">+91 (IN)<\/option>\r\n                        <option value=\"+62\">+62 (ID)<\/option>\r\n                        <option value=\"+98\">+98 (IR)<\/option>\r\n                        <option value=\"+353\">+353 (IE)<\/option>\r\n                        <option value=\"+972\">+972 (IL)<\/option>\r\n                        <option value=\"+39\">+39 (IT)<\/option>\r\n                        <option value=\"+81\">+81 (JP)<\/option>\r\n                        <option value=\"+962\">+962 (JO)<\/option>\r\n                        <option value=\"+254\">+254 (KE)<\/option>\r\n                        <option value=\"+965\">+965 (KW)<\/option>\r\n                        <option value=\"+961\">+961 (LB)<\/option>\r\n                        <option value=\"+218\">+218 (LY)<\/option>\r\n                        <option value=\"+60\">+60 (MY)<\/option>\r\n                        <option value=\"+52\">+52 (MX)<\/option>\r\n                        <option value=\"+212\">+212 (MA)<\/option>\r\n                        <option value=\"+31\">+31 (NL)<\/option>\r\n                        <option value=\"+64\">+64 (NZ)<\/option>\r\n                        <option value=\"+234\">+234 (NG)<\/option>\r\n                        <option value=\"+47\">+47 (NO)<\/option>\r\n                        <option value=\"+968\">+968 (KW)<\/option>\r\n                        <option value=\"+92\">+92 (PK)<\/option>\r\n                        <option value=\"+970\">+970 (PS)<\/option>\r\n                        <option value=\"+63\">+63 (PH)<\/option>\r\n                        <option value=\"+48\">+48 (PL)<\/option>\r\n                        <option value=\"+351\">+351 (PT)<\/option>\r\n                        <option value=\"+974\">+974 (QA)<\/option>\r\n                        <option value=\"+40\">+40 (RO)<\/option>\r\n                        <option value=\"+7\">+7 (RU)<\/option>\r\n                        <option value=\"+966\">+966 (QA)<\/option>\r\n                        <option value=\"+27\">+27 (ZA)<\/option>\r\n                        <option value=\"+82\">+82 (KR)<\/option>\r\n                        <option value=\"+34\">+34 (ES)<\/option>\r\n                        <option value=\"+46\">+46 (SE)<\/option>\r\n                        <option value=\"+41\">+41 (CH)<\/option>\r\n                        <option value=\"+886\">+886 (TW)<\/option>\r\n                        <option value=\"+66\">+66 (TH)<\/option>\r\n                        <option value=\"+380\">+380 (UA)<\/option>\r\n                    <\/optgroup>\r\n                 <\/select>\r\n                 <div class=\"skl-form-group\" style=\"margin-bottom: 0;\">\r\n                    <input aria-label=\"Phone number\" type=\"tel\" name=\"phone\" class=\"skl-form-control\" placeholder=\" \" required oninput=\"this.value=this.value.replace(\/[^0-9]\/g,'');\" maxlength=\"40\">\r\n                    <label class=\"skl-form-label\">Phone Number<\/label>\r\n                 <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"skl-form-group\">\r\n               <select aria-label=\"Equipment system type\" name=\"system_type\" id=\"system-selector\" class=\"skl-form-control\" required>\r\n                  <option value=\"\" disabled selected hidden><\/option>\r\n                  <option value=\"Construction Hoist\">Heavy Duty Construction Hoists<\/option>\r\n                  <option value=\"Suspended Scaffold\">Electric Suspended Scaffolding<\/option>\r\n                  <option value=\"Freight Elevator\">Industrial Freight Elevators<\/option>\r\n                  <option value=\"Mining Elevator\">Explosion-Proof Mining Elevators<\/option>\r\n                  <option value=\"Villa Elevator\">Luxury Villa & Home Elevators<\/option>\r\n                  <option value=\"Custom Project\">Custom Engineered Lift \/ Special Project<\/option>\r\n               <\/select>\r\n               <label class=\"skl-form-label\">Required System<\/label>\r\n            <\/div>\r\n\r\n            <div id=\"dynamic-parameters\">\r\n               <div class=\"skl-form-row\" id=\"dynamic-fields-container\">\r\n                  <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"skl-form-group\">\r\n               <textarea aria-label=\"Project requirements\" name=\"message\" class=\"skl-form-control\" rows=\"4\" placeholder=\" \" required maxlength=\"4000\"><\/textarea>\r\n               <label class=\"skl-form-label\">Project Details & Delivery Location<\/label>\r\n            <\/div>\r\n\r\n            <div class=\"skl-consent\" style=\"margin:18px 0 20px;color:#2f2f2f;font-size:14px;line-height:1.55;\"><label style=\"display:flex;align-items:flex-start;gap:10px;cursor:pointer;\"><input type=\"checkbox\" name=\"privacy_acceptance\" value=\"accepted\" required style=\"width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:#ed5308;\"><span>I consent to the handling of my inquiry data for this request. <a href=\"privacy-kvkk\/\" style=\"color:#c94300;text-decoration:underline;text-underline-offset:2px;\">Read the Privacy Policy.<\/a> *<\/span><\/label><\/div><button type=\"submit\" class=\"skl-submit-btn\">\r\n               <div class=\"skl-bg-overlay\"><\/div>\r\n               <div class=\"skl-btn-text-container\">\r\n                 <div class=\"skl-btn-text-layer skl-text-outgoing\"><span>Submit Technical Inquiry<\/span><\/div>\r\n                 <div class=\"skl-btn-text-layer skl-text-incoming\"><span>Submit Technical Inquiry<\/span><\/div>\r\n               <\/div>\r\n            <\/button>\r\n            \r\n         <\/form>\r\n       <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ 1. Scroll Animations (Including the slow 1-2-3 sequence)\r\n    const animatedElements = document.querySelectorAll('#quote-form .fade-blur');\r\n    const stepsContainer = document.getElementById('steps-container');\r\n    \r\n    const entryObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n\r\n    animatedElements.forEach(el => entryObserver.observe(el));\r\n    if (stepsContainer) entryObserver.observe(stepsContainer);\r\n\r\n    \/\/ 2. Dynamic Engineering Parameters\r\n    const selector = document.getElementById('system-selector');\r\n    const dynamicContainer = document.getElementById('dynamic-parameters');\r\n    const fieldsContainer = document.getElementById('dynamic-fields-container');\r\n\r\n    const parameterData = {\r\n      \"Construction Hoist\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"payload_capacity\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Payload Capacity (kg)<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"travel_height\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Max Travel Height (m)<\/label>\r\n        <\/div>\r\n      `,\r\n      \"Suspended Scaffold\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"platform_length\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Platform Length (m)<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"working_height\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Working Height (m)<\/label>\r\n        <\/div>\r\n      `,\r\n      \"Freight Elevator\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"freight_payload\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Target Payload (kg)<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"text\" name=\"cabin_dimensions\" class=\"skl-form-control\" placeholder=\" \">\r\n           <label class=\"skl-form-label\">Cabin Dims (W x D x H)<\/label>\r\n        <\/div>\r\n      `,\r\n      \"Mining Elevator\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"shaft_depth\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Total Shaft Depth (m)<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"text\" name=\"mining_capacity\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Personnel \/ Load Req.<\/label>\r\n        <\/div>\r\n      `,\r\n      \"Villa Elevator\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"number\" name=\"total_floors\" min=\"0\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Total Floors \/ Stops<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"text\" name=\"cabin_finish\" class=\"skl-form-control\" placeholder=\" \">\r\n           <label class=\"skl-form-label\">Desired Cabin Finish<\/label>\r\n        <\/div>\r\n      `,\r\n      \"Custom Project\": `\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"text\" name=\"target_industry\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Target Industry<\/label>\r\n        <\/div>\r\n        <div class=\"skl-form-group\">\r\n           <input type=\"text\" name=\"project_timeline\" class=\"skl-form-control\" placeholder=\" \" required>\r\n           <label class=\"skl-form-label\">Projected Timeline<\/label>\r\n        <\/div>\r\n      `\r\n    };\r\n\r\n    selector.addEventListener('change', function() {\r\n      const selectedSystem = this.value;\r\n      dynamicContainer.classList.remove('expanded');\r\n      \r\n      setTimeout(() => {\r\n        if (parameterData[selectedSystem]) {\r\n          fieldsContainer.innerHTML = parameterData[selectedSystem];\r\n          dynamicContainer.classList.add('expanded');\r\n        }\r\n      }, 300); \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-8797f29 e-con-full e-flex e-con e-parent\" data-id=\"8797f29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f00747 elementor-widget elementor-widget-html\" data-id=\"6f00747\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  :root {\r\n    --seklift-orange: #ED5308;\r\n    --ice-silver: #F7EFEB; \r\n    --pure-white: #FFFFFF;\r\n    --text-dark: #171819;\r\n    --text-muted: #625B58;\r\n    --border-dark: #242426;\r\n  }\r\n\r\n  \/* ==========================================\r\n     1. THE MASTER CONTAINER\r\n     ========================================== *\/\r\n  .skl-force-scroll-master {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--ice-silver);\r\n  }\r\n\r\n  .skl-heavy-blur {\r\n    opacity: 0; transform: translateY(40px);\r\n    transition: opacity 2s cubic-bezier(0.22, 1, 0.36, 1),\r\n                transform 2s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .skl-heavy-blur.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ==========================================\r\n     2. THE GRID LAYOUT (FULL BLEED)\r\n     ========================================== *\/\r\n  .skl-scroll-grid {\r\n    display: flex; \r\n    width: 100%; \r\n    margin: 0; \r\n    position: relative;\r\n  }\r\n\r\n  .skl-text-column {\r\n    flex: 1.2; \r\n    padding: 150px 5% 150px max(5%, calc((100vw - 1600px) \/ 2));\r\n    display: flex; flex-direction: column;\r\n    gap: 25vh; \/* DECREASED FROM 35vh TO ELIMINATE EMPTY DEAD SPACE *\/\r\n  }\r\n\r\n  .skl-media-column { flex: 1; position: relative; }\r\n\r\n  .skl-sticky-wrapper {\r\n    position: sticky; top: 0; height: 100vh; width: 100%;\r\n    display: flex; align-items: stretch; justify-content: stretch; \r\n    padding: 0; \r\n  }\r\n\r\n  .skl-media-frame {\r\n    width: 100%; height: 100%; \r\n    border-radius: 0; \r\n    overflow: hidden;\r\n    position: relative; \r\n    box-shadow: none;\r\n  }\r\n\r\n  \/* UPDATED: Added object-position to force the video to the right *\/\r\n  .skl-bg-video { \r\n    width: 100%; \r\n    height: 100%; \r\n    object-fit: cover; \r\n    object-position: right center; \r\n  }\r\n\r\n  .skl-video-overlay {\r\n    position: absolute; top: 0; left: 0; right: 0; bottom: 0;\r\n    background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(15, 23, 42, 0.2) 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ==========================================\r\n     3. THE CONTENT BLOCKS\r\n     ========================================== *\/\r\n  .skl-intro-block { text-align: left; }\r\n\r\n  .skl-eyebrow {\r\n    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\r\n    color: var(--seklift-orange) !important; letter-spacing: 3px !important; text-transform: uppercase !important;\r\n    font-size: 0.85rem !important; display: inline-block; margin-bottom: 20px;\r\n    padding: 6px 18px; background: rgba(237, 83, 8, 0.08); border: 1px solid rgba(237, 83, 8, 0.2); border-radius: 4px;\r\n  }\r\n\r\n  .skl-h2 {\r\n    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\r\n    font-size: 3.8rem !important; line-height: 1.15 !important; letter-spacing: -1px !important;\r\n    color: var(--text-dark) !important; margin-bottom: 25px;\r\n  }\r\n\r\n  .skl-p {\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 400 !important;\r\n    font-size: 1.25rem !important; line-height: 1.8 !important;\r\n    color: var(--text-muted) !important; max-width: 90%;\r\n  }\r\n  .skl-p strong { color: var(--text-dark) !important; font-weight: 600 !important; }\r\n\r\n  \/* ==========================================\r\n     THE HOVERABLE SCROLL BLOCKS (1-3)\r\n     ========================================== *\/\r\n  .skl-guarantee-block {\r\n    position: relative; \r\n    padding: 40px 40px 40px 50px; \r\n    margin-left: -50px; \r\n    border-left: 4px solid rgba(15, 23, 42, 0.1);\r\n    border-radius: 0 16px 16px 0;\r\n    \r\n    opacity: 0; transform: translateY(60px);\r\n    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), \r\n                transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),\r\n                background-color 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n  \r\n  .skl-guarantee-block.in-view { \r\n    opacity: 1; transform: translateY(0); \r\n    border-left-color: var(--seklift-orange); \r\n  }\r\n\r\n  .skl-guarantee-block.in-view:hover {\r\n    background-color: var(--pure-white);\r\n    transform: translateX(15px); \r\n    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.05);\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* THE NUMBER BUG FIX & ORANGE GLOW UPGRADE *\/\r\n  .skl-block-num {\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 800 !important;\r\n    font-size: 5rem !important; line-height: 1 !important; color: var(--text-dark) !important;\r\n    opacity: 0.04; \r\n    position: absolute; \r\n    left: 30px; \/* Brought inward slightly *\/\r\n    top: -25px; \r\n    z-index: 20; \/* Forces it ABOVE the white hover background *\/\r\n    transition: color 0.4s ease, opacity 0.4s ease, transform 0.4s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Hover interaction for the number *\/\r\n  .skl-guarantee-block:hover .skl-block-num {\r\n    color: var(--seklift-orange) !important;\r\n    opacity: 0.15;\r\n    transform: translate(10px, -5px);\r\n  }\r\n\r\n  .skl-block-title {\r\n    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\r\n    font-size: 2.2rem !important; line-height: 1.2 !important; color: var(--text-dark) !important;\r\n    margin-bottom: 20px; position: relative; z-index: 1;\r\n  }\r\n\r\n  .skl-block-text {\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 400 !important;\r\n    font-size: 1.15rem !important; line-height: 1.8 !important; color: var(--text-muted) !important;\r\n    max-width: 90%; position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* ==========================================\r\n     4. THE ORANGE-TONED SEO CARD\r\n     ========================================== *\/\r\n  .skl-seo-card {\r\n    background: linear-gradient(145deg, var(--pure-white) 0%, #FFF5F0 100%);\r\n    padding: 60px 50px;\r\n    border-radius: 12px;\r\n    box-shadow: 0 20px 40px rgba(237, 83, 8, 0.08); \r\n    text-align: center;\r\n    border: 1px solid rgba(237, 83, 8, 0.15); \r\n    border-top: 4px solid var(--seklift-orange); \r\n    \r\n    opacity: 0; transform: translateY(60px);\r\n    transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1), transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .skl-seo-card.in-view { opacity: 1; transform: translateY(0); }\r\n\r\n  .skl-seo-title {\r\n    font-family: 'Montserrat', sans-serif !important; font-weight: 700 !important;\r\n    font-size: 2rem !important; line-height: 1.2 !important; color: var(--text-dark) !important;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .skl-seo-text {\r\n    font-family: 'Poppins', sans-serif !important; font-weight: 400 !important;\r\n    font-size: 1.1rem !important; line-height: 1.8 !important; color: var(--text-muted) !important;\r\n    max-width: 95%; margin: 0 auto;\r\n  }\r\n  .skl-seo-text strong { color: var(--text-dark) !important; font-weight: 600 !important; }\r\n\r\n  \/* ==========================================\r\n     5. BUG-FREE KINETIC CTAs \r\n     ========================================== *\/\r\n  .skl-cta-group {\r\n    display: flex; gap: 20px; justify-content: center; align-items: center;\r\n    flex-wrap: wrap; margin-top: 40px;\r\n  }\r\n\r\n  .skl-btn-base {\r\n    position: relative; display: inline-block; border-radius: 6px; text-decoration: none !important;\r\n    overflow: hidden; cursor: pointer; box-sizing: border-box;\r\n  }\r\n\r\n  .skl-btn-sizer {\r\n    visibility: hidden; display: flex; align-items: center; padding: 0 40px; height: 58px;\r\n    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px;\r\n    letter-spacing: 1.2px; text-transform: uppercase;\r\n  }\r\n\r\n  .skl-text-layer {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px;\r\n    letter-spacing: 1.2px; text-transform: uppercase; white-space: nowrap;\r\n  }\r\n\r\n  \/* Primary *\/\r\n  .skl-btn-primary { border: 2px solid var(--seklift-orange); background-color: var(--seklift-orange); box-shadow: 0 6px 20px rgba(237, 83, 8, 0.15); }\r\n  .skl-btn-primary .skl-bg-overlay {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n    background-color: #FFFFFF; transform: translateY(-101%);\r\n    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s; z-index: 1;\r\n  }\r\n  .skl-btn-primary:hover .skl-bg-overlay { transform: translateY(0); transition-delay: 0s; }\r\n  .skl-btn-primary .out { color: #ffffff; z-index: 2; transform: translateY(0); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }\r\n  .skl-btn-primary .in { color: var(--seklift-orange); z-index: 2; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); }\r\n  .skl-btn-primary:hover .out { transform: translateY(100%); }\r\n  .skl-btn-primary:hover .in { transform: translateY(0); }\r\n\r\n  \/* Secondary *\/\r\n  .skl-btn-secondary { background-color: transparent; border: 2px solid var(--border-dark); }\r\n  .skl-btn-secondary .skl-bg-overlay {\r\n    position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n    background-color: var(--border-dark); transform: translateX(-101%);\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;\r\n  }\r\n  .skl-btn-secondary:hover .skl-bg-overlay { transform: translateX(0); }\r\n  .skl-btn-secondary .out { color: var(--border-dark); z-index: 2; transform: translateX(0); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }\r\n  .skl-btn-secondary .in { color: #ffffff; z-index: 2; transform: translateX(-100%); transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }\r\n  .skl-btn-secondary:hover .out { transform: translateX(100%); opacity: 0;}\r\n  .skl-btn-secondary:hover .in { transform: translateX(0); opacity: 1;}\r\n\r\n  \/* Elementor Editor Bypass *\/\r\n  body.elementor-editor-active .skl-heavy-blur { opacity: 1 !important; filter: blur(0px) !important; transform: none !important; transition: none !important; }\r\n  body.elementor-editor-active .skl-guarantee-block, body.elementor-editor-active .skl-seo-card { opacity: 1 !important; filter: blur(0px) !important; transform: none !important; border-left-color: var(--seklift-orange); }\r\n\r\n  \/* --- Mobile Adjustments --- *\/\r\n  @media (max-width: 1024px) {\r\n    .skl-scroll-grid { flex-direction: column; }\r\n    .skl-text-column { gap: 60px; padding: 100px 5% !important; margin-left: 0 !important; }\r\n    .skl-media-column { display: none; }\r\n    .skl-h2 { font-size: 2.8rem !important; }\r\n    .skl-block-title { font-size: 1.8rem !important; }\r\n    .skl-guarantee-block { padding: 30px 20px 30px 30px; margin-left: -30px; }\r\n    .skl-seo-card { padding: 40px 25px; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .skl-h2 { font-size: 2.2rem !important; }\r\n    .skl-cta-group { flex-direction: column; width: 100%; }\r\n    .skl-btn-base, .skl-btn-sizer { width: 100%; text-align: center; justify-content: center; }\r\n  }\r\n\r\n  \/* =========================================================\r\n     V4 \u2014 STICKY-SAFE BACKGROUND DECORATION ONLY\r\n     No overflow, transform, containment, isolation, or z-index\r\n     changes are applied to the sticky hierarchy.\r\n     ========================================================= *\/\r\n\r\n  .skl-force-scroll-master {\r\n    background-color: #F7EFEB;\r\n    background-image:\r\n      radial-gradient(circle at 8% 10%, rgba(237,83,8,.07), transparent 27rem),\r\n      radial-gradient(circle at 47% 84%, rgba(237,83,8,.035), transparent 24rem),\r\n      linear-gradient(rgba(23,24,25,.035) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(23,24,25,.035) 1px, transparent 1px);\r\n    background-size:\r\n      auto,\r\n      auto,\r\n      64px 64px,\r\n      64px 64px;\r\n  }\r\n\r\n  \/*\r\n    Decorations live inside the text column only.\r\n    They do not touch the sticky media column or any ancestor of it.\r\n  *\/\r\n  .skl-text-column {\r\n    position: relative;\r\n  }\r\n\r\n  .skl-text-column::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 118px;\r\n    bottom: 118px;\r\n    left: max(2.7%, calc((100vw - 1760px) \/ 2));\r\n    width: 1px;\r\n    background: linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      rgba(237,83,8,.24) 12%,\r\n      rgba(237,83,8,.06) 74%,\r\n      transparent\r\n    );\r\n    pointer-events: none;\r\n  }\r\n\r\n  .skl-text-column::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -150px;\r\n    top: 9%;\r\n    width: 330px;\r\n    height: 330px;\r\n    border: 1px solid rgba(237,83,8,.11);\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 0 30px rgba(237,83,8,.018),\r\n      0 0 0 62px rgba(237,83,8,.010);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .skl-intro-block {\r\n    position: relative;\r\n  }\r\n\r\n  .skl-intro-block::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: min(100%, 700px);\r\n    height: 1px;\r\n    margin-top: 42px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgba(237,83,8,.42),\r\n      rgba(237,83,8,.07) 48%,\r\n      transparent\r\n    );\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .skl-text-column::before {\r\n      top: 72px;\r\n      bottom: 72px;\r\n      left: 18px;\r\n    }\r\n\r\n    .skl-text-column::after {\r\n      width: 260px;\r\n      height: 260px;\r\n      left: -170px;\r\n    }\r\n  }\r\n\r\n<\/style>\r\n\r\n<section class=\"skl-force-scroll-master skl-heavy-blur\" id=\"global-partnership\">\r\n  <div class=\"skl-scroll-grid\">\r\n    \r\n    <!-- LEFT SIDE: The Scrolling Text Engine -->\r\n    <div class=\"skl-text-column\">\r\n      \r\n      <!-- Intro Block -->\r\n      <div class=\"skl-intro-block\">\r\n        <span class=\"skl-eyebrow\">Lifetime Engineering Partnership<\/span>\r\n        <h2 class=\"skl-h2\">Global Deployment & Comprehensive After-Sales Support<\/h2>\r\n        <p class=\"skl-p translation-block\">\r\n          Purchasing a vertical access system is only the beginning of our partnership. Operating from our advanced manufacturing hub in Adana, Turkey, <strong>Seklift provides turnkey logistical deployment and dedicated lifecycle maintenance<\/strong> to contractors anywhere in the world. From high-rise developments in Europe to heavy industrial plants across the globe, we guarantee total operational continuity.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- Scroll Stop 1 -->\r\n      <div class=\"skl-guarantee-block\">\r\n        <div class=\"skl-block-num\">01<\/div>\r\n        <h3 class=\"skl-block-title\">Proven Global Adaptability<\/h3>\r\n        <p class=\"skl-block-text\">Engineered to conquer any environment. Our systems currently operate flawlessly across the strictest regulatory zones in Europe and Canada, the sub-zero climates of Kazakhstan, the extreme heavy-duty conditions of Iraq, and the rapid high-rise and coastal developments of Azerbaijan and Cyprus. Wherever your site is located, we are ready to deploy.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Scroll Stop 2 -->\r\n      <div class=\"skl-guarantee-block\">\r\n        <div class=\"skl-block-num\">02<\/div>\r\n        <h3 class=\"skl-block-title\">Lifecycle Maintenance & Rapid Response<\/h3>\r\n        <p class=\"skl-block-text\">We protect your investment long after installation. Our after-sales division provides comprehensive on-site commissioning, preventative maintenance protocols, and rigorous safety training for your local workforce, ensuring maximum operational safety at all times.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Scroll Stop 3 -->\r\n      <div class=\"skl-guarantee-block\">\r\n        <div class=\"skl-block-num\">03<\/div>\r\n        <h3 class=\"skl-block-title\">Lifetime OEM Spare Parts<\/h3>\r\n        <p class=\"skl-block-text\">Never face a logistical bottleneck. As the direct manufacturer, we guarantee rapid global shipping for critical rack-and-pinion spare parts, heavy-duty motors, and mechanical safety brakes, ensuring zero downtime for your critical mega-projects.<\/p>\r\n      <\/div>\r\n\r\n      <!-- THE GRAND FINALE: Orange-Toned SEO Command Card -->\r\n      <div class=\"skl-seo-card\">\r\n        <h3 class=\"skl-seo-title\">Direct OEM Manufacturing & Global Supply<\/h3>\r\n        <p class=\"skl-seo-text translation-block\">\r\n          As a globally trusted <strong>industrial elevator manufacturer<\/strong>, we engineer and deploy CE-certified vertical access solutions for mega-projects worldwide. While our core OEM manufacturing hub operates out of <strong>Turkey<\/strong>, and our regional branch anchors <strong> Iraq<\/strong>, our logistical network and technical support span the globe. From heavy-duty construction hoists to suspended scaffolding, secure your supply chain directly from the manufacturer, anywhere in the world.\r\n        <\/p>\r\n        \r\n        <!-- Perfectly Centered CTAs -->\r\n        <div class=\"skl-cta-group\">\r\n          <!-- Primary -->\r\n          <a href=\"\/contact-us\" class=\"skl-btn-base skl-btn-primary\">\r\n            <div class=\"skl-btn-sizer\">Request Technical Consultation<\/div>\r\n            <div class=\"skl-bg-overlay\"><\/div>\r\n            <div class=\"skl-text-layer out\">Request Technical Consultation<\/div>\r\n            <div class=\"skl-text-layer in\">Request Technical Consultation<\/div>\r\n          <\/a>\r\n          <!-- Secondary (Direct Download) -->\r\n          <a href=\"https:\/\/seklift.com\/ar\/assets\/images\/seklift-machine-catalog.pdf\" download=\"seklift-machine-catalog.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"skl-btn-base skl-btn-secondary\">\r\n            <div class=\"skl-btn-sizer\">Download 2026 E-Catalog<\/div>\r\n            <div class=\"skl-bg-overlay\"><\/div>\r\n            <div class=\"skl-text-layer out\">Download 2026 E-Catalog<\/div>\r\n            <div class=\"skl-text-layer in\">Download 2026 E-Catalog<\/div>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE: The Full-Bleed Sticky Cinematic Viewport -->\r\n    <div class=\"skl-media-column\">\r\n      <div class=\"skl-sticky-wrapper\">\r\n        <div class=\"skl-media-frame\">\r\n          <video muted loop playsinline preload=\"none\" poster=\"\/wp-content\/uploads\/2026\/07\/seklift-factory-video-poster.webp\" class=\"skl-bg-video\" aria-label=\"SEKLIFT manufacturing process\">\r\n              <source data-src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Suspended-Platform.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n          <div class=\"skl-video-overlay\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Scroll Reveal Logic -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ 1. Initial Heavy Blur Reveal\r\n    const masterSection = document.querySelector('.skl-heavy-blur');\r\n    const introObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          introObserver.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.1 });\r\n    \r\n    if (masterSection) introObserver.observe(masterSection);\r\n\r\n    \/\/ 2. Blur-in Focus for BOTH text blocks and the new SEO Card\r\n    const scrollBlocks = document.querySelectorAll('.skl-guarantee-block, .skl-seo-card');\r\n    const scrollObserver = new IntersectionObserver((entries) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('in-view');\r\n        }\r\n      });\r\n    }, { threshold: 0.35 }); \r\n\r\n    scrollBlocks.forEach(block => scrollObserver.observe(block));\r\n\r\n    \/\/ Lazy load and play\/pause logic\r\n    const video = masterSection ? masterSection.querySelector('.skl-bg-video') : null;\r\n    if (video) {\r\n      const source = video.querySelector('source[data-src]');\r\n      let loaded = false;\r\n      const videoObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            if (!loaded && source) {\r\n              source.src = source.dataset.src;\r\n              source.removeAttribute('data-src');\r\n              video.load();\r\n              loaded = true;\r\n            }\r\n            video.play().catch(() => {});\r\n          } else {\r\n            video.pause();\r\n          }\r\n        });\r\n      }, { rootMargin: '320px 0px', threshold: 0.01 });\r\n      videoObserver.observe(video);\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-a2da551 e-con-full e-flex e-con e-parent\" data-id=\"a2da551\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76c4a2b elementor-widget elementor-widget-html\" data-id=\"76c4a2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .skl-proof-master {\r\n    content-visibility: auto;\r\n    contain-intrinsic-size: auto 2200px;\r\n    --seklift-orange: #ED5308;\r\n    --gold-star: #FACC15;\r\n    --toned-dark: #111111; \r\n    --text-light: #F8FAFC;\r\n    --text-muted: #9CA3AF;\r\n  }\r\n\r\n  \/* ==========================================\r\n     1. THE MASTER CONTAINER\r\n     ========================================== *\/\r\n  .skl-proof-master {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: clamp(100px, 9vw, 150px) 5% clamp(76px, 7vw, 110px);\r\n    background-color: var(--toned-dark);\r\n    overflow: hidden;\r\n    \r\n    background-image: \r\n      radial-gradient(circle at 50% -15%, rgba(237, 83, 8, 0.09), transparent 34%),\r\n      linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n    background-size: auto, 60px 60px, 60px 60px;\r\n    background-position: center top, center top, center top;\r\n    background-repeat: no-repeat, repeat, repeat;\r\n  }\r\n\r\n  .skl-proof-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 5;\r\n  }\r\n\r\n  \/* ==========================================\r\n     2. CENTERED HEADER\r\n     ========================================== *\/\r\n  .skl-proof-header {\r\n    text-align: center;\r\n    max-width: 980px;\r\n    margin: 0 auto clamp(56px, 6vw, 80px);\r\n  }\r\n\r\n  .skl-proof-eyebrow {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    color: var(--seklift-orange) !important;\r\n    letter-spacing: 3px !important;\r\n    text-transform: uppercase !important;\r\n    font-size: 0.85rem !important;\r\n    display: inline-block;\r\n    margin-bottom: 20px;\r\n    padding: 6px 18px;\r\n    background: rgba(237, 83, 8, 0.1);\r\n    border: 1px solid rgba(237, 83, 8, 0.2);\r\n    border-radius: 4px;\r\n  }\r\n\r\n  .skl-proof-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(2.35rem, 4.2vw, 3.5rem) !important;\r\n    line-height: 1.15 !important;\r\n    letter-spacing: -0.035em !important;\r\n    color: var(--text-light) !important;\r\n    margin: 0;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* ==========================================\r\n     3. THE 3-COLUMN TESTIMONIAL GRID\r\n     ========================================== *\/\r\n  .skl-testimonial-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: clamp(24px, 3vw, 40px);\r\n    margin-bottom: clamp(72px, 7vw, 100px);\r\n  }\r\n\r\n  .skl-test-card {\r\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.035));\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 14px;\r\n    padding: clamp(36px, 3.3vw, 50px) clamp(28px, 2.8vw, 40px);\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    min-height: 100%;\r\n    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);\r\n    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), \r\n                box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease;\r\n  }\r\n\r\n  .skl-test-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 3px;\r\n    background: linear-gradient(90deg, transparent, var(--seklift-orange), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n  }\r\n\r\n  .skl-test-card::after {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: -20px; right: 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: 15rem;\r\n    font-weight: 800;\r\n    color: rgba(255, 255, 255, 0.04);\r\n    line-height: 1;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    transition: color 0.4s ease, transform 0.4s ease;\r\n  }\r\n\r\n  .skl-test-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(237, 83, 8, 0.4);\r\n    background: linear-gradient(145deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.045));\r\n    box-shadow: 0 26px 54px rgba(0, 0, 0, 0.4);\r\n  }\r\n\r\n  .skl-test-card:hover::before { opacity: 1; }\r\n  .skl-test-card:hover::after {\r\n    color: rgba(237, 83, 8, 0.08);\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  .skl-test-content { position: relative; z-index: 2; }\r\n\r\n  .skl-stars { display: flex; gap: 5px; margin-bottom: 25px; }\r\n  .skl-star-icon { width: 20px; height: 20px; fill: var(--gold-star); }\r\n\r\n  .skl-quote-text {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 300 !important;\r\n    font-size: clamp(1rem, 1.1vw, 1.1rem) !important;\r\n    line-height: 1.75 !important;\r\n    color: var(--text-light) !important;\r\n    margin-bottom: 40px;\r\n    font-style: italic;\r\n  }\r\n\r\n  .skl-author-meta {\r\n    border-top: 1px solid rgba(255, 255, 255, 0.15);\r\n    padding-top: 25px;\r\n  }\r\n\r\n  .skl-author-name {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.1rem !important;\r\n    color: var(--seklift-orange) !important;\r\n    margin: 0 0 5px 0;\r\n  }\r\n\r\n  .skl-author-title {\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-weight: 400 !important;\r\n    font-size: 0.85rem !important;\r\n    color: var(--text-muted) !important;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  \/* ==========================================\r\n     4. THE NEW -50% JAVASCRIPT MARQUEE\r\n     ========================================== *\/\r\n  .skl-logo-wrapper {\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 30px 0 28px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .skl-logo-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    margin: 0 0 28px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: var(--text-muted);\r\n    font-size: 0.73rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    line-height: 1.4;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .skl-logo-heading::before,\r\n  .skl-logo-heading::after {\r\n    content: '';\r\n    width: clamp(28px, 4vw, 54px);\r\n    height: 1px;\r\n    background: rgba(237, 83, 8, 0.7);\r\n  }\r\n\r\n  \/* Fade masks for edges *\/\r\n  .skl-logo-wrapper::before,\r\n  .skl-logo-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 60px;\r\n    bottom: 0;\r\n    width: clamp(46px, 11vw, 170px);\r\n    z-index: 10;\r\n    pointer-events: none;\r\n  }\r\n  .skl-logo-wrapper::before { left: 0; background: linear-gradient(to right, var(--toned-dark), transparent); }\r\n  .skl-logo-wrapper::after { right: 0; background: linear-gradient(to left, var(--toned-dark), transparent); }\r\n\r\n  .skl-logo-track {\r\n    display: flex;\r\n    width: max-content;\r\n    transform: translate3d(0, 0, 0);\r\n    animation: skl-scroll 120s linear infinite; \r\n    will-change: transform;\r\n  }\r\n\r\n  .skl-logo-track.is-paused {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .skl-logo-set {\r\n    display: flex;\r\n    flex: none;\r\n    align-items: center;\r\n    gap: clamp(54px, 5.2vw, 84px);\r\n    padding-right: clamp(54px, 5.2vw, 84px);\r\n  }\r\n\r\n  .skl-client-logo {\r\n    width: clamp(150px, 14vw, 205px);\r\n    height: 88px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: none;\r\n    pointer-events: none; \/* Gap area doesn't trigger hover *\/\r\n  }\r\n\r\n  \/* Link wrapper rules to keep logos centered correctly *\/\r\n  .skl-client-logo a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .skl-client-logo img {\r\n    display: block;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    filter: brightness(0) invert(1) opacity(0.5);\r\n    transform: translate3d(0, 0, 0) scale(1);\r\n    transition: filter 0.55s ease, transform 0.55s ease;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    pointer-events: auto; \/* Allow hover ONLY on the actual image pixels *\/\r\n  }\r\n\r\n  .skl-client-logo img:hover {\r\n    filter: brightness(0) invert(1) opacity(1);\r\n    transform: translate3d(0, -2px, 0) scale(1.13);\r\n  }\r\n\r\n  @keyframes skl-scroll {\r\n    to {\r\n      transform: translate3d(-50%, 0, 0);\r\n    }\r\n  }\r\n\r\n  \/* ==========================================\r\n     5. LATEST BLOG POSTS\r\n     ========================================== *\/\r\n  .skl-blog-module {\r\n    position: relative;\r\n    margin-top: clamp(82px, 8vw, 118px);\r\n    padding-top: clamp(74px, 7vw, 104px);\r\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n  }\r\n\r\n  .skl-blog-header {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    align-items: end;\r\n    gap: 34px;\r\n    margin-bottom: clamp(38px, 4vw, 54px);\r\n  }\r\n\r\n  .skl-blog-heading-copy {\r\n    max-width: 820px;\r\n  }\r\n\r\n  .skl-blog-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin: 0 0 17px;\r\n    color: var(--seklift-orange) !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.78rem !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n    letter-spacing: 0.18em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .skl-blog-eyebrow::before {\r\n    content: '';\r\n    width: 32px;\r\n    height: 2px;\r\n    flex: none;\r\n    background: var(--seklift-orange);\r\n  }\r\n\r\n  .skl-blog-title {\r\n    max-width: 760px;\r\n    margin: 0;\r\n    color: var(--text-light) !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: clamp(2.15rem, 3.8vw, 3.35rem) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.08 !important;\r\n    letter-spacing: -0.04em !important;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .skl-blog-intro {\r\n    max-width: 720px;\r\n    margin: 20px 0 0;\r\n    color: rgba(248, 250, 252, 0.68) !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-size: clamp(0.98rem, 1.08vw, 1.08rem) !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.75 !important;\r\n  }\r\n\r\n  .skl-blog-all-link {\r\n    min-height: 50px;\r\n    padding: 0 20px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 11px;\r\n    border: 1px solid rgba(255, 255, 255, 0.22);\r\n    border-radius: 7px;\r\n    color: var(--text-light) !important;\r\n    background: rgba(255, 255, 255, 0.025);\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.84rem !important;\r\n    font-weight: 650 !important;\r\n    line-height: 1 !important;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    transition: color 0.28s ease, background-color 0.28s ease, border-color 0.28s ease, transform 0.28s ease;\r\n  }\r\n\r\n  .skl-blog-all-link svg,\r\n  .skl-blog-read-more svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    flex: none;\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.8;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .skl-blog-all-link:hover,\r\n  .skl-blog-all-link:focus-visible {\r\n    color: #ffffff !important;\r\n    background: var(--seklift-orange);\r\n    border-color: var(--seklift-orange);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .skl-blog-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.34fr) minmax(330px, 0.66fr);\r\n    grid-template-rows: repeat(2, minmax(286px, 1fr));\r\n    gap: clamp(20px, 2vw, 28px);\r\n  }\r\n\r\n  .skl-blog-entry {\r\n    min-width: 0;\r\n  }\r\n\r\n  .skl-blog-entry--featured {\r\n    grid-row: 1 \/ span 2;\r\n  }\r\n\r\n  .skl-blog-card {\r\n    position: relative;\r\n    min-height: 100%;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    isolation: isolate;\r\n    border: 1px solid rgba(255, 255, 255, 0.13);\r\n    border-radius: 16px;\r\n    background: #191919;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.28);\r\n    text-decoration: none !important;\r\n    transform: translateZ(0);\r\n    transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n\r\n  .skl-blog-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    background:\r\n      linear-gradient(180deg, rgba(8, 8, 8, 0.05) 15%, rgba(8, 8, 8, 0.48) 56%, rgba(8, 8, 8, 0.96) 100%),\r\n      linear-gradient(90deg, rgba(8, 8, 8, 0.22), transparent 60%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .skl-blog-card:hover,\r\n  .skl-blog-card:focus-visible {\r\n    border-color: rgba(237, 83, 8, 0.72);\r\n    box-shadow: 0 30px 64px rgba(0, 0, 0, 0.4);\r\n    transform: translateY(-5px);\r\n    outline: none;\r\n  }\r\n\r\n  .skl-blog-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -2;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n    object-fit: cover;\r\n    transform: scale(1.001);\r\n    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.55s ease;\r\n  }\r\n\r\n  .skl-blog-image--boarding { object-position: 50% 50%; }\r\n  .skl-blog-image--freight { object-position: 50% 38%; }\r\n  .skl-blog-image--types { object-position: 50% 37%; }\r\n\r\n  .skl-blog-card:hover .skl-blog-image,\r\n  .skl-blog-card:focus-visible .skl-blog-image {\r\n    transform: scale(1.045);\r\n    filter: saturate(1.06) contrast(1.03);\r\n  }\r\n\r\n  .skl-blog-card-content {\r\n    width: 100%;\r\n    padding: clamp(28px, 3.2vw, 48px);\r\n  }\r\n\r\n  .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card-content {\r\n    padding: clamp(24px, 2.4vw, 34px);\r\n  }\r\n\r\n  .skl-blog-meta {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 9px 12px;\r\n    margin-bottom: 15px;\r\n    color: rgba(255, 255, 255, 0.72) !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-size: 0.74rem !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.35 !important;\r\n    letter-spacing: 0.04em !important;\r\n  }\r\n\r\n  .skl-blog-category {\r\n    padding: 6px 10px;\r\n    border: 1px solid rgba(237, 83, 8, 0.45);\r\n    border-radius: 4px;\r\n    color: #ffffff !important;\r\n    background: rgba(237, 83, 8, 0.18);\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.67rem !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.09em !important;\r\n    text-transform: uppercase !important;\r\n  }\r\n\r\n  .skl-blog-card-title {\r\n    max-width: 790px;\r\n    margin: 0;\r\n    color: #ffffff !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: clamp(1.52rem, 2.6vw, 2.55rem) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.13 !important;\r\n    letter-spacing: -0.035em !important;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card-title {\r\n    font-size: clamp(1.22rem, 1.65vw, 1.62rem) !important;\r\n    line-height: 1.18 !important;\r\n  }\r\n\r\n  .skl-blog-excerpt {\r\n    max-width: 720px;\r\n    margin: 17px 0 0;\r\n    color: rgba(255, 255, 255, 0.76) !important;\r\n    font-family: 'Poppins', sans-serif !important;\r\n    font-size: clamp(0.9rem, 1vw, 1rem) !important;\r\n    font-weight: 300 !important;\r\n    line-height: 1.68 !important;\r\n  }\r\n\r\n  .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-excerpt {\r\n    display: -webkit-box;\r\n    overflow: hidden;\r\n    -webkit-box-orient: vertical;\r\n    -webkit-line-clamp: 2;\r\n    font-size: 0.88rem !important;\r\n    line-height: 1.55 !important;\r\n  }\r\n\r\n  .skl-blog-read-more {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin-top: 22px;\r\n    color: #ffffff !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 0.78rem !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    letter-spacing: 0.03em !important;\r\n  }\r\n\r\n  .skl-blog-read-more svg {\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .skl-blog-card:hover .skl-blog-read-more svg,\r\n  .skl-blog-card:focus-visible .skl-blog-read-more svg {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* ==========================================\r\n     6. LOAD ANIMATIONS\r\n     ========================================== *\/\r\n  .fade-up-stagger {\r\n    opacity: 0;\r\n    transform: translateY(40px);\r\n    transition: opacity 1.35s cubic-bezier(0.22, 1, 0.36, 1), transform 1.35s cubic-bezier(0.22, 1, 0.36, 1);\r\n  }\r\n  .fade-up-stagger.in-view {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n  \r\n  .delay-1 { transition-delay: 0.1s; }\r\n  .delay-2 { transition-delay: 0.2s; }\r\n  .delay-3 { transition-delay: 0.3s; }\r\n\r\n  body.elementor-editor-active .fade-up-stagger {\r\n    opacity: 1 !important;\r\n    filter: none !important;\r\n    transform: none !important;\r\n    transition: none !important;\r\n  }\r\n\r\n  \/* --- Mobile Adjustments --- *\/\r\n  @media (max-width: 1024px) {\r\n    .skl-testimonial-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    .skl-test-card { min-height: auto; }\r\n    .skl-blog-header {\r\n      grid-template-columns: 1fr;\r\n      align-items: start;\r\n      gap: 26px;\r\n    }\r\n    .skl-blog-all-link { justify-self: start; }\r\n    .skl-blog-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      grid-template-rows: auto;\r\n    }\r\n    .skl-blog-entry--featured {\r\n      grid-column: 1 \/ -1;\r\n      grid-row: auto;\r\n    }\r\n    .skl-blog-entry--featured .skl-blog-card { min-height: 500px; }\r\n    .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card { min-height: 390px; }\r\n  }\r\n  @media (max-width: 767px) {\r\n    .skl-test-card { padding: 40px 30px; }\r\n    .skl-logo-wrapper { padding: 25px 0 24px; }\r\n    .skl-logo-heading { margin-bottom: 22px; padding: 0 18px; }\r\n    .skl-logo-wrapper::before,\r\n    .skl-logo-wrapper::after { top: 54px; width: 46px; }\r\n    .skl-logo-set { gap: 44px; padding-right: 44px; }\r\n    .skl-client-logo { width: 132px; height: 72px; }\r\n    .skl-blog-module {\r\n      margin-top: 72px;\r\n      padding-top: 66px;\r\n    }\r\n    .skl-blog-header { margin-bottom: 34px; }\r\n    .skl-blog-title { font-size: clamp(2rem, 10vw, 2.7rem) !important; }\r\n    .skl-blog-all-link { width: 100%; }\r\n    .skl-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }\r\n    .skl-blog-entry--featured { grid-column: auto; }\r\n    .skl-blog-entry--featured .skl-blog-card,\r\n    .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card {\r\n      min-height: clamp(440px, 124vw, 530px);\r\n    }\r\n    .skl-blog-card-content,\r\n    .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card-content {\r\n      padding: 28px 24px;\r\n    }\r\n    .skl-blog-card-title,\r\n    .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-card-title {\r\n      font-size: clamp(1.42rem, 7.2vw, 1.85rem) !important;\r\n    }\r\n    .skl-blog-entry:not(.skl-blog-entry--featured) .skl-blog-excerpt {\r\n      display: block;\r\n      overflow: visible;\r\n      -webkit-line-clamp: unset;\r\n      font-size: 0.91rem !important;\r\n      line-height: 1.62 !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .skl-logo-wrapper { overflow-x: auto; scrollbar-width: thin; }\r\n    .skl-logo-wrapper::before,\r\n    .skl-logo-wrapper::after { display: none; }\r\n    .skl-logo-track { animation: none !important; transform: none !important; }\r\n    .skl-logo-set[aria-hidden=\"true\"] { display: none; }\r\n    .fade-up-stagger { opacity: 1; filter: none; transform: none; transition: none; }\r\n    .skl-blog-card,\r\n    .skl-blog-image,\r\n    .skl-blog-all-link,\r\n    .skl-blog-read-more svg { transition: none !important; }\r\n    .skl-blog-card:hover,\r\n    .skl-blog-card:focus-visible,\r\n    .skl-blog-card:hover .skl-blog-image,\r\n    .skl-blog-card:focus-visible .skl-blog-image { transform: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"skl-proof-master\" id=\"verified-performance\">\r\n  <div class=\"skl-proof-container\">\r\n    <!-- HEADER -->\r\n    <div class=\"skl-proof-header fade-up-stagger\">\r\n      <span class=\"skl-proof-eyebrow\">Verified Global Performance<\/span>\r\n      <h2 class=\"skl-proof-title\">Trusted by Industry Leaders Worldwide<\/h2>\r\n    <\/div>\r\n\r\n    <!-- THE 3-COLUMN TESTIMONIAL GRID -->\r\n    <div class=\"skl-testimonial-grid\">\r\n      <!-- Card 1: Extreme Conditions -->\r\n      <div class=\"skl-test-card fade-up-stagger delay-1\">\r\n        <div class=\"skl-test-content\">\r\n          <div class=\"skl-stars\">\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n          <\/div>\r\n          <p class=\"skl-quote-text\">\"When operating in extreme sub-zero temperatures, equipment failure is not an option. Seklift\u2019s heavy-duty construction hoists delivered flawless vertical speed and zero downtime throughout our entire 24-month high-rise project in Kazakhstan. True industrial-grade reliability.\"<\/p>\r\n        <\/div>\r\n        <div class=\"skl-author-meta\">\r\n          <p class=\"skl-author-name\">Senior Site Manager<\/p>\r\n          <p class=\"skl-author-title\">Global Mega-Project<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: Safety & Compliance -->\r\n      <div class=\"skl-test-card fade-up-stagger delay-2\">\r\n        <div class=\"skl-test-content\">\r\n          <div class=\"skl-stars\">\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n          <\/div>\r\n          <p class=\"skl-quote-text\">\"Finding a direct OEM that meets strict European EN 1808 safety norms was critical for our architectural team. Seklift engineered a custom Building Maintenance Unit (BMU) that perfectly integrated with our complex facade. The CE-certified quality and factory-direct pricing are unmatched.\"<\/p>\r\n        <\/div>\r\n        <div class=\"skl-author-meta\">\r\n          <p class=\"skl-author-name\">Director of Engineering<\/p>\r\n          <p class=\"skl-author-title\">Commercial Real Estate<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: After-Sales & OEM -->\r\n      <div class=\"skl-test-card fade-up-stagger delay-3\">\r\n        <div class=\"skl-test-content\">\r\n          <div class=\"skl-stars\">\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n            <svg class=\"skl-star-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"><\/path><\/svg>\r\n          <\/div>\r\n          <p class=\"skl-quote-text\">\"Bypassing middlemen to work directly with an industrial elevator manufacturer changed our site logistics completely. Seklift not only provided a rugged rack-and-pinion freight system for our cement plant, but their rapid deployment of OEM spare parts to our site in Iraq has been exceptional.\"<\/p>\r\n        <\/div>\r\n        <div class=\"skl-author-meta\">\r\n          <p class=\"skl-author-name\">Procurement Director<\/p>\r\n          <p class=\"skl-author-title\">Heavy Manufacturing Facility<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- THE JAVASCRIPT-CLONED MARQUEE -->\r\n    <div class=\"skl-logo-wrapper fade-up-stagger delay-1\">\r\n      <p class=\"skl-logo-heading\">Selected partners and clients<\/p>\r\n      \r\n      <div class=\"skl-logo-track\">\r\n        <!-- EXACTLY ONE SET IN HTML (JS CLONES IT) -->\r\n        <div class=\"skl-logo-set\">\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img alt=\"\u00d6zt\u00fcre Konutlar\u0131\" loading=\"eager\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/ozture.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/omerbayram.com.tr\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"\u00d6mer Bayram \u0130n\u015faat\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/omer-bayram.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/www.nwconstruction.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"North West Construction\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/northwest.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Baraw Lutka Company\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/lukta.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/www.kurkinsaat.com.tr\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"K\u00fcrk \u0130n\u015faat\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kurk.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Kule Yap\u0131 Denetim\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kule.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Kazakhstan Mining Group\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kazakhstan-mining.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"KOLL \u0130n\u015faat Ltd\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/koli.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/www.kazminerals.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"KAZ Minerals\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/kaz-minerals.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"G\u00fcvelo\u011flu \u0130n\u015faat\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Guveloglu.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/gunepyapi.com.tr\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"G\u00fcnep Yap\u0131\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/gunep.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/goktekinyapi.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"G\u00f6ktekin Yap\u0131\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Goktekin.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"DAREM Trading Limited\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Dream.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Doski Home\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/doski.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/demsconstruction.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"Dem's Construction\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/dems.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <a href=\"https:\/\/www.aksay.com.tr\/\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n              <img loading=\"lazy\" alt=\"Aksay \u0130n\u015faat\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Aksay.webp\" width=\"440\" height=\"240\"\/>\r\n            <\/a>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Akif G\u00fcltekin\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/akif.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Aker A.\u015e.\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/aker.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Adenus\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/adenus.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Yama\u00e7 GYG\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/yamac.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n          <span class=\"skl-client-logo\">\r\n            <img loading=\"lazy\" alt=\"Sarus \u0130n\u015faat\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/sarus.webp\" width=\"440\" height=\"240\"\/>\r\n          <\/span>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LATEST BLOG POSTS: FINAL HOMEPAGE CONTENT -->\r\n    <section class=\"skl-blog-module\" aria-labelledby=\"skl-blog-title\">\r\n      <div class=\"skl-blog-header fade-up-stagger\">\r\n        <div class=\"skl-blog-heading-copy\">\r\n          <p class=\"skl-blog-eyebrow translation-block\">Latest from SEKLIFT<\/p>\r\n          <h2 class=\"skl-blog-title translation-block\" id=\"skl-blog-title\">Practical Guides for Vertical Access Projects<\/h2>\r\n          <p class=\"skl-blog-intro translation-block\">Explore clear guidance on construction hoists, industrial elevators, project safety and equipment selection for contractors, engineers and procurement teams.<\/p>\r\n        <\/div>\r\n\r\n        <a class=\"skl-blog-all-link\" href=\"\/blog\/\">\r\n          <span class=\"translation-block\">Explore All Articles<\/span>\r\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"skl-blog-grid\">\r\n        <article class=\"skl-blog-entry skl-blog-entry--featured fade-up-stagger delay-1\">\r\n          <a class=\"skl-blog-card\" href=\"\/blog\/construction-hoist-boarding-landing-safety\/\">\r\n            <img loading=\"lazy\"\r\n              class=\"skl-blog-image skl-blog-image--boarding\"\r\n              src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Where-Do-You-Board-and-Exit-a-Construction-Hoist-scaled.webp\"\r\n              alt=\"Construction hoist positioned beside a multi-storey building landing\"\r\n              width=\"2560\"\r\n              height=\"1920\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n            <div class=\"skl-blog-card-content\">\r\n              <div class=\"skl-blog-meta\">\r\n                <span class=\"skl-blog-category translation-block\">Construction Hoists<\/span>\r\n                <time class=\"translation-block\" datetime=\"2026-08-11\">11 August 2026<\/time>\r\n                <span aria-hidden=\"true\">\u2022<\/span>\r\n                <span class=\"translation-block\">7 min read<\/span>\r\n              <\/div>\r\n              <h3 class=\"skl-blog-card-title translation-block\">Where Do You Board and Exit a Construction Hoist?<\/h3>\r\n              <p class=\"skl-blog-excerpt translation-block\">Understand construction-hoist landing points, landing gates, safe boarding and exiting, loading practices, operator responsibilities and emergency procedures.<\/p>\r\n              <span class=\"skl-blog-read-more\">\r\n                <span class=\"translation-block\">Read Article<\/span>\r\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"skl-blog-entry fade-up-stagger delay-2\">\r\n          <a class=\"skl-blog-card\" href=\"\/blog\/what-is-a-freight-lift\/\">\r\n            <img loading=\"lazy\"\r\n              class=\"skl-blog-image skl-blog-image--freight\"\r\n              src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/What-Is-a-Freight-Lift.webp\"\r\n              alt=\"Industrial freight lift serving a warehouse loading level\"\r\n              width=\"1242\"\r\n              height=\"1832\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n            <div class=\"skl-blog-card-content\">\r\n              <div class=\"skl-blog-meta\">\r\n                <span class=\"skl-blog-category translation-block\">Industrial Elevators<\/span>\r\n                <time class=\"translation-block\" datetime=\"2026-08-11\">11 August 2026<\/time>\r\n                <span aria-hidden=\"true\">\u2022<\/span>\r\n                <span class=\"translation-block\">6 min read<\/span>\r\n              <\/div>\r\n              <h3 class=\"skl-blog-card-title translation-block\">What Is a Freight Lift?<\/h3>\r\n              <p class=\"skl-blog-excerpt translation-block\">A practical guide to freight lifts and industrial elevators, including common drive systems, rated capacity, applications and selection factors.<\/p>\r\n              <span class=\"skl-blog-read-more\">\r\n                <span class=\"translation-block\">Read Article<\/span>\r\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n\r\n        <article class=\"skl-blog-entry fade-up-stagger delay-3\">\r\n          <a class=\"skl-blog-card\" href=\"\/blog\/types-of-construction-hoists\/\">\r\n            <img loading=\"lazy\"\r\n              class=\"skl-blog-image skl-blog-image--types\"\r\n              src=\"https:\/\/seklift.com\/wp-content\/uploads\/2026\/08\/Types-of-Construction-Hoists.webp\"\r\n              alt=\"Construction hoist systems installed on a high-rise project\"\r\n              width=\"1242\"\r\n              height=\"1655\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            \/>\r\n            <div class=\"skl-blog-card-content\">\r\n              <div class=\"skl-blog-meta\">\r\n                <span class=\"skl-blog-category translation-block\">Construction Hoists<\/span>\r\n                <time class=\"translation-block\" datetime=\"2026-08-11\">11 August 2026<\/time>\r\n                <span aria-hidden=\"true\">\u2022<\/span>\r\n                <span class=\"translation-block\">6 min read<\/span>\r\n              <\/div>\r\n              <h3 class=\"skl-blog-card-title translation-block\">Types of Construction Hoists<\/h3>\r\n              <p class=\"skl-blog-excerpt translation-block\">Learn how passenger-and-material and material-only hoist systems differ, and what to consider when selecting equipment for a project.<\/p>\r\n              <span class=\"skl-blog-read-more\">\r\n                <span class=\"translation-block\">Read Article<\/span>\r\n                <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\r\n              <\/span>\r\n            <\/div>\r\n          <\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- THE EXACT JS LOGIC FROM YOUR WORKING SNIPPET -->\r\n<script>\r\n  (() => {\r\n    const initMarqueeMerge = (root) => {\r\n      if (root.dataset.sklReady === \"true\") return;\r\n      root.dataset.sklReady = \"true\";\r\n\r\n      const track = root.querySelector(\".skl-logo-track\");\r\n      const originalSet = root.querySelector(\".skl-logo-set\");\r\n      \r\n      if (!track || !originalSet) return;\r\n\r\n      \/* Uses the exact loop logic from your working snippet to ensure runway is covered *\/\r\n      const originalItems = Array.from(originalSet.children).map((item) => item.cloneNode(true));\r\n      const runway = document.createDocumentFragment();\r\n      for (let repeat = 0; repeat < 1; repeat += 1) { \r\n        originalItems.forEach((item) => runway.appendChild(item.cloneNode(true)));\r\n      }\r\n      originalSet.appendChild(runway);\r\n\r\n      \/* Clones the full set to create the seamless 50% loop *\/\r\n      const clonedSet = originalSet.cloneNode(true);\r\n      clonedSet.setAttribute(\"aria-hidden\", \"true\");\r\n      clonedSet.querySelectorAll(\"img\").forEach((image) => {\r\n        image.alt = \"\"; \/\/ Clears alt tags for screen readers on duplicate set\r\n      });\r\n      track.appendChild(clonedSet);\r\n\r\n      \/* Hover pause logic exactly as you provided *\/\r\n      track.addEventListener(\"pointerover\", (event) => {\r\n        const image = event.target.closest(\".skl-client-logo img\");\r\n        if (!image || image.contains(event.relatedTarget)) return;\r\n        track.classList.add(\"is-paused\");\r\n      });\r\n\r\n      track.addEventListener(\"pointerout\", (event) => {\r\n        const image = event.target.closest(\".skl-client-logo img\");\r\n        if (!image || image.contains(event.relatedTarget)) return;\r\n        track.classList.remove(\"is-paused\");\r\n      });\r\n\r\n      \/* Entrance Animation Observer for the fade-up items *\/\r\n      const animatedElements = root.querySelectorAll('.fade-up-stagger');\r\n      if (!(\"IntersectionObserver\" in window)) {\r\n        animatedElements.forEach((el) => el.classList.add(\"in-view\"));\r\n        return;\r\n      }\r\n      const observer = new IntersectionObserver(\r\n        (entries) => {\r\n          entries.forEach((entry) => {\r\n            if (!entry.isIntersecting) return;\r\n            entry.target.classList.add('in-view');\r\n            observer.unobserve(entry.target);\r\n          });\r\n        },\r\n        { threshold: 0.15 }\r\n      );\r\n      animatedElements.forEach((el) => observer.observe(el));\r\n    };\r\n\r\n    document.querySelectorAll(\".skl-proof-master\").forEach(initMarqueeMerge);\r\n  })();\r\n<\/script>\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>SEKLIFT MACHINE OEM VERTICAL ACCESS SYSTEMS Premium Heavy Duty Construction Hoist Manufacturer in Turkey &amp; Global Vertical Access Solutions As a leading vertical access equipment manufacturer, SEKLIFT Machine engineers reliable access systems for construction, industrial, mining and fa\u00e7ade applications worldwide. From our advanced OEM facility in Turkey, we design and export heavy duty construction hoists, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1064,"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":2285,"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/pages\/8\/revisions\/2285"}],"wp:attachment":[{"href":"https:\/\/seklift.com\/es\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}