.elementor-1909 .elementor-element.elementor-element-d58d789{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-1909 .elementor-element.elementor-element-d58d789:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-d58d789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1909 .elementor-element.elementor-element-61958c4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1909 .elementor-element.elementor-element-61958c4:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-61958c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1909 .elementor-element.elementor-element-e842eec{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-e842eec:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-e842eec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hapticx.com.my/wp-content/uploads/2026/02/Hapticx-IP-Avatar-background-black-grid-.webp");background-position:center center;background-size:cover;}.elementor-1909 .elementor-element.elementor-element-e842eec::before, .elementor-1909 .elementor-element.elementor-element-e842eec > .elementor-background-video-container::before, .elementor-1909 .elementor-element.elementor-element-e842eec > .e-con-inner > .elementor-background-video-container::before, .elementor-1909 .elementor-element.elementor-element-e842eec > .elementor-background-slideshow::before, .elementor-1909 .elementor-element.elementor-element-e842eec > .e-con-inner > .elementor-background-slideshow::before, .elementor-1909 .elementor-element.elementor-element-e842eec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-4982983{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-5333d89{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Haptic X", Sans-serif;font-size:18px;font-weight:300;color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-5333d89.elementor-element{--align-self:center;}.elementor-1909 .elementor-element.elementor-element-2cccb21{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1909 .elementor-element.elementor-element-2cccb21 .elementor-icon-wrapper{text-align:center;}.elementor-1909 .elementor-element.elementor-element-2cccb21.elementor-view-stacked .elementor-icon{background-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-2cccb21.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-2cccb21.elementor-view-default .elementor-icon{color:#BEBEBE;border-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-2cccb21.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-2cccb21.elementor-view-default .elementor-icon svg{fill:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-2cccb21 .elementor-icon{font-size:20px;}.elementor-1909 .elementor-element.elementor-element-2cccb21 .elementor-icon svg{height:20px;}.elementor-1909 .elementor-element.elementor-element-487e403{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-44cc57f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Haptic X", Sans-serif;font-size:18px;font-weight:300;color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b.elementor-element{--align-self:center;}.elementor-1909 .elementor-element.elementor-element-b763816{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1909 .elementor-element.elementor-element-b763816 .elementor-icon-wrapper{text-align:center;}.elementor-1909 .elementor-element.elementor-element-b763816.elementor-view-stacked .elementor-icon{background-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-b763816.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-b763816.elementor-view-default .elementor-icon{color:#BEBEBE;border-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-b763816.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-b763816.elementor-view-default .elementor-icon svg{fill:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-b763816 .elementor-icon{font-size:20px;}.elementor-1909 .elementor-element.elementor-element-b763816 .elementor-icon svg{height:20px;}.elementor-1909 .elementor-element.elementor-element-b3d3bc4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-176a080{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-5d8f12e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Haptic X", Sans-serif;font-size:18px;font-weight:300;color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-5d8f12e.elementor-element{--align-self:center;}.elementor-1909 .elementor-element.elementor-element-aa1c93b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1909 .elementor-element.elementor-element-aa1c93b .elementor-icon-wrapper{text-align:center;}.elementor-1909 .elementor-element.elementor-element-aa1c93b.elementor-view-stacked .elementor-icon{background-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-aa1c93b.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-aa1c93b.elementor-view-default .elementor-icon{color:#BEBEBE;border-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-aa1c93b.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-aa1c93b.elementor-view-default .elementor-icon svg{fill:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-aa1c93b .elementor-icon{font-size:20px;}.elementor-1909 .elementor-element.elementor-element-aa1c93b .elementor-icon svg{height:20px;}.elementor-1909 .elementor-element.elementor-element-fb46f1e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-e81a266{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-aa2449e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Haptic X", Sans-serif;font-size:18px;font-weight:300;color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-aa2449e.elementor-element{--align-self:center;}.elementor-1909 .elementor-element.elementor-element-0d8f201{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1909 .elementor-element.elementor-element-0d8f201 .elementor-icon-wrapper{text-align:center;}.elementor-1909 .elementor-element.elementor-element-0d8f201.elementor-view-stacked .elementor-icon{background-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-0d8f201.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-0d8f201.elementor-view-default .elementor-icon{color:#BEBEBE;border-color:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-0d8f201.elementor-view-framed .elementor-icon, .elementor-1909 .elementor-element.elementor-element-0d8f201.elementor-view-default .elementor-icon svg{fill:#BEBEBE;}.elementor-1909 .elementor-element.elementor-element-0d8f201 .elementor-icon{font-size:20px;}.elementor-1909 .elementor-element.elementor-element-0d8f201 .elementor-icon svg{height:20px;}.elementor-1909 .elementor-element.elementor-element-695a032{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-64a6cb8{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1909 .elementor-element.elementor-element-64a6cb8:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-64a6cb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:2400px){.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--grid-auto-flow:row;}.elementor-1909 .elementor-element.elementor-element-5333d89{font-size:16px;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b{font-size:16px;}.elementor-1909 .elementor-element.elementor-element-5d8f12e{font-size:16px;}.elementor-1909 .elementor-element.elementor-element-aa2449e{font-size:16px;}}@media(max-width:1024px){.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--grid-auto-flow:row;}.elementor-1909 .elementor-element.elementor-element-5333d89{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-5d8f12e{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-aa2449e{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;font-size:16px;}}@media(max-width:880px){.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--grid-auto-flow:row;}.elementor-1909 .elementor-element.elementor-element-5333d89{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-5d8f12e{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:16px;}.elementor-1909 .elementor-element.elementor-element-aa2449e{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;font-size:16px;}}@media(max-width:520px){.elementor-1909 .elementor-element.elementor-element-e842eec{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1909 .elementor-element.elementor-element-7a2c4d2{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1909 .elementor-element.elementor-element-5333d89{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1909 .elementor-element.elementor-element-2ff8c1b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1909 .elementor-element.elementor-element-5d8f12e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-1909 .elementor-element.elementor-element-aa2449e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-4982983 *//* ================================ HAPTIC X Glass Mirror Container Class: hx-glass-mirror ================================ */ .hx-glass-mirror { background: rgba(25, 25, 25, 0.55); /* dark grey glass */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.08); /* soft border */ border-radius: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(255, 255, 255, 0.03); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44cc57f *//* ================================ HAPTIC X Glass Mirror Container Class: hx-glass-mirror ================================ */ .hx-glass-mirror { background: rgba(25, 25, 25, 0.55); /* dark grey glass */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.08); /* soft border */ border-radius: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(255, 255, 255, 0.03); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-176a080 *//* ================================ HAPTIC X Glass Mirror Container Class: hx-glass-mirror ================================ */ .hx-glass-mirror { background: rgba(25, 25, 25, 0.55); /* dark grey glass */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.08); /* soft border */ border-radius: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(255, 255, 255, 0.03); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e81a266 *//* ================================ HAPTIC X Glass Mirror Container Class: hx-glass-mirror ================================ */ .hx-glass-mirror { background: rgba(25, 25, 25, 0.55); /* dark grey glass */ backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.08); /* soft border */ border-radius: 22px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55), inset 0 0 25px rgba(255, 255, 255, 0.03); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e842eec */.fade-edge { position: relative; overflow: hidden; } .fade-edge:before, .fade-edge:after { content: ""; position: absolute; left: 0; width: 100%; height: 250px; z-index: 5; pointer-events: none; } /* TOP fade (extra dark) */ .fade-edge:before { top: 0; background: linear-gradient( to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100% ); } /* BOTTOM fade (normal) */ .fade-edge:after { bottom: 0; background: linear-gradient( to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0) 100% ); } /* Mobile */ @media (max-width: 520px) { .fade-edge:before, .fade-edge:after { height: 150px !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Haptic X'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://hapticx.com.my/wp-content/uploads/2025/08/manifold-cf-bold.ttf') format('truetype'); } @font-face { font-family: 'Haptic X'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://hapticx.com.my/wp-content/uploads/2025/08/manifold-cf-medium.ttf') format('truetype'); } @font-face { font-family: 'Haptic X'; font-style: normal; font-weight: 500; font-display: auto; src: ; } @font-face { font-family: 'Haptic X'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://hapticx.com.my/wp-content/uploads/2025/08/manifold-cf.ttf') format('truetype'); } /* End Custom Fonts CSS */