.elementor-301 .elementor-element.elementor-element-36d2c36{--display:flex;--min-height:197px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-301 .elementor-element.elementor-element-36d2c36:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-36d2c36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ngsdigital.co.za/wp-content/uploads/2025/05/packages-back.jpg");background-position:center center;background-size:cover;}.elementor-301 .elementor-element.elementor-element-36d2c36::before, .elementor-301 .elementor-element.elementor-element-36d2c36 > .elementor-background-video-container::before, .elementor-301 .elementor-element.elementor-element-36d2c36 > .e-con-inner > .elementor-background-video-container::before, .elementor-301 .elementor-element.elementor-element-36d2c36 > .elementor-background-slideshow::before, .elementor-301 .elementor-element.elementor-element-36d2c36 > .e-con-inner > .elementor-background-slideshow::before, .elementor-301 .elementor-element.elementor-element-36d2c36 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-301 .elementor-element.elementor-element-21bb91b > .elementor-widget-container{padding:100px 0px 30px 0px;}.elementor-301 .elementor-element.elementor-element-21bb91b .elementor-heading-title{color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-a35457e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-301 .elementor-element.elementor-element-3ebd2de{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-301 .elementor-element.elementor-element-9551738 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-301 .elementor-element.elementor-element-f6bcbff{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:3.3px;}.elementor-301 .elementor-element.elementor-element-f6bcbff .elementor-divider-separator{width:23%;}.elementor-301 .elementor-element.elementor-element-f6bcbff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-301 .elementor-element.elementor-element-e5f8609.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-301 .elementor-element.elementor-element-e5f8609{right:4%;}body.rtl .elementor-301 .elementor-element.elementor-element-e5f8609{left:4%;}.elementor-301 .elementor-element.elementor-element-e5f8609{top:-26px;}.elementor-301 .elementor-element.elementor-element-e5f8609 img{width:33px;}.elementor-301 .elementor-element.elementor-element-3d25384{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-301 .elementor-element.elementor-element-89c0c88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-301 .elementor-element.elementor-element-bcae5cc .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-301 .elementor-element.elementor-element-93f0b50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-301 .elementor-element.elementor-element-1e59a42 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-301 .elementor-element.elementor-element-d8d62ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-301 .elementor-element.elementor-element-f8b0969 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-301 .elementor-element.elementor-element-cd0e2c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-301 .elementor-element.elementor-element-c7a7a77 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-301 .elementor-element.elementor-element-5f9ec24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-301 .elementor-element.elementor-element-42ef0eb .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-301 .elementor-element.elementor-element-42ef0eb .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-301 .elementor-element.elementor-element-42ef0eb{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-301 .elementor-element.elementor-element-58cf307{--display:flex;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-301 .elementor-element.elementor-element-d7460a5 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:500;}body.elementor-page-301:not(.elementor-motion-effects-element-type-background), body.elementor-page-301 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-301 .elementor-element.elementor-element-89c0c88{--width:33.33%;}.elementor-301 .elementor-element.elementor-element-93f0b50{--width:33%;}.elementor-301 .elementor-element.elementor-element-d8d62ae{--width:33%;}.elementor-301 .elementor-element.elementor-element-cd0e2c2{--width:33%;}}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-a35457e{--padding-top:9px;--padding-bottom:9px;--padding-left:9px;--padding-right:9px;}.elementor-301 .elementor-element.elementor-element-3ebd2de{--padding-top:19px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-301 .elementor-element.elementor-element-e5f8609{right:4%;}body.rtl .elementor-301 .elementor-element.elementor-element-e5f8609{left:4%;}.elementor-301 .elementor-element.elementor-element-e5f8609{top:-21px;}}/* Start custom CSS *//* Base styles for both hover images */
.hover1, .hover2 {
  position: relative;
  overflow: hidden;
}

/* Overlay effect */
.hover1::before,
.hover2::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 255, 0); /* start transparent */
  transition: background-color 0.3s ease;
  z-index: 1;
}

.hover1:hover::before,
.hover2:hover::before {
  background-color: #1B75BB8C; /* blue with opacity */
}

/* Heading text for hover1 */
.hover1::after {
  content: "LED Screen Hire";
  position: absolute;
  color: white;
  font-size: 30px;
  bottom: 20px;
  left: 20px;
  z-index: 2; /* higher than overlay */
  /* no opacity transition needed — always visible */
}

/* Heading text for hover2 */
.hover2::after {
  content: "Truss Hire";
  position: absolute;
  color: white;
  font-size: 30px;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}
.169 {
  aspect-ratio: 16 / 9 !important;
  width: 100%; /* or set a specific width */
  height: auto important;
  display: block important; /* or flex/grid/inline-block as needed */
}/* End custom CSS */