.elementor-1238 .elementor-element.elementor-element-4309ebb{--display:flex;--min-height:65vh;--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:0px 90px;--row-gap:0px;--column-gap:90px;--overlay-opacity:1;--padding-top:11%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-1238 .elementor-element.elementor-element-4309ebb:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F2EF;background-image:url("https://www.knoxel.com.au/wordpress/wp-content/uploads/2025/10/innerbanner1.png");background-position:70% 100%;background-repeat:no-repeat;background-size:16% auto;}.elementor-1238 .elementor-element.elementor-element-4309ebb::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.knoxel.com.au/wordpress/wp-content/uploads/2025/09/Asset-8.png");--background-overlay:'';background-position:top left;background-repeat:no-repeat;background-size:40% auto;}.elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-shape-bottom svg, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-shape-bottom svg{width:calc(121% + 1.3px);height:59px;transform:translateX(-50%) rotateY(180deg);}.elementor-1238 .elementor-element.elementor-element-915e7fd{--display:flex;}.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 );color:var( --e-global-color-primary );}.elementor-1238 .elementor-element.elementor-element-ef4da27{text-align:start;}.elementor-1238 .elementor-element.elementor-element-ef4da27 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:50px;font-weight:700;text-transform:none;color:var( --e-global-color-6236427 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1238 .elementor-element.elementor-element-5ea7dc4{color:var( --e-global-color-text );}.elementor-1238 .elementor-element.elementor-element-c14c0ae{--display:flex;}.elementor-1238 .elementor-element.elementor-element-199f27e{--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-start;--overlay-opacity:0.5;--padding-top:5%;--padding-bottom:5%;--padding-left:6%;--padding-right:8%;}.elementor-1238 .elementor-element.elementor-element-199f27e::before, .elementor-1238 .elementor-element.elementor-element-199f27e > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-199f27e > .e-con-inner > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-199f27e > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-199f27e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-199f27e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1238 .elementor-element.elementor-element-199f27e > .elementor-shape-bottom .elementor-shape-fill, .elementor-1238 .elementor-element.elementor-element-199f27e > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-secondary );}.elementor-1238 .elementor-element.elementor-element-199f27e > .elementor-shape-bottom svg, .elementor-1238 .elementor-element.elementor-element-199f27e > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:75px;}.elementor-1238 .elementor-element.elementor-element-c0674ae{color:var( --e-global-color-text );}@media(max-width:1366px){.elementor-1238 .elementor-element.elementor-element-4309ebb:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:25% auto;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1200px){.elementor-1238 .elementor-element.elementor-element-4309ebb:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:30% auto;}.elementor-1238 .elementor-element.elementor-element-ef4da27 .elementor-heading-title{font-size:45px;}}@media(max-width:1024px){.elementor-1238 .elementor-element.elementor-element-4309ebb{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-1238 .elementor-element.elementor-element-4309ebb:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:80% 95%;background-size:37% auto;}.elementor-1238 .elementor-element.elementor-element-4309ebb::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:50% auto;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1238 .elementor-element.elementor-element-c14c0ae{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-1238 .elementor-element.elementor-element-4309ebb{--justify-content:center;--padding-top:25%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1238 .elementor-element.elementor-element-4309ebb:not(.elementor-motion-effects-element-type-background), .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 100%;background-size:72% auto;}.elementor-1238 .elementor-element.elementor-element-4309ebb::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-video-container::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .e-con-inner > .elementor-background-slideshow::before, .elementor-1238 .elementor-element.elementor-element-4309ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:90% auto;}.elementor-1238 .elementor-element.elementor-element-915e7fd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-1238 .elementor-element.elementor-element-ef4da27 .elementor-heading-title{font-size:35px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-1238 .elementor-element.elementor-element-c14c0ae{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-1238 .elementor-element.elementor-element-915e7fd{--width:55%;}.elementor-1238 .elementor-element.elementor-element-c14c0ae{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1238 .elementor-element.elementor-element-915e7fd{--width:100%;}.elementor-1238 .elementor-element.elementor-element-c14c0ae{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-4309ebb *//* Shutter effect for Elementor background slideshow */
.shutter-slideshow .elementor-background-slideshow .swiper-slide {
  position: relative;
  overflow: hidden;
}

/* The shutter overlay (vertical blinds look) */
.shutter-slideshow .elementor-background-slideshow .swiper-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;               /* above image, below any inner content */
  pointer-events: none;

  /* Blinds pattern: adjust sizes to taste */
  background: repeating-linear-gradient(
    90deg,
    rgba(0,0,0,0.6) 0 12px,  /* dark slat width */
    rgba(0,0,0,0.0) 12px 24px/* gap width */
  );

  /* Start fully “closed” */
  transform-origin: center;
  transform: scaleY(1);
  opacity: 1;
}

/* Animate the shutter on the newly active slide */
.shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-active::before {
  animation: shutter-open 1550ms cubic-bezier(.2,.7,.2,1) forwards;
}

/* Optional: also animate when a slide is about to leave (gives a snap) */
.shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-prev::before,
.shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-next::before {
  animation: shutter-close 250ms cubic-bezier(.4,0,.2,1) both;
}

/* Keyframes */
@keyframes shutter-open {
  0%   { transform: scaleY(1); opacity: 1; }
  55%  { transform: scaleY(0); opacity: 1; }  /* fully open */
  100% { transform: scaleY(0); opacity: 0; }  /* disappear so image is clean */
}

@keyframes shutter-close {
  0%   { transform: scaleY(0); opacity: 0; }
  100% { transform: scaleY(1); opacity: 1; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .shutter-slideshow .elementor-background-slideshow .swiper-slide::before,
  .shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-active::before,
  .shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-prev::before,
  .shutter-slideshow .elementor-background-slideshow .swiper-slide.swiper-slide-next::before {
    animation: none !important;
    opacity: 0 !important;
  }
}/* End custom CSS */