.elementor-4519 .elementor-element.elementor-element-82b6a02{--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-4519 .elementor-element.elementor-element-bc7f2c7{width:initial;max-width:initial;padding:0px 0px 0px 0px;bottom:-109.997px;z-index:99;text-align:end;}body:not(.rtl) .elementor-4519 .elementor-element.elementor-element-bc7f2c7{right:-112.984px;}body.rtl .elementor-4519 .elementor-element.elementor-element-bc7f2c7{left:-112.984px;}.elementor-4519 .elementor-element.elementor-element-bc7f2c7 img{width:70%;}.elementor-4519 .elementor-element.elementor-element-29b1468{--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-4519 .elementor-element.elementor-element-560415f{width:var( --container-widget-width, 82% );max-width:82%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-ec61ca1{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-ec61ca1 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4519 .elementor-element.elementor-element-95ce966{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-a544a98{--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-4519 .elementor-element.elementor-element-e4b375e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-02a4778{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-e34979e{--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-4519 .elementor-element.elementor-element-e34979e:not(.elementor-motion-effects-element-type-background), .elementor-4519 .elementor-element.elementor-element-e34979e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4519 .elementor-element.elementor-element-abc1828{--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-4519 .elementor-element.elementor-element-abc1828.e-con{--align-self:center;}.elementor-4519 .elementor-element.elementor-element-7195cf2{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-4519 .elementor-element.elementor-element-7195cf2.elementor-element{--align-self:center;}.elementor-4519 .elementor-element.elementor-element-7195cf2 p{margin-block-end:0px;}.elementor-4519 .elementor-element.elementor-element-b893643{--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-4519 .elementor-element.elementor-element-b893643:not(.elementor-motion-effects-element-type-background), .elementor-4519 .elementor-element.elementor-element-b893643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-492-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4519 .elementor-element.elementor-element-4b4d895{--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-4519 .elementor-element.elementor-element-75c3e54{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;border-style:solid;--border-style:solid;border-color:#FFFFFF2E;--border-color:#FFFFFF2E;--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-4519 .elementor-element.elementor-element-75c3e54:not(.elementor-motion-effects-element-type-background), .elementor-4519 .elementor-element.elementor-element-75c3e54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000033;}.elementor-4519 .elementor-element.elementor-element-75c3e54::before, .elementor-4519 .elementor-element.elementor-element-75c3e54 > .elementor-background-video-container::before, .elementor-4519 .elementor-element.elementor-element-75c3e54 > .e-con-inner > .elementor-background-video-container::before, .elementor-4519 .elementor-element.elementor-element-75c3e54 > .elementor-background-slideshow::before, .elementor-4519 .elementor-element.elementor-element-75c3e54 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4519 .elementor-element.elementor-element-75c3e54 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4519 .elementor-element.elementor-element-d2f6f4d{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-4519 .elementor-element.elementor-element-d2f6f4d .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4519 .elementor-element.elementor-element-31e367b{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-4519 .elementor-element.elementor-element-d269dc4{padding:20px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-d269dc4 .elementor-button{padding:10px 5px 10px 5px;}.elementor-4519 .elementor-element.elementor-element-8335a03{--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-4519 .elementor-element.elementor-element-6f19269{--display:flex;--justify-content:center;--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-4519 .elementor-element.elementor-element-d26158f{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-f8bb8dd{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-4519 .elementor-element.elementor-element-a9505da{--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: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-4519 .elementor-element.elementor-element-a5cea3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-6ee124f{--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-4519 .elementor-element.elementor-element-a984a4a{--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-4519 .elementor-element.elementor-element-b19a088{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-4519 .elementor-element.elementor-element-b19a088:not(.elementor-motion-effects-element-type-background), .elementor-4519 .elementor-element.elementor-element-b19a088 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-4519 .elementor-element.elementor-element-4174910{--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-4519 .elementor-element.elementor-element-cb64cce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-0a1a6da{width:var( --container-widget-width, 93% );max-width:93%;--container-widget-width:93%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-d415f13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-9e9aba3{--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:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4519 .elementor-element.elementor-element-73ca80d{width:100%;max-width:100%;top:-55px;text-align:center;}body:not(.rtl) .elementor-4519 .elementor-element.elementor-element-73ca80d{left:0px;}body.rtl .elementor-4519 .elementor-element.elementor-element-73ca80d{right:0px;}.elementor-4519 .elementor-element.elementor-element-73ca80d img{width:100%;max-width:100%;}.elementor-4519 .elementor-element.elementor-element-f968e2e{--display:flex;--justify-content:flex-start;--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-4519 .elementor-element.elementor-element-6c2746c{--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: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-4519 .elementor-element.elementor-element-54d740f{--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-4519 .elementor-element.elementor-element-0924c21{--display:flex;--min-height:0px;--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-4519 .elementor-element.elementor-element-500c2b6{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-f999f0d{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-4519 .elementor-element.elementor-element-8cb4510{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-5552bd6{--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:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4519 .elementor-element.elementor-element-ac7f55b{--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-4519 .elementor-element.elementor-element-2fd1412{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-2fd1412 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-4519 .elementor-element.elementor-element-1d85c79{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4519 .elementor-element.elementor-element-1d85c79 .elementor-heading-title{color:#FFFFFF;}.elementor-4519 .elementor-element.elementor-element-548a7d0{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-4519 .elementor-element.elementor-element-ebff401{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-ebff401:hover{--e-transform-scale:1.1;}.elementor-4519 .elementor-element.elementor-element-ebff401 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4519 .elementor-element.elementor-element-ebff401 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4519 .elementor-element.elementor-element-1c3e443{--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;--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-4519 .elementor-element.elementor-element-32c970a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-32c970a .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-4519 .elementor-element.elementor-element-626e993{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4519 .elementor-element.elementor-element-626e993 .elementor-heading-title{color:#FFFFFF;}.elementor-4519 .elementor-element.elementor-element-e83d532{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-4519 .elementor-element.elementor-element-abad70b{width:var( --container-widget-width, 58% );max-width:58%;--container-widget-width:58%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-abad70b:hover{--e-transform-scale:1.1;}.elementor-4519 .elementor-element.elementor-element-abad70b .elementor-button-content-wrapper{flex-direction:row;}.elementor-4519 .elementor-element.elementor-element-abad70b .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4519 .elementor-element.elementor-element-72cac9d{--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;--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-4519 .elementor-element.elementor-element-ba182d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-ba182d2 .elementor-heading-title{font-size:36px;color:var( --e-global-color-secondary );}.elementor-4519 .elementor-element.elementor-element-31627ab{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4519 .elementor-element.elementor-element-31627ab .elementor-heading-title{color:#FFFFFF;}.elementor-4519 .elementor-element.elementor-element-b657b5a{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-4519 .elementor-element.elementor-element-dbe0ab6{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-4519 .elementor-element.elementor-element-dbe0ab6:hover{--e-transform-scale:1.1;}.elementor-4519 .elementor-element.elementor-element-dbe0ab6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4519 .elementor-element.elementor-element-dbe0ab6 .elementor-button{border-style:solid;border-color:#FFFFFF;padding:15px 15px 15px 15px;}.elementor-4519 .elementor-element.elementor-element-976d458{--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-4519 .elementor-element.elementor-element-976d458:not(.elementor-motion-effects-element-type-background), .elementor-4519 .elementor-element.elementor-element-976d458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4519 .elementor-element.elementor-element-aa8e03b{--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-4519 .elementor-element.elementor-element-57bb586{--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-4519 .elementor-element.elementor-element-cf7c5e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-cf7c5e5 .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4519 .elementor-element.elementor-element-c1365eb{width:var( --container-widget-width, 82% );max-width:82%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-4519 .elementor-element.elementor-element-c1365eb .elementor-heading-title{color:var( --e-global-color-8014d52 );}.elementor-4519 .elementor-element.elementor-element-43e5883{--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-4519 .elementor-element.elementor-element-207279f{--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-4519 .elementor-element.elementor-element-7e9a469{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-4519 .elementor-element.elementor-element-5f53cfa{--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-4519 .elementor-element.elementor-element-9b5c8ef .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4519 .elementor-element.elementor-element-9b5c8ef{padding:0px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-0ae9318 .elementor-button{background-color:var( --e-global-color-8014d52 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-4519 .elementor-element.elementor-element-0ae9318{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4519 .elementor-element.elementor-element-82b6a02{--padding-top:110px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-b893643{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-4519 .elementor-element.elementor-element-8335a03{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-b19a088{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-9e9aba3{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-5552bd6{--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-4519 .elementor-element.elementor-element-976d458{--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-aa8e03b{--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-4519 .elementor-element.elementor-element-82b6a02{--padding-top:110px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4519 .elementor-element.elementor-element-560415f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4519 .elementor-element.elementor-element-ec61ca1{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4519 .elementor-element.elementor-element-95ce966{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4519 .elementor-element.elementor-element-75c3e54{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4519 .elementor-element.elementor-element-8335a03{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4519 .elementor-element.elementor-element-d26158f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4519 .elementor-element.elementor-element-f8bb8dd{text-align:start;}.elementor-4519 .elementor-element.elementor-element-b19a088{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4519 .elementor-element.elementor-element-9e9aba3{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}.elementor-4519 .elementor-element.elementor-element-500c2b6{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-4519 .elementor-element.elementor-element-f999f0d{text-align:start;}.elementor-4519 .elementor-element.elementor-element-5552bd6{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-4519 .elementor-element.elementor-element-ac7f55b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4519 .elementor-element.elementor-element-2fd1412{padding:0px 0px 28px 0px;}.elementor-4519 .elementor-element.elementor-element-548a7d0{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-4519 .elementor-element.elementor-element-ebff401{padding:25px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-1c3e443{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4519 .elementor-element.elementor-element-32c970a{padding:0px 0px 28px 0px;}.elementor-4519 .elementor-element.elementor-element-e83d532{--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-4519 .elementor-element.elementor-element-abad70b{padding:25px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-72cac9d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4519 .elementor-element.elementor-element-ba182d2{padding:0px 0px 28px 0px;}.elementor-4519 .elementor-element.elementor-element-b657b5a{--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-4519 .elementor-element.elementor-element-dbe0ab6{padding:25px 0px 0px 0px;}.elementor-4519 .elementor-element.elementor-element-976d458{--padding-top:50px;--padding-bottom:50px;--padding-left:16px;--padding-right:16px;}}@media(min-width:768px){.elementor-4519 .elementor-element.elementor-element-29b1468{--width:74%;}.elementor-4519 .elementor-element.elementor-element-4b4d895{--width:50%;}.elementor-4519 .elementor-element.elementor-element-6f19269{--width:50%;}.elementor-4519 .elementor-element.elementor-element-6ee124f{--width:50%;}.elementor-4519 .elementor-element.elementor-element-f968e2e{--width:50%;}.elementor-4519 .elementor-element.elementor-element-54d740f{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4519 .elementor-element.elementor-element-29b1468{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-75c3e54 */.elementor-4519 .elementor-element.elementor-element-75c3e54 {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5552bd6 *//* =========================================================
   3 ROW FULL SECTION HOVER EFFECT (1 COLUMN x 3 ROWS)
   Section class: fbk-hover-rows-3
   =========================================================

   Classes used (all scoped to .fbk-hover-rows-3, so nothing
   here can affect any other section on the site):

     fbk-hover-rows-3   the outer section container
     service-1/2/3      the three rows
     fbk-row-default    the row that is open when nothing is
                        hovered (add it to ONE row only)
     row-number         the "01 / 02 / 03" heading widget
     service-description the text that slides open
     hover-button       the button widget

   How it reacts (same as the other hover sections):
     - The default row is open: solid blue, text visible,
       white button.
     - Hovering another row opens that row and closes the
       default one. Only one row is ever open.
     - Each row has its own background photo, which fades in
       across the whole section while that row is hovered.
   ========================================================= */


/* =========================================================
   SECTION + BACKGROUND PHOTOS
   =========================================================
   Photo 1 is the section's own background (the permanent
   base). Photos 2 and 3 sit on two layers above it and fade
   in when their row is hovered. Because the photos belong to
   the section and not the rows, they stay perfectly aligned
   even when the open row grows taller.
   ========================================================= */

.fbk-hover-rows-3 {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;

    isolation: isolate;

    /* BOXED CONTENT: the text in each row lines up with the site's
       content width. Photos and blue overlays stay full screen.
       Set this to Elementor > Site Settings > Layout > Content Width. */
    --fbk-box-width: 1330px;

    /* Photo for row 1 - replace URL */
    background-color: #1b2a3a;
    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-619.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fbk-hover-rows-3::before,
.fbk-hover-rows-3::after {
    content: "";
    position: absolute;
    inset: 0;

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

    opacity: 0;
    z-index: 0;
    pointer-events: none;

    transition: opacity 0.9s ease;
}

/* Photo for row 2 - replace URL */
.fbk-hover-rows-3::before {
    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-600.webp);
}

/* Photo for row 3 - replace URL */
.fbk-hover-rows-3::after {
    background-image: url(https://fbk-sa.co.za/wp-content/uploads/2026/10/Rectangle-621.webp);
}

.fbk-hover-rows-3:has(> .service-2:hover)::before,
.fbk-hover-rows-3:has(> .service-3:hover)::after {
    opacity: 1;
    transition: opacity 1.2s ease;
}


/* =========================================================
   ROWS
   ========================================================= */

.fbk-hover-rows-3 > .service-1,
.fbk-hover-rows-3 > .service-2,
.fbk-hover-rows-3 > .service-3 {
    position: relative;
    z-index: 1;                  /* above the photo layers */

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

    width: 100% !important;
    max-width: 100% !important;
    min-height: 150px;

    /* Side padding = the empty space beside the 1330px content box
       (never less than 20px), so the text sits inside the box while
       the row, its overlay and the photo stay full width. */
    padding: 40px max(20px, calc((100% - var(--fbk-box-width)) / 2)) !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    background: transparent !important;
    border: none !important;
}

/* Solid blue overlay - hidden until the row is open */
.fbk-hover-rows-3 > .service-1::before,
.fbk-hover-rows-3 > .service-2::before,
.fbk-hover-rows-3 > .service-3::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #004A9C;
    opacity: 0;

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

    transition: opacity 0.6s ease;
}

/* Row content sits above the blue overlay */
.fbk-hover-rows-3 > .service-1 > *,
.fbk-hover-rows-3 > .service-2 > *,
.fbk-hover-rows-3 > .service-3 > * {
    position: relative;
    z-index: 1;
}

/* If a row is set to "Boxed", keep its inner wrapper flat */
.fbk-hover-rows-3 > .service-1 > .e-con-inner,
.fbk-hover-rows-3 > .service-2 > .e-con-inner,
.fbk-hover-rows-3 > .service-3 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    --row-gap: 0px;
    --gap: 0px;
}


/* =========================================================
   TEXT
   ========================================================= */

/* Headings white */
.fbk-hover-rows-3 .elementor-heading-title {
    color: #ffffff !important;
}

/* "01 / 02 / 03" light blue */
.fbk-hover-rows-3 .row-number .elementor-heading-title {
    color: #00AEEF !important;
}

/* Description - collapsed by default, slides open */
.fbk-hover-rows-3 .service-description {
    display: grid !important;
    grid-template-rows: 0fr;

    max-width: 560px;
    opacity: 0;

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

.fbk-hover-rows-3 .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);
}

.fbk-hover-rows-3 .service-description,
.fbk-hover-rows-3 .service-description p {
    color: #ffffff !important;
}


/* =========================================================
   BUTTON
   =========================================================
   Closed row: blue button, white text.
   Open row:   white button, blue text.
   The button shows its own text from Elementor.
   ========================================================= */

/* Closed row: button sits exactly 20px below the heading.
   The collapsed description has no height but still has the
   row's gap above and below it, so both gaps are taken off. */
.fbk-hover-rows-3 .hover-button,
.fbk-hover-rows-3 > .service-1 .hover-button,
.fbk-hover-rows-3 > .service-2 .hover-button,
.fbk-hover-rows-3 > .service-3 .hover-button {
    margin-top: calc(20px - 2 * var(--row-gap, var(--gap, 20px))) !important;
    transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.fbk-hover-rows-3 .hover-button .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 272px;
    padding: 10px 15px !important;

    background: #004A9C !important;
    color: #ffffff !important;

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

    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;

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

.fbk-hover-rows-3 .hover-button .elementor-button-text,
.fbk-hover-rows-3 .hover-button .elementor-button-icon {
    color: inherit !important;
}

.fbk-hover-rows-3 .hover-button .elementor-button:hover {
    transform: translateY(-2px);
}


/* =========================================================
   OPEN STATE - the default row, or the hovered row
   ========================================================= */

.fbk-hover-rows-3 > .fbk-row-default::before,
.fbk-hover-rows-3 > .service-1:hover::before,
.fbk-hover-rows-3 > .service-2:hover::before,
.fbk-hover-rows-3 > .service-3:hover::before {
    opacity: 1;
}

.fbk-hover-rows-3 > .fbk-row-default .service-description,
.fbk-hover-rows-3 > .service-1:hover .service-description,
.fbk-hover-rows-3 > .service-2:hover .service-description,
.fbk-hover-rows-3 > .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;
}

.fbk-hover-rows-3 > .fbk-row-default .service-description > *,
.fbk-hover-rows-3 > .service-1:hover .service-description > *,
.fbk-hover-rows-3 > .service-2:hover .service-description > *,
.fbk-hover-rows-3 > .service-3:hover .service-description > * {
    padding-top: 15px;
}

.fbk-hover-rows-3 > .fbk-row-default .hover-button .elementor-button,
.fbk-hover-rows-3 > .service-1:hover .hover-button .elementor-button,
.fbk-hover-rows-3 > .service-2:hover .hover-button .elementor-button,
.fbk-hover-rows-3 > .service-3:hover .hover-button .elementor-button {
    background: #ffffff !important;
    color: #004A9C !important;
}

/* Open row: button spacing as before */
.fbk-hover-rows-3 > .fbk-row-default .hover-button,
.fbk-hover-rows-3 > .service-1:hover .hover-button,
.fbk-hover-rows-3 > .service-2:hover .hover-button,
.fbk-hover-rows-3 > .service-3:hover .hover-button {
    margin-top: 20px !important;
}


/* =========================================================
   When another row is hovered, the default row closes
   ========================================================= */

.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover)::before {
    opacity: 0;
}

.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .service-description {
    grid-template-rows: 0fr;
    opacity: 0;

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

.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .service-description > * {
    padding-top: 0;
}

.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .hover-button .elementor-button {
    background: #004A9C !important;
    color: #ffffff !important;
}

.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .hover-button {
    margin-top: calc(20px - 2 * var(--row-gap, var(--gap, 20px))) !important;
}


/* =========================================================
   CLOSED ROWS - button exactly 20px below the heading
   =========================================================
   Applies to every row that is NOT open: rows that are not
   hovered and not the default, plus the default row while
   another row is hovered. Written strongly enough to beat any
   spacing Elementor adds to the text or button widgets, and
   switched off on mobile (where every row is open).
   ========================================================= */

@media (min-width: 768px) {

    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-1.service-1:not(:hover):not(.fbk-row-default) .service-description,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-2.service-2:not(:hover):not(.fbk-row-default) .service-description,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-3.service-3:not(:hover):not(.fbk-row-default) .service-description,
    .fbk-hover-rows-3.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .service-description {
        grid-template-rows: 0fr !important;
        grid-auto-rows: 0fr !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: none !important;
    }

    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-1.service-1:not(:hover):not(.fbk-row-default) .service-description > *,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-2.service-2:not(:hover):not(.fbk-row-default) .service-description > *,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-3.service-3:not(:hover):not(.fbk-row-default) .service-description > *,
    .fbk-hover-rows-3.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .service-description > * {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-1.service-1:not(:hover):not(.fbk-row-default) .hover-button,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-2.service-2:not(:hover):not(.fbk-row-default) .hover-button,
    .fbk-hover-rows-3.fbk-hover-rows-3 > .service-3.service-3:not(:hover):not(.fbk-row-default) .hover-button,
    .fbk-hover-rows-3.fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .hover-button {
        margin-top: calc(20px - 2 * var(--row-gap, var(--gap, 20px))) !important;
    }
}


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

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

    .fbk-hover-rows-3 > .service-1,
    .fbk-hover-rows-3 > .service-2,
    .fbk-hover-rows-3 > .service-3 {
        padding: 40px 60px !important;
    }
}


/* =========================================================
   MOBILE - no hover on touch, so every row is open
   ========================================================= */

@media (max-width: 767px) {

    .fbk-hover-rows-3 > .service-1,
    .fbk-hover-rows-3 > .service-2,
    .fbk-hover-rows-3 > .service-3 {
        padding: 30px 20px !important;
        min-height: 0;
    }

    /* Photo stays visible behind a strong blue tint */
    .fbk-hover-rows-3 > .service-1::before,
    .fbk-hover-rows-3 > .service-2::before,
    .fbk-hover-rows-3 > .service-3::before {
        opacity: 0.85 !important;
        transition: none !important;
    }

    .fbk-hover-rows-3::before,
    .fbk-hover-rows-3::after {
        display: none;
    }

    .fbk-hover-rows-3 .service-description {
        grid-template-rows: 1fr !important;
        opacity: 1 !important;
        transition: none !important;
    }

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

    .fbk-hover-rows-3 .hover-button .elementor-button,
    .fbk-hover-rows-3 > .fbk-row-default .hover-button .elementor-button,
    .fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .hover-button .elementor-button {
        min-width: 0;
        background: #ffffff !important;
        color: #004A9C !important;
    }

    .fbk-hover-rows-3 .hover-button,
    .fbk-hover-rows-3 > .service-1 .hover-button,
    .fbk-hover-rows-3 > .service-2 .hover-button,
    .fbk-hover-rows-3 > .service-3 .hover-button,
    .fbk-hover-rows-3:hover > .fbk-row-default:not(:hover) .hover-button {
        margin-top: 0px !important;
    }
}


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

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

    .fbk-hover-rows-3 *,
    .fbk-hover-rows-3 *::before,
    .fbk-hover-rows-3 *::after,
    .fbk-hover-rows-3::before,
    .fbk-hover-rows-3::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}/* End custom CSS */