.elementor-19 .elementor-element.elementor-element-7ebd556{--display:flex;--min-height:750px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-19 .elementor-element.elementor-element-7ebd556:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-7ebd556 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FF3C42 0%, #EE1D23 54%);}.elementor-19 .elementor-element.elementor-element-7ebd556::before, .elementor-19 .elementor-element.elementor-element-7ebd556 > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-7ebd556 > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-7ebd556 > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-7ebd556 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-7ebd556 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/Resgiter-Banner-bg.png");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-751b467{width:var( --container-widget-width, 195px );max-width:195px;--container-widget-width:195px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:35px;color:var( --e-global-color-accent );}.elementor-19 .elementor-element.elementor-element-7a31904{z-index:2;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-b0bec37{width:var( --container-widget-width, 200px );max-width:200px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:200px;--container-widget-flex-grow:0;bottom:60px;z-index:2;}.elementor-19 .elementor-element.elementor-element-ce6643a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overflow:hidden;--overlay-opacity:1;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:250px;--padding-left:160px;--padding-right:160px;}.elementor-19 .elementor-element.elementor-element-ce6643a:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-ce6643a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;background-image:url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/Gallery_Img-6.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-ce6643a::before, .elementor-19 .elementor-element.elementor-element-ce6643a > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-ce6643a > .e-con-inner > .elementor-background-video-container::before, .elementor-19 .elementor-element.elementor-element-ce6643a > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-ce6643a > .e-con-inner > .elementor-background-slideshow::before, .elementor-19 .elementor-element.elementor-element-ce6643a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #F6F6F6 20%, #FFFFFFDB 100%);}.elementor-19 .elementor-element.elementor-element-fc733db{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1b636ef{width:var( --container-widget-width, 265px );max-width:265px;--container-widget-width:265px;--container-widget-flex-grow:0;z-index:2;text-align:start;}.elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:35px;color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-9b0a7b5{z-index:2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-f17282f{width:var( --container-widget-width, 85% );max-width:85%;padding:20px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;font-family:"Arial", Sans-serif;font-size:18px;font-weight:400;}.elementor-19 .elementor-element.elementor-element-f17282f p{margin-block-end:0px;}.elementor-19 .elementor-element.elementor-element-f51129c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-c58d2f9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-19 .elementor-element.elementor-element-cb17d99{width:var( --container-widget-width, 110px );max-width:110px;margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;--container-widget-width:110px;--container-widget-flex-grow:0;top:20px;text-align:start;}.elementor-19 .elementor-element.elementor-element-cb17d99.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-cb17d99{left:-58px;}body.rtl .elementor-19 .elementor-element.elementor-element-cb17d99{right:-58px;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-8f3a226{left:0px;}body.rtl .elementor-19 .elementor-element.elementor-element-8f3a226{right:0px;}.elementor-19 .elementor-element.elementor-element-8f3a226{top:0px;}.elementor-19 .elementor-element.elementor-element-8defd11{background-color:var( --e-global-color-accent );padding:28px 35px 28px 35px;bottom:-42px;z-index:6;border-style:solid;border-width:2px 2px 2px 2px;border-color:#231F20;border-radius:10px 10px 10px 10px;box-shadow:4px 4px 0px 0px #231F20;}.elementor-19 .elementor-element.elementor-element-8defd11.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-8defd11{right:-85px;}body.rtl .elementor-19 .elementor-element.elementor-element-8defd11{left:-85px;}.elementor-19 .elementor-element.elementor-element-8defd11 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-f7a0bd2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e2703a2{z-index:2;text-align:start;}.elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;line-height:45px;color:var( --e-global-color-accent );}.elementor-19 .elementor-element.elementor-element-217393b{z-index:2;}.elementor-19 .elementor-element.elementor-element-661d602{padding:20px 0px 50px 0px;text-align:start;font-family:"Arial", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-accent );}.elementor-19 .elementor-element.elementor-element-661d602 p{margin-block-end:0px;}.elementor-19 .elementor-element.elementor-element-1e8c648{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-19 .elementor-element.elementor-element-4272c95{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;top:15px;z-index:1;text-align:end;}.elementor-19 .elementor-element.elementor-element-4272c95.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-4272c95{right:7px;}body.rtl .elementor-19 .elementor-element.elementor-element-4272c95{left:7px;}.elementor-19 .elementor-element.elementor-element-9678271{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-19 .elementor-element.elementor-element-f5250a8{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-f5250a8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#F6F6F6;}.elementor-19 .elementor-element.elementor-element-342be73{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-19 .elementor-element.elementor-element-a3900ac{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;top:15px;z-index:1;text-align:end;}.elementor-19 .elementor-element.elementor-element-a3900ac.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-a3900ac{right:7px;}body.rtl .elementor-19 .elementor-element.elementor-element-a3900ac{left:7px;}.elementor-19 .elementor-element.elementor-element-05886fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-19 .elementor-element.elementor-element-026bf88{width:var( --container-widget-width, 263px );max-width:263px;margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:263px;--container-widget-flex-grow:0;text-align:center;}.elementor-19 .elementor-element.elementor-element-026bf88.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-026bf88 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#F6F6F6;}.elementor-19 .elementor-element.elementor-element-16123f4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-19 .elementor-element.elementor-element-0d51b2c{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;top:15px;z-index:1;text-align:end;}.elementor-19 .elementor-element.elementor-element-0d51b2c.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-0d51b2c{right:7px;}body.rtl .elementor-19 .elementor-element.elementor-element-0d51b2c{left:7px;}.elementor-19 .elementor-element.elementor-element-564e459{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-19 .elementor-element.elementor-element-72a8b9a{width:var( --container-widget-width, 292px );max-width:292px;margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;--container-widget-width:292px;--container-widget-flex-grow:0;text-align:center;}.elementor-19 .elementor-element.elementor-element-72a8b9a.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-72a8b9a .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#F6F6F6;}.elementor-19 .elementor-element.elementor-element-97faf45{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:30px;padding:0px 160px 0px 160px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-dots-normal-color:var( --e-global-color-accent );--e-n-carousel-dots-hover-color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-08d2c26{width:100%;max-width:100%;padding:0px 0px 0px 0px;bottom:323px;z-index:-1;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-08d2c26{left:0px;}body.rtl .elementor-19 .elementor-element.elementor-element-08d2c26{right:0px;}@media(max-width:1366px){.elementor-19 .elementor-element.elementor-element-7ebd556{--min-height:650px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-19 .elementor-element.elementor-element-751b467{--container-widget-width:173px;--container-widget-flex-grow:0;width:var( --container-widget-width, 173px );max-width:173px;}.elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title{font-size:16px;line-height:27px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-b0bec37{--container-widget-width:180px;--container-widget-flex-grow:0;width:var( --container-widget-width, 180px );max-width:180px;}.elementor-19 .elementor-element.elementor-element-ce6643a{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:150px;--padding-bottom:180px;--padding-left:40px;--padding-right:40px;}.elementor-19 .elementor-element.elementor-element-fc733db{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1b636ef{--container-widget-width:230px;--container-widget-flex-grow:0;width:var( --container-widget-width, 230px );max-width:230px;text-align:start;}.elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title{font-size:16px;line-height:25px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-f17282f{width:100%;max-width:100%;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-cb17d99{left:-43px;}body.rtl .elementor-19 .elementor-element.elementor-element-cb17d99{right:-43px;}.elementor-19 .elementor-element.elementor-element-cb17d99{top:1px;z-index:2;}.elementor-19 .elementor-element.elementor-element-8defd11{padding:25px 20px 25px 20px;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-8defd11{right:-20px;}body.rtl .elementor-19 .elementor-element.elementor-element-8defd11{left:-20px;}.elementor-19 .elementor-element.elementor-element-8defd11 .elementor-heading-title{font-size:20px;}.elementor-19 .elementor-element.elementor-element-f7a0bd2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:220px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e2703a2{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;text-align:start;}.elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title{font-size:16px;line-height:30px;}.elementor-19 .elementor-element.elementor-element-f5250a8{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 70px;}.elementor-19 .elementor-element.elementor-element-72a8b9a{margin:80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-97faf45{padding:0px 40px 0px 40px;}.elementor-19 .elementor-element.elementor-element-08d2c26{bottom:315px;z-index:-1;}}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-7ebd556{--min-height:500px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title{font-size:14px;line-height:27px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-b0bec37{--container-widget-width:150px;--container-widget-flex-grow:0;width:var( --container-widget-width, 150px );max-width:150px;bottom:40px;}.elementor-19 .elementor-element.elementor-element-ce6643a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:120px;--padding-left:30px;--padding-right:30px;}.elementor-19 .elementor-element.elementor-element-fc733db{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-1b636ef{--container-widget-width:200px;--container-widget-flex-grow:0;width:var( --container-widget-width, 200px );max-width:200px;}.elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title{font-size:14px;line-height:11px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-f17282f{width:100%;max-width:100%;text-align:center;font-size:15px;}.elementor-19 .elementor-element.elementor-element-f51129c{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-cb17d99{left:-40px;}body.rtl .elementor-19 .elementor-element.elementor-element-cb17d99{right:-40px;}.elementor-19 .elementor-element.elementor-element-cb17d99{top:-7px;text-align:end;}.elementor-19 .elementor-element.elementor-element-8defd11{padding:18px 20px 18px 20px;bottom:-25px;}.elementor-19 .elementor-element.elementor-element-8defd11 .elementor-heading-title{font-size:15px;}.elementor-19 .elementor-element.elementor-element-f7a0bd2{--padding-top:50px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-19 .elementor-element.elementor-element-e2703a2{--container-widget-width:200px;--container-widget-flex-grow:0;width:var( --container-widget-width, 200px );max-width:200px;}.elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title{font-size:14px;line-height:30px;}.elementor-19 .elementor-element.elementor-element-661d602{width:100%;max-width:100%;padding:20px 0px 30px 0px;text-align:center;font-size:15px;}.elementor-19 .elementor-element.elementor-element-1e8c648{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-19 .elementor-element.elementor-element-f5250a8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-f5250a8 .elementor-heading-title{font-size:15px;}.elementor-19 .elementor-element.elementor-element-342be73{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-026bf88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:220px;--container-widget-flex-grow:0;width:var( --container-widget-width, 220px );max-width:220px;}.elementor-19 .elementor-element.elementor-element-026bf88 .elementor-heading-title{font-size:15px;}.elementor-19 .elementor-element.elementor-element-16123f4{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-19 .elementor-element.elementor-element-72a8b9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-19 .elementor-element.elementor-element-72a8b9a .elementor-heading-title{font-size:15px;}.elementor-19 .elementor-element.elementor-element-97faf45{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:20px;padding:0px 20px 0px 20px;--e-n-carousel-swiper-pagination-size:8px;--e-n-carousel-swiper-pagination-spacing:8px;}.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:5px;--swiper-pagination-bullet-vertical-gap:5px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-7ebd556{--min-height:400px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-19 .elementor-element.elementor-element-751b467{--container-widget-width:125px;--container-widget-flex-grow:0;width:var( --container-widget-width, 125px );max-width:125px;z-index:3;}.elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title{font-size:12px;line-height:13px;}.elementor-19 .elementor-element.elementor-element-894412e{margin:65px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-b0bec37{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + -80px) 0px;--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;bottom:100px;}.elementor-19 .elementor-element.elementor-element-ce6643a{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-1b636ef{--container-widget-width:160px;--container-widget-flex-grow:0;width:var( --container-widget-width, 160px );max-width:160px;}.elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title{font-size:12px;line-height:15px;}.elementor-19 .elementor-element.elementor-element-9b0a7b5.elementor-element{--align-self:center;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-19 .elementor-element.elementor-element-f17282f{width:100%;max-width:100%;font-size:14px;}.elementor-19 .elementor-element.elementor-element-f51129c{--width:90%;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-19 .elementor-element.elementor-element-cb17d99{--container-widget-width:48px;--container-widget-flex-grow:0;width:var( --container-widget-width, 48px );max-width:48px;top:13px;text-align:end;}body:not(.rtl) .elementor-19 .elementor-element.elementor-element-cb17d99{left:-22px;}body.rtl .elementor-19 .elementor-element.elementor-element-cb17d99{right:-22px;}.elementor-19 .elementor-element.elementor-element-8defd11{padding:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-8defd11 .elementor-heading-title{font-size:12px;}.elementor-19 .elementor-element.elementor-element-f7a0bd2{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-19 .elementor-element.elementor-element-e2703a2{--container-widget-width:165px;--container-widget-flex-grow:0;width:var( --container-widget-width, 165px );max-width:165px;}.elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title{font-size:12px;line-height:14px;}.elementor-19 .elementor-element.elementor-element-661d602{width:100%;max-width:100%;padding:0px 0px 0px 0px;font-size:14px;}.elementor-19 .elementor-element.elementor-element-1e8c648{--justify-content:flex-start;}.elementor-19 .elementor-element.elementor-element-342be73{--justify-content:flex-start;}.elementor-19 .elementor-element.elementor-element-16123f4{--justify-content:flex-start;}.elementor-19 .elementor-element.elementor-element-97faf45{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;--e-n-carousel-swiper-pagination-size:5px;--e-n-carousel-swiper-pagination-spacing:5px;}.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-7ebd556{--content-width:1920px;}.elementor-19 .elementor-element.elementor-element-ce6643a{--content-width:1920px;}.elementor-19 .elementor-element.elementor-element-fc733db{--width:45%;}.elementor-19 .elementor-element.elementor-element-f51129c{--width:840px;}.elementor-19 .elementor-element.elementor-element-f7a0bd2{--content-width:1920px;}}@media(max-width:1366px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-fc733db{--width:60%;}.elementor-19 .elementor-element.elementor-element-f51129c{--width:88%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-fc733db{--width:100%;}.elementor-19 .elementor-element.elementor-element-f51129c{--width:85%;}}/* Start custom CSS for heading, class: .elementor-element-751b467 */.elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title {
    padding: 10px 35px 25px 35px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='208' height='74' viewBox='0 0 208 74' fill='none'%3E%3Cpath d='M193.476 2.3811C200.051 2.38126 205.381 7.71134 205.381 14.2864V38.4758C205.381 45.0509 200.051 50.381 193.476 50.3811H117.918C117.405 50.3811 116.952 50.7115 116.771 51.1922C115.473 54.637 113.155 58.0944 110.083 61.1262C105.188 65.9575 98.3213 69.7748 90.4287 70.7932C89.8517 70.8676 89.5215 70.1552 89.9512 69.7629C95.6422 64.5668 97.8007 60.5481 98.5186 56.8391C98.8797 54.9729 98.8822 53.1549 98.7588 51.2571C98.7266 50.7619 98.3112 50.3811 97.8149 50.3811H14.2861C7.7111 50.381 2.38101 45.0509 2.38086 38.4758V14.2864C2.38101 7.71134 7.7111 2.38126 14.2861 2.3811L193.476 2.3811Z' fill='%23F4272D' stroke='%23FFFFFF' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 190px;
    box-sizing: border-box;
}


@media screen and (max-width: 1366px) {

    .elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title {
        padding: 10px 28px 25px 28px;
        background-size: 170px;
    }

}

@media screen and (max-width: 1024px) {

    .elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title {
        padding: 5px 22px 20px 22px; 
        background-size: 150px;

    }

}

@media screen and (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-751b467 .elementor-heading-title {
        padding: 10px 22px 20px 22px; 
        background-size: 120px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a31904 *//* =========================================
   01 - MAIN WIDGET
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
}


/* =========================================
   02 - MAIN TITLE CONTAINER
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title {
    position: relative;
    isolation: isolate;
    width: 910px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
    box-sizing: border-box;
    overflow: visible !important;
}


/* =========================================
   03 - ALL SVG LAYERS
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-svg,
.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-svg,
.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-text-svg,
.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-house-svg,
.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible !important;
    pointer-events: none;
}


/* =========================================
   04 - WHITE RECTANGLE BACKGROUND
   Z-INDEX: 1
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-svg {
    position: relative;
    z-index: 1;
}


/* =========================================
   05 - WHITE TEXT OUTLINE
   Z-INDEX: 9
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-svg {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}


/* =========================================
   06 - FRONT COLOURED TEXT
   Z-INDEX: 10
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-text-svg {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}


/* =========================================
   07 - HOUSE ICON
   Z-INDEX: 11
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-house-svg {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
}


/* =========================================
   08 - AMPERSAND TOP LAYER
   Z-INDEX: 99
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-svg {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
}


/* =========================================
   09 - SHARED TYPOGRAPHY
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-text,
.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-front-text {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -2px;
    text-anchor: start;
}


/* =========================================
   10 - WHITE TEXT OUTLINE
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-text {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 20px;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
}


/* =========================================
   11 - FRONT TEXT
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-front-text {
    stroke: none;
}


/* =========================================
   12 - ROW 1
   MOMENTS + FROM
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-text-row-1 {
    font-size: 60px;
}


/* =========================================
   13 - ROW 2
   JOHOR FURNITURE
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-text-row-2 {
    font-size: 88px;
}


/* =========================================
   14 - ROW 3
   ELECTRICAL FAIR
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-text-row-3 {
    font-size: 88px;
}


/* =========================================
   15 - AMPERSAND TYPOGRAPHY
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-svg text {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 50px;

    letter-spacing: -2px;
    text-anchor: start;
}


/* =========================================
   16 - AMPERSAND WHITE OUTLINE
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-outline {
    fill: #FFFFFF;
    stroke: #FFFFFF;

    stroke-width: 20px;
    stroke-linejoin: round;
    stroke-linecap: round;

    paint-order: stroke fill;
}


/* =========================================
   17 - AMPERSAND GREEN FRONT
========================================= */

.elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-front {
    fill: #70BF59;
    stroke: none;
}


@media (max-width: 1366px) {

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title {
        width: 680px;
        max-width: 100%;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* =========================================
   19 - TABLET
========================================= */

@media (max-width: 1024px) {

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title {
        width: 600px;
        max-width: 100%;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* =========================================
   20 - MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-7a31904 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title {
        width: 100% !important;
        max-width: 360px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-svg,
    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-svg,
    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-text-svg,
    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-house-svg,
    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-svg {
        width: 100% !important;
        height: auto !important;

        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-union-outline-text {
        stroke-width: 19px !important;
    }

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-ampersand-outline {
        stroke-width: 19px !important;
    }

}


/* =========================================
   21 - REDUCED MOTION
========================================= */

@media (prefers-reduced-motion: reduce) {

    .elementor-19 .elementor-element.elementor-element-7a31904 .jff-moments-title .jff-house-icon {
        animation: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1b636ef */.elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title {

    padding: 12px 35px 30px 55px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='265' height='75' viewBox='0 0 265 75' fill='none'%3E%3Cpath d='M253 2C258.523 2 263 6.47715 263 12V41C263 46.5228 258.523 51 253 51H146.728C146.274 51 145.879 51.3073 145.746 51.7419C144.575 55.5646 142.091 59.4728 138.664 62.8555C133.782 67.6737 126.934 71.4805 119.064 72.4961C118.58 72.5584 118.302 71.9602 118.663 71.6309C124.363 66.4262 126.536 62.3908 127.259 58.6553C127.622 56.7774 127.625 54.9498 127.501 53.0479C127.476 52.6703 127.447 52.2909 127.414 51.908C127.369 51.3933 126.937 51 126.42 51H12C6.47715 51 2 46.5228 2 41V12C2 6.47715 6.47715 2 12 2H253Z' fill='none' stroke='%23EE1D23' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 265px;

    box-sizing: border-box;
}

@media screen and (max-width: 1366px) {

    .elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title {
        padding: 15px 35px 30px 48px;
        background-size: 230px;
    }

}
@media screen and (max-width: 1024px) {

    .elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title {
        padding: 15px 35px 30px 38px;
        background-size: 200px;
    }

}

@media screen and (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-1b636ef .elementor-heading-title {
        padding: 10px 22px 20px 30px;
        background-size: 160px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b0a7b5 *//* =========================================
   JFF REGISTER TITLE
   MAIN CONTAINER
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-title {
    position: relative;
    isolation: isolate;
    width: 600px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}


/* =========================================
   01 - WHITE LETTER OUTLINE SVG
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    overflow: visible !important;
    pointer-events: none;
    
    filter: drop-shadow(0px 2px 0px #222222);

}


/* =========================================
   02 - FRONT RED TEXT SVG
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-text-svg {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: auto;
    overflow: visible !important;
    pointer-events: none;
}


/* =========================================
   03 - GLOBAL TYPOGRAPHY
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text,
.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-front-text {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -2px;
    text-anchor: start;
}


/* =========================================
   04 - WHITE LETTER OUTLINE
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 12px;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
}


/* =========================================
   05 - FRONT RED TEXT
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-front-text {
    fill: #ED1C24;
    stroke: none;
}


/* =========================================
   06 - ROW 1
   REGISTER FREE &
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-1 {
    font-size: 50px;        
    transform: translateX(-251px);
}


/* =========================================
   07 - ROW 2
   WIN EXCITING GIFTS!
========================================= */

.elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-2 {
    font-size: 50px;
    transform: translateX(-251px);
}


@media (max-width: 1550px) {

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-1 {
        font-size: 50px;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-2 {
        font-size: 50px;
    }

}

@media (max-width: 1366px) {

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-title {
        width: 580px;
        max-width: 100%;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-1 {
        font-size: 50px;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-2 {
        font-size: 50px;
    }

}


@media (max-width: 1024px) {

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-title {
        width: 380px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text,
    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-front-text {
        text-anchor: middle;
        letter-spacing: -2px;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-1 {
        font-size: 45px;
        transform: translateX(30px);
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-2 {
        font-size: 45px;
        transform: translateX(30px);
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text {
        stroke-width: 12px;
    }

}


@media (max-width: 767px) {
    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-title {
        width:100%;
        max-width: 90% !important;
        margin-left: auto;
        margin-right: auto;
        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text,
    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-front-text {
        text-anchor: middle;
        letter-spacing: -2px;
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-1 {
        font-size: 50px;
        transform: translateX(30px);
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-text-row-2 {
        font-size: 50px;
        transform: translateX(30px);
    }

    .elementor-19 .elementor-element.elementor-element-9b0a7b5 .jff-union-outline-text {
        stroke-width: 15px;
    }

}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-c58d2f9 *//* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-c58d2f9 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 15px;
    --jff-border-color: #F3E54D;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
    transform: rotate(2.5deg);
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-c58d2f9::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #F3E54D;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-c58d2f9 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f3a226 */.elementor-19 .elementor-element.elementor-element-8f3a226{
    width:0px;
    height:0px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8defd11 */.elementor-19 .elementor-element.elementor-element-8defd11 {
    transform: rotate(-1deg);
}

.elementor-19 .elementor-element.elementor-element-8defd11::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 10px;
    width: 55px;
    aspect-ratio: 1 / 1;
    background-image: url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/Our-exhibition-img-1-4x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 5;
    pointer-events: none;
    transform-origin: 50% 80%;
    animation: jffFloatLeft 3.5s ease-in-out infinite;
    will-change: transform;
}

.elementor-19 .elementor-element.elementor-element-8defd11::before {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 10px;
    width: 55px;
    aspect-ratio: 1 / 1;
    background-image: url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/Our-exhibition-img-2-4x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 5;
    pointer-events: none;
    transform-origin: 50% 80%;
    animation: jffFloatLeft 3.5s ease-in-out infinite;
    will-change: transform;
}

@media (max-width: 1024px) {
    .elementor-19 .elementor-element.elementor-element-8defd11::after {
    top: -15px;
    left: 10px;
    width: 30px;
}

.elementor-19 .elementor-element.elementor-element-8defd11::before {
    bottom: -15px;
    right: 10px;
    width: 30px;
}
}

@media (max-width: 767px) {
    .elementor-19 .elementor-element.elementor-element-8defd11::after {
    top: -10px;
    left: 10px;
    width: 20px;
}

.elementor-19 .elementor-element.elementor-element-8defd11::before {
    bottom: -10px;
    right: 10px;
    width: 20px;
}

.elementor-19 .elementor-element.elementor-element-8defd11 {
    box-shadow: 2px 2px 0px 0px #231F20 !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce6643a *//* =====================================
   CONTAINER CURVE SETTINGS
===================================== */

.elementor-19 .elementor-element.elementor-element-ce6643a {
    position: relative;

    --curve-height: 100px;
    --curve-dash-color: #0D773F;
}

/* =====================================
   BACKGROUND + OVERLAY CURVE MASK
===================================== */

/* Background 与 Background Overlay
   使用相同的 Curve Mask */

.elementor-19 .elementor-element.elementor-element-ce6643a,
.elementor-19 .elementor-element.elementor-element-ce6643a > .elementor-background-overlay {
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q500 -55 1000 65 L1000 100 L0 100 Z' fill='white'/%3E%3C/svg%3E"),
        linear-gradient(#000, #000);

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q500 -55 1000 65 L1000 100 L0 100 Z' fill='white'/%3E%3C/svg%3E"),
        linear-gradient(#000, #000);

    -webkit-mask-size:
        100% var(--curve-height),
        100% calc(100% - var(--curve-height) + 2px);

    mask-size:
        100% var(--curve-height),
        100% calc(100% - var(--curve-height) + 2px);

    -webkit-mask-position:
        top center,
        bottom center;

    mask-position:
        top center,
        bottom center;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* =====================================
   WHITE DASHED CURVE
===================================== */


.elementor-19 .elementor-element.elementor-element-ce6643a::after {
    content: "";
    position: absolute;

    top: 10px;
    left: 0;

    width: 100%;
    height: var(--curve-height);

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q500 -55 1000 65' fill='none' stroke='%230D773F' stroke-width='1.5' stroke-dasharray='4 4'/%3E%3C/svg%3E");

    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;

    pointer-events: none;
    z-index: 5;
}


/* =====================================
   RESPONSIVE
===================================== */

@media (max-width: 1366px) {
    .elementor-19 .elementor-element.elementor-element-ce6643a {
        --curve-height: 80px;
    }
}

@media (max-width: 1024px) {
    .elementor-19 .elementor-element.elementor-element-ce6643a {
        --curve-height: 60px;
    }
    .elementor-19 .elementor-element.elementor-element-ce6643a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q500 -55 1000 65' fill='none' stroke='%230D773F' stroke-width='2' stroke-dasharray='6 6'/%3E%3C/svg%3E");
}
}

@media (max-width: 767px) {
    .elementor-19 .elementor-element.elementor-element-ce6643a {
        --curve-height: 30px;
    }
    
    .elementor-19 .elementor-element.elementor-element-ce6643a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 65 Q500 -55 1000 65' fill='none' stroke='%230D773F' stroke-width='4' stroke-dasharray='10 10'/%3E%3C/svg%3E");
}
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e2703a2 */.elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title {
    padding: 8px 55px 25px 55px;

    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 278 74' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M263.476 2.3811C270.051 2.38126 275.381 7.71134 275.381 14.2864V38.4758C275.381 45.0509 270.051 50.381 263.476 50.3811H152.918C152.405 50.3811 151.952 50.7115 151.771 51.1922C150.473 54.637 148.155 58.0944 145.083 61.1262C140.188 65.9575 133.321 69.7748 125.429 70.7932C124.852 70.8676 124.521 70.1552 124.951 69.7629C130.642 64.5668 132.801 60.5481 133.519 56.8391C133.88 54.9729 133.882 53.1549 133.759 51.2571C133.727 50.7619 133.311 50.3811 132.815 50.3811H14.2861C7.7111 50.381 2.38101 45.0509 2.38086 38.4758V14.2864C2.38101 7.71134 7.7111 2.38126 14.2861 2.3811L263.476 2.3811Z' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    box-sizing: border-box;
}

@media screen and (max-width: 1366px) {
    .elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title {
        padding: 10px 40px 25px 42px;
    }
}

@media screen and (max-width: 767px) {
    .elementor-19 .elementor-element.elementor-element-e2703a2 .elementor-heading-title {
        padding: 10px 28px 20px 32px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-217393b *//* =========================================
   JFF EXPLORE OUR GALLERY
   COMPLETE RESPONSIVE TITLE
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
}

/* MAIN TITLE */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title {
    position: relative;
    isolation: isolate;

    width: 510px;
    max-width: 100%;

    margin: 0 auto;
    padding: 0;

    box-sizing: border-box;
    overflow: visible !important;
}

/* =========================================
   ALL SVG LAYERS
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-svg,
.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-svg,
.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-text-svg,
.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-gallery-icon-svg {
    display: block;
    width: 100%;
    height: auto;

    overflow: visible !important;
    pointer-events: none;
}

/* =========================================
   WHITE BACKGROUND
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-svg {
    position: relative;
    z-index: 1;
}

/* =========================================
   WHITE TEXT OUTLINE
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-svg {
    position: absolute;
    z-index: 9;

    top: 0;
    left: 0;
}

/* =========================================
   FRONT COLOURED TEXT
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-text-svg {
    position: absolute;
    z-index: 10;

    top: 0;
    left: 0;
}

/* =========================================
   GREEN SVG ICON
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-gallery-icon-svg {
    position: absolute;
    z-index: 11;

    top: 0;
    left: 0;
}

/* =========================================
   SHARED TYPOGRAPHY
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-text,
.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-front-text {
    font-family: "Arial Black", Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -2px;
}

/* =========================================
   WHITE OUTLINE
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-text {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 25px;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
}

/* =========================================
   FRONT TEXT
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-front-text {
    stroke: none;
}

/* =========================================
   ROW 1
   EXPLORE + OUR
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-text-row-1 {
    font-size: 58px;
}

/* =========================================
   ROW 2
   GALLERY
========================================= */

.elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-text-gallery {
    font-size: 92px;
}

@media (max-width: 1366px) {

    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title {
        width: 450px;
        max-width: 100%;
    }

}

@media (max-width: 1024px) {

    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title {
        width: 380px;
        max-width: 100%;
    }

}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-217393b {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title {
        width: 100% !important;
        max-width: 220px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-svg,
    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-svg,
    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-text-svg,
    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-gallery-icon-svg {
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .elementor-19 .elementor-element.elementor-element-217393b .jff-gallery-title .jff-union-outline-text {
        stroke-width: 24px !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4272c95 */.elementor-19 .elementor-element.elementor-element-4272c95{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9678271 */.elementor-19 .elementor-element.elementor-element-9678271{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-9678271 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3900ac */.elementor-19 .elementor-element.elementor-element-a3900ac{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-05886fd */.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-05886fd {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0d51b2c */.elementor-19 .elementor-element.elementor-element-0d51b2c{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-564e459 */.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-564e459 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4272c95 */.elementor-19 .elementor-element.elementor-element-4272c95{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9678271 */.elementor-19 .elementor-element.elementor-element-9678271{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-9678271 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3900ac */.elementor-19 .elementor-element.elementor-element-a3900ac{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-05886fd */.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-05886fd {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0d51b2c */.elementor-19 .elementor-element.elementor-element-0d51b2c{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-564e459 */.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-564e459 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4272c95 */.elementor-19 .elementor-element.elementor-element-4272c95{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9678271 */.elementor-19 .elementor-element.elementor-element-9678271{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-9678271 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3900ac */.elementor-19 .elementor-element.elementor-element-a3900ac{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-05886fd */.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-05886fd {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0d51b2c */.elementor-19 .elementor-element.elementor-element-0d51b2c{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-564e459 */.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-564e459 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4272c95 */.elementor-19 .elementor-element.elementor-element-4272c95{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9678271 */.elementor-19 .elementor-element.elementor-element-9678271{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-9678271::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-9678271 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a3900ac */.elementor-19 .elementor-element.elementor-element-a3900ac{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-05886fd */.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-05886fd{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-05886fd::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-05886fd {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0d51b2c */.elementor-19 .elementor-element.elementor-element-0d51b2c{
    transform: rotate(3deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-564e459 */.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}

.elementor-19 .elementor-element.elementor-element-564e459{
    transform: rotate(-2deg);
}


/* =========================================
   JFF VIDEO CONTAINER
   BRIGHT YELLOW NOISE BORDER
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459 {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    --jff-border-size: 8px;
    --jff-border-color: #6FC059;
    border: var(--jff-border-size) solid var(--jff-border-color);
    border-radius: 0;
}

/* =========================================
   01 - NOISE BORDER OVERLAY
========================================= */

.elementor-19 .elementor-element.elementor-element-564e459::after {
    content: "";
    position: absolute;
    inset: calc(-1 * var(--jff-border-size));
    padding: var(--jff-border-size);
    background-color: #6FC059;
    filter: url("#jff-noise-filter");
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    pointer-events: none;
    z-index: 5;
}

@media (max-width: 767px) {

    .elementor-19 .elementor-element.elementor-element-564e459 {
        --jff-border-size: 5px;
    }

}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-97faf45 *//* ==========================================
   JFF GALLERY
   SPOTLIGHT SWEEP + GLOW PULSE
========================================== */

/* 01 - Clickable Image */
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a {
    position: relative;
    display: block;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    border-radius: inherit;

    animation: jffGlowPulse 6s ease-in-out infinite;
}

/* 02 - Spotlight Layer */
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;

    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 20%,
        rgba(255,255,255,0.15) 35%,
        rgba(255,255,255,0.75) 50%,
        rgba(255,255,255,0.15) 65%,
        transparent 80%,
        transparent 100%
    );

    transform: translateX(-150%);
    animation: jffSpotlight 6s ease-in-out infinite;
}

/* 03 - Staggered Timing */
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n+1)
.elementor-widget-image a,
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n+1)
.elementor-widget-image a::before {
    animation-delay: 0s;
}

.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n+2)
.elementor-widget-image a,
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n+2)
.elementor-widget-image a::before {
    animation-delay: -4s;
}

.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n)
.elementor-widget-image a,
.elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide:nth-child(3n)
.elementor-widget-image a::before {
    animation-delay: -2s;
}

/* 04 - Spotlight Movement */
@keyframes jffSpotlight {
    0%, 5% {
        transform: translateX(-150%);
    }

    25% {
        transform: translateX(150%);
    }

    100% {
        transform: translateX(150%);
    }
}

/* 05 - Glow Pulse */
@keyframes jffGlowPulse {
    0%, 5%, 30%, 100% {
        box-shadow: 0 0 0 rgba(255,255,255,0);
    }

    14% {
        box-shadow:
            0 0 0 3px rgba(255,255,255,0.9),
            0 0 20px rgba(255,255,255,0.7),
            0 0 35px rgba(255,255,255,0.4);
    }
}

/* 06 - Hover Highlight */
@media (hover: hover) {
    .elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a:hover {
        animation-play-state: paused;
        outline: 3px solid rgba(255,255,255,0.95);
        outline-offset: -3px;
        filter: brightness(1.12);
    }

    .elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a:hover::before {
        animation-play-state: paused;
    }
}

/* 07 - Accessibility */
@media (prefers-reduced-motion: reduce) {
    .elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a,
    .elementor-19 .elementor-element.elementor-element-97faf45 .swiper-slide .elementor-widget-image a::before {
        animation: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7a0bd2 *//* =====================================
   01. CONTAINER SETTINGS
===================================== */

.elementor-19 .elementor-element.elementor-element-f7a0bd2 {
    position: relative;

    --curve-height: 100px;
    --curve-line-top: -5px;
    --noise-size: 512px;

    width: 100%;
    overflow: visible !important;

    /* Original green gradient + noise */
    background-color: #6FC059 !important;

    background-image:
        url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/JFF_Figma_Noise_Texture.png"),
        linear-gradient(
            180deg,
            #6FC059 0%,
            #0B7740 100%
        ) !important;

    background-size:
        var(--noise-size) var(--noise-size),
        100% 100% !important;

    background-position:
        top left,
        center center !important;

    background-repeat:
        repeat,
        no-repeat !important;
}

/* =====================================
   02. GREEN CURVE BACKGROUND
===================================== */

.elementor-19 .elementor-element.elementor-element-f7a0bd2::before {
    content: "";
    position: absolute;
    display: block;

    top: calc(-1 * var(--curve-height));
    left: 0;

    width: 100%;
    height: calc(var(--curve-height));

    background-image:
        url("https://www.johorfurniturefair.com.my/wp-content/uploads/2026/10/JFF_Figma_Noise_Texture.png"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 152' preserveAspectRatio='none'%3E%3Cpath d='M0 140 Q500 20 1000 140 L1000 152 L0 152 Z' fill='%236FC059'/%3E%3C/svg%3E");

    background-size:
        var(--noise-size) var(--noise-size),
        100% 100%;

    background-repeat:
        repeat,
        no-repeat;

    background-position:
        top left,
        center center;

    /* Clip noise to curved shape */
    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 152' preserveAspectRatio='none'%3E%3Cpath d='M0 140 Q500 20 1000 140 L1000 152 L0 152 Z' fill='white'/%3E%3C/svg%3E");

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 152' preserveAspectRatio='none'%3E%3Cpath d='M0 140 Q500 20 1000 140 L1000 152 L0 152 Z' fill='white'/%3E%3C/svg%3E");

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    pointer-events: none;
    z-index: 1;
}

/* =====================================
   03. GREEN DASHED CURVE
===================================== */

.elementor-19 .elementor-element.elementor-element-f7a0bd2::after {
    content: "";
    position: absolute;
    display: block;

    top: calc(
        -1 * var(--curve-height)
        + var(--curve-line-top)
    );

    left: 0;
    width: 100%;
    height: calc(var(--curve-height) );

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 152' preserveAspectRatio='none'%3E%3Cpath d='M0 140 Q500 20 1000 140' fill='none' stroke='%230D773F' stroke-width='1.5' stroke-dasharray='4 4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");

    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;

    pointer-events: none;
    z-index: 5;
}

/* =====================================
   04. REMOVE OLD OVERLAY
===================================== */

.elementor-19 .elementor-element.elementor-element-f7a0bd2 > .elementor-background-overlay {
    background: transparent !important;
    opacity: 1 !important;
}


.elementor-19 .elementor-element.elementor-element-f7a0bd2 > .e-con-inner,
.elementor-19 .elementor-element.elementor-element-f7a0bd2 > .elementor-widget,
.elementor-19 .elementor-element.elementor-element-f7a0bd2 > .elementor-element {
    position: relative;
    z-index: 10;
}


@media (max-width: 1366px) {
    .elementor-19 .elementor-element.elementor-element-f7a0bd2 {
        --curve-height: 80px;
    }
}

@media (max-width: 1024px) {
    .elementor-19 .elementor-element.elementor-element-f7a0bd2 {
        --curve-height: 60px;
        --curve-line-top: -5px;
    }
}

@media (max-width: 767px) {
    .elementor-19 .elementor-element.elementor-element-f7a0bd2 {
        --curve-height: 30px;
        --curve-line-top: -5px;
    }
}/* End custom CSS */