.elementor-15 .elementor-element.elementor-element-8d71e17{--display:flex;--min-height:293px;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15 .elementor-element.elementor-element-8d71e17:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-8d71e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spencerroofing.co.za/wp-content/uploads/2026/05/about-spencer-roofing-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-da8c5c3{--display:grid;--min-height:320px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-da8c5c3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15 .elementor-element.elementor-element-30d40b2{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:20px;--padding-bottom:0px;--padding-left:31px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-f849137{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-15 .elementor-element.elementor-element-f849137.elementor-view-stacked .elementor-icon{background-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-f849137.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-f849137.elementor-view-default .elementor-icon{fill:#E31E24;color:#E31E24;border-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon{font-size:61px;}.elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:800;}.elementor-15 .elementor-element.elementor-element-f849137:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-f849137:has(:focus) .elementor-icon-box-title{color:#E31E24;}.elementor-15 .elementor-element.elementor-element-f849137 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-dfa5f8f{padding:50px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-15 .elementor-element.elementor-element-dfa5f8f.elementor-view-stacked .elementor-icon{background-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-dfa5f8f.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-dfa5f8f.elementor-view-default .elementor-icon{fill:#E31E24;color:#E31E24;border-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon{font-size:60px;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:800;}.elementor-15 .elementor-element.elementor-element-dfa5f8f:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-dfa5f8f:has(:focus) .elementor-icon-box-title{color:#E31E24;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-cb3d8af{padding:50px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-wrapper{gap:15px;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-title{margin-block-end:5px;color:#000000;}.elementor-15 .elementor-element.elementor-element-cb3d8af.elementor-view-stacked .elementor-icon{background-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-cb3d8af.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-cb3d8af.elementor-view-default .elementor-icon{fill:#E31E24;color:#E31E24;border-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon{font-size:60px;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:800;}.elementor-15 .elementor-element.elementor-element-cb3d8af:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-cb3d8af:has(:focus) .elementor-icon-box-title{color:#E31E24;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;color:#000000;}.elementor-15 .elementor-element.elementor-element-e080011{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:column;--align-items:center;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15 .elementor-element.elementor-element-e080011:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-e080011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-15 .elementor-element.elementor-element-ce7e209{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:-6px;}.elementor-15 .elementor-element.elementor-element-5bd382a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-51d6b6d{--display:flex;--min-height:108px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-16px;--padding-bottom:-17px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-8056eea{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:12px 12px;--row-gap:12px;--column-gap:12px;--grid-auto-flow:column;--justify-items:center;}.elementor-15 .elementor-element.elementor-element-8056eea:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-8056eea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E31E24;}.elementor-15 .elementor-element.elementor-element-8056eea > .elementor-shape-top svg, .elementor-15 .elementor-element.elementor-element-8056eea > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:0px;}.elementor-15 .elementor-element.elementor-element-987fe20.elementor-element{--align-self:flex-start;}.elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon-box-wrapper{text-align:start;gap:9px;}.elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon-box-title{margin-block-end:1px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-987fe20.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-987fe20.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-987fe20.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon i{transform:rotate(0deg);}.elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-987fe20:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-987fe20:has(:focus) .elementor-icon-box-title{color:#BFBFBF;}.elementor-15 .elementor-element.elementor-element-987fe20 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a7feac5.elementor-element{--align-self:flex-start;}.elementor-15 .elementor-element.elementor-element-a7feac5{border-radius:4px 4px 4px 4px;}.elementor-15 .elementor-element.elementor-element-a7feac5 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-15 .elementor-element.elementor-element-a7feac5 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a7feac5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a7feac5.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-a7feac5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-a7feac5 .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-a7feac5 .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-a7feac5:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-a7feac5:has(:focus) .elementor-icon-box-title{color:#C3C4C4;}.elementor-15 .elementor-element.elementor-element-a7feac5 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0f9ae5f.elementor-element{--align-self:flex-start;}.elementor-15 .elementor-element.elementor-element-0f9ae5f .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-15 .elementor-element.elementor-element-0f9ae5f .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0f9ae5f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0f9ae5f.elementor-view-framed .elementor-icon, .elementor-15 .elementor-element.elementor-element-0f9ae5f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-15 .elementor-element.elementor-element-0f9ae5f .elementor-icon-box-title, .elementor-15 .elementor-element.elementor-element-0f9ae5f .elementor-icon-box-title a{font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;}.elementor-15 .elementor-element.elementor-element-0f9ae5f:has(:hover) .elementor-icon-box-title,
					 .elementor-15 .elementor-element.elementor-element-0f9ae5f:has(:focus) .elementor-icon-box-title{color:#BFBFBF;}.elementor-15 .elementor-element.elementor-element-0f9ae5f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-da8c5c3{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-30d40b2{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-e080011{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-5bd382a{--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-8056eea{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-8d71e17:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-8d71e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spencerroofing.co.za/wp-content/uploads/2026/05/about-spencer-roofing-2.png");background-position:center left;background-repeat:no-repeat;}.elementor-15 .elementor-element.elementor-element-da8c5c3{--width:100%;--min-height:229px;--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-da8c5c3.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-30d40b2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15 .elementor-element.elementor-element-f849137{padding:0px 20px 0px 20px;}.elementor-15 .elementor-element.elementor-element-f849137.elementor-element{--align-self:center;}.elementor-15 .elementor-element.elementor-element-dfa5f8f{padding:0px 20px 0px 20px;}.elementor-15 .elementor-element.elementor-element-dfa5f8f .elementor-icon-box-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-cb3d8af{padding:0px 20px 0px 020px;}.elementor-15 .elementor-element.elementor-element-cb3d8af .elementor-icon-box-wrapper{text-align:center;}.elementor-15 .elementor-element.elementor-element-e080011{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-15 .elementor-element.elementor-element-ce7e209{--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:24px;--margin-bottom:24px;--margin-left:24px;--margin-right:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-ce7e209.e-con{--align-self:center;}.elementor-15 .elementor-element.elementor-element-5bd382a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-15 .elementor-element.elementor-element-8056eea{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}