.elementor-1328 .elementor-element.elementor-element-2c8bd369{--display:flex;--min-height:604px;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.27;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1328 .elementor-element.elementor-element-2c8bd369:not(.elementor-motion-effects-element-type-background), .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.rootsi.co.za/wp-content/uploads/2026/07/3d-product-presentation-background-with-white-podium-and-monstera-leaf.jpg");background-size:cover;}.elementor-1328 .elementor-element.elementor-element-2c8bd369::before, .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .elementor-background-video-container::before, .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .e-con-inner > .elementor-background-video-container::before, .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .elementor-background-slideshow::before, .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1328 .elementor-element.elementor-element-2c8bd369 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-4afeaef ) 0%, var( --e-global-color-primary ) 100%);}.elementor-1328 .elementor-element.elementor-element-18a97738{padding:44px 44px 59px 44px;text-align:center;}.elementor-1328 .elementor-element.elementor-element-18a97738 .elementor-heading-title{text-transform:capitalize;}.elementor-1328 .elementor-element.elementor-element-285d87b3 .product{text-align:center;}.elementor-1328 .elementor-element.elementor-element-285d87b3{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;}.elementor-1328 .elementor-element.elementor-element-285d87b3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1328 .elementor-element.elementor-element-285d87b3 .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-accent );}.elementor-1328 .elementor-element.elementor-element-5b4a2c25{padding:21px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__container{min-height:59px;}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__submit{min-width:calc( 1.5 * 59px );--e-search-form-submit-text-color:var( --e-global-color-1685b13 );background-color:var( --e-global-color-accent );}body:not(.rtl) .elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__icon{padding-left:calc(59px / 3);}body.rtl .elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__icon{padding-right:calc(59px / 3);}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__input, .elementor-1328 .elementor-element.elementor-element-5b4a2c25.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(59px / 3);padding-right:calc(59px / 3);}.elementor-1328 .elementor-element.elementor-element-5b4a2c25:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{background-color:var( --e-global-color-1685b13 );border-radius:30px;}.elementor-1328 .elementor-element.elementor-element-5b4a2c25.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{background-color:var( --e-global-color-1685b13 );border-radius:30px;}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__submit:hover{--e-search-form-submit-text-color:var( --e-global-color-text );background-color:var( --e-global-color-ee76741 );}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__submit:focus{--e-search-form-submit-text-color:var( --e-global-color-text );background-color:var( --e-global-color-ee76741 );}.elementor-1328 .elementor-element.elementor-element-65e52973{--display:flex;}.elementor-1328 .elementor-element.elementor-element-5ee89d9a{text-align:center;}.elementor-1328 .elementor-element.elementor-element-5ee89d9a .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-ee76741 );}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a, .elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-menu-toggle{color:var( --e-global-color-1685b13 );fill:var( --e-global-color-1685b13 );}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a:hover,
					.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a:focus,
					.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-ee76741 );}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-ee76741 );}.elementor-1328 .elementor-element.elementor-element-18708a03 div.elementor-menu-toggle{color:var( --e-global-color-1685b13 );}.elementor-1328 .elementor-element.elementor-element-18708a03 div.elementor-menu-toggle svg{fill:var( --e-global-color-1685b13 );}.elementor-1328 .elementor-element.elementor-element-5f4fdf4e{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1328 .elementor-element.elementor-element-39e66ebf{--grid-columns:5;--grid-column-gap:9px;}.elementor-1328 .elementor-element.elementor-element-39e66ebf .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1328 .elementor-element.elementor-element-39e66ebf .e-loop-item > .elementor-section, .elementor-1328 .elementor-element.elementor-element-39e66ebf .e-loop-item > .elementor-section > .elementor-container, .elementor-1328 .elementor-element.elementor-element-39e66ebf .e-loop-item > .e-con, .elementor-1328 .elementor-element.elementor-element-39e66ebf .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-1328 .elementor-element.elementor-element-2c8bd369{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-1328 .elementor-element.elementor-element-285d87b3{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1328 .elementor-element.elementor-element-39e66ebf{--grid-columns:3;}}@media(max-width:1024px) and (min-width:768px){.elementor-1328 .elementor-element.elementor-element-2c8bd369{--width:1467px;}}@media(max-width:767px){.elementor-1328 .elementor-element.elementor-element-2c8bd369{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-1328 .elementor-element.elementor-element-5b4a2c25 .elementor-search-form__submit{min-width:calc( 1 * 59px );}.elementor-1328 .elementor-element.elementor-element-65e52973{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1328 .elementor-element.elementor-element-5ee89d9a{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:5px 0px 0px 0px;}.elementor-1328 .elementor-element.elementor-element-18708a03{width:var( --container-widget-width, 150px );max-width:150px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-1328 .elementor-element.elementor-element-18708a03.elementor-element{--align-self:center;}.elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1328 .elementor-element.elementor-element-18708a03 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-9px !important;}.elementor-1328 .elementor-element.elementor-element-39e66ebf{--grid-columns:2;}}/* Start custom CSS for container, class: .elementor-element-65e52973 *//* Change background color only when scrolling */
.elementor-1328 .elementor-element.elementor-element-65e52973.elementor-sticky--effects {
    background-color: #F7EFDA !important; /* Replace with your Hex color */
    transition: background-color 0.4s ease-in-out; /* Makes the transition smooth */
}

/* Optional: Change menu text color simultaneously so it remains visible */
.elementor-1328 .elementor-element.elementor-element-65e52973.elementor-sticky--effects .elementor-nav-menu a {
    color: #ffffff !important; 
}/* End custom CSS */