.elementor-183 .elementor-element.elementor-element-ce734b6{--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:150px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-183 .elementor-element.elementor-element-ce734b6:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-ce734b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E8DB;}.elementor-183 .elementor-element.elementor-element-453f0fe{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.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-183 .elementor-element.elementor-element-f1f606f{text-align:center;}.elementor-183 .elementor-element.elementor-element-f1f606f .elementor-heading-title{font-family:"Copperplate Heavy", Sans-serif;font-size:34px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-92e29f6 );}.elementor-183 .elementor-element.elementor-element-e42ec6c{--display:grid;--min-height:460px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--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-183 .elementor-element.elementor-element-2fd37ca{--display:flex;}.elementor-183 .elementor-element.elementor-element-fc41bcb{--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-183 .elementor-element.elementor-element-51051ec{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--overflow:hidden;}.elementor-183 .elementor-element.elementor-element-dde3f73{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-dde3f73:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-dde3f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-dde3f73::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before, .elementor-183 .elementor-element.elementor-element-dde3f73:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-dde3f73:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-dde3f73 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-dde3f73:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-dde3f73, .elementor-183 .elementor-element.elementor-element-dde3f73::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-58277db{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-58277db::before, .elementor-183 .elementor-element.elementor-element-58277db > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-58277db > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-58277db > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-58277db > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-58277db > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-83ffc34 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-5258769{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-5258769:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-5258769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-5258769::before, .elementor-183 .elementor-element.elementor-element-5258769 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5258769 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5258769 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-5258769 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-5258769 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-5258769:hover::before, .elementor-183 .elementor-element.elementor-element-5258769:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5258769:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5258769 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-5258769 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-5258769:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-5258769, .elementor-183 .elementor-element.elementor-element-5258769::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-de2f307{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-de2f307::before, .elementor-183 .elementor-element.elementor-element-de2f307 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-de2f307 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-de2f307 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-de2f307 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-de2f307 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-2652f15 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-d4e4616{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-d4e4616:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-d4e4616 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-d4e4616::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before, .elementor-183 .elementor-element.elementor-element-d4e4616:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-d4e4616:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-d4e4616 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-d4e4616:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-d4e4616, .elementor-183 .elementor-element.elementor-element-d4e4616::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-af49c25{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-af49c25::before, .elementor-183 .elementor-element.elementor-element-af49c25 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-af49c25 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-af49c25 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-af49c25 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-af49c25 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-ef1f452 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-7c0318b{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-7c0318b:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-7c0318b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-7c0318b::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before, .elementor-183 .elementor-element.elementor-element-7c0318b:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7c0318b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-7c0318b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7c0318b:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-7c0318b, .elementor-183 .elementor-element.elementor-element-7c0318b::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-cf6fdb1{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-cf6fdb1::before, .elementor-183 .elementor-element.elementor-element-cf6fdb1 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-cf6fdb1 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-cf6fdb1 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-cf6fdb1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-cf6fdb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-eda16cb .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-1bd5815{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-1bd5815:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-1bd5815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-1bd5815::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before, .elementor-183 .elementor-element.elementor-element-1bd5815:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1bd5815:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-1bd5815 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-1bd5815:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-1bd5815, .elementor-183 .elementor-element.elementor-element-1bd5815::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-96a7c6a{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-96a7c6a::before, .elementor-183 .elementor-element.elementor-element-96a7c6a > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-96a7c6a > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-96a7c6a > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-96a7c6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-96a7c6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-b029a47 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-1000ae1{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-1000ae1:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-1000ae1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-1000ae1::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before, .elementor-183 .elementor-element.elementor-element-1000ae1:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1000ae1:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-1000ae1 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-1000ae1:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-1000ae1, .elementor-183 .elementor-element.elementor-element-1000ae1::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-81e6f8e{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-81e6f8e::before, .elementor-183 .elementor-element.elementor-element-81e6f8e > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-81e6f8e > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-81e6f8e > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-81e6f8e > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-81e6f8e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-ad743e7 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-fa4f794{--display:flex;}.elementor-183 .elementor-element.elementor-element-e9c5d3c{--display:flex;--min-height:520px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-e9c5d3c:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-e9c5d3c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-e9c5d3c::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-e9c5d3c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-e9c5d3c, .elementor-183 .elementor-element.elementor-element-e9c5d3c::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-b316a30{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-b316a30::before, .elementor-183 .elementor-element.elementor-element-b316a30 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b316a30 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b316a30 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b316a30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b316a30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-6ff16a6 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-a83f33b{--display:flex;}.elementor-183 .elementor-element.elementor-element-828795b{--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-183 .elementor-element.elementor-element-1a17359{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-31fe207{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-31fe207:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-31fe207 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-31fe207::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-31fe207:hover::before, .elementor-183 .elementor-element.elementor-element-31fe207:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-31fe207:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-31fe207 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-31fe207:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-31fe207, .elementor-183 .elementor-element.elementor-element-31fe207::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-fbf0f28{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-fbf0f28::before, .elementor-183 .elementor-element.elementor-element-fbf0f28 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-fbf0f28 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-fbf0f28 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-fbf0f28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-fbf0f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-82796a9 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-8f71f36{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-8f71f36:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-8f71f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-8f71f36::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before, .elementor-183 .elementor-element.elementor-element-8f71f36:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8f71f36:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-8f71f36 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-8f71f36:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-8f71f36, .elementor-183 .elementor-element.elementor-element-8f71f36::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-c1dbcab{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-c1dbcab::before, .elementor-183 .elementor-element.elementor-element-c1dbcab > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c1dbcab > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c1dbcab > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-c1dbcab > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-c1dbcab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-645fd05 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-208fa8c{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-208fa8c:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-208fa8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-208fa8c::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before, .elementor-183 .elementor-element.elementor-element-208fa8c:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-208fa8c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-208fa8c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-208fa8c:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-208fa8c, .elementor-183 .elementor-element.elementor-element-208fa8c::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-7b6ebb9{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-7b6ebb9::before, .elementor-183 .elementor-element.elementor-element-7b6ebb9 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7b6ebb9 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7b6ebb9 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7b6ebb9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7b6ebb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-de46a70 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-cbad009{--display:flex;}.elementor-183 .elementor-element.elementor-element-a116e7c{--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-183 .elementor-element.elementor-element-0b142db{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-0f89593{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-0f89593:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-0f89593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-0f89593::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-0f89593:hover::before, .elementor-183 .elementor-element.elementor-element-0f89593:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0f89593:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-0f89593 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-0f89593:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-0f89593, .elementor-183 .elementor-element.elementor-element-0f89593::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-e917c00{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-e917c00::before, .elementor-183 .elementor-element.elementor-element-e917c00 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e917c00 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-e917c00 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-e917c00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-e917c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-112377e .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-16a7e3f{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-16a7e3f:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-16a7e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-16a7e3f::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before, .elementor-183 .elementor-element.elementor-element-16a7e3f:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-16a7e3f:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-16a7e3f > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-16a7e3f:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-16a7e3f, .elementor-183 .elementor-element.elementor-element-16a7e3f::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-a55c42d{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-a55c42d::before, .elementor-183 .elementor-element.elementor-element-a55c42d > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-a55c42d > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-a55c42d > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-a55c42d > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-a55c42d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-f7aec48 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-141ffdc{--display:flex;}.elementor-183 .elementor-element.elementor-element-2169a64{--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-183 .elementor-element.elementor-element-90021bc{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-71a386e{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-71a386e:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-71a386e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-71a386e::before, .elementor-183 .elementor-element.elementor-element-71a386e > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-71a386e > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-71a386e > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-71a386e > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-71a386e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-71a386e:hover::before, .elementor-183 .elementor-element.elementor-element-71a386e:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-71a386e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-71a386e > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-71a386e > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-71a386e:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-71a386e, .elementor-183 .elementor-element.elementor-element-71a386e::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-245cb27{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-245cb27::before, .elementor-183 .elementor-element.elementor-element-245cb27 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-245cb27 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-245cb27 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-245cb27 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-245cb27 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-d5c4750 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-286c578{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-286c578:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-286c578 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-286c578::before, .elementor-183 .elementor-element.elementor-element-286c578 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-286c578 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-286c578 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-286c578 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-286c578 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-286c578:hover::before, .elementor-183 .elementor-element.elementor-element-286c578:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-286c578:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-286c578 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-286c578 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-286c578:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-286c578, .elementor-183 .elementor-element.elementor-element-286c578::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-7632156{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-7632156::before, .elementor-183 .elementor-element.elementor-element-7632156 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7632156 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7632156 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7632156 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7632156 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-187c988 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-5fc113b{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-5fc113b:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-5fc113b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-5fc113b::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before, .elementor-183 .elementor-element.elementor-element-5fc113b:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5fc113b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-5fc113b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-5fc113b:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-5fc113b, .elementor-183 .elementor-element.elementor-element-5fc113b::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-b7ed874{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-b7ed874::before, .elementor-183 .elementor-element.elementor-element-b7ed874 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b7ed874 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b7ed874 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b7ed874 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b7ed874 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-c0db405 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-fa13b24{--display:flex;}.elementor-183 .elementor-element.elementor-element-bfadd36{--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-183 .elementor-element.elementor-element-aac45bb{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-75cc771{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-75cc771:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-75cc771 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-75cc771::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-75cc771:hover::before, .elementor-183 .elementor-element.elementor-element-75cc771:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-75cc771:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-75cc771 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-75cc771:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-75cc771, .elementor-183 .elementor-element.elementor-element-75cc771::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-8226209{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-8226209::before, .elementor-183 .elementor-element.elementor-element-8226209 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8226209 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8226209 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8226209 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8226209 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-bd2cc09 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-8924be0{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-8924be0:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-8924be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-8924be0::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-8924be0:hover::before, .elementor-183 .elementor-element.elementor-element-8924be0:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8924be0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-8924be0 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-8924be0:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-8924be0, .elementor-183 .elementor-element.elementor-element-8924be0::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-b4acabe{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-b4acabe::before, .elementor-183 .elementor-element.elementor-element-b4acabe > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b4acabe > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-b4acabe > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b4acabe > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-b4acabe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-eca61ba .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-c49527b{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-c49527b:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-c49527b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-c49527b::before, .elementor-183 .elementor-element.elementor-element-c49527b > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c49527b > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c49527b > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-c49527b > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-c49527b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-c49527b:hover::before, .elementor-183 .elementor-element.elementor-element-c49527b:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c49527b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-c49527b > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-c49527b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-c49527b:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-c49527b, .elementor-183 .elementor-element.elementor-element-c49527b::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-8e1dfb7{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-8e1dfb7::before, .elementor-183 .elementor-element.elementor-element-8e1dfb7 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8e1dfb7 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-8e1dfb7 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8e1dfb7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-8e1dfb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-1f365aa .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-2b30b6a{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-2b30b6a:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-2b30b6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-2b30b6a::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before, .elementor-183 .elementor-element.elementor-element-2b30b6a:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2b30b6a:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-2b30b6a > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2b30b6a:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-2b30b6a, .elementor-183 .elementor-element.elementor-element-2b30b6a::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-ef899f4{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-ef899f4::before, .elementor-183 .elementor-element.elementor-element-ef899f4 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-ef899f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-ef899f4 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-ef899f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-ef899f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-c970c61 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-3f636b1{--display:flex;}.elementor-183 .elementor-element.elementor-element-4a69d4f{--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-183 .elementor-element.elementor-element-545d664{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-2732bb5{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-2732bb5:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-2732bb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-2732bb5::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before, .elementor-183 .elementor-element.elementor-element-2732bb5:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2732bb5:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-2732bb5 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2732bb5:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-2732bb5, .elementor-183 .elementor-element.elementor-element-2732bb5::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-72996d9{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-72996d9::before, .elementor-183 .elementor-element.elementor-element-72996d9 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-72996d9 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-72996d9 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-72996d9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-72996d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-a1bed1e .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-0301d1b{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-0301d1b:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-0301d1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-0301d1b::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before, .elementor-183 .elementor-element.elementor-element-0301d1b:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0301d1b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-0301d1b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-0301d1b:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-0301d1b, .elementor-183 .elementor-element.elementor-element-0301d1b::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-879635e{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-879635e::before, .elementor-183 .elementor-element.elementor-element-879635e > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-879635e > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-879635e > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-879635e > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-879635e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-f3e66ae .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-6491e29{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-6491e29:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-6491e29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-6491e29::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6491e29:hover::before, .elementor-183 .elementor-element.elementor-element-6491e29:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6491e29:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-6491e29 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6491e29:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-6491e29, .elementor-183 .elementor-element.elementor-element-6491e29::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-634f4f1{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-634f4f1::before, .elementor-183 .elementor-element.elementor-element-634f4f1 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-634f4f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-634f4f1 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-634f4f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-634f4f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-adf9275 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-d4fde12{--display:flex;}.elementor-183 .elementor-element.elementor-element-accbebf{--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-183 .elementor-element.elementor-element-269db0b{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-6be1da8{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-6be1da8:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-6be1da8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-6be1da8::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before, .elementor-183 .elementor-element.elementor-element-6be1da8:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6be1da8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-6be1da8 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6be1da8:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-6be1da8, .elementor-183 .elementor-element.elementor-element-6be1da8::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-02c791f{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-02c791f::before, .elementor-183 .elementor-element.elementor-element-02c791f > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-02c791f > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-02c791f > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-02c791f > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-02c791f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-cf3b5b4 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-20d8f9e{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-20d8f9e:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-20d8f9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-20d8f9e::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before, .elementor-183 .elementor-element.elementor-element-20d8f9e:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-20d8f9e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-20d8f9e > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-20d8f9e:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-20d8f9e, .elementor-183 .elementor-element.elementor-element-20d8f9e::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-3b5e30d{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-3b5e30d::before, .elementor-183 .elementor-element.elementor-element-3b5e30d > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-3b5e30d > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-3b5e30d > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-3b5e30d > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-3b5e30d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-756fbcd .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-7e407b9{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-7e407b9:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-7e407b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-7e407b9::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before, .elementor-183 .elementor-element.elementor-element-7e407b9:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7e407b9:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-7e407b9 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7e407b9:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-7e407b9, .elementor-183 .elementor-element.elementor-element-7e407b9::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-f402415{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-f402415::before, .elementor-183 .elementor-element.elementor-element-f402415 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-f402415 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-f402415 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-f402415 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-f402415 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-a188b05 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-6d807d6{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-6d807d6:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-6d807d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-6d807d6::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before, .elementor-183 .elementor-element.elementor-element-6d807d6:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6d807d6:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-6d807d6 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-6d807d6:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-6d807d6, .elementor-183 .elementor-element.elementor-element-6d807d6::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-9e9dae8{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-9e9dae8::before, .elementor-183 .elementor-element.elementor-element-9e9dae8 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-9e9dae8 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-9e9dae8 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-9e9dae8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-9e9dae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-926a44c .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-c913191{--display:flex;}.elementor-183 .elementor-element.elementor-element-03a521e{--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-183 .elementor-element.elementor-element-2e0ad66{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-7baff9e{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-7baff9e:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-7baff9e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-7baff9e::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before, .elementor-183 .elementor-element.elementor-element-7baff9e:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7baff9e:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-7baff9e > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-7baff9e:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-7baff9e, .elementor-183 .elementor-element.elementor-element-7baff9e::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-3aed9a0{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-3aed9a0::before, .elementor-183 .elementor-element.elementor-element-3aed9a0 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-3aed9a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-3aed9a0 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-3aed9a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-3aed9a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-78d7187 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-049af7c{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-049af7c:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-049af7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-049af7c::before, .elementor-183 .elementor-element.elementor-element-049af7c > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-049af7c > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-049af7c > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-049af7c > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-049af7c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-049af7c:hover::before, .elementor-183 .elementor-element.elementor-element-049af7c:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-049af7c:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-049af7c > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-049af7c > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-049af7c:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-049af7c, .elementor-183 .elementor-element.elementor-element-049af7c::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-a3127c7{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-a3127c7::before, .elementor-183 .elementor-element.elementor-element-a3127c7 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-a3127c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-a3127c7 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-a3127c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-a3127c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-2dc21b1 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-2138415{--display:flex;--min-height:250px;--justify-content:flex-end;--overflow:hidden;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-2138415:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-2138415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-183 .elementor-element.elementor-element-2138415::before, .elementor-183 .elementor-element.elementor-element-2138415 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2138415 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2138415 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2138415 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-2138415 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#424242C7;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2138415:hover::before, .elementor-183 .elementor-element.elementor-element-2138415:hover > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2138415:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-2138415 > .elementor-background-slideshow:hover::before, .elementor-183 .elementor-element.elementor-element-2138415 > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#FAFAFA00;--background-overlay:'';}.elementor-183 .elementor-element.elementor-element-2138415:hover{--overlay-opacity:1;}.elementor-183 .elementor-element.elementor-element-2138415, .elementor-183 .elementor-element.elementor-element-2138415::before{--overlay-transition:0.3s;}.elementor-183 .elementor-element.elementor-element-22e0a34{--display:flex;--overlay-opacity:0.8;--padding-top:40px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-183 .elementor-element.elementor-element-22e0a34::before, .elementor-183 .elementor-element.elementor-element-22e0a34 > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-22e0a34 > .e-con-inner > .elementor-background-video-container::before, .elementor-183 .elementor-element.elementor-element-22e0a34 > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-22e0a34 > .e-con-inner > .elementor-background-slideshow::before, .elementor-183 .elementor-element.elementor-element-22e0a34 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #033B5700 0%, var( --e-global-color-92e29f6 ) 100%);}.elementor-183 .elementor-element.elementor-element-9b31773 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:20px;font-weight:400;letter-spacing:-0.2px;}.elementor-183 .elementor-element.elementor-element-5bffd31{--n-accordion-title-font-size:20px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#033B57;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#033B57;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#033B57;}.elementor-183 .elementor-element.elementor-element-5bffd31 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 2px 0px;border-color:#033B57;}:where( .elementor-183 .elementor-element.elementor-element-5bffd31 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Copperplate Heavy", Sans-serif;}.elementor-183 .elementor-element.elementor-element-b57f3c9{--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:075px;--padding-bottom:075px;--padding-left:0px;--padding-right:0px;}.elementor-183 .elementor-element.elementor-element-b57f3c9:not(.elementor-motion-effects-element-type-background), .elementor-183 .elementor-element.elementor-element-b57f3c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-183 .elementor-element.elementor-element-4f7d2a7{text-align:center;}.elementor-183 .elementor-element.elementor-element-4f7d2a7 .elementor-heading-title{font-family:"Copperplate Heavy", Sans-serif;font-size:25px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-92e29f6 );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-183 .elementor-element.elementor-element-c01465a{--display:flex;}.elementor-183 .elementor-element.elementor-element-f30b849{--display:flex;}.elementor-183 .elementor-element.elementor-element-1d1d3b2{--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-183 .elementor-element.elementor-element-55df457 .elementor-heading-title{font-family:"Gotham Book", Sans-serif;font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.2px;color:#023A57;}.elementor-183 .elementor-element.elementor-element-3c0e34e{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-183 .elementor-element.elementor-element-3c0e34e .elementor-social-icon{background-color:#033B5700;--icon-padding:0em;}.elementor-183 .elementor-element.elementor-element-3c0e34e .elementor-social-icon i{color:#033B57;}.elementor-183 .elementor-element.elementor-element-3c0e34e .elementor-social-icon svg{fill:#033B57;}.elementor-183 .elementor-element.elementor-element-28c8be8{--display:flex;}.elementor-183 .elementor-element.elementor-element-3dbf825{--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-183 .elementor-element.elementor-element-513fa68 .elementor-heading-title{font-family:"Gotham Book", Sans-serif;font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.2px;color:#023A57;}.elementor-183 .elementor-element.elementor-element-d9ed176{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-183 .elementor-element.elementor-element-d9ed176 .elementor-social-icon{background-color:#033B5700;--icon-padding:0em;}.elementor-183 .elementor-element.elementor-element-d9ed176 .elementor-social-icon i{color:#033B57;}.elementor-183 .elementor-element.elementor-element-d9ed176 .elementor-social-icon svg{fill:#033B57;}.elementor-183 .elementor-element.elementor-element-7de4fa5{--n-accordion-title-font-size:17px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#033B57;--n-accordion-title-active-color:var( --e-global-color-92e29f6 );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#033B57;}.elementor-183 .elementor-element.elementor-element-7de4fa5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;}.elementor-183 .elementor-element.elementor-element-7de4fa5 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-183 .elementor-element.elementor-element-7de4fa5 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Gotham Book", Sans-serif;}:where( .elementor-183 .elementor-element.elementor-element-7de4fa5 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;--border-radius:0px 0px 00px 0px;}.elementor-183 .elementor-element.elementor-element-0da1ed0{--display:flex;}.elementor-183 .elementor-element.elementor-element-0f5e105{--display:flex;}.elementor-183 .elementor-element.elementor-element-6689168{--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-183 .elementor-element.elementor-element-e575231 .elementor-heading-title{font-family:"Gotham Book", Sans-serif;font-size:15px;font-weight:400;line-height:20px;letter-spacing:-0.2px;color:#023A57;}.elementor-183 .elementor-element.elementor-element-f29be2e{--grid-template-columns:repeat(0, auto);text-align:left;--icon-size:24px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-183 .elementor-element.elementor-element-f29be2e .elementor-social-icon{background-color:#033B5700;--icon-padding:0em;}.elementor-183 .elementor-element.elementor-element-f29be2e .elementor-social-icon i{color:#033B57;}.elementor-183 .elementor-element.elementor-element-f29be2e .elementor-social-icon svg{fill:#033B57;}.elementor-183 .elementor-element.elementor-element-2c4921f{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:0px 0px 0px 0px;--n-accordion-title-normal-color:#033B57;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#033B57;}.elementor-183 .elementor-element.elementor-element-2c4921f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;}.elementor-183 .elementor-element.elementor-element-2c4921f > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-183 .elementor-element.elementor-element-2c4921f > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;--border-radius:0px 0px 00px 0px;}.elementor-183 .elementor-element.elementor-element-919fa32{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-transition:0.2s;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-color:#033B57;--n-tabs-title-color-active:#033B57;}.elementor-183 .elementor-element.elementor-element-919fa32 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-183 .elementor-element.elementor-element-919fa32.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;}.elementor-183 .elementor-element.elementor-element-919fa32.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-183 .elementor-element.elementor-element-919fa32.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 1px 0px;border-color:#033B57;}.elementor-183 .elementor-element.elementor-element-919fa32.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-183 .elementor-element.elementor-element-919fa32.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Gotham Book", Sans-serif;font-weight:400;}.elementor-183 .elementor-element.elementor-element-919fa32 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#033B57;}@media(min-width:768px){.elementor-183 .elementor-element.elementor-element-51051ec{--width:75%;}.elementor-183 .elementor-element.elementor-element-fa4f794{--width:25%;}}@media(max-width:1024px){.elementor-183 .elementor-element.elementor-element-e42ec6c{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-51051ec{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-1a17359{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-0b142db{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-90021bc{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-aac45bb{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-545d664{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-269db0b{--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-2e0ad66{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-183 .elementor-element.elementor-element-ce734b6{--padding-top:0px;--padding-bottom:0px;--padding-left:015px;--padding-right:015px;}.elementor-183 .elementor-element.elementor-element-e42ec6c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-51051ec{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-1a17359{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-0b142db{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-90021bc{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-aac45bb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-545d664{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-269db0b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-183 .elementor-element.elementor-element-2e0ad66{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dde3f73 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://your-website.com/path/to/your-image.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-dde3f73 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Penguin-1.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-dde3f73::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-dde3f73:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5258769 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5258769 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5258769::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5258769:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4e4616 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-d4e4616 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/martijn-vonk-RNAtIEDXzyI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-d4e4616::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-d4e4616:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c0318b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7c0318b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/simon-ray-f6JLpMABCZg-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7c0318b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7c0318b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd5815 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1bd5815 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/nico-smit-_nZNptJkZg0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1bd5815::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1bd5815:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1000ae1 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-1000ae1 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/philippa-rose-tite-kWwSJ9d3o8I-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-1000ae1::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-1000ae1:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e9c5d3c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-e9c5d3c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/marcus-wallis-mUtQXjjLPbw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-e9c5d3c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-e9c5d3c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fe207 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-31fe207 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/chris-koelewijn-jAZxqybQC8o-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-31fe207::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-31fe207:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f71f36 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8f71f36 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8f71f36::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8f71f36:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-208fa8c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-208fa8c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-208fa8c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-208fa8c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f89593 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0f89593 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/axel-brunst-yr22qT5pqw4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0f89593::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0f89593:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16a7e3f *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-16a7e3f {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/juliane-liebermann-WDSgXvDSpz8-unsplash.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-16a7e3f::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-16a7e3f:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-71a386e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-71a386e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/pexels-linken-van-zyl-263454378-13815472-1-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-71a386e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-71a386e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-286c578 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-286c578 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/dogu-tuncer-_jOJkjd8S-0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-286c578::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-286c578:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fc113b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-5fc113b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/2025-03-31.webp');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-5fc113b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-5fc113b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75cc771 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-75cc771 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/jake-fagan-2Jo7nEKP4jM-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-75cc771::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-75cc771:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8924be0 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-8924be0 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/brayden-winemiller-I2N8tXEbeNU-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-8924be0::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-8924be0:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49527b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-c49527b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/alex-moliski-pwHDeEjdGv4-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-c49527b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-c49527b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b30b6a *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2b30b6a {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/rowan-fonda-sg4d4PCzEHo-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2b30b6a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2b30b6a:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2732bb5 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2732bb5 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/ansie-potgieter-GV2LxPJArgQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2732bb5::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2732bb5:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0301d1b *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-0301d1b {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/fernando-gutierrez-dwgW7G56Paw-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-0301d1b::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-0301d1b:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491e29 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6491e29 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/maja-petric-vGQ49l9I4EE-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6491e29::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6491e29:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6be1da8 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6be1da8 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/tim-schmidbauer-7RdZAqWGxhI-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6be1da8::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6be1da8:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20d8f9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-20d8f9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/kevin-ianeselli-ebnlHkqfUHY-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-20d8f9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-20d8f9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e407b9 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7e407b9 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/carl-heyerdahl-NSf27dNSCA0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7e407b9::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7e407b9:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d807d6 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-6d807d6 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/zoe-richardson-c3rmcDjVDbc-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-6d807d6::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-6d807d6:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7baff9e *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-7baff9e {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/redcharlie-nf7W_hn6DKQ-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-7baff9e::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-7baff9e:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-049af7c *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-049af7c {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/sid-pradhan-TWXbADPlkT0-unsplash-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-049af7c::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-049af7c:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2138415 *//* This makes the container a reference point for the image layer */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    overflow: hidden; /* Contains the zoom effect */
}

/* This creates the BACKGROUND IMAGE layer */
/* It sits behind the Elementor overlay you just created */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Puts the image behind the overlay */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* --- HOVER EFFECT --- */
/* This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.1);
}
/* This makes the container a reference point for our pseudo-elements */
.elementor-183 .elementor-element.elementor-element-2138415 {
    position: relative;
    /* This ensures content (like your heading) appears above the overlay */
    z-index: 1; 
}

/* This creates the BACKGROUND IMAGE pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */
    
    /* --- PASTE YOUR IMAGE URL HERE --- */
    background-image: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/IMG_20230119_0952180-scaled.jpg');
    background-size: cover;
    background-position: center;

    /* This makes the zoom animation smooth */
    transition: transform 0.4s ease-in-out;
}

/* This creates the DARK OVERLAY pseudo-element */
.elementor-183 .elementor-element.elementor-element-2138415::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Sits behind the content */

    /* The color of the overlay */
    background-color: rgba(0, 0, 0, 0.1);

    /* --- THIS IS THE NEW LINE --- */
    /* It blends the overlay color with the image underneath */
    mix-blend-mode: multiply;

    /* This makes the fade-out animation smooth */
    transition: opacity 0.4s ease-in-out;
}

/* --- HOVER EFFECTS --- */

/* 1. This scales the BACKGROUND IMAGE on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::before {
    transform: scale(1.05);
}

/* 2. This makes the OVERLAY disappear on hover */
.elementor-183 .elementor-element.elementor-element-2138415:hover::after {
    opacity: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Copperplate Heavy';
	font-display: auto;
	src: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/copperplate-cc.heavy_.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham Bold';
	font-display: auto;
	src: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Gotham-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham Book';
	font-display: auto;
	src: url('https://switchlab.co.za/wildvine/wp-content/uploads/2025/09/Gotham-Book.ttf') format('truetype');
}
/* End Custom Fonts CSS */