.elementor-84 .elementor-element.elementor-element-0c2909f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-84 .elementor-element.elementor-element-0c2909f:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-0c2909f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/Orange-BG-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-84 .elementor-element.elementor-element-0c2909f > .elementor-shape-bottom .elementor-shape-fill, .elementor-84 .elementor-element.elementor-element-0c2909f > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-f8c755c{width:var( --container-widget-width, 100% );max-width:100%;--e-transform-translateY:-50%;--container-widget-width:100%;--container-widget-flex-grow:0;top:50%;z-index:5;text-align:center;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-f8c755c{left:0px;}body.rtl .elementor-84 .elementor-element.elementor-element-f8c755c{right:0px;}.elementor-84 .elementor-element.elementor-element-f8c755c .elementor-heading-title{font-family:"brugtyd", Sans-serif;font-size:12vw;font-weight:400;letter-spacing:0px;color:#B7D782;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-84 .elementor-element.elementor-element-2057cc9{width:initial;max-width:initial;top:30%;z-index:20;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-2057cc9.elementor-element{--align-self:stretch;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2057cc9{left:10%;}body.rtl .elementor-84 .elementor-element.elementor-element-2057cc9{right:10%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-84 .elementor-element.elementor-element-0e4375a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;bottom:-100.002px;z-index:10;text-align:center;}.elementor-84 .elementor-element.elementor-element-0e4375a.elementor-element{--align-self:center;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-0e4375a{left:-0.212%;}body.rtl .elementor-84 .elementor-element.elementor-element-0e4375a{right:-0.212%;}.elementor-84 .elementor-element.elementor-element-1e23579{width:var( --container-widget-width, 15vw );max-width:15vw;--container-widget-width:15vw;--container-widget-flex-grow:0;top:-119px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-1e23579{left:44%;}body.rtl .elementor-84 .elementor-element.elementor-element-1e23579{right:44%;}.elementor-84 .elementor-element.elementor-element-63c5c34{width:initial;max-width:initial;top:110px;z-index:0;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-63c5c34{left:70%;}body.rtl .elementor-84 .elementor-element.elementor-element-63c5c34{right:70%;}.elementor-84 .elementor-element.elementor-element-26cc202{width:var( --container-widget-width, 15vw );max-width:15vw;--container-widget-width:15vw;--container-widget-flex-grow:0;top:187px;z-index:0;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-26cc202{left:265px;}body.rtl .elementor-84 .elementor-element.elementor-element-26cc202{right:265px;}.elementor-84 .elementor-element.elementor-element-2d57fef{width:var( --container-widget-width, 15vw );max-width:15vw;--container-widget-width:15vw;--container-widget-flex-grow:0;top:486px;z-index:0;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2d57fef{left:375px;}body.rtl .elementor-84 .elementor-element.elementor-element-2d57fef{right:375px;}.elementor-84 .elementor-element.elementor-element-180da15{width:var( --container-widget-width, 15vw );max-width:15vw;--container-widget-width:15vw;--container-widget-flex-grow:0;top:566px;z-index:0;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-180da15{left:55%;}body.rtl .elementor-84 .elementor-element.elementor-element-180da15{right:55%;}.elementor-84 .elementor-element.elementor-element-bda4ab3{width:var( --container-widget-width, 15vw );max-width:15vw;--container-widget-width:15vw;--container-widget-flex-grow:0;top:486px;z-index:0;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-bda4ab3{left:68%;}body.rtl .elementor-84 .elementor-element.elementor-element-bda4ab3{right:68%;}.elementor-84 .elementor-element.elementor-element-a4fc342{--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:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:550px;--margin-bottom:0px;--margin-left:0px;--margin-right:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-a4fc342.e-con{--align-self:flex-end;}.elementor-84 .elementor-element.elementor-element-e50cfa1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-7575af6{--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:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-84 .elementor-element.elementor-element-81000a2 .elementor-button{background-color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;fill:#46A94B;color:#46A94B;border-radius:28px 28px 28px 28px;}.elementor-84 .elementor-element.elementor-element-f62f942 .elementor-button{background-color:#FFFFFF00;font-family:"Poppins", Sans-serif;font-size:13px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:28px 28px 28px 28px;}.elementor-84 .elementor-element.elementor-element-c569298{--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:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-84 .elementor-element.elementor-element-c569298:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c569298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/leaves-2.png");background-position:68px 44px;background-repeat:no-repeat;background-size:100% auto;}.elementor-84 .elementor-element.elementor-element-b126417{--display:flex;}.elementor-84 .elementor-element.elementor-element-a8482e0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-a8482e0 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:86px;font-weight:800;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-eba9d37{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-eba9d37 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:86px;font-weight:800;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-ffd3c26{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;color:#606060;}.elementor-84 .elementor-element.elementor-element-e7ecfcc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-5ba7ec6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-47c67b5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-c7b8aed{--display:flex;--min-height:0px;--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;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-84 .elementor-element.elementor-element-c7b8aed:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c7b8aed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/leaves-2.png");}.elementor-84 .elementor-element.elementor-element-49ee898{--display:flex;--margin-top:100px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-84 .elementor-element.elementor-element-921d10d{text-align:center;}.elementor-84 .elementor-element.elementor-element-921d10d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:60px;font-weight:700;letter-spacing:0.9px;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-a76f107{--display:flex;--min-height:0px;--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:center;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-84 .elementor-element.elementor-element-962ccf0{--display:flex;--min-height:0px;--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;--align-items:center;--background-transition:1.4s;--overlay-opacity:0.5;--border-radius:30px 30px 30px 30px;}.elementor-84 .elementor-element.elementor-element-962ccf0:hover{background-color:transparent;background-image:linear-gradient(0deg, #B3191E 0%, #B3191E47 100%);--overlay-opacity:0.5;}.elementor-84 .elementor-element.elementor-element-962ccf0:hover::before, .elementor-84 .elementor-element.elementor-element-962ccf0:hover > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-962ccf0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .elementor-background-slideshow:hover::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #46A94B00 0%, #46A94B00 100%);}.elementor-84 .elementor-element.elementor-element-962ccf0::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-962ccf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-84 .elementor-element.elementor-element-962ccf0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-84 .elementor-element.elementor-element-169a896{--display:flex;--min-height:500px;--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;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-169a896:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-169a896 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/Mask-group-1.png");background-repeat:no-repeat;background-size:cover;}.elementor-84 .elementor-element.elementor-element-f5cbec4{--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:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-84 .elementor-element.elementor-element-565949e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;letter-spacing:0.5px;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-9e8ac14{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#606060;}.elementor-84 .elementor-element.elementor-element-9a6bb31{--display:flex;--min-height:0px;--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;--align-items:center;--background-transition:1.4s;--overlay-opacity:0.5;--border-radius:30px 30px 30px 30px;}.elementor-84 .elementor-element.elementor-element-9a6bb31:hover{background-color:transparent;background-image:linear-gradient(0deg, #FF8000 0%, #FF800036 100%);--overlay-opacity:0.5;}.elementor-84 .elementor-element.elementor-element-9a6bb31:hover::before, .elementor-84 .elementor-element.elementor-element-9a6bb31:hover > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-9a6bb31:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .elementor-background-slideshow:hover::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #46A94B00 0%, #46A94B00 100%);}.elementor-84 .elementor-element.elementor-element-9a6bb31::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-9a6bb31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-84 .elementor-element.elementor-element-9a6bb31.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-84 .elementor-element.elementor-element-795714c{--display:flex;--min-height:500px;--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;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-795714c:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-795714c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/Mask-group.png");background-repeat:no-repeat;background-size:cover;}.elementor-84 .elementor-element.elementor-element-def8df3{--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:flex-start;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-84 .elementor-element.elementor-element-13efc41 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;letter-spacing:0.5px;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-d9c1478{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#606060;}.elementor-84 .elementor-element.elementor-element-eb29737{--display:flex;--min-height:0px;--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;--align-items:center;--background-transition:1.4s;--overlay-opacity:0.5;--border-radius:30px 30px 30px 30px;}.elementor-84 .elementor-element.elementor-element-eb29737:hover{background-color:transparent;background-image:linear-gradient(0deg, #46A94B 0%, #46A94B54 100%);--overlay-opacity:0.5;}.elementor-84 .elementor-element.elementor-element-eb29737:hover::before, .elementor-84 .elementor-element.elementor-element-eb29737:hover > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-eb29737:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .elementor-background-slideshow:hover::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #46A94B00 0%, #46A94B00 100%);}.elementor-84 .elementor-element.elementor-element-eb29737::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .e-con-inner > .elementor-background-video-container::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .e-con-inner > .elementor-background-slideshow::before, .elementor-84 .elementor-element.elementor-element-eb29737 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-84 .elementor-element.elementor-element-eb29737.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-84 .elementor-element.elementor-element-df72acf{--display:flex;--min-height:500px;--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;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-df72acf:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-df72acf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/Group-303.png");background-repeat:no-repeat;background-size:cover;}.elementor-84 .elementor-element.elementor-element-3a7079e{--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:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-84 .elementor-element.elementor-element-bc55977 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:500;letter-spacing:0.5px;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-6136aa3{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:#606060;}.elementor-84 .elementor-element.elementor-element-d04db56{--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:center;--align-items:center;--gap:180px 180px;--row-gap:180px;--column-gap:180px;--margin-top:-20px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-84 .elementor-element.elementor-element-5ea4a23{text-align:center;}.elementor-84 .elementor-element.elementor-element-5ea4a23 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;letter-spacing:0.9px;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-e06dd06{text-align:center;}.elementor-84 .elementor-element.elementor-element-e06dd06 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;letter-spacing:0.9px;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-c2cb1a5{text-align:center;}.elementor-84 .elementor-element.elementor-element-c2cb1a5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;letter-spacing:0.9px;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-0972283{--display:flex;--min-height:10px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:300px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-0972283:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-0972283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B6F1F00;background-image:url("https://juicesup.com.my/wp-content/uploads/2026/04/Rectangle-15.png");}.elementor-84 .elementor-element.elementor-element-0972283 > .elementor-shape-bottom .elementor-shape-fill, .elementor-84 .elementor-element.elementor-element-0972283 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-0972283 > .elementor-shape-bottom svg, .elementor-84 .elementor-element.elementor-element-0972283 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:65px;transform:translateX(-50%) rotateY(180deg);}.elementor-84 .elementor-element.elementor-element-422d302{--display:flex;}.elementor-84 .elementor-element.elementor-element-5ab33d5{--display:flex;}.elementor-84 .elementor-element.elementor-element-6232e04 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-eb16766 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:70px;font-weight:800;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-e63a3ce{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:17px;}.elementor-84 .elementor-element.elementor-element-a9e9c85.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-a9e9c85.elementor-view-framed .elementor-icon, .elementor-84 .elementor-element.elementor-element-a9e9c85.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon{font-size:30px;}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon-box-title, .elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-360caca{--display:flex;}.elementor-84 .elementor-element.elementor-element-4ad078f .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:17px;}.elementor-84 .elementor-element.elementor-element-4ad078f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-4ad078f.elementor-view-framed .elementor-icon, .elementor-84 .elementor-element.elementor-element-4ad078f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-4ad078f .elementor-icon{font-size:30px;}.elementor-84 .elementor-element.elementor-element-4ad078f .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-197fb1b{--display:flex;}.elementor-84 .elementor-element.elementor-element-1e7f777 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:17px;}.elementor-84 .elementor-element.elementor-element-1e7f777.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-1e7f777.elementor-view-framed .elementor-icon, .elementor-84 .elementor-element.elementor-element-1e7f777.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-1e7f777 .elementor-icon{font-size:30px;}.elementor-84 .elementor-element.elementor-element-1e7f777 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-84 .elementor-element.elementor-element-807a533{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-221c993{--display:flex;--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;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-59b838f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-59b838f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:50px;font-weight:800;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-a00396b{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#606060;}.elementor-84 .elementor-element.elementor-element-38525de{width:100%;max-width:100%;padding:0px 0px 0px 0px;border-radius:30px 30px 30px 30px;}.elementor-84 .elementor-element.elementor-element-6706858{--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:center;--padding-top:120px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-84 .elementor-element.elementor-element-b453b85{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-84 .elementor-element.elementor-element-b453b85 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:50px;font-weight:800;color:#46A94B;}.elementor-84 .elementor-element.elementor-element-a22f8d9{text-align:center;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#606060;}.elementor-84 .elementor-element.elementor-element-12169fd{--display:flex;--min-height:0px;--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:center;--align-items:center;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-10190fd{--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:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-f60fc5c{--display:flex;--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;}body.elementor-page-84:not(.elementor-motion-effects-element-type-background), body.elementor-page-84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-84 .elementor-element.elementor-element-0c2909f{--min-height:75vh;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-f8c755c{left:0px;}body.rtl .elementor-84 .elementor-element.elementor-element-f8c755c{right:0px;}.elementor-84 .elementor-element.elementor-element-f8c755c{top:55%;}.elementor-84 .elementor-element.elementor-element-f8c755c .elementor-heading-title{font-size:10vw;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2057cc9{left:5%;}body.rtl .elementor-84 .elementor-element.elementor-element-2057cc9{right:5%;}.elementor-84 .elementor-element.elementor-element-2057cc9{top:40%;font-size:14px;}.elementor-84 .elementor-element.elementor-element-0e4375a{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;bottom:5%;text-align:center;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-0e4375a{left:26%;}body.rtl .elementor-84 .elementor-element.elementor-element-0e4375a{right:26%;}.elementor-84 .elementor-element.elementor-element-1e23579{top:48px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-63c5c34{left:63%;}body.rtl .elementor-84 .elementor-element.elementor-element-63c5c34{right:63%;}.elementor-84 .elementor-element.elementor-element-63c5c34{top:141px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-26cc202{left:124px;}body.rtl .elementor-84 .elementor-element.elementor-element-26cc202{right:124px;}.elementor-84 .elementor-element.elementor-element-26cc202{top:244px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2d57fef{left:74px;}body.rtl .elementor-84 .elementor-element.elementor-element-2d57fef{right:74px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-180da15{left:48%;}body.rtl .elementor-84 .elementor-element.elementor-element-180da15{right:48%;}.elementor-84 .elementor-element.elementor-element-180da15{top:460px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-bda4ab3{left:73%;}body.rtl .elementor-84 .elementor-element.elementor-element-bda4ab3{right:73%;}.elementor-84 .elementor-element.elementor-element-bda4ab3{top:569px;}.elementor-84 .elementor-element.elementor-element-a4fc342{--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:420px;--margin-bottom:0px;--margin-left:0px;--margin-right:-25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-a4fc342.e-con{--align-self:flex-end;}.elementor-84 .elementor-element.elementor-element-e50cfa1{font-size:12px;}.elementor-84 .elementor-element.elementor-element-7575af6{--padding-top:0px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-84 .elementor-element.elementor-element-81000a2 .elementor-button{font-size:11px;}.elementor-84 .elementor-element.elementor-element-f62f942 .elementor-button{font-size:11px;}.elementor-84 .elementor-element.elementor-element-c569298:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c569298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-31px 120px;}.elementor-84 .elementor-element.elementor-element-c7b8aed:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c7b8aed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-584px 86px;}.elementor-84 .elementor-element.elementor-element-a76f107{--flex-wrap:wrap;}.elementor-84 .elementor-element.elementor-element-9a6bb31{--min-height:0px;}.elementor-84 .elementor-element.elementor-element-d04db56{--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;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-84 .elementor-element.elementor-element-0972283{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-0972283:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-0972283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-84 .elementor-element.elementor-element-422d302{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-0c2909f{--min-height:80vh;}.elementor-84 .elementor-element.elementor-element-0c2909f:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-0c2909f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-156px 11px;background-size:cover;}.elementor-84 .elementor-element.elementor-element-f8c755c{top:40%;z-index:5;}.elementor-84 .elementor-element.elementor-element-f8c755c .elementor-heading-title{font-size:12vw;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2057cc9{left:15%;}body.rtl .elementor-84 .elementor-element.elementor-element-2057cc9{right:15%;}.elementor-84 .elementor-element.elementor-element-2057cc9{top:60%;text-align:center;}.elementor-84 .elementor-element.elementor-element-0e4375a{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;bottom:23%;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-0e4375a{left:10%;}body.rtl .elementor-84 .elementor-element.elementor-element-0e4375a{right:10%;}.elementor-84 .elementor-element.elementor-element-1e23579{top:59px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-26cc202{left:18px;}body.rtl .elementor-84 .elementor-element.elementor-element-26cc202{right:18px;}.elementor-84 .elementor-element.elementor-element-26cc202{top:180px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-2d57fef{left:42px;}body.rtl .elementor-84 .elementor-element.elementor-element-2d57fef{right:42px;}.elementor-84 .elementor-element.elementor-element-2d57fef{top:326px;}.elementor-84 .elementor-element.elementor-element-180da15{top:364px;}body:not(.rtl) .elementor-84 .elementor-element.elementor-element-bda4ab3{left:75%;}body.rtl .elementor-84 .elementor-element.elementor-element-bda4ab3{right:75%;}.elementor-84 .elementor-element.elementor-element-bda4ab3{top:346px;}.elementor-84 .elementor-element.elementor-element-a4fc342{--margin-top:400px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-e50cfa1{font-size:14px;}.elementor-84 .elementor-element.elementor-element-c569298:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c569298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:788px 289px;}.elementor-84 .elementor-element.elementor-element-a8482e0{text-align:center;}.elementor-84 .elementor-element.elementor-element-a8482e0 .elementor-heading-title{font-size:50px;}.elementor-84 .elementor-element.elementor-element-ffd3c26{text-align:center;font-size:17px;}.elementor-84 .elementor-element.elementor-element-c7b8aed:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-c7b8aed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-84 .elementor-element.elementor-element-c7b8aed{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-a76f107{--width:100%;--flex-wrap:wrap;}.elementor-84 .elementor-element.elementor-element-962ccf0{--min-height:400px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-84 .elementor-element.elementor-element-169a896{--min-height:400px;}.elementor-84 .elementor-element.elementor-element-9a6bb31{--min-height:400px;}.elementor-84 .elementor-element.elementor-element-795714c{--min-height:400px;}.elementor-84 .elementor-element.elementor-element-eb29737{--min-height:400px;}.elementor-84 .elementor-element.elementor-element-df72acf{--min-height:400px;}.elementor-84 .elementor-element.elementor-element-d04db56{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-84 .elementor-element.elementor-element-5ea4a23 .elementor-heading-title{font-size:24px;letter-spacing:0.2px;}.elementor-84 .elementor-element.elementor-element-e06dd06 .elementor-heading-title{font-size:24px;letter-spacing:0.1px;}.elementor-84 .elementor-element.elementor-element-c2cb1a5 .elementor-heading-title{font-size:24px;letter-spacing:0.2px;}.elementor-84 .elementor-element.elementor-element-0972283{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-0972283:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-0972283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-84 .elementor-element.elementor-element-0972283 > .elementor-shape-top svg, .elementor-84 .elementor-element.elementor-element-0972283 > .e-con-inner > .elementor-shape-top svg{width:calc(176% + 1.3px);}.elementor-84 .elementor-element.elementor-element-0972283 > .elementor-shape-bottom svg, .elementor-84 .elementor-element.elementor-element-0972283 > .e-con-inner > .elementor-shape-bottom svg{width:calc(170% + 1.3px);height:65px;}.elementor-84 .elementor-element.elementor-element-af5411e img{width:80%;}.elementor-84 .elementor-element.elementor-element-5ab33d5{--padding-top:0px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon{font-size:25px;}.elementor-84 .elementor-element.elementor-element-a9e9c85 .elementor-icon-box-description{font-size:15px;}.elementor-84 .elementor-element.elementor-element-4ad078f .elementor-icon{font-size:25px;}.elementor-84 .elementor-element.elementor-element-4ad078f .elementor-icon-box-description{font-size:15px;}.elementor-84 .elementor-element.elementor-element-1e7f777 .elementor-icon{font-size:25px;}.elementor-84 .elementor-element.elementor-element-1e7f777 .elementor-icon-box-description{font-size:15px;}.elementor-84 .elementor-element.elementor-element-807a533{--justify-content:center;}.elementor-84 .elementor-element.elementor-element-e9a6ce4 img{width:70%;}.elementor-84 .elementor-element.elementor-element-865e0cf img{width:70%;}.elementor-84 .elementor-element.elementor-element-59b838f{text-align:center;}.elementor-84 .elementor-element.elementor-element-59b838f .elementor-heading-title{font-size:45px;}.elementor-84 .elementor-element.elementor-element-a00396b{text-align:center;font-size:16px;}.elementor-84 .elementor-element.elementor-element-6706858{--padding-top:120px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-84 .elementor-element.elementor-element-b453b85{text-align:start;}.elementor-84 .elementor-element.elementor-element-b453b85 .elementor-heading-title{font-size:45px;}.elementor-84 .elementor-element.elementor-element-a22f8d9{text-align:center;font-size:16px;}}@media(min-width:768px){.elementor-84 .elementor-element.elementor-element-a4fc342{--width:30%;}.elementor-84 .elementor-element.elementor-element-c569298{--content-width:1240px;}.elementor-84 .elementor-element.elementor-element-47c67b5{--width:50%;}.elementor-84 .elementor-element.elementor-element-c7b8aed{--content-width:827px;}.elementor-84 .elementor-element.elementor-element-a76f107{--width:71%;}.elementor-84 .elementor-element.elementor-element-962ccf0{--width:71%;}.elementor-84 .elementor-element.elementor-element-169a896{--width:350px;}.elementor-84 .elementor-element.elementor-element-9a6bb31{--width:71%;}.elementor-84 .elementor-element.elementor-element-795714c{--width:350px;}.elementor-84 .elementor-element.elementor-element-eb29737{--width:71%;}.elementor-84 .elementor-element.elementor-element-df72acf{--width:350px;}.elementor-84 .elementor-element.elementor-element-d04db56{--width:1200px;}.elementor-84 .elementor-element.elementor-element-422d302{--width:60%;}.elementor-84 .elementor-element.elementor-element-5ab33d5{--width:50%;}.elementor-84 .elementor-element.elementor-element-6706858{--content-width:1600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-84 .elementor-element.elementor-element-a4fc342{--width:50%;}.elementor-84 .elementor-element.elementor-element-a76f107{--width:90%;}.elementor-84 .elementor-element.elementor-element-962ccf0{--width:81%;}.elementor-84 .elementor-element.elementor-element-9a6bb31{--width:81%;}.elementor-84 .elementor-element.elementor-element-eb29737{--width:81%;}.elementor-84 .elementor-element.elementor-element-5ab33d5{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-f8c755c */@media (max-width: 1024px) {
    .elementor-84 .elementor-element.elementor-element-f8c755c span {
        margin-left: 25vw !important; /* Adjust this number until the gap fits the cup */
    }
    .elementor-84 .elementor-element.elementor-element-f8c755c {
        font-size: 80px !important; /* Make the font smaller so it fits on one line */
    }
}/* End custom CSS */


/* Start custom CSS for image, class: .elementor-element-0e4375a *//* The Floating Animation */
.elementor-84 .elementor-element.elementor-element-0e4375a img {
    animation: floatJuice 4s ease-in-out infinite;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.2));
}

@keyframes floatJuice {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(2deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-1e23579 */.elementor-84 .elementor-element.elementor-element-1e23579 img {
    animation: floatLeaf 8s ease-in-out infinite;
}

@keyframes floatLeaf {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-25px) translateX(10px);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-63c5c34 */.elementor-84 .elementor-element.elementor-element-63c5c34 img {
    animation: swayLeaf 6s ease-in-out infinite;
    transform-origin: center;
}

@keyframes swayLeaf {
    0%, 100% {
        transform: rotate(-5deg) translateY(0px);
    }
    50% {
        transform: rotate(5deg) translateY(-15px);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-26cc202 */.elementor-84 .elementor-element.elementor-element-26cc202 img {
    animation: floatLeaf 8s ease-in-out infinite;
}

@keyframes floatLeaf {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-25px) translateX(10px);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-2d57fef */.elementor-84 .elementor-element.elementor-element-2d57fef img {
    animation: floatLeaf 8s ease-in-out infinite;
}

@keyframes floatLeaf {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-25px) translateX(10px);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-180da15 */.elementor-84 .elementor-element.elementor-element-180da15 img {
    animation: swayLeaf 6s ease-in-out infinite;
    transform-origin: center;
}

@keyframes swayLeaf {
    0%, 100% {
        transform: rotate(-5deg) translateY(0px);
    }
    50% {
        transform: rotate(5deg) translateY(-15px);
    }
}/* End custom CSS */

/* Start custom CSS for image, class: .elementor-element-bda4ab3 */.elementor-84 .elementor-element.elementor-element-bda4ab3 img {
    animation: floatLeaf 8s ease-in-out infinite;
}

@keyframes floatLeaf {
    0%, 100% {
        transform: translateY(0px) translateX(0px);
    }
    50% {
        transform: translateY(-25px) translateX(10px);
    }
}/* End custom CSS */


























/* Start custom CSS for container, class: .elementor-element-962ccf0 */.elementor-84 .elementor-element.elementor-element-962ccf0:hover .bottom-text .elementor-heading-title {
    color: #FFFFFF !important;
    transition: color 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-962ccf0 .bottom-text {
    transition: all 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-962ccf0:hover .bottom-text {
    transform: translateY(0);
    opacity: 1;
}

/* 1. The Main Card Container */
.card {
    background-position: center 0px; 
    
    background-color: #FFFFFF; 
    overflow: hidden;
    transition: background-position 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}




/* 2. The "Sugarcane" Text (Visible at the bottom of the green area) */
.sugarcane-text {
    position: absolute;
    bottom: 20px; 
    left: 20px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.orange-group {
    position: absolute;
    bottom: 10px; 
    left: 10px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

/* 3. The Description Box (Visible in the white area at the bottom) */
.text-box-class {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding:25px;
    background: transparent;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 4;
    opacity: 0;
}
/* --- THE HOVER ACTIONS --- */

/* Slide the background up to create more white space */
.elementor-84 .elementor-element.elementor-element-962ccf0:hover .card{
    background-position: center -100px; 
}

.elementor-84 .elementor-element.elementor-element-962ccf0:hover .orange-group {
    opacity: 1; 
    transform: translateY(-100px); /* Moves up with the green splash */
}

/* 3. Style the Icon Image inside the group */
.orange-group img {
    width: 50px; /* Adjust your icon size here */
    height: auto;
}

/* 4. Style the Heading inside the group */
.orange-group h2, 
.orange-group h3 {
    margin: 0 !important;
    color: #FFFFFF !important;
}
/* Move the Sugarcane text up with the green background */
.elementor-84 .elementor-element.elementor-element-962ccf0:hover .sugarcane-text {
    transform: translateY(-100px);
    opacity: 1
   
}

/* Move the Description Box up into the new white space */
.elementor-84 .elementor-element.elementor-element-962ccf0:hover .text-box-class {
    opacity: 1;
}

/* The Cup: Move, Tilt, and Shrink */
.elementor-84 .elementor-element.elementor-element-962ccf0:hover .cup-image-apple {
    transform: translateY(-50px) rotate(10deg) scale(0.8);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*test*/

@media (max-width: 1024px) {

    /* 1. BASE CONTAINER SETUP */
    .elementor-84 .elementor-element.elementor-element-962ccf0 {
        transition: 
            background-image 0.8s ease, 
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), 
            box-shadow 0.8s ease;
        will-change: transform, opacity;
        transform: translateZ(0);
        backface-visibility: hidden;
        border-radius: 30px;
    }

    /* 2. ACTIVE STATE - ORANGE GRADIENT */
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active {
        /* Vibrant Orange to Soft Orange Gradient */
        background-image: linear-gradient(
            0deg, 
            #B3191E 0%, 
            #B3191E47 100%
        ) !important;

        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 20px 40px rgba(243, 112, 33, 0.18); /* Orange glow shadow */
        border-radius: 30px;
    }

    /* 3. BACKGROUND IMAGE SLIDE */
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active .card {
        background-position: center -100px !important;
        background-color: #FFFFFF !important; /* Keeps the bottom part white */
        transition: background-position 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /* 4. TITLE & ICON ANIMATION */
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active .orange-group,
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active .sugarcane-text {
        transform: translateY(-45px);
        opacity: 1 !important;
        visibility: visible !important;
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 5. DESCRIPTION TEXT REVEAL */
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active .text-box-class {
        opacity: 1 !important;
        transform: translateY(10px);
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 6. ORANGE CUP SPECIFIC ANIMATION */
    .elementor-84 .elementor-element.elementor-element-962ccf0.is-active .cup-image-apple {
        /* Matches the smooth tilt and shrink of the apple cup */
        transform: translateY(-50px) rotate(10deg) scale(0.8) !important;
        transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
}/* End custom CSS */
.elementor-84 .elementor-element.elementor-element-962ccf0 {
    /* Limit how big the card can get on large tablets/desktops */
    max-width: 380px; 
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; /* Let it fill the space up to the max-width */
}

/* Tablet specific fix */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-84 .elementor-element.elementor-element-962ccf0 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}

/* desktops specific fix */
@media (min-width: 1025px) and (max-width: 2000px) {
    .elementor-84 .elementor-element.elementor-element-962ccf0 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}



/* Tablet specific fix */
@media (min-width: 1px) and (max-width: 767px) {
    .elementor-84 .elementor-element.elementor-element-962ccf0 {
        
        max-width: 300px; 
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    /* 1. Lower the 'Apple/Sugarcane' heading group */
    .elementor-84 .elementor-element.elementor-element-962ccf0:hover .orange-group,
    .elementor-84 .elementor-element.elementor-element-962ccf0:hover .sugarcane-text {
        transform: translateY(-65px) !important; /* Changed from -100px to sit lower */
        opacity: 1;
    }

    /* 2. Lower the description text box */
    .elementor-84 .elementor-element.elementor-element-962ccf0:hover .text-box-class {
        opacity: 1;
        /* Using a slight positive translateY to push it down further if needed */
        transform: translateY(10px) !important; 
        padding: 10px 20px !important;
    }

    /* 3. Reduce the background slide height */
    /* This prevents the white area from growing too large and pushing text up */
    .elementor-84 .elementor-element.elementor-element-962ccf0:hover .card {
        background-position: center -85px !important; 
    }

    /* 4. Adjust Cup position to avoid overlap */
    .elementor-84 .elementor-element.elementor-element-962ccf0:hover .cup-image-apple {
        transform: translateY(-15px) rotate(5deg) scale(0.75) !important;
    }
}
/* Force the hover effect when 'is-active' class is added by script */
@media (max-width: 1024px) {

    /* Use .is-active instead of :hover */
    .card-warp.is-active .card {
        background-position: center -100px !important; 
    }

    .card-warp.is-active .orange-group,
    .card-warp.is-active .sugarcane-text {
        transform: translateY(-85px) !important;
        opacity: 1 !important;
    }

    .card-warp.is-active .text-box-class {
        opacity: 1 !important;
    }

    .card-warp.is-active .cup-image-apple {
        transform: translateY(-50px) rotate(10deg) scale(0.8) !important;
    }
}






/* Start custom CSS for container, class: .elementor-element-9a6bb31 */.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .bottom-text .elementor-heading-title {
    color: #FFFFFF !important;
    transition: color 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-9a6bb31 .bottom-text {
    transition: all 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .bottom-text {
    transform: translateY(0);
    opacity: 1;
}

/* 1. The Main Card Container */
.card {
    background-position: center 0px; 
    background-color: #FFFFFF; 
    overflow: hidden;
    transition: background-position 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}




/* 2. The "Sugarcane" Text (Visible at the bottom of the green area) */
.sugarcane-text {
    position: absolute;
    bottom: 20px; 
    left: 20px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.orange-group {
    position: absolute;
    bottom: 10px; 
    left: 10px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

/* 3. The Description Box (Visible in the white area at the bottom) */
.text-box-class {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding:25px;
    background: transparent;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 4;
    opacity: 0;
}
/* --- THE HOVER ACTIONS --- */

/* Slide the background up to create more white space */
.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .card{
    background-position: center -100px; 
}

.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .orange-group {
    opacity: 1; 
    transform: translateY(-100px); /* Moves up with the green splash */
}

/* 3. Style the Icon Image inside the group */
.orange-group img {
    width: 50px; /* Adjust your icon size here */
    height: auto;
}

/* 4. Style the Heading inside the group */
.orange-group h2, 
.orange-group h3 {
    margin: 0 !important;
    color: #FFFFFF !important;
}
/* Move the Sugarcane text up with the green background */
.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .sugarcane-text {
    transform: translateY(-100px);
    opacity: 1
   
}

/* Move the Description Box up into the new white space */
.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .text-box-class {
    opacity: 1;
}

/* The Cup: Move, Tilt, and Shrink */
.elementor-84 .elementor-element.elementor-element-9a6bb31:hover .cup-image-orange {
    transform: translateY(-50px) rotate(1deg) scale(0.8);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/*test*/

@media (max-width: 1024px) {

    /* 1. BASE CONTAINER SETUP */
    .elementor-84 .elementor-element.elementor-element-9a6bb31 {
        transition: 
            background-image 0.8s ease, 
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), 
            box-shadow 0.8s ease;
        will-change: transform, opacity;
        transform: translateZ(0);
        backface-visibility: hidden;
        border-radius: 30px;
    }

    /* 2. ACTIVE STATE - ORANGE GRADIENT */
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active {
        /* Vibrant Orange to Soft Orange Gradient */
        background-image: linear-gradient(
            0deg, 
            #F37021 0%, 
            #F3702147 100%
        ) !important;

        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 20px 40px rgba(243, 112, 33, 0.18); /* Orange glow shadow */
        border-radius: 30px;
    }

    /* 3. BACKGROUND IMAGE SLIDE */
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active .card {
        background-position: center -100px !important;
        background-color: #FFFFFF !important; /* Keeps the bottom part white */
        transition: background-position 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /* 4. TITLE & ICON ANIMATION */
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active .orange-group,
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active .sugarcane-text {
        transform: translateY(-85px);
        opacity: 1 !important;
        visibility: visible !important;
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 5. DESCRIPTION TEXT REVEAL */
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active .text-box-class {
        opacity: 1 !important;
        transform: translateY(10px);
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 6. ORANGE CUP SPECIFIC ANIMATION */
    .elementor-84 .elementor-element.elementor-element-9a6bb31.is-active .cup-image-orange {
        /* Matches the smooth tilt and shrink of the apple cup */
        transform: translateY(-50px) rotate(1deg) scale(0.8) !important;
        transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
}/* End custom CSS */
.elementor-84 .elementor-element.elementor-element-9a6bb31 {
    /* Limit how big the card can get on large tablets/desktops */
    max-width: 380px; 
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; /* Let it fill the space up to the max-width */
}

/* Tablet specific fix */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-84 .elementor-element.elementor-element-9a6bb31 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}

/* desktops specific fix */
@media (min-width: 1025px) and (max-width: 2000px) {
    .elementor-84 .elementor-element.elementor-element-9a6bb31 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}



/* Tablet specific fix */
@media (min-width: 1px) and (max-width: 767px) {
    .elementor-84 .elementor-element.elementor-element-9a6bb31 {
        
        max-width: 300px; 
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    /* 1. Lower the 'Apple/Sugarcane' heading group */
    .elementor-84 .elementor-element.elementor-element-9a6bb31:hover .orange-group,
    .elementor-84 .elementor-element.elementor-element-9a6bb31:hover .sugarcane-text {
        transform: translateY(-65px) !important; /* Changed from -100px to sit lower */
        opacity: 1;
    }

    /* 2. Lower the description text box */
    .elementor-84 .elementor-element.elementor-element-9a6bb31:hover .text-box-class {
        opacity: 1;
        /* Using a slight positive translateY to push it down further if needed */
        transform: translateY(10px) !important; 
        padding: 10px 20px !important;
    }

    /* 3. Reduce the background slide height */
    /* This prevents the white area from growing too large and pushing text up */
    .elementor-84 .elementor-element.elementor-element-9a6bb31:hover .card {
        background-position: center -85px !important; 
    }

    /* 4. Adjust Cup position to avoid overlap */
    .elementor-84 .elementor-element.elementor-element-9a6bb31:hover .cup-image-apple {
        transform: translateY(-15px) rotate(5deg) scale(0.75) !important;
    }
}






/* Start custom CSS for container, class: .elementor-element-eb29737 */.elementor-84 .elementor-element.elementor-element-eb29737:hover .bottom-text .elementor-heading-title {
    color: #FFFFFF !important;
    transition: color 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-eb29737 .bottom-text {
    transition: all 0.3s ease;
}

.elementor-84 .elementor-element.elementor-element-eb29737:hover .bottom-text {
    transform: translateY(0);
    opacity: 1;
}

/* 1. The Main Card Container */
.card {
    background-position: center 0px; 
    background-color: #FFFFFF; 
    overflow: hidden;
    transition: background-position 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}




/* 2. The "Sugarcane" Text (Visible at the bottom of the green area) */
.sugarcane-text {
    position: absolute;
    bottom: 20px; 
    left: 20px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.sugarcane-group {
    position: absolute;
    bottom: 10px; 
    left: 10px;
    color: #FFFFFF;
    z-index: 5;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

/* 3. The Description Box (Visible in the white area at the bottom) */
.text-box-class {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    padding:25px;
    background: transparent;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 4;
    opacity: 0;
}
/* --- THE HOVER ACTIONS --- */

/* Slide the background up to create more white space */
.elementor-84 .elementor-element.elementor-element-eb29737:hover .card{
    background-position: center -100px; 
}

.elementor-84 .elementor-element.elementor-element-eb29737:hover .sugarcane-group {
    opacity: 1; 
    transform: translateY(-100px); /* Moves up with the green splash */
}

/* 3. Style the Icon Image inside the group */
.sugarcane-group img {
    width: 18px; /* Adjust your icon size here */
    height: auto;
}

/* 4. Style the Heading inside the group */
.sugarcane-group h2, 
.sugarcane-group h3 {
    margin: 0 !important;
    color: #FFFFFF !important;
}
/* Move the Sugarcane text up with the green background */
.elementor-84 .elementor-element.elementor-element-eb29737:hover .sugarcane-text {
    transform: translateY(-100px);
    opacity: 1
   
}

/* Move the Description Box up into the new white space */
.elementor-84 .elementor-element.elementor-element-eb29737:hover .text-box-class {
    opacity: 1;
}

/* The Cup: Move, Tilt, and Shrink */
.elementor-84 .elementor-element.elementor-element-eb29737:hover .cup-image-class {
    transform: translateY(-50px) rotate(-10deg) scale(0.8);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


/*test*/

@media (max-width: 1024px) {

    /* 1. BASE CONTAINER SETUP */
    .elementor-84 .elementor-element.elementor-element-eb29737 {
        transition: 
            background-image 0.8s ease, 
            transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), 
            box-shadow 0.8s ease;
        will-change: transform, opacity;
        transform: translateZ(0);
        backface-visibility: hidden;
        border-radius: 30px;
    }

    /* 2. ACTIVE STATE - ORANGE GRADIENT */
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active {
        /* Vibrant Orange to Soft Orange Gradient */
        background-image: linear-gradient(
            0deg, 
            #46A94B 0%, 
            #46A94B54 100%
        ) !important;

        transform: translateY(-4px) scale(1.02);
        box-shadow: 0 20px 40px rgba(243, 112, 33, 0.18); /* Orange glow shadow */
        border-radius: 30px;
    }

    /* 3. BACKGROUND IMAGE SLIDE */
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active .card {
        background-position: center -100px !important;
        background-color: #FFFFFF !important; /* Keeps the bottom part white */
        transition: background-position 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /* 4. TITLE & ICON ANIMATION */
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active .sugarcane-group,
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active .sugarcane-text {
        transform: translateY(-95px);
        opacity: 1 !important;
        visibility: visible !important;
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 5. DESCRIPTION TEXT REVEAL */
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active .text-box-class {
        opacity: 1 !important;
        transform: translateY(10px);
        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
    }

    /* 6. ORANGE CUP SPECIFIC ANIMATION */
    .elementor-84 .elementor-element.elementor-element-eb29737.is-active .cup-image-class {
        /* Matches the smooth tilt and shrink of the apple cup */
        transform: translateY(-50px) rotate(-10deg) scale(0.8) !important;
        transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }
}/* End custom CSS */
.elementor-84 .elementor-element.elementor-element-eb29737 {
    /* Limit how big the card can get on large tablets/desktops */
    max-width: 380px; 
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; /* Let it fill the space up to the max-width */
}

/* Tablet specific fix */
@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-84 .elementor-element.elementor-element-eb29737 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}

/* desktops specific fix */
@media (min-width: 1025px) and (max-width: 2000px) {
    .elementor-84 .elementor-element.elementor-element-eb29737 {
        /* On tablet, ensure they don't look like giant blocks */
        max-width: 380px; 
        margin-bottom: 30px;
    }
}


/* phone specific fix */
@media (min-width: 1px) and (max-width: 767px) {
    .elementor-84 .elementor-element.elementor-element-eb29737 {
        
        max-width: 300px; 
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    /* 1. Lower the 'Apple/Sugarcane' heading group */
    .elementor-84 .elementor-element.elementor-element-eb29737:hover .sugarcane-group,
    .elementor-84 .elementor-element.elementor-element-eb29737:hover .sugarcane-text {
        transform: translateY(-75px) !important; /* Changed from -100px to sit lower */
        opacity: 1;
    }

    /* 2. Lower the description text box */
    .elementor-84 .elementor-element.elementor-element-eb29737:hover .text-box-class {
        opacity: 1;
        /* Using a slight positive translateY to push it down further if needed */
        transform: translateY(10px) !important; 
        padding: 10px 20px !important;
    }

    /* 3. Reduce the background slide height */
    /* This prevents the white area from growing too large and pushing text up */
    .elementor-84 .elementor-element.elementor-element-eb29737:hover .card {
        background-position: center -85px !important; 
    }

    /* 4. Adjust Cup position to avoid overlap */
    .elementor-84 .elementor-element.elementor-element-eb29737:hover .cup-image-sugarcane {
        transform: translateY(-15px) rotate(5deg) scale(0.75) !important;
    }
}








































/* Start Custom Fonts CSS */@font-face {
	font-family: 'brugtyd';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://juicesup.com.my/wp-content/uploads/2026/04/Brugty-DEMO-2.woff2') format('woff2');
}
/* End Custom Fonts CSS */