.elementor-399 .elementor-element.elementor-element-15c60e3{--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-399 .elementor-element.elementor-element-15c60e3:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-15c60e3 > .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/innerbanner4.png");background-position:70% 70%;background-repeat:no-repeat;background-size:20% auto;}.elementor-399 .elementor-element.elementor-element-15c60e3::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .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-399 .elementor-element.elementor-element-15c60e3 > .elementor-shape-bottom svg, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-shape-bottom svg{width:calc(121% + 1.3px);height:59px;transform:translateX(-50%) rotateY(180deg);}.elementor-399 .elementor-element.elementor-element-d31a2a1{--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-399 .elementor-element.elementor-element-7989bb7{text-align:start;}.elementor-399 .elementor-element.elementor-element-7989bb7 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:50px;font-weight:700;text-transform:none;color:var( --e-global-color-6236427 );}.elementor-399 .elementor-element.elementor-element-c5dc711{--display:flex;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-widget-loop-grid .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 );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-399 .elementor-element.elementor-element-1dc27cc{--grid-columns:3;}@media(max-width:1366px){.elementor-399 .elementor-element.elementor-element-15c60e3:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:30% auto;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1200px){.elementor-399 .elementor-element.elementor-element-15c60e3:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:35% auto;}.elementor-399 .elementor-element.elementor-element-7989bb7 .elementor-heading-title{font-size:45px;}.elementor-399 .elementor-element.elementor-element-c5dc711{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-399 .elementor-element.elementor-element-1dc27cc{--grid-column-gap:0px;}}@media(max-width:1024px){.elementor-399 .elementor-element.elementor-element-15c60e3{--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-399 .elementor-element.elementor-element-15c60e3:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:80% 70%;background-size:45% auto;}.elementor-399 .elementor-element.elementor-element-15c60e3::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .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-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-399 .elementor-element.elementor-element-1dc27cc{--grid-columns:2;}}@media(max-width:767px){.elementor-399 .elementor-element.elementor-element-15c60e3{--justify-content:center;--padding-top:25%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-399 .elementor-element.elementor-element-15c60e3:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 75%;background-size:72% auto;}.elementor-399 .elementor-element.elementor-element-15c60e3::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-399 .elementor-element.elementor-element-15c60e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:90% auto;}.elementor-399 .elementor-element.elementor-element-d31a2a1{--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-399 .elementor-element.elementor-element-7989bb7 .elementor-heading-title{font-size:35px;}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-399 .elementor-element.elementor-element-1dc27cc{--grid-columns:1;}}@media(min-width:768px){.elementor-399 .elementor-element.elementor-element-d31a2a1{--width:55%;}}@media(max-width:1024px) and (min-width:768px){.elementor-399 .elementor-element.elementor-element-d31a2a1{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-15c60e3 *//* 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 */