.elementor-4135 .elementor-element.elementor-element-e33a779{--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-4135 .elementor-element.elementor-element-397f8ad{width:initial;max-width:initial;padding:0px 0px 0px 0px;bottom:0px;z-index:500;}body:not(.rtl) .elementor-4135 .elementor-element.elementor-element-397f8ad{right:-115px;}body.rtl .elementor-4135 .elementor-element.elementor-element-397f8ad{left:-115px;}.elementor-4135 .elementor-element.elementor-element-397f8ad img{width:100%;height:434px;object-fit:cover;object-position:center center;opacity:1;}.elementor-4135 .elementor-element.elementor-element-0511c64{--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-4135 .elementor-element.elementor-element-57dc382{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-7e873e8 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4135 .elementor-element.elementor-element-14728a6{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-2a260d5{--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-4135 .elementor-element.elementor-element-cf71514{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-5c756b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-3e004cf{--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-4135 .elementor-element.elementor-element-3e004cf:not(.elementor-motion-effects-element-type-background), .elementor-4135 .elementor-element.elementor-element-3e004cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-950e8f5{--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-4135 .elementor-element.elementor-element-950e8f5.e-con{--align-self:center;}.elementor-4135 .elementor-element.elementor-element-b37a8b6{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:justify;color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-abdec4f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-635a816{--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-4135 .elementor-element.elementor-element-3835469{--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-4135 .elementor-element.elementor-element-32cb0ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-4a6cce2{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-4135 .elementor-element.elementor-element-9ecf6f3{width:var( --container-widget-width, 65% );max-width:65%;padding:20px 0px 0px 0px;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-44db63f{--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-4135 .elementor-element.elementor-element-402641e{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-4135 .elementor-element.elementor-element-402641e{right:17px;}body.rtl .elementor-4135 .elementor-element.elementor-element-402641e{left:17px;}.elementor-4135 .elementor-element.elementor-element-1c0f3f5{--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-4135 .elementor-element.elementor-element-5922859{--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: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-4135 .elementor-element.elementor-element-3013dd7{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-45500e3{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-2f3fb1e{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-bf84c96{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-bf84c96:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-bf84c96 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-453e29f{--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: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-4135 .elementor-element.elementor-element-ec97c6e{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-8bd685e{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-25f4f8e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-aa65fea{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-aa65fea:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-aa65fea .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-0a46dd3{--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: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-4135 .elementor-element.elementor-element-4f7f92b{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-a41842f{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-4722cff{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-50ba2be{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-50ba2be:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-50ba2be .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-ef6e61e{--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: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-4135 .elementor-element.elementor-element-8b815fb{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-66f35f8{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-3918931{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-51fcfc8{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-51fcfc8:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-51fcfc8 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-8f34b76{--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: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-4135 .elementor-element.elementor-element-c39e6d5{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-e847bf6{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-df5dd76{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-b4ac93e{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-b4ac93e:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-b4ac93e .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-a9343e8{--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: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-4135 .elementor-element.elementor-element-f63b819{padding:0px 0px 20px 0px;}.elementor-4135 .elementor-element.elementor-element-1196006{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-c1b1d3e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-865dbde{width:var( --container-widget-width, 58% );max-width:58%;padding:20px 0px 0px 0px;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4135 .elementor-element.elementor-element-865dbde:hover{--e-transform-scale:1.1;}.elementor-4135 .elementor-element.elementor-element-865dbde .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4135 .elementor-element.elementor-element-901291a{--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:50px 50px;--row-gap:50px;--column-gap:50px;--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-4135 .elementor-element.elementor-element-5c3364a{--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-4135 .elementor-element.elementor-element-395c18b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-fd16fce{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-4135 .elementor-element.elementor-element-0993f33{--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-4135 .elementor-element.elementor-element-b098d97{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--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-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #004A9C00 0%, var( --e-global-color-primary ) 100%);}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-d4374c1{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-492.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box{height:214px;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:flex-end;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-icon i{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-icon svg{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 10px 0px 10px;text-align:center;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__button{margin-inline-center:0;}.elementor-4135 .elementor-element.elementor-element-d4374c1 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #004A9C00 0%, #874A28 100%);}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__back{background-color:#874A28;}.elementor-4135 .elementor-element.elementor-element-6b8e25b{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Resin-set.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box{height:214px;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:flex-end;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-icon i{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-icon svg{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 10px 0px 10px;text-align:center;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__button{margin-inline-center:0;}.elementor-4135 .elementor-element.elementor-element-6b8e25b .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #001A3603 0%, #000000 100%);}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__back{background-color:var( --e-global-color-36ca868 );}.elementor-4135 .elementor-element.elementor-element-34be0a4{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Waterfed.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box{height:214px;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;text-align:center;justify-content:flex-end;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-icon i{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-icon svg{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 10px 0px 10px;text-align:center;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__button{margin-inline-center:0;}.elementor-4135 .elementor-element.elementor-element-34be0a4 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__front{background-color:transparent;background-image:linear-gradient(180deg, #004A9C00 0%, #23A640 100%);}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__back{background-color:#23A640;}.elementor-4135 .elementor-element.elementor-element-61e6792{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-492-2.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box{height:214px;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 10px 0px 10px;text-align:center;justify-content:flex-end;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-icon i{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-icon svg{transform:rotate(0deg);}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:0px 10px 0px 10px;text-align:center;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__button{margin-inline-center:0;}.elementor-4135 .elementor-element.elementor-element-61e6792 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:25px;font-weight:500;line-height:25px;}.elementor-4135 .elementor-element.elementor-element-c098d4b{--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-4135 .elementor-element.elementor-element-c098d4b:not(.elementor-motion-effects-element-type-background), .elementor-4135 .elementor-element.elementor-element-c098d4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Brushware-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4135 .elementor-element.elementor-element-099c4c7{--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-4135 .elementor-element.elementor-element-a622d00{--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-4135 .elementor-element.elementor-element-a622d00:not(.elementor-motion-effects-element-type-background), .elementor-4135 .elementor-element.elementor-element-a622d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000040;}.elementor-4135 .elementor-element.elementor-element-a622d00::before, .elementor-4135 .elementor-element.elementor-element-a622d00 > .elementor-background-video-container::before, .elementor-4135 .elementor-element.elementor-element-a622d00 > .e-con-inner > .elementor-background-video-container::before, .elementor-4135 .elementor-element.elementor-element-a622d00 > .elementor-background-slideshow::before, .elementor-4135 .elementor-element.elementor-element-a622d00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4135 .elementor-element.elementor-element-a622d00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4135 .elementor-element.elementor-element-3afbeeb{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-4135 .elementor-element.elementor-element-3afbeeb .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-8ca8bc8{width:var( --container-widget-width, 90% );max-width:90%;padding:20px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-4135 .elementor-element.elementor-element-feab808{padding:20px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-6a5d948{--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:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-06b509b{--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-4135 .elementor-element.elementor-element-5f61203{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-39d9d50{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-4135 .elementor-element.elementor-element-7ea8736{--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-4135 .elementor-element.elementor-element-3e92310{left:36%;}body.rtl .elementor-4135 .elementor-element.elementor-element-3e92310{right:36%;}.elementor-4135 .elementor-element.elementor-element-3e92310{top:-2.652%;z-index:10;}.elementor-4135 .elementor-element.elementor-element-3e92310 img{width:92%;}.elementor-4135 .elementor-element.elementor-element-933d683{--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:15px;--padding-right:15px;}.elementor-4135 .elementor-element.elementor-element-d50296e{--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-4135 .elementor-element.elementor-element-5942ec6{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-8fbed75{font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-cc60138{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-a122f23{font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-91eceb7{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-9292780{font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-b95c34d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-fbdc501{font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-81fe861{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-794e8e3{font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-d349afe{--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-4135 .elementor-element.elementor-element-87d25b9{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-6ab70cc{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-bf08908{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-e71ec89{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-f9da22f{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-de1298e{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-842c3f6{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-ce50f21{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-61f17b9{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-4831411{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-6072a6d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-4074ea5{text-align:end;font-weight:600;color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-60c367d{--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-4135 .elementor-element.elementor-element-60c367d:not(.elementor-motion-effects-element-type-background), .elementor-4135 .elementor-element.elementor-element-60c367d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-75d8b5a{--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:50px 50px;--row-gap:50px;--column-gap:50px;--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-4135 .elementor-element.elementor-element-0caf9c7{--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-4135 .elementor-element.elementor-element-11529dd{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-4135 .elementor-element.elementor-element-11529dd .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-a008871{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-4135 .elementor-element.elementor-element-49a0896 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-49a0896{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-3c41968 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-3c41968{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-22c8459{--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-4135 .elementor-element.elementor-element-fa35607{--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-4135 .elementor-element.elementor-element-da1b3eb{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-4135 .elementor-element.elementor-element-da1b3eb .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4135 .elementor-element.elementor-element-238eba1{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-4135 .elementor-element.elementor-element-77751c1{--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:50px 50px;--row-gap:50px;--column-gap:50px;--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-4135 .elementor-element.elementor-element-13c1a54{--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;--justify-content:space-between;--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-4135 .elementor-element.elementor-element-f9390c7 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-f9390c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-1bfc90b .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-1bfc90b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-9976c20{--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-4135 .elementor-element.elementor-element-90d0b30{--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-4135 .elementor-element.elementor-element-d0e0831 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-d0e0831{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4135 .elementor-element.elementor-element-e33a779{--padding-top:110px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-abdec4f{--padding-top:80px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-1c0f3f5{--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-4135 .elementor-element.elementor-element-901291a{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-b098d97{--grid-auto-flow:row;}.elementor-4135 .elementor-element.elementor-element-c098d4b{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-6a5d948{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-933d683{--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-4135 .elementor-element.elementor-element-d50296e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-d349afe{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-60c367d{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-75d8b5a{--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-4135 .elementor-element.elementor-element-77751c1{--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-4135 .elementor-element.elementor-element-e33a779{--padding-top:110px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-abdec4f{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-1c0f3f5{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-5922859{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-2f3fb1e{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%;}.elementor-4135 .elementor-element.elementor-element-bf84c96{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-453e29f{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-25f4f8e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4135 .elementor-element.elementor-element-aa65fea{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-0a46dd3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-4722cff{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4135 .elementor-element.elementor-element-50ba2be{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-ef6e61e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-3918931{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4135 .elementor-element.elementor-element-51fcfc8{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-8f34b76{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-df5dd76{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4135 .elementor-element.elementor-element-b4ac93e{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-a9343e8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4135 .elementor-element.elementor-element-c1b1d3e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4135 .elementor-element.elementor-element-865dbde{padding:25px 0px 0px 0px;}.elementor-4135 .elementor-element.elementor-element-901291a{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-b098d97{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4135 .elementor-element.elementor-element-a622d00{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4135 .elementor-element.elementor-element-6a5d948{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-933d683{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4135 .elementor-element.elementor-element-d50296e{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-d349afe{--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-4135 .elementor-element.elementor-element-60c367d{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-4135 .elementor-element.elementor-element-0511c64{--width:74%;}.elementor-4135 .elementor-element.elementor-element-635a816{--width:70%;}.elementor-4135 .elementor-element.elementor-element-d50296e{--width:50%;}.elementor-4135 .elementor-element.elementor-element-d349afe{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4135 .elementor-element.elementor-element-0511c64{--width:100%;}.elementor-4135 .elementor-element.elementor-element-635a816{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1c0f3f5 *//* =========================================================
   6 PANEL FULL SECTION HOVER EFFECT (3 COLUMNS x 2 ROWS) - FBK STYLE
   Section class: fbk-services-grid
   Content boxed to the site width, photos full screen.
   =========================================================

   LAYER STACK (all inside .fbk-services-grid):
     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
   ========================================================= */

.fbk-services-grid {
    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: 900px;
    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;

    /* 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.
   ========================================================= */

.fbk-services-grid > .service-1,
.fbk-services-grid > .service-2,
.fbk-services-grid > .service-3,
.fbk-services-grid > .service-4,
.fbk-services-grid > .service-5,
.fbk-services-grid > .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 */
.fbk-services-grid > .service-1 { grid-column: 2; grid-row: 1; }
.fbk-services-grid > .service-2 { grid-column: 3; grid-row: 1; }
.fbk-services-grid > .service-3 { grid-column: 4; grid-row: 1; }
.fbk-services-grid > .service-4 { grid-column: 2; grid-row: 2; }
.fbk-services-grid > .service-5 { grid-column: 3; grid-row: 2; }
.fbk-services-grid > .service-6 { grid-column: 4; grid-row: 2; }

.fbk-services-grid > .service-1,
.fbk-services-grid > .service-2,
.fbk-services-grid > .service-3,
.fbk-services-grid > .service-4,
.fbk-services-grid > .service-5,
.fbk-services-grid > .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.
   ========================================================= */

.fbk-services-grid > .service-1::after,
.fbk-services-grid > .service-2::after,
.fbk-services-grid > .service-3::after,
.fbk-services-grid > .service-4::after,
.fbk-services-grid > .service-5::after,
.fbk-services-grid > .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. */
.fbk-services-grid > .service-1::after {
    left: calc((300% - 100vw) / 2);
    opacity: 1;

    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/blue-handbrush-in-action-.webp);
}


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

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


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

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


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

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


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

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


/* Section 6 image (row 2, column 3) - replace URL */
.fbk-services-grid > .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.
   ========================================================= */

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

.fbk-services-grid:has(.service-2:hover) > .service-2::after,
.fbk-services-grid:has(.service-3:hover) > .service-3::after,
.fbk-services-grid:has(.service-4:hover) > .service-4::after,
.fbk-services-grid:has(.service-5:hover) > .service-5::after,
.fbk-services-grid: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
   ========================================================= */

.fbk-services-grid > .service-1::before,
.fbk-services-grid > .service-2::before,
.fbk-services-grid > .service-3::before,
.fbk-services-grid > .service-4::before,
.fbk-services-grid > .service-5::before,
.fbk-services-grid > .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. The
   size is released here and set only by the edges below. */
.fbk-services-grid > .service-1::before,
.fbk-services-grid > .service-2::before,
.fbk-services-grid > .service-3::before,
.fbk-services-grid > .service-4::before,
.fbk-services-grid > .service-5::before,
.fbk-services-grid > .service-6::before {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

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

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


/* Default: Section 1 overlay (#0176E8) */
.fbk-services-grid > .service-1::before {
    background: #0176E8;
}


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

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

.fbk-services-grid:has(.service-3:hover) > .service-3::before {
    background: #FD7F17;
}

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

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

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


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

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

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

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


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

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

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

    transition: opacity 1.2s ease;
}


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

.fbk-services-grid > .service-1 > .e-con-inner,
.fbk-services-grid > .service-2 > .e-con-inner,
.fbk-services-grid > .service-3 > .e-con-inner,
.fbk-services-grid > .service-4 > .e-con-inner,
.fbk-services-grid > .service-5 > .e-con-inner,
.fbk-services-grid > .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 */
.fbk-services-grid > .service-1 > .e-con-inner > *,
.fbk-services-grid > .service-2 > .e-con-inner > *,
.fbk-services-grid > .service-3 > .e-con-inner > *,
.fbk-services-grid > .service-4 > .e-con-inner > *,
.fbk-services-grid > .service-5 > .e-con-inner > *,
.fbk-services-grid > .service-6 > .e-con-inner > * {
    flex-shrink: 0;
}


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

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


/* Maintain bottom position on hover */
.fbk-services-grid > .service-1:hover > .e-con-inner,
.fbk-services-grid > .service-2:hover > .e-con-inner,
.fbk-services-grid > .service-3:hover > .e-con-inner,
.fbk-services-grid > .service-4:hover > .e-con-inner,
.fbk-services-grid > .service-5:hover > .e-con-inner,
.fbk-services-grid > .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.
   ========================================================= */

.fbk-services-grid .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. */
.fbk-services-grid .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 */
.fbk-services-grid > .service-1 .service-description {
    grid-template-rows: 1fr;
    opacity: 1;
}

.fbk-services-grid > .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. */
.fbk-services-grid:has(.service-2:hover) > .service-1 .service-description,
.fbk-services-grid:has(.service-3:hover) > .service-1 .service-description,
.fbk-services-grid:has(.service-4:hover) > .service-1 .service-description,
.fbk-services-grid:has(.service-5:hover) > .service-1 .service-description,
.fbk-services-grid:has(.service-6:hover) > .service-1 .service-description {
    grid-template-rows: 0fr;
    opacity: 0;
}

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


/* Sections 2 to 6 open on their own hover */
.fbk-services-grid > .service-2:hover .service-description,
.fbk-services-grid > .service-3:hover .service-description,
.fbk-services-grid > .service-4:hover .service-description,
.fbk-services-grid > .service-5:hover .service-description,
.fbk-services-grid > .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;
}

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


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

/* =========================================================
   HEADINGS - light blue, as in the design
   ========================================================= */

.fbk-services-grid .elementor-heading-title {
    color: #00AEEF !important;
}


/* =========================================================
   BUTTON BASE
   =========================================================
   The button's own text/icon are hidden. Two labels are drawn
   on top instead and cross-fade:
     ::before  ">"        (resting square button)
     ::after   "EXPLORE"  (active blue button)
   min-width does the animating, so the square grows smoothly
   into the EXPLORE button.
   ========================================================= */

.fbk-services-grid .hover-button {
    display: inline-block !important;
    position: relative;

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

    z-index: 10 !important;
}

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

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

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

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

    padding: 0 !important;

    background: transparent !important;

    border: 1px solid #ffffff !important;
    border-radius: 0 !important;

    color: #ffffff !important;

    overflow: hidden;

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

/* Hide Elementor's own text and icon - the labels below replace them */
.fbk-services-grid .hover-button .elementor-button-content-wrapper {
    display: none !important;
}

/* ">" label */
.fbk-services-grid .hover-button .elementor-button::before {
    content: ">";

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: #ffffff;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    opacity: 1;

    transition: opacity 0.4s ease;
}

/* "EXPLORE" label */
.fbk-services-grid .hover-button .elementor-button::after {
    content: "EXPLORE";

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    color: #ffffff;

    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.3px;

    white-space: nowrap;

    opacity: 0;

    transition: opacity 0.4s ease;
}


/* =========================================================
   SECTION 1 - ACTIVE BY DEFAULT (blue EXPLORE button)
   ========================================================= */

.fbk-services-grid > .service-1 .hover-button .elementor-button {
    min-width: 126px !important;

    background: #004A9C !important;
    border-color: #004A9C !important;
}

.fbk-services-grid > .service-1 .hover-button .elementor-button::before {
    opacity: 0 !important;
}

.fbk-services-grid > .service-1 .hover-button .elementor-button::after {
    opacity: 1 !important;
}


/* Section 1 hands the active state over when another tile is hovered */
.fbk-services-grid:has(.service-2:hover) > .service-1 .hover-button .elementor-button,
.fbk-services-grid:has(.service-3:hover) > .service-1 .hover-button .elementor-button,
.fbk-services-grid:has(.service-4:hover) > .service-1 .hover-button .elementor-button,
.fbk-services-grid:has(.service-5:hover) > .service-1 .hover-button .elementor-button,
.fbk-services-grid:has(.service-6:hover) > .service-1 .hover-button .elementor-button {
    min-width: 44px !important;

    background: transparent !important;
    border-color: #ffffff !important;
}

.fbk-services-grid:has(.service-2:hover) > .service-1 .hover-button .elementor-button::before,
.fbk-services-grid:has(.service-3:hover) > .service-1 .hover-button .elementor-button::before,
.fbk-services-grid:has(.service-4:hover) > .service-1 .hover-button .elementor-button::before,
.fbk-services-grid:has(.service-5:hover) > .service-1 .hover-button .elementor-button::before,
.fbk-services-grid:has(.service-6:hover) > .service-1 .hover-button .elementor-button::before {
    opacity: 1 !important;
}

.fbk-services-grid:has(.service-2:hover) > .service-1 .hover-button .elementor-button::after,
.fbk-services-grid:has(.service-3:hover) > .service-1 .hover-button .elementor-button::after,
.fbk-services-grid:has(.service-4:hover) > .service-1 .hover-button .elementor-button::after,
.fbk-services-grid:has(.service-5:hover) > .service-1 .hover-button .elementor-button::after,
.fbk-services-grid:has(.service-6:hover) > .service-1 .hover-button .elementor-button::after {
    opacity: 0 !important;
}


/* =========================================================
   HOVERED TILE - square grows into the blue EXPLORE button
   ========================================================= */

.fbk-services-grid .service-1:hover .hover-button .elementor-button,
.fbk-services-grid .service-2:hover .hover-button .elementor-button,
.fbk-services-grid .service-3:hover .hover-button .elementor-button,
.fbk-services-grid .service-4:hover .hover-button .elementor-button,
.fbk-services-grid .service-5:hover .hover-button .elementor-button,
.fbk-services-grid .service-6:hover .hover-button .elementor-button {
    min-width: 126px !important;

    background: #004A9C !important;
    border-color: #004A9C !important;
}

.fbk-services-grid .service-1:hover .hover-button .elementor-button::before,
.fbk-services-grid .service-2:hover .hover-button .elementor-button::before,
.fbk-services-grid .service-3:hover .hover-button .elementor-button::before,
.fbk-services-grid .service-4:hover .hover-button .elementor-button::before,
.fbk-services-grid .service-5:hover .hover-button .elementor-button::before,
.fbk-services-grid .service-6:hover .hover-button .elementor-button::before {
    opacity: 0 !important;
}

.fbk-services-grid .service-1:hover .hover-button .elementor-button::after,
.fbk-services-grid .service-2:hover .hover-button .elementor-button::after,
.fbk-services-grid .service-3:hover .hover-button .elementor-button::after,
.fbk-services-grid .service-4:hover .hover-button .elementor-button::after,
.fbk-services-grid .service-5:hover .hover-button .elementor-button::after,
.fbk-services-grid .service-6:hover .hover-button .elementor-button::after {
    opacity: 1 !important;
    transition-delay: 0.15s;
}

/* Button hover */
.fbk-services-grid .hover-button .elementor-button:hover {
    transform: translateY(-2px);
}

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

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


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


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

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

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

.fbk-services-grid:has(.service-3:hover) > .service-1 > .e-con-inner,
.fbk-services-grid: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) {

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


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

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

    .fbk-services-grid {
        min-height: 445px;
    }

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

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


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

@media (max-width: 1024px) {

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

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

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

    .fbk-services-grid > .service-1,
    .fbk-services-grid > .service-2,
    .fbk-services-grid > .service-3,
    .fbk-services-grid > .service-4,
    .fbk-services-grid > .service-5,
    .fbk-services-grid > .service-6 {
        width: 100%;
        min-height: 322px;

        padding: 30px;

        border: none !important;
    }

    /* Stacked: each tile shows its OWN image at its own size */
    .fbk-services-grid > .service-1::after,
    .fbk-services-grid > .service-2::after,
    .fbk-services-grid > .service-3::after,
    .fbk-services-grid > .service-4::after,
    .fbk-services-grid > .service-5::after,
    .fbk-services-grid > .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 tile keeps its own tint - no hover on touch */
    .fbk-services-grid > .service-1::before,
    .fbk-services-grid > .service-2::before,
    .fbk-services-grid > .service-3::before,
    .fbk-services-grid > .service-4::before,
    .fbk-services-grid > .service-5::before,
    .fbk-services-grid > .service-6::before {
        background: rgba(20, 25, 35, 0.45) !important;
        transition: none !important;
    }

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

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

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

    /* Every tile shows the blue EXPLORE button - no hover on touch */
    .fbk-services-grid .hover-button .elementor-button,
    .fbk-services-grid > .service-1 .hover-button .elementor-button {
        min-width: 126px !important;

        background: #004A9C !important;
        border-color: #004A9C !important;
    }

    .fbk-services-grid .hover-button .elementor-button::before {
        opacity: 0 !important;
    }

    .fbk-services-grid .hover-button .elementor-button::after {
        opacity: 1 !important;
    }

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


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

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

    .fbk-services-grid *,
    .fbk-services-grid *::before,
    .fbk-services-grid *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a622d00 */.elementor-4135 .elementor-element.elementor-element-a622d00 {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}/* End custom CSS */