.elementor-3809 .elementor-element.elementor-element-a5bd470{--display:flex;--min-height:560px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:36px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-f4468b1{width:var( --container-widget-width, 50% );max-width:50%;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;top:-262px;z-index:99;text-align:end;}body:not(.rtl) .elementor-3809 .elementor-element.elementor-element-f4468b1{right:-120px;}body.rtl .elementor-3809 .elementor-element.elementor-element-f4468b1{left:-120px;}.elementor-3809 .elementor-element.elementor-element-e965eca{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3809 .elementor-element.elementor-element-6845ffc{width:var( --container-widget-width, 58% );max-width:58%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-ba86861 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-79e0464{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-9096f3d{--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;--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-3809 .elementor-element.elementor-element-b6a39b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-3335777{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-12d18ad{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3809 .elementor-element.elementor-element-12d18ad:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-12d18ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-411dd0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items: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-3809 .elementor-element.elementor-element-411dd0a.e-con{--align-self:center;}.elementor-3809 .elementor-element.elementor-element-e702c64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 0px;column-gap:0px;text-align:justify;font-size:18px;line-height:22px;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-e702c64.elementor-element{--align-self:center;}.elementor-3809 .elementor-element.elementor-element-e702c64 p{margin-block-end:0px;}.elementor-3809 .elementor-element.elementor-element-dcf76c5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3809 .elementor-element.elementor-element-75a2005{--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:40px 40px;--row-gap:40px;--column-gap:40px;--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-3809 .elementor-element.elementor-element-a72311e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-1e196e8 .elementor-wrapper{--video-aspect-ratio:1.33333;}.elementor-3809 .elementor-element.elementor-element-b350293{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:130px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3809 .elementor-element.elementor-element-192c089{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-3809 .elementor-element.elementor-element-4c046e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-4ec28c4{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-9187760{width:var( --container-widget-width, 65% );max-width:65%;padding:40px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-b54435b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-9bb60d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-9bb60d5:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-9bb60d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3809 .elementor-element.elementor-element-14cdc8f{--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;--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-3809 .elementor-element.elementor-element-1d4b621{--display:flex;--justify-content: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-3809 .elementor-element.elementor-element-8b73bf6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-4a76789{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-744ba33{--e-image-carousel-slides-to-show:4;}.elementor-3809 .elementor-element.elementor-element-744ba33 .swiper-wrapper{display:flex;align-items:center;}.elementor-3809 .elementor-element.elementor-element-213d86c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-e651271{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-dc1443f{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-362c9fa{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-2965688b{--display:flex;--min-height:0px;--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;--overflow:hidden;--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-3809 .elementor-element.elementor-element-2b42906b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-56ba5baa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-56ba5baa .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-40d36a62 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-45e59e2b{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-243fac73{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-243fac73:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-243fac73 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-2d7b0eec{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-424a7d31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-424a7d31 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-763c120f .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-11b82cc2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1a31b1ea{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1a31b1ea:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-1a31b1ea .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-19bbe9b9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-730731bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-730731bb .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-4467e1cc .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-68a9959f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-27ce6922{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-27ce6922:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-27ce6922 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-f48d192{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-b33f8b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-b33f8b7 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-8fb53b5 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-1e39c09{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1dca320{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1dca320:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-1dca320 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-ff28fa7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-0601065{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-0601065 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-bda37ee .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-863e629{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-332c58d{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-332c58d:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-332c58d .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-b9d5b63{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-97c6c41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-97c6c41 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-f317b92 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-44dadaa{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-e4e54da{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-e4e54da:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-e4e54da .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-2d12e27{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-c07df89{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-d64dd96{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-6732bf2{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-7163d53{--display:flex;--justify-content:center;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-7163d53:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-7163d53 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/image-19.webp");}.elementor-3809 .elementor-element.elementor-element-7163d53::before, .elementor-3809 .elementor-element.elementor-element-7163d53 > .elementor-background-video-container::before, .elementor-3809 .elementor-element.elementor-element-7163d53 > .e-con-inner > .elementor-background-video-container::before, .elementor-3809 .elementor-element.elementor-element-7163d53 > .elementor-background-slideshow::before, .elementor-3809 .elementor-element.elementor-element-7163d53 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3809 .elementor-element.elementor-element-7163d53 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#636363;--background-overlay:'';}.elementor-3809 .elementor-element.elementor-element-78b2ea3{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-e05548c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-8014d52 );--border-color:var( --e-global-color-8014d52 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-3809 .elementor-element.elementor-element-6698288{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-6698288 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-secondary );font-size:60px;font-weight:500;}.elementor-3809 .elementor-element.elementor-element-7b612f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-8457e8a{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-9cb4151{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-8014d52 );--border-color:var( --e-global-color-8014d52 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-3809 .elementor-element.elementor-element-79b1fd5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-79b1fd5 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-53db85b );font-size:60px;font-weight:500;}.elementor-3809 .elementor-element.elementor-element-d58d70e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-d58d70e .elementor-heading-title{color:var( --e-global-color-53db85b );}.elementor-3809 .elementor-element.elementor-element-c43de43{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-2cdd00d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 2px 0px 0px;--border-top-width:0px;--border-right-width:2px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-8014d52 );--border-color:var( --e-global-color-8014d52 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-3809 .elementor-element.elementor-element-7c91c42{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-7c91c42 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;color:#FD7F17;font-size:60px;font-weight:500;}.elementor-3809 .elementor-element.elementor-element-1be0535{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-1be0535 .elementor-heading-title{color:#FD7F17;}.elementor-3809 .elementor-element.elementor-element-822b92d{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-18ca1b8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3809 .elementor-element.elementor-element-954af58{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-954af58 .elementor-heading-title{font-size:60px;line-height:64px;color:#FF0000;}.elementor-3809 .elementor-element.elementor-element-3095c91{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-3095c91 .elementor-heading-title{color:#FF0000;}.elementor-3809 .elementor-element.elementor-element-5916041{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-2fdf4e6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-1482ad8{--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;--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-3809 .elementor-element.elementor-element-97e2e5c{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-264f4d8{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-f91699d{--display:flex;--min-height:420px;--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;--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-3809 .elementor-element.elementor-element-82a7689{--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;--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-3809 .elementor-element.elementor-element-add62b0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-add62b0:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-add62b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Handbrushes.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-023912e{--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;--justify-content: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-3809 .elementor-element.elementor-element-023912e:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-023912e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-47ac37f .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-3809 .elementor-element.elementor-element-5df64ae{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-2a3837d .elementor-heading-title{font-weight:500;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-3aaeed0{--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;--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-3809 .elementor-element.elementor-element-26f5ae4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-26f5ae4:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-26f5ae4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/sweepers.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-687da94{--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;--justify-content: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-3809 .elementor-element.elementor-element-687da94:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-687da94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#235321;}.elementor-3809 .elementor-element.elementor-element-dd099f3 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-3809 .elementor-element.elementor-element-9687a1a{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-7504673 .elementor-heading-title{font-weight:500;}.elementor-3809 .elementor-element.elementor-element-a1a6569{--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;--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-3809 .elementor-element.elementor-element-011df76{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-011df76:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-011df76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Squeegees.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-13fed13{--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;--justify-content: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-3809 .elementor-element.elementor-element-13fed13:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-13fed13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A90C05;}.elementor-3809 .elementor-element.elementor-element-357ae56 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-3809 .elementor-element.elementor-element-1a236b4{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-3d76d46 .elementor-heading-title{font-weight:500;}.elementor-3809 .elementor-element.elementor-element-0e36ffb{--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;--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-3809 .elementor-element.elementor-element-749336d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-749336d:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-749336d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Tank-and-tube-brushes-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-8504a16{--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;--justify-content: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-3809 .elementor-element.elementor-element-8504a16:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-8504a16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD92B;}.elementor-3809 .elementor-element.elementor-element-b2a694c .elementor-heading-title{font-size:25px;line-height:30px;color:var( --e-global-color-53db85b );}.elementor-3809 .elementor-element.elementor-element-5d5b695{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-7cbd9a0 .elementor-heading-title{font-weight:500;color:var( --e-global-color-53db85b );}.elementor-3809 .elementor-element.elementor-element-29c7f86{--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;--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-3809 .elementor-element.elementor-element-4939f8e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-4939f8e:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-4939f8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Orange-Sqeegee.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-7206128{--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;--justify-content: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-3809 .elementor-element.elementor-element-7206128:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-7206128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FD7F17;}.elementor-3809 .elementor-element.elementor-element-b4dc35c .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-3809 .elementor-element.elementor-element-9735691{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-85151f2 .elementor-heading-title{font-weight:500;}.elementor-3809 .elementor-element.elementor-element-37bfdd3{--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;--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-3809 .elementor-element.elementor-element-1724799{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-1724799:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-1724799 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Waterfed.png");background-position:-155px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-03d9132{--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;--justify-content: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-3809 .elementor-element.elementor-element-03d9132:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-03d9132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-36ca868 );}.elementor-3809 .elementor-element.elementor-element-1ea4171 .elementor-heading-title{font-size:25px;line-height:30px;}.elementor-3809 .elementor-element.elementor-element-ac592ff{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-e231e7d .elementor-heading-title{font-weight:500;}.elementor-3809 .elementor-element.elementor-element-b9305d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-b10cbf0{--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;--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-3809 .elementor-element.elementor-element-97051e6{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-d00f399{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-38468e0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:90;}.elementor-3809 .elementor-element.elementor-element-cc738d0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-9f7dfad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-803eeff{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1864be9{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-e1e3449{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-6616810{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;bottom:5px;z-index:50;}body:not(.rtl) .elementor-3809 .elementor-element.elementor-element-6616810{right:17px;}body.rtl .elementor-3809 .elementor-element.elementor-element-6616810{left:17px;}.elementor-3809 .elementor-element.elementor-element-8874f75{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-e8c36ed{width:var( --container-widget-width, 38% );max-width:38%;--container-widget-width:38%;--container-widget-flex-grow:0;top:-295px;}body:not(.rtl) .elementor-3809 .elementor-element.elementor-element-e8c36ed{right:0px;}body.rtl .elementor-3809 .elementor-element.elementor-element-e8c36ed{left:0px;}.elementor-3809 .elementor-element.elementor-element-dd44e3b{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-3809 .elementor-element.elementor-element-f2e2408{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3809 .elementor-element.elementor-element-bf2aeff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-21443f9{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-cc917df{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-8ba5a03{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3809 .elementor-element.elementor-element-883ad8f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-a212ea3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-97c7daf{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1605d57{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-0195abc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-319df2c{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-d0c12d1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-1cc6aed{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-d70f38e{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-2bec599{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-dec7ff7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-6acd9f9{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-4063ae8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-0d0b457{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-92a7d7b{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-e7deb97{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-a997e0c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-6fe8677{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-261103f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-7d6f36a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-53fbf68{width:var( --container-widget-width, 72% );max-width:72%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 0px 10px 10px;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-ece59fd{--n-accordion-title-font-size:20px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-accordion-title-icon-order:-1;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-8014d52 );--n-accordion-title-hover-color:var( --e-global-color-8014d52 );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-3809 .elementor-element.elementor-element-ece59fd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-ece59fd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-ece59fd > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-53db85b );}:where( .elementor-3809 .elementor-element.elementor-element-ece59fd > .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-weight:bold;line-height:24px;}.elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button:hover, .elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button .elementor-button-content-wrapper{justify-content:start;}.elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button{font-size:20px;text-transform:capitalize;line-height:24px;}.elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button:hover svg, .elementor-3809 .elementor-element.elementor-element-0dabe25 .elementor-button:focus svg{fill:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-d2d546f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-a9020a3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-3809 .elementor-element.elementor-element-537753c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-549f0cd{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-8929dbd{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-b3b6026{--display:flex;--min-height:0px;--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;--overflow:hidden;--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-3809 .elementor-element.elementor-element-d1dda87{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-516d209{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-516d209 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-be3fb08 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-9f4f8bd{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1ab5cb4{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1ab5cb4:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-1ab5cb4 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-949544a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-dba32c4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-dba32c4 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-9af06c3 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-a973ad9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-afef9d7{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-afef9d7:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-afef9d7 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-d8e3f9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-6853115{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-6853115 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-3809 .elementor-element.elementor-element-7e92e93 .elementor-heading-title{color:#FFFFFF;}.elementor-3809 .elementor-element.elementor-element-705e80f{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;font-size:18px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-77916d2{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-77916d2:hover{--e-transform-scale:1.1;}.elementor-3809 .elementor-element.elementor-element-77916d2 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-3809 .elementor-element.elementor-element-55b6d46{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-78ebded{--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:40px 40px;--row-gap:40px;--column-gap:40px;--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-3809 .elementor-element.elementor-element-54b22c2{--display:flex;--min-height:0px;--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-3809 .elementor-element.elementor-element-54b22c2:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-54b22c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Hand-brush-with-blue-hand-.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-216e0c3{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-42b54be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-8094a1c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-4cf5658{width:var( --container-widget-width, 65% );max-width:65%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-d36abc7{width:var( --container-widget-width, 65% );max-width:65%;padding:40px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-468d505{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-9784dfc{--display:flex;--min-height:715px;--justify-content:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-9784dfc:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-9784dfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/11/inside-thread-brush--e1793705466147.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-000a9b7{--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;--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-3809 .elementor-element.elementor-element-838e1d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;border-style:solid;--border-style:solid;border-color:#FFFFFF40;--border-color:#FFFFFF40;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-838e1d5:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-838e1d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000040;}.elementor-3809 .elementor-element.elementor-element-838e1d5::before, .elementor-3809 .elementor-element.elementor-element-838e1d5 > .elementor-background-video-container::before, .elementor-3809 .elementor-element.elementor-element-838e1d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-3809 .elementor-element.elementor-element-838e1d5 > .elementor-background-slideshow::before, .elementor-3809 .elementor-element.elementor-element-838e1d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3809 .elementor-element.elementor-element-838e1d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3809 .elementor-element.elementor-element-cb0ca7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-b22bd5c{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-b22bd5c .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-c77197d{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-3bcd059{padding:20px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-b0da6f1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-4c12750{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-8657660{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-bb8c927{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-884844c{padding:20px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-0396385{--display:flex;--min-height:420px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-3809 .elementor-element.elementor-element-41deb62{left:37.5%;}body.rtl .elementor-3809 .elementor-element.elementor-element-41deb62{right:37.5%;}.elementor-3809 .elementor-element.elementor-element-41deb62{top:-6%;z-index:10;}.elementor-3809 .elementor-element.elementor-element-41deb62 img{width:90%;}.elementor-3809 .elementor-element.elementor-element-e42d9f9{--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;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-e42d9f9:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-e42d9f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Soap-bubbles-.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3809 .elementor-element.elementor-element-a6f9af1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:160px;}.elementor-3809 .elementor-element.elementor-element-98a1353{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-d6857c1{--display:flex;}.elementor-3809 .elementor-element.elementor-element-8ae84a2{width:var( --container-widget-width, 85% );max-width:85%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-1f263b7{--display:flex;}.elementor-3809 .elementor-element.elementor-element-d8dff90{width:var( --container-widget-width, 85% );max-width:85%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-b5596ae{--display:flex;}.elementor-3809 .elementor-element.elementor-element-ee95a91{width:var( --container-widget-width, 85% );max-width:85%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-8ca4058{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:12px;}.elementor-3809 .elementor-element.elementor-element-8ca4058 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-8ca4058 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}:where( .elementor-3809 .elementor-element.elementor-element-8ca4058 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#02010100;--padding-top:10px;--padding-right:14px;--padding-bottom:10px;--padding-left:14px;}.elementor-3809 .elementor-element.elementor-element-8ca4058 {--n-accordion-padding:12px 14px 12px 14px;}.elementor-3809 .elementor-element.elementor-element-b8797c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:160px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-4e96188{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-127dd0b{--display:flex;}.elementor-3809 .elementor-element.elementor-element-d39246d{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-3809 .elementor-element.elementor-element-3a86b82{--display:flex;}.elementor-3809 .elementor-element.elementor-element-8bac579{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-3809 .elementor-element.elementor-element-4340eb0{--display:flex;}.elementor-3809 .elementor-element.elementor-element-e76e727{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:end;}.elementor-3809 .elementor-element.elementor-element-2306209{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 98% );max-width:98%;--container-widget-width:98%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:flex-end;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:12px;}.elementor-3809 .elementor-element.elementor-element-2306209 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-2306209 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}:where( .elementor-3809 .elementor-element.elementor-element-2306209 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#02010100;--padding-top:10px;--padding-right:14px;--padding-bottom:10px;--padding-left:14px;}.elementor-3809 .elementor-element.elementor-element-2306209 {--n-accordion-padding:12px 14px 12px 14px;}.elementor-3809 .elementor-element.elementor-element-119fa34{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:160px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-1fc99be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-3f7de55{--display:flex;}.elementor-3809 .elementor-element.elementor-element-3fe2b79{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-3809 .elementor-element.elementor-element-d8793b5{--display:flex;}.elementor-3809 .elementor-element.elementor-element-86df9a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-3809 .elementor-element.elementor-element-e32101c{--display:flex;}.elementor-3809 .elementor-element.elementor-element-8add1db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-3809 .elementor-element.elementor-element-b1bdd9a{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:flex-end;--n-accordion-title-flex-grow:initial;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:12px;}.elementor-3809 .elementor-element.elementor-element-b1bdd9a > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-b1bdd9a > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-8014d52 );}:where( .elementor-3809 .elementor-element.elementor-element-b1bdd9a > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#02010100;--padding-top:10px;--padding-right:14px;--padding-bottom:10px;--padding-left:14px;}.elementor-3809 .elementor-element.elementor-element-b1bdd9a {--n-accordion-padding:12px 14px 12px 14px;}.elementor-3809 .elementor-element.elementor-element-5caec24{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-5caec24:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-5caec24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-e097ef2{--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;--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-3809 .elementor-element.elementor-element-b09acb0{--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;--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-3809 .elementor-element.elementor-element-447042a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-447042a .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-4640528{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3809 .elementor-element.elementor-element-4640528 .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-1bcbb9c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-3809 .elementor-element.elementor-element-95f2817{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-520ca32{width:var( --container-widget-width, 100% );max-width:100%;padding:20px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;color:var( --e-global-color-8014d52 );}.elementor-3809 .elementor-element.elementor-element-07532bd{--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;--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-3809 .elementor-element.elementor-element-0309a2d .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-0309a2d{padding:0px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-b748122 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-3809 .elementor-element.elementor-element-b748122{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3809 .elementor-element.elementor-element-a5bd470{--padding-top:110px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-dcf76c5{--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-75a2005{--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-3809 .elementor-element.elementor-element-b350293{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-4ec28c4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3809 .elementor-element.elementor-element-9187760{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3809 .elementor-element.elementor-element-9bb60d5{--padding-top:50px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-4a76789{--justify-content:center;}.elementor-3809 .elementor-element.elementor-element-213d86c{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-2965688b{--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:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-2d12e27{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-78b2ea3{--grid-auto-flow:row;}.elementor-3809 .elementor-element.elementor-element-1482ad8{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-1724799:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-1724799 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3809 .elementor-element.elementor-element-b9305d4{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-d00f399{--padding-top:80px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-8874f75{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-d2d546f{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-b3b6026{--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:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-55b6d46{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-78ebded{--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-3809 .elementor-element.elementor-element-4cf5658{padding:0px 40px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3809 .elementor-element.elementor-element-d36abc7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-3809 .elementor-element.elementor-element-9784dfc{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-b0da6f1{--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-e42d9f9{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-3809 .elementor-element.elementor-element-a6f9af1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-b8797c6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-119fa34{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-5caec24{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-e097ef2{--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;}}@media(max-width:767px){.elementor-3809 .elementor-element.elementor-element-a5bd470{--padding-top:110px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-dcf76c5{--padding-top:50px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-9bb60d5{--padding-top:50px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-213d86c{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-2965688b{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-2b42906b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-56ba5baa{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-45e59e2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-243fac73{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-2d7b0eec{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-424a7d31{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-11b82cc2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1a31b1ea{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-19bbe9b9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-730731bb{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-68a9959f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-27ce6922{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-f48d192{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-b33f8b7{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-1e39c09{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1dca320{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-ff28fa7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-0601065{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-863e629{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-332c58d{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-b9d5b63{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-97c6c41{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-44dadaa{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-e4e54da{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-2d12e27{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-7163d53{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-78b2ea3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3809 .elementor-element.elementor-element-e05548c{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-3809 .elementor-element.elementor-element-9cb4151{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-3809 .elementor-element.elementor-element-2cdd00d{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-3809 .elementor-element.elementor-element-2fdf4e6{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-1482ad8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-f91699d{--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-3809 .elementor-element.elementor-element-1724799:not(.elementor-motion-effects-element-type-background), .elementor-3809 .elementor-element.elementor-element-1724799 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3809 .elementor-element.elementor-element-b9305d4{--padding-top:20px;--padding-bottom:2px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-d00f399{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-8874f75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-d2d546f{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-b3b6026{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-d1dda87{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-516d209{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-9f4f8bd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-1ab5cb4{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-949544a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-dba32c4{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-a973ad9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-afef9d7{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-d8e3f9d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3809 .elementor-element.elementor-element-6853115{padding:0px 0px 28px 0px;}.elementor-3809 .elementor-element.elementor-element-705e80f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;line-height:22px;}.elementor-3809 .elementor-element.elementor-element-77916d2{padding:25px 0px 0px 0px;}.elementor-3809 .elementor-element.elementor-element-55b6d46{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-838e1d5{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-3809 .elementor-element.elementor-element-b0da6f1{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-e42d9f9{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-3809 .elementor-element.elementor-element-a6f9af1{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-b8797c6{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-2306209{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;}.elementor-3809 .elementor-element.elementor-element-119fa34{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3809 .elementor-element.elementor-element-3fe2b79{text-align:start;}.elementor-3809 .elementor-element.elementor-element-86df9a1{text-align:start;}.elementor-3809 .elementor-element.elementor-element-8add1db{text-align:start;}.elementor-3809 .elementor-element.elementor-element-b1bdd9a{--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;}.elementor-3809 .elementor-element.elementor-element-5caec24{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-3809 .elementor-element.elementor-element-e965eca{--width:74%;}.elementor-3809 .elementor-element.elementor-element-1d4b621{--width:22%;}.elementor-3809 .elementor-element.elementor-element-4a76789{--width:88%;}.elementor-3809 .elementor-element.elementor-element-38468e0{--width:45%;}.elementor-3809 .elementor-element.elementor-element-f2e2408{--width:75%;}.elementor-3809 .elementor-element.elementor-element-8ba5a03{--width:75%;}.elementor-3809 .elementor-element.elementor-element-000a9b7{--width:50%;}.elementor-3809 .elementor-element.elementor-element-a6f9af1{--width:50%;}.elementor-3809 .elementor-element.elementor-element-b8797c6{--width:50%;}.elementor-3809 .elementor-element.elementor-element-119fa34{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3809 .elementor-element.elementor-element-e965eca{--width:100%;}.elementor-3809 .elementor-element.elementor-element-38468e0{--width:100%;}.elementor-3809 .elementor-element.elementor-element-8ba5a03{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-2965688b *//* =========================================================
   6 PANEL FULL SECTION HOVER EFFECT (3 COLUMNS x 2 ROWS)
   =========================================================

   LAYER STACK (all inside .services-hover):
     1  image layers        .service-N::after
     2  active image layer  (hovered one lifts above the outgoing)
     3  dark overlay        .service-N::before
     4  widgets             .service-N > *
     5  content wrapper     .e-con-inner
   ========================================================= */

.services-hover {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(20px, 1fr)
        repeat(3, minmax(0, calc(var(--fbk-box-width) / 3)))
        minmax(20px, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
    min-height: 750px;
    overflow: hidden !important;
    gap: 0;

    isolation: isolate;          /* keeps this layer stack self-contained */
    background-color: #FFFFFF;   /* visible only while images decode */

    /* BOXED CONTENT, FULL-WIDTH IMAGES
       The three columns sit in the middle of the grid, exactly as
       wide as the site's content box, so each tint covers its own
       text. The two outer grid tracks are empty side margins.
       The photos are as wide as the screen and centred on the box,
       so they still run edge to edge. Set --fbk-box-width to the same value
       as Elementor > Site Settings > Layout > Content Width. */
    --fbk-box-width: 1330px;

    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;

    /* No background-image here. All six images live on the ::after
       layers below, so nothing snaps while the layers crossfade. */
}


/* =========================================================
   COLUMNS
   =========================================================
   z-index MUST stay `auto`. A numeric z-index makes each column
   its own stacking context, which traps its image layer inside
   that column and locks paint order to DOM order.
   ========================================================= */

.services-hover > .service-1,
.services-hover > .service-2,
.services-hover > .service-3,
.services-hover > .service-4,
.services-hover > .service-5,
.services-hover > .service-6 {
    position: relative;          /* containing block for ::before / ::after */
    z-index: auto;

    flex: 1 1 33.333%;
    min-width: 0;
    min-height: 400px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 40px;
    overflow: visible;

    background: transparent;
    border: none !important;
}


/* Columns sit in the three middle tracks of the boxed grid */
.services-hover > .service-1 { grid-column: 2; grid-row: 1; }
.services-hover > .service-2 { grid-column: 3; grid-row: 1; }
.services-hover > .service-3 { grid-column: 4; grid-row: 1; }
.services-hover > .service-4 { grid-column: 2; grid-row: 2; }
.services-hover > .service-5 { grid-column: 3; grid-row: 2; }
.services-hover > .service-6 { grid-column: 4; grid-row: 2; }

.services-hover > .service-1,
.services-hover > .service-2,
.services-hover > .service-3,
.services-hover > .service-4,
.services-hover > .service-5,
.services-hover > .service-6 {
    width: 100% !important;          /* fill the whole grid cell, whatever  */
    max-width: none !important;      /* width is set on it in Elementor     */
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
}


/* =========================================================
   BACKGROUND IMAGE CROSSFADE LAYERS
   =========================================================
   Each layer is 3 columns wide and 2 rows tall, pulled left by its
   column index and up by its row index, so all six land on the
   identical rect and `cover` frames them identically. This relies
   on 3 equal columns, 2 equal rows and no gap.
   ========================================================= */

.services-hover > .service-1::after,
.services-hover > .service-2::after,
.services-hover > .service-3::after,
.services-hover > .service-4::after,
.services-hover > .service-5::after,
.services-hover > .service-6::after {
    content: "";

    position: absolute;
    top: 0;

    width: 100vw;                /* full width of the screen */
    height: 200%;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    opacity: 0;

    z-index: 1;
    pointer-events: none;

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;
}


/* Section 1 image - the permanent base. Never fades out, so every
   transition always has something solid underneath it. */
.services-hover > .service-1::after {
    left: calc((300% - 100vw) / 2);
    opacity: 1;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Group-3-1.webp);
}


/* Section 2 image */
.services-hover > .service-2::after {
    left: calc((100% - 100vw) / 2);

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Hard-to-reach-areas.jpeg);
}


/* Section 3 image */
.services-hover > .service-3::after {
    left: calc((-100% - 100vw) / 2);

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-620.webp);
}


/* Section 4 image (row 2, column 1) - replace URL */
.services-hover > .service-4::after {
    left: calc((300% - 100vw) / 2);
    top: -100%;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Tube-brush.webp);
}


/* Section 5 image (row 2, column 2) - replace URL */
.services-hover > .service-5::after {
    left: calc((100% - 100vw) / 2);
    top: -100%;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/water-and-residue-removal.webp);
}


/* Section 6 image (row 2, column 3) - replace URL */
.services-hover > .service-6::after {
    left: calc((-100% - 100vw) / 2);
    top: -100%;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/orginisation.jpeg);
}


/* =========================================================
   IMAGE HOVER STATES
   =========================================================
   The incoming layer lifts to z-index 2 so it covers the outgoing
   one. No "hide the others" rules are needed - the other layers
   just revert to 0.

   scale(1.05) is the slow zoom on the active image. All layers
   share the same rect, so they scale about the same point and
   stay aligned. Delete the transform lines to remove it.
   ========================================================= */

.services-hover:has(.service-1:hover) > .service-1::after {
    transform: scale(1.05);
}

.services-hover:has(.service-2:hover) > .service-2::after,
.services-hover:has(.service-3:hover) > .service-3::after,
.services-hover:has(.service-4:hover) > .service-4::after,
.services-hover:has(.service-5:hover) > .service-5::after,
.services-hover:has(.service-6:hover) > .service-6::after {
    opacity: 1;
    z-index: 2;
    transform: scale(1.05);

    transition:
        opacity 1.2s ease,
        transform 1.2s ease;
}


/* =========================================================
   COLUMN OVERLAYS
   ========================================================= */

.services-hover > .service-1::before,
.services-hover > .service-2::before,
.services-hover > .service-3::before,
.services-hover > .service-4::before,
.services-hover > .service-5::before,
.services-hover > .service-6::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(20, 25, 35, 0);

    z-index: 3;                  /* above every image layer */
    pointer-events: none;

    transition: background 1.2s ease;
}


/* Elementor uses every container's ::before for its own
   "Background Overlay" and gives it a fixed width/height. That
   fixed size pushed the stretched overlays off their tiles, so
   the size is released here and set only by the edges below. */
.services-hover > .service-1::before,
.services-hover > .service-2::before,
.services-hover > .service-3::before,
.services-hover > .service-4::before,
.services-hover > .service-5::before,
.services-hover > .service-6::before {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

/* Outer columns (1, 3, 4, 6): the overlay keeps covering its whole
   tile and also runs past the screen edge. The section cuts it off
   exactly at the edge, so no measuring is needed. */
.services-hover > .service-1::before,
.services-hover > .service-4::before {
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: -100vw !important;
}

.services-hover > .service-3::before,
.services-hover > .service-6::before {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: -100vw !important;
}


/* Default: Section 1 overlay (#E92E35) */
.services-hover > .service-1::before {
    background: #E92E35;
}


/* Only the hovered column is tinted - each tile has its own colour */
.services-hover:has(.service-1:hover) > .service-1::before {
    background: #E92E35;
}

.services-hover:has(.service-2:hover) > .service-2::before {
    background: #0176E8;
}

.services-hover:has(.service-3:hover) > .service-3::before {
    background: #23A640;
}

.services-hover:has(.service-4:hover) > .service-4::before {
    background: #000000;
}

.services-hover:has(.service-5:hover) > .service-5::before {
    background: #A298EF;
}

.services-hover:has(.service-6:hover) > .service-6::before {
    background: #FD989E;
}


/* Non-hovered sections remain clear */
.services-hover:has(.service-1:hover) > .service-2::before,
.services-hover:has(.service-1:hover) > .service-3::before,

.services-hover:has(.service-2:hover) > .service-1::before,
.services-hover:has(.service-2:hover) > .service-3::before,

.services-hover:has(.service-3:hover) > .service-1::before,
.services-hover:has(.service-3:hover) > .service-2::before,

.services-hover:has(.service-4:hover) > .service-1::before,
.services-hover:has(.service-5:hover) > .service-1::before,
.services-hover:has(.service-6:hover) > .service-1::before {
    background: rgba(20, 25, 35, 0);
}


/* =========================================================
   CONTENT
   ========================================================= */

.services-hover > .service-1 > *,
.services-hover > .service-2 > *,
.services-hover > .service-3 > *,
.services-hover > .service-4 > *,
.services-hover > .service-5 > *,
.services-hover > .service-6 > * {
    position: relative;
    z-index: 4;                  /* above the overlay (3) */

    opacity: 1 !important;
    visibility: visible !important;

    transition: opacity 1.2s ease;
}


/* =========================================================
   BOTTOM ALIGNMENT
   ========================================================= */

.services-hover > .service-1 > .e-con-inner,
.services-hover > .service-2 > .e-con-inner,
.services-hover > .service-3 > .e-con-inner,
.services-hover > .service-4 > .e-con-inner,
.services-hover > .service-5 > .e-con-inner,
.services-hover > .service-6 > .e-con-inner {
    position: absolute !important;

    left: 0 !important;
    right: 40px !important;
    bottom: 40px !important;

    width: auto !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 5 !important;
}


/* Keep widgets in stack */
.services-hover > .service-1 > .e-con-inner > *,
.services-hover > .service-2 > .e-con-inner > *,
.services-hover > .service-3 > .e-con-inner > *,
.services-hover > .service-4 > .e-con-inner > *,
.services-hover > .service-5 > .e-con-inner > *,
.services-hover > .service-6 > .e-con-inner > * {
    flex-shrink: 0;
}


/* Direct widgets */
.services-hover > .service-1 > .elementor-widget,
.services-hover > .service-2 > .elementor-widget,
.services-hover > .service-3 > .elementor-widget,
.services-hover > .service-4 > .elementor-widget,
.services-hover > .service-5 > .elementor-widget,
.services-hover > .service-6 > .elementor-widget {
    flex-shrink: 0;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Maintain bottom position on hover */
.services-hover > .service-1:hover > .e-con-inner,
.services-hover > .service-2:hover > .e-con-inner,
.services-hover > .service-3:hover > .e-con-inner,
.services-hover > .service-4:hover > .e-con-inner,
.services-hover > .service-5:hover > .e-con-inner,
.services-hover > .service-6:hover > .e-con-inner {
    bottom: 40px !important;
    justify-content: flex-end !important;
}


/* =========================================================
   DESCRIPTIONS
   =========================================================
   The description stays in the layout at all times and animates
   its height via grid-template-rows: 0fr -> 1fr. Because
   .e-con-inner is anchored to the bottom, growing the description
   slides the number and heading upward.

   `display: none` cannot be transitioned, which is why the old
   version needed a keyframe animation and still popped.
   ========================================================= */

.services-hover .service-description {
    display: grid !important;
    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}


/* The <p> is the grid item that gets clipped. Its padding has to
   collapse too, or the closed state keeps a 15px dead gap. */
.services-hover .service-description > * {
    overflow: hidden;
    min-height: 0;

    margin: 0 !important;
    padding-top: 0;

    transition: padding-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}


/* Section 1 is the default-active column, so it opens on load */
.services-hover > .service-1 .service-description {
    grid-template-rows: 1fr;
    opacity: 1;
}

.services-hover > .service-1 .service-description > * {
    padding-top: 15px;
}


/* ...but it collapses as soon as another column takes over, so only
   one column is ever expanded. Wins on specificity (0,5,0 vs 0,3,0)
   because :has() inherits the weight of its most specific argument. */
.services-hover:has(.service-2:hover) > .service-1 .service-description,
.services-hover:has(.service-3:hover) > .service-1 .service-description,
.services-hover:has(.service-4:hover) > .service-1 .service-description,
.services-hover:has(.service-5:hover) > .service-1 .service-description,
.services-hover:has(.service-6:hover) > .service-1 .service-description {
    grid-template-rows: 0fr;
    opacity: 0;
}

.services-hover:has(.service-2:hover) > .service-1 .service-description > *,
.services-hover:has(.service-3:hover) > .service-1 .service-description > *,
.services-hover:has(.service-4:hover) > .service-1 .service-description > *,
.services-hover:has(.service-5:hover) > .service-1 .service-description > *,
.services-hover:has(.service-6:hover) > .service-1 .service-description > * {
    padding-top: 0;
}


/* Sections 2 to 6 open on their own hover */
.services-hover > .service-2:hover .service-description,
.services-hover > .service-3:hover .service-description,
.services-hover > .service-4:hover .service-description,
.services-hover > .service-5:hover .service-description,
.services-hover > .service-6:hover .service-description {
    grid-template-rows: 1fr;
    opacity: 1;

    transition:
        grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease 0.1s;
}

.services-hover > .service-2:hover .service-description > *,
.services-hover > .service-3:hover .service-description > *,
.services-hover > .service-4:hover .service-description > *,
.services-hover > .service-5:hover .service-description > *,
.services-hover > .service-6:hover .service-description > * {
    padding-top: 15px;
}


/* Description text */
.services-hover .service-description,
.services-hover .service-description p {
    color: #ffffff !important;
}


/* =========================================================
   BUTTON BASE
   =========================================================
   width stays `auto` in every state and min-width does the
   animating. `width: 50px -> auto` is not an animatable pair,
   which is why the button used to snap instead of expand.
   ========================================================= */

.services-hover .hover-button .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0;

    color: #ffffff !important;

    overflow: hidden;

    transition:
        min-width 0.5s ease,
        padding 0.5s ease,
        background-color 0.5s ease,
        border-color 0.5s ease,
        color 0.5s ease,
        transform 0.5s ease;
}


/* Button text */
.services-hover .hover-button .elementor-button-text {
    color: #ffffff !important;
    transition: opacity 0.5s ease;
}


/* Button arrow */
.services-hover .hover-button .elementor-button-icon {
    color: #ffffff !important;

    opacity: 1;

    transition:
        opacity 0.5s ease,
        width 0.5s ease,
        margin 0.5s ease;
}


/* =========================================================
   SECTION 2 TO 6 NORMAL ARROW BUTTONS
   ========================================================= */

.services-hover > .service-2 .hover-button,
.services-hover > .service-3 .hover-button,
.services-hover > .service-4 .hover-button,
.services-hover > .service-5 .hover-button,
.services-hover > .service-6 .hover-button {
    display: inline-block !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 10 !important;
}


.services-hover > .service-2 .hover-button .elementor-button,
.services-hover > .service-3 .hover-button .elementor-button,
.services-hover > .service-4 .hover-button .elementor-button,
.services-hover > .service-5 .hover-button .elementor-button,
.services-hover > .service-6 .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Arrows */
.services-hover > .service-2 .hover-button .elementor-button-icon,
.services-hover > .service-3 .hover-button .elementor-button-icon,
.services-hover > .service-4 .hover-button .elementor-button-icon,
.services-hover > .service-5 .hover-button .elementor-button-icon,
.services-hover > .service-6 .hover-button .elementor-button-icon {
    width: auto !important;
    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    color: #ffffff !important;
}


/* Custom arrow SVG for sections 2 to 6 (resting state) */
.services-hover > .service-2 .hover-button .elementor-button-icon,
.services-hover > .service-3 .hover-button .elementor-button-icon,
.services-hover > .service-4 .hover-button .elementor-button-icon,
.services-hover > .service-5 .hover-button .elementor-button-icon,
.services-hover > .service-6 .hover-button .elementor-button-icon {
    width: 50px !important;
    height: 50px;

    background: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Group-3.svg) center / contain no-repeat;
}

.services-hover > .service-2 .hover-button .elementor-button-icon > *,
.services-hover > .service-3 .hover-button .elementor-button-icon > *,
.services-hover > .service-4 .hover-button .elementor-button-icon > *,
.services-hover > .service-5 .hover-button .elementor-button-icon > *,
.services-hover > .service-6 .hover-button .elementor-button-icon > * {
    display: none !important;
}


/* Hide original button text */
.services-hover > .service-2 .hover-button .elementor-button-text,
.services-hover > .service-3 .hover-button .elementor-button-text,
.services-hover > .service-4 .hover-button .elementor-button-text,
.services-hover > .service-5 .hover-button .elementor-button-text,
.services-hover > .service-6 .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}


/* EXPLORE label is present but transparent until hover, so it can
   fade instead of popping. `content: none` cannot be transitioned. */
.services-hover > .service-2 .hover-button .elementor-button::after,
.services-hover > .service-3 .hover-button .elementor-button::after,
.services-hover > .service-4 .hover-button .elementor-button::after,
.services-hover > .service-5 .hover-button .elementor-button::after,
.services-hover > .service-6 .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;

    white-space: nowrap;

    opacity: 0;
    z-index: 5;

    transition: opacity 0.4s ease;
}


/* =========================================================
   SECTION 1 EXPLORE BUTTON
   ========================================================= */

.services-hover > .service-1 .hover-button {
    display: inline-block !important;

    position: relative;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 10 !important;
}


.services-hover > .service-1 .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 126px !important;
    min-height: 50px !important;

    padding: 12px 25px !important;

    background: #004A9C !important;

    border-color: #004A9C !important;

    color: #ffffff !important;
}


/* Hide original text */
.services-hover > .service-1 .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}


/* Hide arrow */
.services-hover > .service-1 .hover-button .elementor-button-icon {
    width: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}


/* Section 1 Explore text */
.services-hover > .service-1 .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;

    white-space: nowrap;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;

    z-index: 5;
}


/* Section 1 hands the active state over when another column takes
   it, so only one purple EXPLORE pill is ever on screen. */
.services-hover:has(.service-2:hover) > .service-1 .hover-button .elementor-button,
.services-hover:has(.service-3:hover) > .service-1 .hover-button .elementor-button,
.services-hover:has(.service-4:hover) > .service-1 .hover-button .elementor-button,
.services-hover:has(.service-5:hover) > .service-1 .hover-button .elementor-button,
.services-hover:has(.service-6:hover) > .service-1 .hover-button .elementor-button {
    min-width: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border-color: #ffffff !important;
}


/* Arrow comes back */
.services-hover:has(.service-2:hover) > .service-1 .hover-button .elementor-button-icon,
.services-hover:has(.service-3:hover) > .service-1 .hover-button .elementor-button-icon,
.services-hover:has(.service-4:hover) > .service-1 .hover-button .elementor-button-icon,
.services-hover:has(.service-5:hover) > .service-1 .hover-button .elementor-button-icon,
.services-hover:has(.service-6:hover) > .service-1 .hover-button .elementor-button-icon {
    width: 50px !important;
    height: 50px;
    margin: 0 !important;
    opacity: 1 !important;

    background: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Group-3.svg) center / contain no-repeat;
}

.services-hover:has(.service-2:hover) > .service-1 .hover-button .elementor-button-icon > *,
.services-hover:has(.service-3:hover) > .service-1 .hover-button .elementor-button-icon > *,
.services-hover:has(.service-4:hover) > .service-1 .hover-button .elementor-button-icon > *,
.services-hover:has(.service-5:hover) > .service-1 .hover-button .elementor-button-icon > *,
.services-hover:has(.service-6:hover) > .service-1 .hover-button .elementor-button-icon > * {
    display: none !important;
}


/* EXPLORE label fades out */
.services-hover:has(.service-2:hover) > .service-1 .hover-button .elementor-button::after,
.services-hover:has(.service-3:hover) > .service-1 .hover-button .elementor-button::after,
.services-hover:has(.service-4:hover) > .service-1 .hover-button .elementor-button::after,
.services-hover:has(.service-5:hover) > .service-1 .hover-button .elementor-button::after,
.services-hover:has(.service-6:hover) > .service-1 .hover-button .elementor-button::after {
    opacity: 0 !important;
}


/* =========================================================
   HOVERED BUTTON - ALL SIX SECTIONS
   ========================================================= */

.services-hover .service-1:hover .hover-button .elementor-button,
.services-hover .service-2:hover .hover-button .elementor-button,
.services-hover .service-3:hover .hover-button .elementor-button,
.services-hover .service-4:hover .hover-button .elementor-button,
.services-hover .service-5:hover .hover-button .elementor-button,
.services-hover .service-6:hover .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 126px !important;
    min-height: 50px !important;

    padding: 12px 25px !important;

    background: #004A9C !important;

    border-color: #5B5BC7 !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Hide original text on hover */
.services-hover .service-1:hover .hover-button .elementor-button-text,
.services-hover .service-2:hover .hover-button .elementor-button-text,
.services-hover .service-3:hover .hover-button .elementor-button-text,
.services-hover .service-4:hover .hover-button .elementor-button-text,
.services-hover .service-5:hover .hover-button .elementor-button-text,
.services-hover .service-6:hover .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}


/* Hide arrow on hover */
.services-hover .service-1:hover .hover-button .elementor-button-icon,
.services-hover .service-2:hover .hover-button .elementor-button-icon,
.services-hover .service-3:hover .hover-button .elementor-button-icon,
.services-hover .service-4:hover .hover-button .elementor-button-icon,
.services-hover .service-5:hover .hover-button .elementor-button-icon,
.services-hover .service-6:hover .hover-button .elementor-button-icon {
    width: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}


/* White EXPLORE text fades in */
.services-hover .service-1:hover .hover-button .elementor-button::after,
.services-hover .service-2:hover .hover-button .elementor-button::after,
.services-hover .service-3:hover .hover-button .elementor-button::after,
.services-hover .service-4:hover .hover-button .elementor-button::after,
.services-hover .service-5:hover .hover-button .elementor-button::after,
.services-hover .service-6:hover .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}


/* Button hover */
.services-hover .hover-button .elementor-button:hover {
    background: #004A9C !important;
    border-color: #5B5BC7 !important;
    color: #ffffff !important;

    transform: translateY(-2px);
}


/* =========================================================
   KEEP ALL SECTION CONTENT VISIBLE
   ========================================================= */

.services-hover:hover > .service-1 > .e-con-inner,
.services-hover:hover > .service-2 > .e-con-inner,
.services-hover:hover > .service-3 > .e-con-inner,
.services-hover:hover > .service-4 > .e-con-inner,
.services-hover:hover > .service-5 > .e-con-inner,
.services-hover:hover > .service-6 > .e-con-inner {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
}


.services-hover:hover > .service-1 > .e-con-inner > *,
.services-hover:hover > .service-2 > .e-con-inner > *,
.services-hover:hover > .service-3 > .e-con-inner > *,
.services-hover:hover > .service-4 > .e-con-inner > *,
.services-hover:hover > .service-5 > .e-con-inner > *,
.services-hover:hover > .service-6 > .e-con-inner > * {
    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   NON-HOVERED SECTION CONTENT STAYS VISIBLE
   ========================================================= */

.services-hover:has(.service-1:hover) > .service-2 > .e-con-inner,
.services-hover:has(.service-1:hover) > .service-3 > .e-con-inner,

.services-hover:has(.service-2:hover) > .service-1 > .e-con-inner,
.services-hover:has(.service-2:hover) > .service-3 > .e-con-inner,

.services-hover:has(.service-3:hover) > .service-1 > .e-con-inner,
.services-hover:has(.service-3:hover) > .service-2 > .e-con-inner {
    display: flex !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 5 !important;
}


/* =========================================================
   TEXT INSET - tiles 2, 3, 5, 6
   =========================================================
   Moves the text 20px in from the left edge of these tiles so it
   doesn't sit against the overlay edge. Overlays are untouched.
   Desktop only - tablet and mobile keep their own spacing.
   ========================================================= */

@media (min-width: 1025px) {

    .services-hover > .service-2 > .e-con-inner,
    .services-hover > .service-3 > .e-con-inner,
    .services-hover > .service-5 > .e-con-inner,
    .services-hover > .service-6 > .e-con-inner {
        left: 20px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .services-hover {
        min-height: 445px;
    }

    .services-hover > .service-1,
    .services-hover > .service-2,
    .services-hover > .service-3,
    .services-hover > .service-4,
    .services-hover > .service-5,
    .services-hover > .service-6 {
        min-height: 445px;
        padding: 40px;
    }

    .services-hover > .service-1 > .e-con-inner,
    .services-hover > .service-2 > .e-con-inner,
    .services-hover > .service-3 > .e-con-inner,
    .services-hover > .service-4 > .e-con-inner,
    .services-hover > .service-5 > .e-con-inner,
    .services-hover > .service-6 > .e-con-inner {
        left: 40px !important;
        right: 40px !important;
        bottom: 25px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1024px) {

    .services-hover {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        min-height: auto;

    }

    .services-hover > .service-1,
    .services-hover > .service-2,
    .services-hover > .service-3,
    .services-hover > .service-4,
    .services-hover > .service-5,
    .services-hover > .service-6 {
        grid-column: 1;
        grid-row: auto;
    }

    .services-hover > .service-1::before,
    .services-hover > .service-2::before,
    .services-hover > .service-3::before,
    .services-hover > .service-4::before,
    .services-hover > .service-5::before,
    .services-hover > .service-6::before {
        left: 0 !important;
        right: 0 !important;
    }

    .services-hover > .service-1,
    .services-hover > .service-2,
    .services-hover > .service-3,
    .services-hover > .service-4,
    .services-hover > .service-5,
    .services-hover > .service-6 {
        flex: 0 0 332px !important;

        width: 100%;
        min-height: 322px;

        padding: 30px;

        border: none !important;
    }

    /* Columns are stacked now, so each shows its OWN image at its
       own size. The 300% x 200% offset trick only makes sense in the
       grid. Without this, every column shows image 1. */
    .services-hover > .service-1::after,
    .services-hover > .service-2::after,
    .services-hover > .service-3::after,
    .services-hover > .service-4::after,
    .services-hover > .service-5::after,
    .services-hover > .service-6::after {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;

        opacity: 1 !important;
        z-index: 1 !important;

        transform: none !important;
        transition: none !important;
    }

    /* Every column keeps its own tint - no hover on touch */
    .services-hover > .service-1::before,
    .services-hover > .service-2::before,
    .services-hover > .service-3::before,
    .services-hover > .service-4::before,
    .services-hover > .service-5::before,
    .services-hover > .service-6::before {
        background: rgba(20, 25, 35, 0.45) !important;
        transition: none !important;
    }

    .services-hover > .service-1 > .e-con-inner,
    .services-hover > .service-2 > .e-con-inner,
    .services-hover > .service-3 > .e-con-inner,
    .services-hover > .service-4 > .e-con-inner,
    .services-hover > .service-5 > .e-con-inner,
    .services-hover > .service-6 > .e-con-inner {
        left: 30px !important;
        right: 30px !important;
        bottom: 30px !important;

        width: auto !important;
        height: auto !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        align-items: flex-start !important;

        opacity: 1 !important;
        visibility: visible !important;

        z-index: 5 !important;
    }

    /* Mobile descriptions - all open, no animation */
    .services-hover .service-description {
        grid-template-rows: 1fr !important;
        opacity: 1 !important;
        transition: none !important;
    }

    .services-hover .service-description > * {
        padding-top: 15px !important;
        transition: none !important;
    }

    /* All six buttons show the full EXPLORE pill - no hover on touch */
    .services-hover > .service-1 .hover-button,
    .services-hover > .service-2 .hover-button,
    .services-hover > .service-3 .hover-button,
    .services-hover > .service-4 .hover-button,
    .services-hover > .service-5 .hover-button,
    .services-hover > .service-6 .hover-button {
        display: inline-block !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    .services-hover > .service-1 .hover-button .elementor-button,
    .services-hover > .service-2 .hover-button .elementor-button,
    .services-hover > .service-3 .hover-button .elementor-button,
    .services-hover > .service-4 .hover-button .elementor-button,
    .services-hover > .service-5 .hover-button .elementor-button,
    .services-hover > .service-6 .hover-button .elementor-button {
        width: auto !important;
        min-width: 126px !important;
        height: 50px !important;

        padding: 12px 25px !important;

        background: #5B5BC7 !important;

        border-color: #5B5BC7 !important;

        color: #ffffff !important;
    }

    .services-hover > .service-1 .hover-button .elementor-button-icon,
    .services-hover > .service-2 .hover-button .elementor-button-icon,
    .services-hover > .service-3 .hover-button .elementor-button-icon,
    .services-hover > .service-4 .hover-button .elementor-button-icon,
    .services-hover > .service-5 .hover-button .elementor-button-icon,
    .services-hover > .service-6 .hover-button .elementor-button-icon {
        width: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
    }

    .services-hover > .service-1 .hover-button .elementor-button::after,
    .services-hover > .service-2 .hover-button .elementor-button::after,
    .services-hover > .service-3 .hover-button .elementor-button::after,
    .services-hover > .service-4 .hover-button .elementor-button::after,
    .services-hover > .service-5 .hover-button .elementor-button::after,
    .services-hover > .service-6 .hover-button .elementor-button::after {
        content: "EXPLORE" !important;

        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    /* Space between stacked sections */
    .services-hover > .service-1,
    .services-hover > .service-2,
    .services-hover > .service-3,
    .services-hover > .service-4,
    .services-hover > .service-5 {
        margin-bottom: 35px !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .services-hover *,
    .services-hover *::before,
    .services-hover *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f91699d *//* Row of panels */
.color-panels {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    height: 420px;
    overflow: hidden;
}

/* Each panel */
.color-panels > .cp-item {
    flex: 1 1 0 !important;
    min-width: 0;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 0 !important;
    transition: flex-grow 1.5s ease;
}

/* Photo part */
.color-panels .cp-image {
    flex: 1 1 auto !important;
    min-width: 0;
    height: 100%;
}

/* Coloured text part - closed by default */
.color-panels .cp-info {
    flex: 0 0 0 !important;
    min-width: 0;
    overflow: hidden;
    padding: 0 !important;
    transition: flex-basis 0.6s ease, padding 0.6s ease;
}

.color-panels .cp-info > * {
    min-width: 180px;          /* stops text squashing while it opens */
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* OPEN STATE: first panel by default, or the hovered panel */
.color-panels > .cp-item:first-child,
.color-panels > .cp-item:hover {
    flex-grow: 2.4 !important;
}

.color-panels > .cp-item:first-child .cp-info,
.color-panels > .cp-item:hover .cp-info {
    flex-basis: 220px !important;
    padding: 0 20px !important;
}

.color-panels > .cp-item:first-child .cp-info > *,
.color-panels > .cp-item:hover .cp-info > * {
    opacity: 1;
    transition-delay: 0.25s;   /* text fades in after the panel opens */
}

/* When another panel is hovered, the first one closes */
.color-panels:hover > .cp-item:first-child:not(:hover) {
    flex-grow: 1 !important;
}

.color-panels:hover > .cp-item:first-child:not(:hover) .cp-info {
    flex-basis: 0 !important;
    padding: 0 !important;
}

.color-panels:hover > .cp-item:first-child:not(:hover) .cp-info > * {
    opacity: 0;
    transition-delay: 0s;
}

/* MOBILE: stack all 6 tiles - image on top, coloured text underneath */
@media (max-width: 767px) {
    .color-panels {
        flex-direction: column;
        height: auto;
    }

    /* Each tile: full width, image above text */
    .color-panels > .cp-item,
    .color-panels > .cp-item:first-child,
    .color-panels > .cp-item:hover,
    .color-panels:hover > .cp-item:first-child:not(:hover) {
        flex: none !important;
        flex-direction: column !important;
        width: 100% !important;
        height: auto !important;
    }

    /* Image */
    .color-panels .cp-image {
        flex: none !important;
        width: 100% !important;
        height: 220px;
    }

    /* Coloured text panel - always open, full width */
    .color-panels > .cp-item .cp-info,
    .color-panels > .cp-item:first-child .cp-info,
    .color-panels > .cp-item:hover .cp-info,
    .color-panels:hover > .cp-item:first-child:not(:hover) .cp-info {
        flex: none !important;
        width: 100% !important;
        height: auto !important;
        padding: 20px !important;
        overflow: visible;
    }

    /* Text always visible */
    .color-panels > .cp-item .cp-info > *,
    .color-panels > .cp-item:first-child .cp-info > *,
    .color-panels > .cp-item:hover .cp-info > *,
    .color-panels:hover > .cp-item:first-child:not(:hover) .cp-info > * {
        opacity: 1 !important;
        min-width: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3b6026 *//* =========================================================
   3 PANEL FULL SECTION HOVER EFFECT (1 ROW x 3 COLUMNS)
   Section class: services-hover-3col-solid
   (own class, so these colours and image settings only affect
   this section - other services-hover-3col sections are untouched)
   Content boxed to the site width, photos full screen.
   =========================================================

   LAYER STACK (all inside .services-hover-3col-solid):
     1  image layers        .service-N::after
     2  active image layer  (hovered one lifts above the outgoing)
     3  dark overlay        .service-N::before
     4  widgets             .service-N > *
     5  content wrapper     .e-con-inner
   ========================================================= */

.services-hover-3col-solid {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(20px, 1fr)
        repeat(3, minmax(0, calc(var(--fbk-box-width) / 3)))
        minmax(20px, 1fr);
    grid-template-rows: 1fr;
    width: 100%;
    min-height: 650px;
    overflow: hidden !important;
    gap: 0;

    isolation: isolate;          /* keeps this layer stack self-contained */
    background-color: #FFFFFF;   /* visible only while images decode */

    /* BOXED CONTENT, FULL-WIDTH IMAGES
       The three columns sit in the middle of the grid, exactly as
       wide as the site's content box, so the text lines up with
       the rest of the site. The two outer grid tracks are empty
       side margins. The photos are as wide as the screen and
       centred on the box, so they run edge to edge. Set
       --fbk-box-width to Elementor > Site Settings > Layout >
       Content Width. */
    --fbk-box-width: 1330px;

    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}


/* =========================================================
   COLUMNS
   ========================================================= */

.services-hover-3col-solid > .service-1,
.services-hover-3col-solid > .service-2,
.services-hover-3col-solid > .service-3 {
    position: relative;          /* containing block for ::before / ::after */
    z-index: auto;

    min-width: 0;
    min-height: 400px;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    padding: 40px;
    overflow: visible;

    background: transparent;
    border: none !important;
}


/* Columns sit in the three middle tracks of the boxed grid */
.services-hover-3col-solid > .service-1 { grid-column: 2; grid-row: 1; }
.services-hover-3col-solid > .service-2 { grid-column: 3; grid-row: 1; }
.services-hover-3col-solid > .service-3 { grid-column: 4; grid-row: 1; }

.services-hover-3col-solid > .service-1,
.services-hover-3col-solid > .service-2,
.services-hover-3col-solid > .service-3 {
    width: 100% !important;          /* fill the whole grid cell, whatever  */
    max-width: none !important;      /* width is set on it in Elementor     */
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
}


/* =========================================================
   BACKGROUND IMAGE CROSSFADE LAYERS
   =========================================================
   Each layer is 3 columns wide and pulled left by its column
   index, so all three land on the identical rect and `cover`
   frames them identically.
   ========================================================= */

.services-hover-3col-solid > .service-1::after,
.services-hover-3col-solid > .service-2::after,
.services-hover-3col-solid > .service-3::after {
    content: "";

    position: absolute;
    top: 0;

    width: 100vw;                /* full width of the screen */
    height: 100%;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    opacity: 0;

    z-index: 1;
    pointer-events: none;

    transition:
        opacity 0.9s ease,
        transform 0.9s ease;
}


/* Section 1 image - the permanent base */
.services-hover-3col-solid > .service-1::after {
    left: calc((300% - 100vw) / 2);
    opacity: 1;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Green-Brush.webp);
}


/* Section 2 image */
.services-hover-3col-solid > .service-2::after {
    left: calc((100% - 100vw) / 2);

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-492-1.webp);
}


/* Section 3 image */
.services-hover-3col-solid > .service-3::after {
    left: calc((-100% - 100vw) / 2);

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Waterfed.png);
}


/* =========================================================
   IMAGE HOVER STATES
   ========================================================= */

.services-hover-3col-solid:has(.service-1:hover) > .service-1::after {
    transform: scale(1.05);
}

.services-hover-3col-solid:has(.service-2:hover) > .service-2::after,
.services-hover-3col-solid:has(.service-3:hover) > .service-3::after {
    opacity: 1;
    z-index: 2;
    transform: scale(1.05);

    transition:
        opacity 1.2s ease,
        transform 1.2s ease;
}


/* =========================================================
   COLUMN OVERLAYS
   ========================================================= */

.services-hover-3col-solid > .service-1::before,
.services-hover-3col-solid > .service-2::before,
.services-hover-3col-solid > .service-3::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(20, 25, 35, 0);

    z-index: 3;
    pointer-events: none;

    transition: background 1.2s ease;
}


/* Elementor uses every container's ::before for its own
   "Background Overlay" and gives it a fixed width/height. The
   size is released here and set only by the edges below. */
.services-hover-3col-solid > .service-1::before,
.services-hover-3col-solid > .service-2::before,
.services-hover-3col-solid > .service-3::before {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

/* Outer tiles (1 and 3): the overlay covers the whole tile and runs
   past the screen edge. The section cuts it off exactly at the edge. */
.services-hover-3col-solid > .service-1::before {
    right: 0 !important;
    left: -100vw !important;
}

.services-hover-3col-solid > .service-3::before {
    left: 0 !important;
    right: -100vw !important;
}


/* Default: Section 1 overlay (#23A640) */
.services-hover-3col-solid > .service-1::before {
    background: #23A640;
}


/* Only the hovered column is tinted - each tile has its own solid colour */
.services-hover-3col-solid:has(.service-1:hover) > .service-1::before {
    background: #23A640;
}

.services-hover-3col-solid:has(.service-2:hover) > .service-2::before {
    background: #874A28;
}

.services-hover-3col-solid:has(.service-3:hover) > .service-3::before {
    background: #000000;
}


/* Non-hovered sections remain clear */
.services-hover-3col-solid:has(.service-1:hover) > .service-2::before,
.services-hover-3col-solid:has(.service-1:hover) > .service-3::before,
.services-hover-3col-solid:has(.service-2:hover) > .service-1::before,
.services-hover-3col-solid:has(.service-2:hover) > .service-3::before,
.services-hover-3col-solid:has(.service-3:hover) > .service-1::before,
.services-hover-3col-solid:has(.service-3:hover) > .service-2::before {
    background: rgba(20, 25, 35, 0);
}


/* =========================================================
   CONTENT
   ========================================================= */

.services-hover-3col-solid > .service-1 > *,
.services-hover-3col-solid > .service-2 > *,
.services-hover-3col-solid > .service-3 > * {
    position: relative;
    z-index: 4;

    opacity: 1 !important;
    visibility: visible !important;

    transition: opacity 1.2s ease;
}


/* =========================================================
   BOTTOM ALIGNMENT
   ========================================================= */

.services-hover-3col-solid > .service-1 > .e-con-inner,
.services-hover-3col-solid > .service-2 > .e-con-inner,
.services-hover-3col-solid > .service-3 > .e-con-inner {
    position: absolute !important;

    left: 0 !important;
    right: 40px !important;
    bottom: 40px !important;

    width: auto !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 5 !important;
}

.services-hover-3col-solid > .service-1 > .e-con-inner > *,
.services-hover-3col-solid > .service-2 > .e-con-inner > *,
.services-hover-3col-solid > .service-3 > .e-con-inner > * {
    flex-shrink: 0;
}

.services-hover-3col-solid > .service-1 > .elementor-widget,
.services-hover-3col-solid > .service-2 > .elementor-widget,
.services-hover-3col-solid > .service-3 > .elementor-widget {
    flex-shrink: 0;

    opacity: 1 !important;
    visibility: visible !important;
}


/* =========================================================
   DESCRIPTIONS
   ========================================================= */

.services-hover-3col-solid .service-description {
    display: grid !important;
    grid-template-rows: 0fr;

    opacity: 0;

    transition:
        grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease;
}

.services-hover-3col-solid .service-description > * {
    overflow: hidden;
    min-height: 0;

    margin: 0 !important;
    padding-top: 0;

    transition: padding-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}


/* Section 1 opens on load */
.services-hover-3col-solid > .service-1 .service-description {
    grid-template-rows: 1fr;
    opacity: 1;
}

.services-hover-3col-solid > .service-1 .service-description > * {
    padding-top: 15px;
}


/* ...and closes when another column is hovered */
.services-hover-3col-solid:has(.service-2:hover) > .service-1 .service-description,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .service-description {
    grid-template-rows: 0fr;
    opacity: 0;
}

.services-hover-3col-solid:has(.service-2:hover) > .service-1 .service-description > *,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .service-description > * {
    padding-top: 0;
}


/* Sections 2 and 3 open on their own hover */
.services-hover-3col-solid > .service-2:hover .service-description,
.services-hover-3col-solid > .service-3:hover .service-description {
    grid-template-rows: 1fr;
    opacity: 1;

    transition:
        grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease 0.1s;
}

.services-hover-3col-solid > .service-2:hover .service-description > *,
.services-hover-3col-solid > .service-3:hover .service-description > * {
    padding-top: 15px;
}


/* Description text */
.services-hover-3col-solid .service-description,
.services-hover-3col-solid .service-description p {
    color: #ffffff !important;
}


/* =========================================================
   BUTTON BASE
   ========================================================= */

.services-hover-3col-solid .hover-button .elementor-button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: auto !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0;

    color: #ffffff !important;

    overflow: hidden;

    transition:
        min-width 0.5s ease,
        padding 0.5s ease,
        background-color 0.5s ease,
        border-color 0.5s ease,
        color 0.5s ease,
        transform 0.5s ease;
}

.services-hover-3col-solid .hover-button .elementor-button-text {
    color: #ffffff !important;
    transition: opacity 0.5s ease;
}

.services-hover-3col-solid .hover-button .elementor-button-icon {
    color: #ffffff !important;

    opacity: 1;

    transition:
        opacity 0.5s ease,
        width 0.5s ease,
        margin 0.5s ease;
}


/* =========================================================
   SECTION 2 AND 3 ARROW BUTTONS (resting state)
   ========================================================= */

.services-hover-3col-solid > .service-2 .hover-button,
.services-hover-3col-solid > .service-3 .hover-button {
    display: inline-block !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 10 !important;
}

.services-hover-3col-solid > .service-2 .hover-button .elementor-button,
.services-hover-3col-solid > .service-3 .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 50px !important;
    min-height: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border: none !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Custom arrow SVG */
.services-hover-3col-solid > .service-2 .hover-button .elementor-button-icon,
.services-hover-3col-solid > .service-3 .hover-button .elementor-button-icon {
    width: 50px !important;
    height: 50px;
    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    color: #ffffff !important;

    background: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Group-3.svg) center / contain no-repeat;
}

.services-hover-3col-solid > .service-2 .hover-button .elementor-button-icon > *,
.services-hover-3col-solid > .service-3 .hover-button .elementor-button-icon > * {
    display: none !important;
}

/* Hide original button text */
.services-hover-3col-solid > .service-2 .hover-button .elementor-button-text,
.services-hover-3col-solid > .service-3 .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}

/* EXPLORE label, transparent until hover */
.services-hover-3col-solid > .service-2 .hover-button .elementor-button::after,
.services-hover-3col-solid > .service-3 .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;

    white-space: nowrap;

    opacity: 0;
    z-index: 5;

    transition: opacity 0.4s ease;
}


/* =========================================================
   SECTION 1 EXPLORE BUTTON
   ========================================================= */

.services-hover-3col-solid > .service-1 .hover-button {
    display: inline-block !important;

    position: relative;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 10 !important;
}

.services-hover-3col-solid > .service-1 .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 126px !important;
    min-height: 50px !important;

    padding: 12px 25px !important;

    background: #004A9C !important;

    border-color: #004A9C !important;

    color: #ffffff !important;
}

.services-hover-3col-solid > .service-1 .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}

.services-hover-3col-solid > .service-1 .hover-button .elementor-button-icon {
    width: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}

.services-hover-3col-solid > .service-1 .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px;

    white-space: nowrap;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;

    z-index: 5;
}


/* Section 1 hands the active state over when 2 or 3 is hovered */
.services-hover-3col-solid:has(.service-2:hover) > .service-1 .hover-button .elementor-button,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .hover-button .elementor-button {
    min-width: 50px !important;

    padding: 0 !important;

    background: transparent !important;

    border-color: #ffffff !important;
}

/* SVG arrow comes back on section 1 */
.services-hover-3col-solid:has(.service-2:hover) > .service-1 .hover-button .elementor-button-icon,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .hover-button .elementor-button-icon {
    width: 50px !important;
    height: 50px;
    margin: 0 !important;
    opacity: 1 !important;

    background: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Group-3.svg) center / contain no-repeat;
}

.services-hover-3col-solid:has(.service-2:hover) > .service-1 .hover-button .elementor-button-icon > *,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .hover-button .elementor-button-icon > * {
    display: none !important;
}

/* EXPLORE label fades out on section 1 */
.services-hover-3col-solid:has(.service-2:hover) > .service-1 .hover-button .elementor-button::after,
.services-hover-3col-solid:has(.service-3:hover) > .service-1 .hover-button .elementor-button::after {
    opacity: 0 !important;
}


/* =========================================================
   HOVERED BUTTON - ALL THREE SECTIONS
   ========================================================= */

.services-hover-3col-solid .service-1:hover .hover-button .elementor-button,
.services-hover-3col-solid .service-2:hover .hover-button .elementor-button,
.services-hover-3col-solid .service-3:hover .hover-button .elementor-button {
    width: auto !important;
    height: 50px !important;

    min-width: 126px !important;
    min-height: 50px !important;

    padding: 12px 25px !important;

    background: #004A9C !important;

    border-color: #5B5BC7 !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.services-hover-3col-solid .service-1:hover .hover-button .elementor-button-text,
.services-hover-3col-solid .service-2:hover .hover-button .elementor-button-text,
.services-hover-3col-solid .service-3:hover .hover-button .elementor-button-text {
    opacity: 0 !important;
    color: transparent !important;
}

.services-hover-3col-solid .service-1:hover .hover-button .elementor-button-icon,
.services-hover-3col-solid .service-2:hover .hover-button .elementor-button-icon,
.services-hover-3col-solid .service-3:hover .hover-button .elementor-button-icon {
    width: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
}

.services-hover-3col-solid .service-1:hover .hover-button .elementor-button::after,
.services-hover-3col-solid .service-2:hover .hover-button .elementor-button::after,
.services-hover-3col-solid .service-3:hover .hover-button .elementor-button::after {
    content: "EXPLORE" !important;

    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.services-hover-3col-solid .hover-button .elementor-button:hover {
    background: #004A9C !important;
    border-color: #5B5BC7 !important;
    color: #ffffff !important;

    transform: translateY(-2px);
}


/* =========================================================
   TEXT INSET - tiles 2 and 3
   =========================================================
   Moves the text 20px in from the left edge of these tiles so it
   doesn't sit against the overlay edge. Overlays are untouched.
   Desktop only - tablet and mobile keep their own spacing.
   ========================================================= */

@media (min-width: 1025px) {

    .services-hover-3col-solid > .service-2 > .e-con-inner,
    .services-hover-3col-solid > .service-3 > .e-con-inner {
        left: 20px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .services-hover-3col-solid {
        min-height: 445px;
    }

    .services-hover-3col-solid > .service-1,
    .services-hover-3col-solid > .service-2,
    .services-hover-3col-solid > .service-3 {
        min-height: 445px;
        padding: 40px;
    }

    .services-hover-3col-solid > .service-1 > .e-con-inner,
    .services-hover-3col-solid > .service-2 > .e-con-inner,
    .services-hover-3col-solid > .service-3 > .e-con-inner {
        left: 40px !important;
        right: 40px !important;
        bottom: 25px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1024px) {

    .services-hover-3col-solid {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        min-height: auto;
    }

    .services-hover-3col-solid > .service-1,
    .services-hover-3col-solid > .service-2,
    .services-hover-3col-solid > .service-3 {
        grid-column: 1;
        grid-row: auto;
    }

    .services-hover-3col-solid > .service-1::before,
    .services-hover-3col-solid > .service-2::before,
    .services-hover-3col-solid > .service-3::before {
        left: 0 !important;
        right: 0 !important;
    }

    .services-hover-3col-solid > .service-1,
    .services-hover-3col-solid > .service-2,
    .services-hover-3col-solid > .service-3 {
        width: 100%;
        min-height: 322px;

        padding: 30px;

        border: none !important;
    }

    /* Stacked: each column shows its own image */
    .services-hover-3col-solid > .service-1::after,
    .services-hover-3col-solid > .service-2::after,
    .services-hover-3col-solid > .service-3::after {
        width: 100% !important;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;

        opacity: 1 !important;
        z-index: 1 !important;

        transform: none !important;
        transition: none !important;
    }

    /* Every column keeps its tint - no hover on touch */
    .services-hover-3col-solid > .service-1::before,
    .services-hover-3col-solid > .service-2::before,
    .services-hover-3col-solid > .service-3::before {
        background: rgba(20, 25, 35, 0.45) !important;
        transition: none !important;
    }

    .services-hover-3col-solid > .service-1 > .e-con-inner,
    .services-hover-3col-solid > .service-2 > .e-con-inner,
    .services-hover-3col-solid > .service-3 > .e-con-inner {
        left: 30px !important;
        right: 30px !important;
        bottom: 30px !important;
    }

    /* All descriptions open */
    .services-hover-3col-solid .service-description {
        grid-template-rows: 1fr !important;
        opacity: 1 !important;
        transition: none !important;
    }

    .services-hover-3col-solid .service-description > * {
        padding-top: 15px !important;
        transition: none !important;
    }

    /* All three buttons show the EXPLORE pill */
    .services-hover-3col-solid > .service-1 .hover-button .elementor-button,
    .services-hover-3col-solid > .service-2 .hover-button .elementor-button,
    .services-hover-3col-solid > .service-3 .hover-button .elementor-button {
        width: auto !important;
        min-width: 126px !important;
        height: 50px !important;

        padding: 12px 25px !important;

        background: #5B5BC7 !important;

        border-color: #5B5BC7 !important;

        color: #ffffff !important;
    }

    .services-hover-3col-solid > .service-1 .hover-button .elementor-button-icon,
    .services-hover-3col-solid > .service-2 .hover-button .elementor-button-icon,
    .services-hover-3col-solid > .service-3 .hover-button .elementor-button-icon {
        width: 0 !important;
        margin: 0 !important;
        opacity: 0 !important;
    }

    .services-hover-3col-solid > .service-1 .hover-button .elementor-button::after,
    .services-hover-3col-solid > .service-2 .hover-button .elementor-button::after,
    .services-hover-3col-solid > .service-3 .hover-button .elementor-button::after {
        content: "EXPLORE" !important;

        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }

    /* Space between stacked sections */
    .services-hover-3col-solid > .service-1,
    .services-hover-3col-solid > .service-2 {
        margin-bottom: 35px !important;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .services-hover-3col-solid *,
    .services-hover-3col-solid *::before,
    .services-hover-3col-solid *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-838e1d5 */.elementor-3809 .elementor-element.elementor-element-838e1d5 {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}/* End custom CSS */
/* Start custom CSS for nested-accordion, class: .elementor-element-2306209 */.elementor-3809 .elementor-element.elementor-element-2306209 .e-n-accordion-item-title,
.elementor-3809 .elementor-element.elementor-element-2306209 .elementor-tab-title {
    justify-content: flex-end;
    text-align: right;
}/* End custom CSS */