/******* Do not edit this file *******
Code Snippets Manager
Saved: Jul 24 2025 | 19:58:16 */
/* variables (edit here)*/

:root {
    /* Global Padding Variables - Editable */
    /* Left and Right Padding All /Sections/Containers*/
    --fluid-side-padding-min: 1.25rem; /* 20px */
    --fluid-side-padding-max: 5rem;   /* 80px */

    /* Top and Bottom Padding All Containers*/
    --section-xxl-padding-min: 9.375rem; /* 150px */
    --section-xxl-padding-max: 10rem; /* 160px */ 
  
    --section-xl-padding-min: 6.875rem; /* 110px */
    --section-xl-padding-max: 7.5rem; /* 120px */
  
    --section-l-padding-min: 5.625rem; /* 90px */
    --section-l-padding-max: 6.25rem; /* 100px */
  
    --section-m-padding-min: 5rem; /* 80px */
    --section-m-padding-max: 5rem; /* 80px */
  
    --section-s-padding-min: 3.75rem; /* 60px */
    --section-s-padding-max: 3.75rem; /* 60px */
  
    --section-xs-padding-min: 2.5rem; /* 40px */
    --section-xs-padding-max: 2.5rem; /* 40px */
  
    --section-xxs-padding-min: 1.5rem; /* 24px */
    --section-xxs-padding-max: 1.5rem; /* 24px */
    
    --section-header-padding-min: 1.25rem; /* 20px */
    --section-header-padding-max: 1.25rem; /* 20px */
	
	 --section-hero-padding-min: 3.75rem; /* 60px */
    --section-hero-padding-max: 3.75rem; /* 60px */

  
    /* Hero Sections Height Variable */
    --section-hero-height: 80vh; /* 100% the screen height */
	
	/* Hero Sections Height Variable */
    --section-smallheader-height: 45vh; /* 100% the screen height */
	
	    /* Hero Sections Height Variable */
    --section-herolanding-height: 50vh; /* 100% the screen height */
	
  
    /* Offset Padding for Overlay Headers */
    --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

    /* Width For Narrow Sections*/
    --section-narrow: 62.5rem; /* 1000px */
    --section-narrow-xs: 45rem; /* 720px */
  }


/* CSS Template (do not edit below) */
  
  
  /* Section/Container Padding - Fluid Variants */
  .section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-l {
    padding-top: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-bottom: clamp(var(--section-l-padding-min), 1.087vw + 5.38rem, var(--section-l-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-m {
    padding-top: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  /* Hero Container/Sections Height */
  .section-hero {
    min-height: var(--section-hero-height)!important;
		background-image: url("/wp-content/uploads/2025/02/product-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
	  /*padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));*/
    /*padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));*/
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-hero-box{
	
}
  /* Hero Container/Sections Height */
  .section-smallheader {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
	height:48vh;
}

.section-smallheader-box{
	width: 50vw;
	/width: 50%;
	animation: fadeIn 3s;
	
}
	.section-product-video{
		height:auto;
	}
  .section-hero .e-con-inner {
    justify-content: center!important;
}
  /* Hero Container/Sections Height */
  .section-herolanding {
    min-height: var(--section-herolanding-height)!important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}


  .section-herolanding .e-con-inner {
    justify-content: center!important;
}
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
    max-width: 100%!important;
  }
  

  /* Narrow Sections */
  .section-narrow .e-con-inner {
    max-width: var(--section-narrow)!important;
  }

  .section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs)!important;
  }


  /* Offset Padding for Overlay Headers */
  .section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxs-padding-min));
  }
.grey-to-white{
    background: #fafafa;
/background: linear-gradient(0deg,rgba(250, 250, 250, 1) 0%, rgba(245, 245, 245, 1) 100%);
}
.grey-to-white-img{

}
.grey-to-white-image img {
    mix-blend-mode: normal !important;
}
.grey-to-white img{
    mix-blend-mode: multiply;
    mix-blend-mode: darken;
}
	.black-gradient{
	background: #fafafa;
background: linear-gradient(0deg,rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
	}
	
	 /* Remove one line space after paragraph
	.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}*/
	
ul {
    margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    margin-top: 0px;
    margin-bottom: 0px;
}
	
.gbgsection {
   / margin: 2% 0 2% 0;
    /padding: 2% 0 2% 0;
}
.gbgsection.grey{
    background-color: #F6F6F6;
}
.gbgsection.grey.no-space{
    margin-bottom: 0% !important;
}
.gbgsection.grey img{
    mix-blend-mode: multiply;
    mix-blend-mode: darken;
}
	.gbgsection.black{
    background-color: #333;
}
	.gbgsection.black img{
		    mix-blend-mode: multiply;
    mix-blend-mode: darken;
	}
/.e-con-inner .elementor-element.e-con-boxed.e-flex.e-con {
    padding: 0px;
    margin: 4% 0% 4% 0%;
}
.e-con-inner .elementor-element.e-con-boxed.e-flex.e-con.no-space {
    padding: 0px;
    margin: 0px !important;
}

.gbg-right-text-col{
    /padding: 1% 2% 1% 2%;
    
}
.gbg-left-text-col{
    /padding: 1% 2% 1% 0%;
}
	.gbg-left-image-col, .gbg-right-image-col{
		/padding:0px;
	}
	.section-0{
		padding:10px;
	}
.zeropad{
		padding:0px;
	}
.product-list .e-con-inner {
    padding: 10px;
}
/.elementor.elementor-location-single ul {
  padding: 0;
}
/.elementor.elementor-location-single li {
  padding-left: 20px;
  background: url(wp-content/uploads/2023/05/bullet.svg) no-repeat 0 7px;
  text-align: left;
  list-style: none;
  margin: 0 10px 10px 0px;
  background-size: 14px 14px;
}
.gbg-call-to-action-product-box .elementor-cta__content {
  padding: 16px 0;
}
.gbg-call-to-action-product-box .elementor-cta__bg {
  background-size: contain;
  background-repeat: no-repeat;
}

.gbg-call-to-action-product-box .elementor-cta__bg {
  background-size: contain;
  background-repeat: no-repeat;
  mix-blend-mode: darken;
}
.gbg-call-to-action-product-box .elementor-cta:not(:hover) .elementor-cta__bg-overlay {
    background-color: #fafafa !important;
	mix-blend-mode: darken;
}
.gbg-call-to-action-product-box .elementor-cta:hover .elementor-cta__bg-overlay {
    background-color: #fafafa !important;
	mix-blend-mode: darken;
}
.gbg-call-to-action-product-box-nobg{
	    background-color: #ffffff !important;
	
}
.gbg-call-to-action-product-box-nobg .elementor-cta__bg-wrapper {
    height: 300px;
}
.gbg-call-to-action-product-box-nobg .elementor-bg {
    margin: 20px;
}
.gbg-call-to-action-product-box-nobg .elementor-cta__bg.elementor-bg {
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
.footertouch{
    margin: 0;
}
.headtop-text a, .headtop-text a.aus-number, .headtop-text a.nz-number{
    color: #fff;
}
.headtop-text a:hover, .headtop-text a:hover a.aus-number:hover, .headtop-text a.nz-number:hover {
    color: #fff;
}

.elementor-field-option {
  margin: 0 0 6px 0;
}
.checkbox-equals-cols .elementor-field-type-checkbox > div > * {
flex: 0 1 50%
}
header a,
footer a {
  //color: inherit !important;
  text-decoration: none !important;
}
a.elementor-cta {
    text-decoration: none;
}
html.menu-open {
  overflow: hidden;
  height: 100%;
  touch-action: none;
}
/* Remove background from hamburger menu only */
.e-n-menu-toggle,
.e-n-menu-toggle:hover,
.e-n-menu-toggle:focus,
.e-n-menu-toggle:active {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Retain background for chat button */
.designstudio-button {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}


.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-wrapper {
    height: 100vh;
    background: #fff;
    padding: 0 0 90px 0;
}


/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
				
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
    	--header-height: 70px;

	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
	    	--header-height: 70px;

}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
	    	--header-height: 70px;

}
.go-to-top-icon {
  display: none;
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 9999;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}


.go-to-top-icon.show {
  display: flex;
  opacity: 1;
  pointer-events: auto;
}
.top-tech-menu{
    height: auto !important;
  margin-top: 0 !important;
}


/***
* class: .logo
*/
/header.sticky-header .logo img {
	transition: transform var(--transition);
}
/header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}
/***
* Shrinking Sticky header, Elementor Container edition
* class: .sticky-header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/
header.sticky-header.e-container.elementor-element {
	--header-height: 100px; /* Set your own header height */
	--shrink-header-to: 0.6; /* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1); /* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: rgba(244, 245, 248, 1); /* Set your own background color */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
					backdrop-filter var(--transition-timing),
					box-shadow var(--transition-timing),
					min-height var(--transition-timing);
}
header.sticky-header.e-container.elementor-element.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8); /* Set your own background color on scroll */
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07); /* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px); /* Delete this line if you don't use transparency on scroll */
	--min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

.langinpage-section{
	height: auto;
	padding: 5% 0;
}
/* Safari-specific (targeting WebKit) */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .designstudio-button {
      background: none !important;
      box-shadow: none !important;
      border: none !important;
    }
  }
}
/*MEDIA*/

@media (min-width: 1024px) and (max-width: 1345px) {
    .top-head-buts a.elementor-button {
        font-size: 1vw;
        /* display: none; */
        padding: 0.3vw !important;
    }
}
@media (max-width: 1024px){
.gbg-right-text-col,.gbg-left-text-col  {
    /padding: 0 10px;
}
	.section-product-video{
		height:auto;
	}
	.section-smallheader{
		height:40vh;
	}
	.section-smallheader-box{
	width:100%;
	animation: fadeIn 3s;
	
}
	.langinpage-section{
	height: auto;
}
    }

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}
@media (max-width: 767px){
.gbg-right-text-col,.gbg-left-text-col  {
    /padding: 0 10px;
}
	.section-product-video{
		height:auto;
	}
	.section-smallheader{
		height:35vh;
	}
	.section-smallheader-box{
	width:100%;
	animation: fadeIn 3s;
	
}
	.langinpage-section{
	height: auto;
}
    }
