.elementor-22 .elementor-element.elementor-element-22692e1{--display:flex;--min-height:80vh;--justify-content:center;--overlay-opacity:0.6;}.elementor-22 .elementor-element.elementor-element-22692e1::before, .elementor-22 .elementor-element.elementor-element-22692e1 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-22692e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-22692e1 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-22692e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-22692e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-22692e1 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-5340934{text-align:center;}.elementor-22 .elementor-element.elementor-element-5340934 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:800;text-transform:uppercase;color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-efee281{text-align:center;}.elementor-22 .elementor-element.elementor-element-efee281 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:400;color:var( --e-global-color-9930d1a );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-22 .elementor-element.elementor-element-7339f8b .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-7339f8b .elementor-button:focus{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-7339f8b{margin:010px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-7339f8b .elementor-button{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.400rem, calc(1.327rem + 0.364vw), 1.600rem);font-weight:500;border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-dbf9cc8{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-dbf9cc8:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-dbf9cc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323232;}.elementor-22 .elementor-element.elementor-element-5993567{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--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-22 .elementor-element.elementor-element-bdcbeec .elementor-icon-box-wrapper{gap:0px;}.elementor-22 .elementor-element.elementor-element-bdcbeec.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-bdcbeec.elementor-view-framed .elementor-icon, .elementor-22 .elementor-element.elementor-element-bdcbeec.elementor-view-default .elementor-icon{fill:var( --e-global-color-5503819 );color:var( --e-global-color-5503819 );border-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-bdcbeec .elementor-icon-box-title, .elementor-22 .elementor-element.elementor-element-bdcbeec .elementor-icon-box-title a{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.400rem, calc(1.327rem + 0.364vw), 1.600rem);font-weight:600;}.elementor-22 .elementor-element.elementor-element-bdcbeec .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-bdcbeec:has(:hover) .elementor-icon-box-title,
					 .elementor-22 .elementor-element.elementor-element-bdcbeec:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-26d02d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-e9b46d1 .elementor-icon-box-wrapper{gap:0px;}.elementor-22 .elementor-element.elementor-element-e9b46d1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-e9b46d1.elementor-view-framed .elementor-icon, .elementor-22 .elementor-element.elementor-element-e9b46d1.elementor-view-default .elementor-icon{fill:var( --e-global-color-5503819 );color:var( --e-global-color-5503819 );border-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-e9b46d1 .elementor-icon-box-title, .elementor-22 .elementor-element.elementor-element-e9b46d1 .elementor-icon-box-title a{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.400rem, calc(1.327rem + 0.364vw), 1.600rem);font-weight:600;}.elementor-22 .elementor-element.elementor-element-e9b46d1 .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-e9b46d1:has(:hover) .elementor-icon-box-title,
					 .elementor-22 .elementor-element.elementor-element-e9b46d1:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-00bb575{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-094dca2 .elementor-icon-box-wrapper{gap:0px;}.elementor-22 .elementor-element.elementor-element-094dca2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-094dca2.elementor-view-framed .elementor-icon, .elementor-22 .elementor-element.elementor-element-094dca2.elementor-view-default .elementor-icon{fill:var( --e-global-color-5503819 );color:var( --e-global-color-5503819 );border-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-094dca2 .elementor-icon-box-title, .elementor-22 .elementor-element.elementor-element-094dca2 .elementor-icon-box-title a{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.400rem, calc(1.327rem + 0.364vw), 1.600rem);font-weight:600;}.elementor-22 .elementor-element.elementor-element-094dca2 .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-094dca2:has(:hover) .elementor-icon-box-title,
					 .elementor-22 .elementor-element.elementor-element-094dca2:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-38a6a43{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5514e7e .elementor-icon-box-wrapper{gap:0px;}.elementor-22 .elementor-element.elementor-element-5514e7e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-5514e7e.elementor-view-framed .elementor-icon, .elementor-22 .elementor-element.elementor-element-5514e7e.elementor-view-default .elementor-icon{fill:var( --e-global-color-5503819 );color:var( --e-global-color-5503819 );border-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-5514e7e .elementor-icon-box-title, .elementor-22 .elementor-element.elementor-element-5514e7e .elementor-icon-box-title a{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.400rem, calc(1.327rem + 0.364vw), 1.600rem);font-weight:600;}.elementor-22 .elementor-element.elementor-element-5514e7e .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-5514e7e:has(:hover) .elementor-icon-box-title,
					 .elementor-22 .elementor-element.elementor-element-5514e7e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-52c2211{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-52c2211:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-52c2211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d802fa );}.elementor-22 .elementor-element.elementor-element-e285bbc{text-align:center;}.elementor-22 .elementor-element.elementor-element-e285bbc .elementor-heading-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-5295c07{text-align:center;}.elementor-22 .elementor-element.elementor-element-5295c07 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:400;color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-697c7da{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5726dc0{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-2a996f8{text-align:start;font-family:"Source Sans Pro", Sans-serif;font-weight:500;color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-c053803 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.088rem, calc(1.074rem + 0.067vw), 1.125rem);font-weight:500;border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-c053803{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-ecf3137{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-ecf3137:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-ecf3137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tandjroofingsolutions.co.uk/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-09-at-13.35.53-e1773071420871.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-58a897c{--spacer-size:50px;}.elementor-22 .elementor-element.elementor-element-81d14f2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-81d14f2:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-81d14f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5ab2716 );}.elementor-22 .elementor-element.elementor-element-8637504{text-align:center;}.elementor-22 .elementor-element.elementor-element-8637504 .elementor-heading-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-d05dc98{text-align:center;}.elementor-22 .elementor-element.elementor-element-24ca353{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-22 .elementor-element.elementor-element-87a532a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-22 .elementor-element.elementor-element-b78e85c:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-b78e85c{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;z-index:0;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-b78e85c .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-b78e85c.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-7bf740d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-1cbe568:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-1cbe568{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-1cbe568 .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-1cbe568.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-2c92e72{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-40650a2:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-40650a2{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-40650a2 .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-40650a2.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-2a4336f{--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:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-f5cbb23{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-6600181:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-6600181{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-6600181 .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-6600181.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-6600181.elementor-view-framed .elementor-icon, .elementor-22 .elementor-element.elementor-element-6600181.elementor-view-default .elementor-icon{fill:var( --e-global-color-5503819 );color:var( --e-global-color-5503819 );border-color:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-6600181.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-6600181.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-6600181.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-6600181.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-6600181.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-6600181.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-e55a76a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-a9316d3:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-a9316d3{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-a9316d3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-22 .elementor-element.elementor-element-a9316d3 .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-a9316d3.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-20491ea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-3e83a36:hover{--e-transform-scale:1.05;}.elementor-22 .elementor-element.elementor-element-3e83a36{background-color:var( --e-global-color-9d802fa );padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5503819 );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-3e83a36 .elementor-icon-box-wrapper{gap:15px;}.elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-22 .elementor-element.elementor-element-3e83a36.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-a3d327f{--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;--overlay-opacity:0.15;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-a3d327f:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-a3d327f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE7903;}.elementor-22 .elementor-element.elementor-element-a3d327f::before, .elementor-22 .elementor-element.elementor-element-a3d327f > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-a3d327f > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-a3d327f > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-a3d327f > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-a3d327f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://tandjroofingsolutions.co.uk/wp-content/uploads/2026/03/WhatsApp-Image-2026-03-10-at-09.36.33.jpeg");--background-overlay:'';background-position:center center;background-repeat:repeat;background-size:contain;}.elementor-22 .elementor-element.elementor-element-41ceeba{text-align:center;}.elementor-22 .elementor-element.elementor-element-41ceeba .elementor-heading-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-0cf3ea7{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:clamp(1.088rem, calc(1.074rem + 0.067vw), 1.125rem) 400;font-weight:600;}.elementor-22 .elementor-element.elementor-element-34b9a1d{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-34b9a1d.e-con{--align-self:center;}.elementor-22 .elementor-element.elementor-element-d6c72e2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-22 .elementor-element.elementor-element-35b23ea{--e-icon-list-icon-size:35px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-item > a{font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.657rem, calc(1.523rem + 0.668vw), 2.024rem);font-weight:600;}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-22 .elementor-element.elementor-element-a94e9d9{--display:flex;--min-height:41vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-a94e9d9:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-a94e9d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tandjroofingsolutions.co.uk/wp-content/uploads/2026/03/Favicon-e1773061996399.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-22 .elementor-element.elementor-element-76aed71{--spacer-size:50px;}.elementor-22 .elementor-element.elementor-element-02f1688 .elementor-button{background-color:var( --e-global-color-9930d1a );font-family:"Roboto Condensed", Sans-serif;font-size:clamp(1.088rem, calc(1.074rem + 0.067vw), 1.125rem);font-weight:500;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-02f1688 .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-02f1688 .elementor-button:focus{background-color:var( --e-global-color-971ce56 );color:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-02f1688{margin:010px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-22 .elementor-element.elementor-element-02f1688 .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-02f1688 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-22 .elementor-element.elementor-element-08f1569{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d13c15b{text-align:center;}.elementor-22 .elementor-element.elementor-element-d13c15b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;text-transform:capitalize;color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-c7e14e7{text-align:center;}.elementor-widget-reviews .elementor-testimonial__header, .elementor-widget-reviews .elementor-testimonial__name{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-reviews .elementor-testimonial__text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-pagination-bullet-active, .elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-pagination-progressbar-fill{background-color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-pagination-fraction{color:var( --e-global-color-accent );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-swiper-button{font-size:20px;color:var( --e-global-color-971ce56 );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-swiper-button svg{fill:var( --e-global-color-971ce56 );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-pagination-bullet{height:10px;width:10px;}.elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-horizontal .swiper-pagination-progressbar{height:10px;}.elementor-22 .elementor-element.elementor-element-c4d7c22 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-5503819 );opacity:var( --e-global-color-5503819 );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-testimonial__name{color:var( --e-global-color-9d802fa );}.elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-testimonial__header, .elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-testimonial__name{font-family:"Roboto Condensed", Sans-serif;font-size:16px;font-weight:600;}.elementor-22 .elementor-element.elementor-element-c4d7c22 .elementor-testimonial__text{color:var( --e-global-color-5ab2716 );font-family:"Source Sans Pro", Sans-serif;font-size:16px;font-weight:500;}.elementor-22 .elementor-element.elementor-element-013b338{text-align:center;}.elementor-22 .elementor-element.elementor-element-013b338 .elementor-heading-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-cea7270{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-cea7270:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-cea7270 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5ab2716 );}.elementor-22 .elementor-element.elementor-element-23048f7{text-align:center;}.elementor-22 .elementor-element.elementor-element-23048f7 .elementor-heading-title{color:var( --e-global-color-9930d1a );}.elementor-22 .elementor-element.elementor-element-ed44ad3{border-radius:15px 15px 15px 15px;}.elementor-22 .elementor-element.elementor-element-78c5935{text-align:center;}.elementor-22 .elementor-element.elementor-element-4a7870f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-5503819 );--border-color:var( --e-global-color-5503819 );--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-4a7870f:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-4a7870f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-9d802fa );}.elementor-22 .elementor-element.elementor-element-6ebf1bb{columns:4;text-align:center;font-family:"Source Sans Pro", Sans-serif;font-weight:600;line-height:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-dbf9cc8{--content-width:1400px;}.elementor-22 .elementor-element.elementor-element-5726dc0{--width:60%;}.elementor-22 .elementor-element.elementor-element-ecf3137{--width:40%;}.elementor-22 .elementor-element.elementor-element-34b9a1d{--width:73%;}.elementor-22 .elementor-element.elementor-element-d6c72e2{--width:50%;}.elementor-22 .elementor-element.elementor-element-a94e9d9{--width:50%;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-7339f8b{padding:0px 30px 0px 30px;}.elementor-22 .elementor-element.elementor-element-7339f8b .elementor-button{padding:10px 0px 10px 0px;}.elementor-22 .elementor-element.elementor-element-5993567{--width:47%;}.elementor-22 .elementor-element.elementor-element-26d02d4{--width:47%;}.elementor-22 .elementor-element.elementor-element-00bb575{--width:47%;}.elementor-22 .elementor-element.elementor-element-38a6a43{--width:47%;}.elementor-22 .elementor-element.elementor-element-52c2211{--padding-top:80px;--padding-bottom:40px;--padding-left:20px;--padding-right:30px;}.elementor-22 .elementor-element.elementor-element-58a897c{--spacer-size:250px;}.elementor-22 .elementor-element.elementor-element-81d14f2{--gap:020px 020px;--row-gap:020px;--column-gap:020px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-22 .elementor-element.elementor-element-24ca353{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-22 .elementor-element.elementor-element-2a4336f{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:000px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-35b23ea{padding:0px 0px 0px 0px;--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-22 .elementor-element.elementor-element-35b23ea.elementor-element{--align-self:center;}.elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-item > .elementor-icon-list-text, .elementor-22 .elementor-element.elementor-element-35b23ea .elementor-icon-list-item > a{font-size:25px;}.elementor-22 .elementor-element.elementor-element-a94e9d9{--width:100%;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-02f1688{padding:0px 30px 0px 20px;}.elementor-22 .elementor-element.elementor-element-08f1569{--padding-top:080px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-d13c15b{padding:0px 20px 0px 20px;}.elementor-22 .elementor-element.elementor-element-c7e14e7{padding:0px 30px 0px 30px;}.elementor-22 .elementor-element.elementor-element-cea7270{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-6ebf1bb{columns:2;}}/* Start custom CSS for icon-box, class: .elementor-element-b78e85c */.elementor-22 .elementor-element.elementor-element-b78e85c {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-b78e85c::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-b78e85c::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-b78e85c:hover::before,
.elementor-22 .elementor-element.elementor-element-b78e85c:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-b78e85c:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-b78e85c > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1cbe568 */.elementor-22 .elementor-element.elementor-element-1cbe568 {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-1cbe568::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-1cbe568::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-1cbe568:hover::before,
.elementor-22 .elementor-element.elementor-element-1cbe568:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-1cbe568:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-1cbe568 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-40650a2 */.elementor-22 .elementor-element.elementor-element-40650a2 {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-40650a2::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-40650a2::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-40650a2:hover::before,
.elementor-22 .elementor-element.elementor-element-40650a2:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-40650a2:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-40650a2 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-6600181 */.elementor-22 .elementor-element.elementor-element-6600181 {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-6600181::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-6600181::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-6600181:hover::before,
.elementor-22 .elementor-element.elementor-element-6600181:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-6600181:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-6600181 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a9316d3 */.elementor-22 .elementor-element.elementor-element-a9316d3 {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-a9316d3::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-a9316d3::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-a9316d3:hover::before,
.elementor-22 .elementor-element.elementor-element-a9316d3:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-a9316d3:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-a9316d3 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-3e83a36 */.elementor-22 .elementor-element.elementor-element-3e83a36 {
    --border-width: 3px;
    --bg-color: #000000; /* Match your widget background exactly */
    --brand-orange: #FDAD02;
    
    position: relative;
    border-radius: 15px;
    z-index: 0;
    background: var(--bg-color) !important;
    overflow: hidden;
}

/* The Animated Layer - Physical Rotation */
.elementor-22 .elementor-element.elementor-element-3e83a36::before {
    content: "";
    position: absolute;
    z-index: -2;
    
    /* Giant size to keep the beam straight */
    width: 300%;
    height: 300%;
    top: 50%;
    left: 50%;
    
    /* Initial position */
    transform: translate(-50%, -50%) rotate(0deg);
    
    background-image: conic-gradient(
        from 0deg,
        transparent 80%,
        var(--brand-orange) 96%,
        transparent 100%
    );
    
    visibility: hidden;
}

/* The Shield */
.elementor-22 .elementor-element.elementor-element-3e83a36::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: var(--border-width); 
    background: var(--bg-color);
    border-radius: 12px;
    visibility: hidden;
}

/* HOVER LOGIC */
.elementor-22 .elementor-element.elementor-element-3e83a36:hover::before,
.elementor-22 .elementor-element.elementor-element-3e83a36:hover::after {
    visibility: visible;
}

.elementor-22 .elementor-element.elementor-element-3e83a36:hover::before {
    /* Calling the physical rotation animation */
    animation: physical-spin 3s linear infinite;
}

/* Ensure content is always on top */
.elementor-22 .elementor-element.elementor-element-3e83a36 > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */