.elementor-2 .elementor-element.elementor-element-cf5c80a{--display:flex;--min-height:750px;--justify-content:flex-end;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:-2px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-cf5c80a:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9412696 );}.elementor-2 .elementor-element.elementor-element-cf5c80a::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://happiskippipets.com.my/wp-content/uploads/H-tb-grains-bg.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-1bde37e{--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;--align-items:flex-end;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-e01faaa{--display:flex;--position:absolute;top:-10%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-e01faaa{left:-28%;}body.rtl .elementor-2 .elementor-element.elementor-element-e01faaa{right:-28%;}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2 .elementor-element.elementor-element-db1722f{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:2%;z-index:6;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-db1722f{right:-9%;}body.rtl .elementor-2 .elementor-element.elementor-element-db1722f{left:-9%;}.elementor-2 .elementor-element.elementor-element-ac5410d{z-index:5;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-49ec7bf{left:-4%;}body.rtl .elementor-2 .elementor-element.elementor-element-49ec7bf{right:-4%;}.elementor-2 .elementor-element.elementor-element-49ec7bf{top:9%;z-index:3;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2 .elementor-element.elementor-element-4971dd7 > .elementor-widget-container{--e-transform-rotateZ:30deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-4971dd7{right:-6%;}body.rtl .elementor-2 .elementor-element.elementor-element-4971dd7{left:-6%;}.elementor-2 .elementor-element.elementor-element-4971dd7{top:-13%;z-index:2;--lottie-container-width:28%;--lottie-container-max-width:100%;--lottie-container-opacity:1;}.elementor-2 .elementor-element.elementor-element-498c99e{--display:flex;--position:absolute;top:22%;--z-index:4;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-498c99e{right:-32%;}body.rtl .elementor-2 .elementor-element.elementor-element-498c99e{left:-32%;}.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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-572be39{left:52%;}body.rtl .elementor-2 .elementor-element.elementor-element-572be39{right:52%;}.elementor-2 .elementor-element.elementor-element-572be39{top:29%;}.elementor-2 .elementor-element.elementor-element-572be39 .elementor-heading-title{font-family:"Ellograph CF", Sans-serif;font-size:28px;font-weight:900;text-transform:none;font-style:italic;text-decoration:none;line-height:1;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-4b1c72e{--display:flex;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-2 .elementor-element.elementor-element-ece89d1 .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 );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-08ba440{--display:flex;}.elementor-2 .elementor-element.elementor-element-9f336f4{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-412b0c4{--display:flex;--position:absolute;top:24%;}.elementor-2 .elementor-element.elementor-element-412b0c4.e-con{--e-con-transform-rotateZ:-20deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-412b0c4{left:-26%;}body.rtl .elementor-2 .elementor-element.elementor-element-412b0c4{right:-26%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-7cb0e32{left:32%;}body.rtl .elementor-2 .elementor-element.elementor-element-7cb0e32{right:32%;}.elementor-2 .elementor-element.elementor-element-7cb0e32{top:39%;}.elementor-2 .elementor-element.elementor-element-7cb0e32 .elementor-heading-title{font-family:"Ellograph CF", Sans-serif;font-size:28px;font-weight:900;text-transform:none;font-style:italic;text-decoration:none;line-height:1;letter-spacing:0px;color:var( --e-global-color-text );}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-5079c9d{left:-9%;}body.rtl .elementor-2 .elementor-element.elementor-element-5079c9d{right:-9%;}.elementor-2 .elementor-element.elementor-element-5079c9d{top:46%;}.elementor-2 .elementor-element.elementor-element-dc2a39c > .elementor-widget-container{--e-transform-rotateZ:-18deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-dc2a39c{right:-60%;}body.rtl .elementor-2 .elementor-element.elementor-element-dc2a39c{left:-60%;}.elementor-2 .elementor-element.elementor-element-dc2a39c{top:-5%;--lottie-container-width:53%;--lottie-container-max-width:100%;--lottie-container-opacity:1;}.elementor-2 .elementor-element.elementor-element-b8be049{--display:flex;--overlay-opacity:1;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2 .elementor-element.elementor-element-b8be049:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-b8be049 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2 .elementor-element.elementor-element-b8be049::before, .elementor-2 .elementor-element.elementor-element-b8be049 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-b8be049 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-b8be049 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-b8be049 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-b8be049 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://happiskippipets.com.my/wp-content/uploads/00-Grain.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-f46cc67{--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;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--z-index:2;}.elementor-2 .elementor-element.elementor-element-5e97912{--display:flex;}.elementor-2 .elementor-element.elementor-element-2c4e9f0{--display:flex;--position:absolute;top:7%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-2c4e9f0{right:-42%;}body.rtl .elementor-2 .elementor-element.elementor-element-2c4e9f0{left:-42%;}.elementor-2 .elementor-element.elementor-element-a449527 > .elementor-widget-container{--e-transform-rotateZ:-7deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-a449527{left:10%;}body.rtl .elementor-2 .elementor-element.elementor-element-a449527{right:10%;}.elementor-2 .elementor-element.elementor-element-a449527{top:28%;text-align:center;}.elementor-2 .elementor-element.elementor-element-a449527 .elementor-heading-title{font-family:"Ellograph CF", Sans-serif;font-size:20px;font-weight:900;text-transform:none;font-style:italic;text-decoration:none;line-height:1;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-389be2d > .elementor-widget-container{--e-transform-rotateZ:-7deg;}.elementor-2 .elementor-element.elementor-element-325743e{--display:flex;--position:absolute;bottom:-8%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-325743e{left:-5%;}body.rtl .elementor-2 .elementor-element.elementor-element-325743e{right:-5%;}.elementor-2 .elementor-element.elementor-element-3028b6e > .elementor-widget-container{--e-transform-rotateZ:10deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-3028b6e{left:10%;}body.rtl .elementor-2 .elementor-element.elementor-element-3028b6e{right:10%;}.elementor-2 .elementor-element.elementor-element-3028b6e{top:18%;text-align:center;}.elementor-2 .elementor-element.elementor-element-3028b6e .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-2ecfa25 > .elementor-widget-container{--e-transform-rotateZ:10deg;}.elementor-2 .elementor-element.elementor-element-46e6638{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;}.elementor-2 .elementor-element.elementor-element-b68bbd1 .elementor-heading-title{font-family:"Ellograph CF", Sans-serif;font-size:59px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:1;letter-spacing:0px;color:var( --e-global-color-text );}.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 );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-2 .elementor-element.elementor-element-36ee2a0{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2 .elementor-element.elementor-element-a6149bb .elementor-button{background-color:var( --e-global-color-e043fb2 );font-family:var( --e-global-typography-6821ff7-font-family ), Sans-serif;font-size:var( --e-global-typography-6821ff7-font-size );font-weight:var( --e-global-typography-6821ff7-font-weight );text-transform:var( --e-global-typography-6821ff7-text-transform );font-style:var( --e-global-typography-6821ff7-font-style );text-decoration:var( --e-global-typography-6821ff7-text-decoration );letter-spacing:var( --e-global-typography-6821ff7-letter-spacing );fill:var( --e-global-color-d74b633 );color:var( --e-global-color-d74b633 );}.elementor-2 .elementor-element.elementor-element-a6149bb.elementor-element{--align-self:flex-start;}.elementor-2 .elementor-element.elementor-element-f03535c{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;bottom:14%;z-index:2;}.elementor-2 .elementor-element.elementor-element-f03535c > .elementor-widget-container{--e-transform-rotateZ:-15deg;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-f03535c{right:-9%;}body.rtl .elementor-2 .elementor-element.elementor-element-f03535c{left:-9%;}.elementor-2 .elementor-element.elementor-element-f2fd5b2{--display:flex;--min-height:800px;--overflow:hidden;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2 .elementor-element.elementor-element-f2fd5b2:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-f2fd5b2::before, .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-f2fd5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://happiskippipets.com.my/wp-content/uploads/H-tb-grains-bg.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-88dd446{--display:flex;--min-height:750px;}.elementor-2 .elementor-element.elementor-element-b270d6e{--display:flex;--min-height:750px;}.elementor-2 .elementor-element.elementor-element-15d9765{--display:flex;}.elementor-2 .elementor-element.elementor-element-d6f145f{--display:flex;}.elementor-2 .elementor-element.elementor-element-b158b72{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2 .elementor-element.elementor-element-6c8dac0{--display:flex;}.elementor-2 .elementor-element.elementor-element-d30462c{--display:flex;}.elementor-2 .elementor-element.elementor-element-f9eed90{--display:flex;}.elementor-2 .elementor-element.elementor-element-50f1045{--display:flex;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-e01faaa{--width:45%;}.elementor-2 .elementor-element.elementor-element-498c99e{--width:47%;}.elementor-2 .elementor-element.elementor-element-4b1c72e{--width:60%;}.elementor-2 .elementor-element.elementor-element-08ba440{--width:40%;}.elementor-2 .elementor-element.elementor-element-412b0c4{--width:45%;}.elementor-2 .elementor-element.elementor-element-5e97912{--width:40%;}.elementor-2 .elementor-element.elementor-element-2c4e9f0{--width:55%;}.elementor-2 .elementor-element.elementor-element-325743e{--width:38%;}.elementor-2 .elementor-element.elementor-element-46e6638{--width:60%;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-cf5c80a{--min-height:550px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2 .elementor-element.elementor-element-572be39 .elementor-heading-title{font-size:20px;line-height:1;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-4b1c72e{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-ece89d1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2 .elementor-element.elementor-element-9f336f4{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-7cb0e32 .elementor-heading-title{font-size:20px;line-height:1;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-dc2a39c{--lottie-container-width:50%;}.elementor-2 .elementor-element.elementor-element-b8be049{--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2 .elementor-element.elementor-element-f46cc67{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-2 .elementor-element.elementor-element-2c4e9f0{top:3%;}.elementor-2 .elementor-element.elementor-element-a449527 .elementor-heading-title{font-size:14px;line-height:1;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-3028b6e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2 .elementor-element.elementor-element-46e6638{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-2 .elementor-element.elementor-element-b68bbd1 .elementor-heading-title{font-size:34px;line-height:1;letter-spacing:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2 .elementor-element.elementor-element-a6149bb .elementor-button{font-size:var( --e-global-typography-6821ff7-font-size );letter-spacing:var( --e-global-typography-6821ff7-letter-spacing );}.elementor-2 .elementor-element.elementor-element-f2fd5b2{--min-height:600px;}.elementor-2 .elementor-element.elementor-element-88dd446{--min-height:600px;}.elementor-2 .elementor-element.elementor-element-b270d6e{--min-height:600px;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-cf5c80a::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-cf5c80a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;}.elementor-2 .elementor-element.elementor-element-cf5c80a{--margin-top:0px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-1bde37e{--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:300px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-e01faaa{top:-30%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-4971dd7{right:-12%;}body.rtl .elementor-2 .elementor-element.elementor-element-4971dd7{left:-12%;}.elementor-2 .elementor-element.elementor-element-4971dd7{top:-23%;--lottie-container-width:40%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-572be39{left:53%;}body.rtl .elementor-2 .elementor-element.elementor-element-572be39{right:53%;}.elementor-2 .elementor-element.elementor-element-572be39{top:31%;}.elementor-2 .elementor-element.elementor-element-572be39 .elementor-heading-title{font-size:20px;line-height:1;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-4b1c72e{--margin-top:-30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-ece89d1 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-2 .elementor-element.elementor-element-08ba440{--width:75%;}.elementor-2 .elementor-element.elementor-element-9f336f4{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-2 .elementor-element.elementor-element-412b0c4{--width:50%;top:36%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-412b0c4{left:-19%;}body.rtl .elementor-2 .elementor-element.elementor-element-412b0c4{right:-19%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-7cb0e32{left:30%;}body.rtl .elementor-2 .elementor-element.elementor-element-7cb0e32{right:30%;}.elementor-2 .elementor-element.elementor-element-7cb0e32{top:41%;}.elementor-2 .elementor-element.elementor-element-7cb0e32 .elementor-heading-title{font-size:20px;line-height:1;letter-spacing:0px;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-5079c9d{left:0%;}body.rtl .elementor-2 .elementor-element.elementor-element-5079c9d{right:0%;}.elementor-2 .elementor-element.elementor-element-5079c9d{top:22%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-dc2a39c{right:-44%;}body.rtl .elementor-2 .elementor-element.elementor-element-dc2a39c{left:-44%;}.elementor-2 .elementor-element.elementor-element-dc2a39c{top:-19%;--lottie-container-width:70%;}.elementor-2 .elementor-element.elementor-element-f46cc67{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-2 .elementor-element.elementor-element-5919864{text-align:center;}.elementor-2 .elementor-element.elementor-element-5919864 img{width:90%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-a449527{left:14%;}body.rtl .elementor-2 .elementor-element.elementor-element-a449527{right:14%;}.elementor-2 .elementor-element.elementor-element-a449527{top:28%;}.elementor-2 .elementor-element.elementor-element-a449527 .elementor-heading-title{font-size:14px;line-height:1;letter-spacing:0px;}.elementor-2 .elementor-element.elementor-element-3028b6e .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2 .elementor-element.elementor-element-b68bbd1 .elementor-heading-title{font-size:32px;line-height:1;letter-spacing:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-2 .elementor-element.elementor-element-36ee2a0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-2 .elementor-element.elementor-element-a6149bb .elementor-button{font-size:var( --e-global-typography-6821ff7-font-size );letter-spacing:var( --e-global-typography-6821ff7-letter-spacing );}.elementor-2 .elementor-element.elementor-element-f03535c{--container-widget-width:45%;--container-widget-flex-grow:0;width:var( --container-widget-width, 45% );max-width:45%;bottom:8%;}body:not(.rtl) .elementor-2 .elementor-element.elementor-element-f03535c{right:-18%;}body.rtl .elementor-2 .elementor-element.elementor-element-f03535c{left:-18%;}.elementor-2 .elementor-element.elementor-element-8dac85c img{width:100%;max-width:100%;}}/* Start custom CSS *//*divider*/
.about-wrap:after, 
.distributor-wrap:after {
    content: '';
    display: block;
    position: absolute;
    top: -30px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: inherit;
  --mask: radial-gradient(15.08px at 50% 19.6px,#000 99%,#0000 101%) calc(50% - 28px) 0/56px 100%,
    radial-gradient(15.08px at 50% -5.6px,#0000 99%,#000 101%) 50% 14px/56px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
    background-image: url(/wp-content/uploads/00-Grain.png);
    background-repeat: no-repeat;
    background-size: cover;
}


/*footer custom*/
.footer-sec {
    z-index: 60 !important;
}



/*hero banner*/
.hero-title .elementor-heading-title:after {
    content: '';
    display: inline-block;
    background-image: url('/wp-content/uploads/H-hero-img-08-trimmed.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    height: 60px;
    margin-left: 40px;
}

/*ticket drag*/
#drag-1, 
#drag-2, 
#drag-3, 
#drag-4, 
#drag-5, 
#drag-6, 
#drag-7, 
#drag-8 {
    position: absolute;
    touch-action: none;
    user-select: none;
    cursor: pointer !important;
}

.drag-block {
    min-height: 800px;
}

#drag-1 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-2 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-3 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-purple.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-4 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-purple.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-5 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-orange.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-6 .ticket-full-bg {
    width: 740px;
    background-image: url(/wp-content/uploads/H-Just-Freeze-Dried-ingredient-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px;
}

#drag-1 {
    left: 7%;
    top: 10%;
    transform: rotate(12deg);
    z-index: 4;
}

#drag-2 {
    right: 4%;
    top: -9%;
    transform: rotate(16deg);
    z-index: 6;
}

#drag-3 {
    right: -1%;
    top: 28%;
    transform: rotate(-8deg);
    z-index: 5;
}

#drag-4 {
    left: -14%;
    top: 53%;
    transform: rotate(-12deg);
    z-index: 2;
}

#drag-5 {
    left: 25%;
    bottom: -2%;
    transform: rotate(12deg);
    z-index: 3;
}

#drag-6 {
    right: -4%;
    bottom: 20%;
    transform: rotate(34deg);
    z-index: 1;
}

#drag-7 {
    left: 5%;
    top: 27%;
    z-index: 7;
    width: 7% !important;
}

#drag-8 {
    right: 23%;
    bottom: 7%;
    z-index: 7;
    width: 7% !important;
}

.ticket-full-bg:before {
    content: '';
    display: block;
    background-image: url('/wp-content/uploads/H-Just-Freeze-Dried-ingredient-grain.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 268px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.ticket-top, 
.ticket-bottom {
    display: flex;
    flex-wrap: nowrap;
}

.ticket-full-bg h4, 
.ticket-full-bg p {
    margin: 0px !important;
    color: #ffffff;
}

.ticket-full-bg p {
    font-size: 14px;
}

.dried-title {
    font-size: 30px !important;
}

.dried-box, 
.protein-box, 
.ticket-label, 
.fibre-box {
    width: 50%;
    min-height: 94px;
    padding: 15px;
    display: flex;
    align-items: center;
    z-index: 2;
}

.dried-box {
    border: solid 2px #ffffff;
}

.protein-box {
    border-color: #ffffff;
    border-width: 2px 2px 2px 0px;
    border-style: solid;
}

.ticket-label {
    border-color: #ffffff;
    border-width: 0px 2px 2px 2px;
    border-style: solid;
}

.fibre-box {
    border-color: #ffffff;
    border-width: 0px 2px 2px 0px;
    border-style: solid;
}


/*happi treat slider*/
.background-swiper .swiper-wrapper:after {
    content: '';
    display: block;
    width: 100%;
    height: 800px;
    background-image: url('/wp-content/uploads/H-tb-grains-bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    position: absolute;
}

.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-swiper .bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.content-swiper {
    position: relative;
    z-index: 5;
}

.content-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 800px;
}

.treat-slide-wrap {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: relative;
}

.treat-title h1 {
    margin: 0px;
    color: #ffffff;
    text-align: center;
}

.treat-title p {
    text-align: center;
    color: #ffffff;
    margin-top: 10px;
}

.treat-paragraph {
    width: 65%;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.treat-paragraph a {
    font-family: "Ellograph CF";
    font-weight: 900;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 1.25;
    color: #ffd220;
    padding: 12px 30px;
    width: fit-content;
    margin: 0 auto;
}

.treat-center-img {
    width: 38%;
    height: 314px !important;
    object-fit: contain;
    display: block;
    margin: auto;
}

.treat-banner {
    position: relative;
    margin: 0 auto;
    transform: rotate(-3deg);
}

.treat-mini-wrap {
    position: relative;
}

.treat-mini-icon {
    width: 60px;
    height: 60px !important;
    object-fit: contain;
    position: absolute;
    z-index: 3;
    left: -13%;
    bottom: 38%;
    filter: drop-shadow(2px 4px 4.3px #00000026);
}

.treat-banner img {
    width: 252px;
}

.treat-banner h6 {
    color: #ffffff;
    font-size: 20px;
    font-style: italic;
    position: absolute;
    left: 26px;
    top: 13px;
    z-index: 3;
    margin: 0 auto;
}

.treat-overlay-bg {
    position: absolute;
    z-index: -1;
    width: 68%;
    left: 50% !important;
    top: 46% !important;
    transform: translate(-50%, -50%);
}

.treat-mini-feat-left {
    position: absolute;
    bottom: 40%;
    left: 8%;
    transform: rotate(8deg);
}

.treat-mini-feat-left .treat-mini-icon {
    left: -14%;
}

.treat-mini-feat-right {
    position: absolute;
    top: 35%;
    right: 6%;
    transform: rotate(-6deg);
}

.treat-box-green {
    width: 250px;
    height: 46px;
    position: relative;
}

.treat-box-green h6 {
    margin: 0 auto;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.treat-paragraph p {
    min-height: 40px;
}

.treat-slider-wrap {
  cursor: none;
  position: relative;
}

.treat-slider-wrap {
  cursor: none;
  position: relative;
}

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 130px;
  height: 130px;
  background-image: url(/wp-content/uploads/ic-drag-me-with-grain.png);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translate(-50%, -50%);
}


/*join distribution*/
.join-button-row {
    width: fit-content;
    position: absolute;
    left: 50% !important;
    bottom: 5% !important;
    transform: translate(-50%, 0%) !important;
}

.distribute-col:before {
    content: '';
    display: block;
    background-image: url('/wp-content/uploads/H-join-the-family-img-02.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 70%;
    height: 370px;
    z-index: 1;
    position: absolute;
    left: 50% !important;
    top: 45% !important;
    transform: translate(-50%, -50%) !important;
}


@media (hover: none), (pointer: coarse) {
.treat-slider-wrap {
    cursor: auto !important;
}

.custom-cursor {
    display: none !important;
}
}


@media only screen and (min-width: 2300px) {
.divider-top-sec, 
.divider-btm-sec {
    margin-top: -40px;
}

#drag-1 {
    left: 20%;
    top: 10%;
}

#drag-2 {
    right: 23%;
    top: -5%;
}

#drag-3 {
    right: 16%;
    top: 33%;
}

#drag-4 {
    left: -2%;
    top: 43%;
}

#drag-6 {
    right: -3%;
    bottom: 0%;
}

#drag-5 {
    left: 30%;
    bottom: -2%;
}

#drag-7 {
    left: 5%;
    top: 15%;
    width: 6% !important;
}

#drag-8 {
    right: 29%;
    bottom: 5%;
    width: 6% !important;
}
}


@media only screen and (max-width: 1200px) {
.hero-banner > .e-con-inner, 
.distributor-wrap > .e-con-inner, 
.about-wrap > .e-con-inner, 
.treat-slide-wrap {
    max-width: 95%;
    margin: 0 auto;
}

.hero-meow-col {
    left: -21% !important;
}

#drag-1 {
    left: -10%;
}

#drag-3 {
    right: -11%;
}

#drag-4 {
    left: -18%;
    top: 59%;
}

#drag-5 {
    left: 26%;
    bottom: -13%;
}

#drag-6 {
    right: -13%;
    bottom: 7%;
}

#drag-7 {
    top: 34%;
}
}


@media only screen and (max-width: 1100px) {
.hero-title .elementor-heading-title {
    font-size: 78px !important;
}

.treat-time-box {
    width: 55%;
}

.at-happi-box {
    width: 65%;
}

.joy-box {
    width: 48%;
}
}


@media only screen and (max-width: 1050px) {
.hero-title .elementor-heading-title {
    font-size: 48px !important;
}

.hero-title .elementor-heading-title:after {
    width: 50px;
    height: 30px;
    margin-left: 20px;
}
}


@media only screen and (max-width: 1024px) {
.mt-res-none.elementor-motion-effects-element {
        transform: none !important;
}

.treat-time-text .elementor-heading-title, 
.woof-text .elementor-heading-title {
    font-size: 26px !important;
}

.dried-box, .protein-box, .ticket-label, .fibre-box {
    min-height: 65px;
}

.ticket-full-bg:before {
    height: 240px;
}

#drag-1 .ticket-full-bg, 
#drag-2 .ticket-full-bg, 
#drag-3 .ticket-full-bg, 
#drag-4 .ticket-full-bg, 
#drag-5 .ticket-full-bg, 
#drag-6 .ticket-full-bg {
    width: 660px;
}

.drag-block {
    min-height: 600px;
}

#drag-1 {
    left: -5%;
    top: 16%;
}

#drag-3 {
    right: -20%;
    top: 32%;
}

#drag-4 {
    left: -29%;
    top: 63%;
}

#drag-5 {
    left: 26%;
    bottom: -14%;
}

#drag-6 {
    right: -22%;
    bottom: -3%;
}

#drag-7 {
    top: 43%;
}

#drag-8 {
    right: 7%;
    bottom: 3%;
}

.content-swiper .swiper-slide {
    height: 700px;
}

.background-swiper .swiper-wrapper:after {
    height: 700px;
}

.treat-center-img {
    width: 45%;
}

.treat-box-green {
    width: 225px;
    height: 45px;
}

.treat-mini-icon {
    width: 55px;
    height: 55px !important;
}

.treat-overlay-bg {
    width: 75%;
    left: 50% !important;
    top: 44% !important;
}

.treat-box-green h6 {
    font-size: 16px;
}

.treat-banner h6 {
    font-size: 18px;
}

.treat-banner img {
    width: 225px;
}

.treat-mini-feat-left {
    bottom: 40%;
    left: 5%;
}

.treat-mini-feat-right {
    top: 35%;
    right: 0%;
}

.treat-slider-wrap {
    cursor: auto !important;
}

.custom-cursor {
    display: none !important;
}
}


@media only screen and (max-width: 1000px) {
.treat-paragraph {
    width: 85%;
}

.treat-center-img {
    width: 50%;
}

.treat-paragraph {
    gap: 15px;
}
}


@media only screen and (max-width: 950px) {
.distri-box-right-col {
    width: 40%;
    top: -25% !important;
}

.distri-text-box {
    padding: 35px;
}

.distri-box-left-col {
    width: 35%;
}

.treat-overlay-bg {
    width: 90%;
    left: 50% !important;
    top: 42% !important;
}
}


@media only screen and (max-width: 900px) {
.treat-time-text .elementor-heading-title, 
.woof-text .elementor-heading-title {
    font-size: 22px !important;
}
}


@media only screen and (max-width: 850px) {
#drag-1 {
    left: -29%;
    top: 5%;
}

#drag-2 {
    right: -30%;
    top: -9%;
}

#drag-3 {
    right: -37%;
    top: 20%;
}

#drag-4 {
    left: -39%;
    top: 48%;
}

#drag-5 {
    left: 12%;
    bottom: -16%;
}

#drag-6 {
    right: -44%;
    bottom: -3%;
}

#drag-7 {
    top: 38%;
    width: 10% !important;
}

#drag-8 {
    right: 5%;
    bottom: 3%;
    width: 10% !important;
}
}


@media only screen and (max-width: 800px) {
.treat-time-text .elementor-heading-title, 
.woof-text .elementor-heading-title {
    font-size: 20px !important;
}

.distribute-col:before {
    width: 75%;
    height: 250px;
}
}


@media only screen and (max-width: 767px) {
.hero-meow-col {
    left: -45% !important;
    width: 98%;
    transform: rotate(-14deg);
}

.hero-title .elementor-heading-title {
    font-size: 47px !important;
}

.joy-box {
    width: 120px;
    left: 0% !important;
    bottom: -5% !important;
}

.at-happi-box {
    width: 185px;
    right: -3% !important;
    top: 5% !important;
}

.distri-box-left-col {
    width: 225px;
    left: -40px !important;
    top: -120px !important;
}

.distri-box-right-col {
    width: 250px;
    top: -190px !important;
    right: -49px !important;
}

.distribute-col:before {
    width: 750px;
    height: 345px;
    top: 30% !important;
}

.distri-btn .elementor-button {
    width: 270px;
}

.content-swiper .swiper-slide, 
.background-swiper .swiper-wrapper:after {
    height: 750px;
}

.treat-overlay-bg {
    width: 95%;
    top: 37% !important;
}

.treat-center-img {
    margin-top: 100px;
    width: 350px;
    height: 200px !important;
}

.treat-title {
    height: 100px;
}

.treat-title h1 {
    font-size: 34px;
}

.treat-overlay-bg img {
    height: 300px;
    object-fit: cover;
}

.treat-box-green {
    width: 200px;
    height: 40px;
}

.treat-mini-feat-right {
    top: 28%;
    right: 0%;
}

.treat-mini-feat-left {
    bottom: 57%;
    left: 4%;
}

.treat-mini-icon {
    width: 40px;
    height: 40px !important;
}

.treat-box-green h6 {
    font-size: 14px;
}

.treat-paragraph {
    width: 100%;
}

.treat-paragraph p {
    min-height: 80px;
    display: flex;
    align-items: center;
}
}


@media only screen and (max-width: 767px) and (min-width: 500px) {
.hero-banner > .e-con-inner, 
.distributor-wrap > .e-con-inner, 
.about-wrap > .e-con-inner, 
.treat-slide-wrap {
    max-width: 80%;
    margin: 0 auto;
}
}


@media only screen and (max-width: 499px) {
.hero-banner > .e-con-inner, 
.distributor-wrap > .e-con-inner, 
.about-wrap > .e-con-inner, 
.treat-slide-wrap {
    max-width: 90%;
    margin: 0 auto;
}
}


@media only screen and (max-width: 400px) {
.abt-title .elementor-heading-title {
    font-size: 30px !important;
}
}/* End custom CSS */