.elementor-501 .elementor-element.elementor-element-09b5021{--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:center;border-style:solid;--border-style:solid;border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--padding-top:80px;--padding-bottom:80px;--padding-left:50px;--padding-right:50px;}.elementor-501 .elementor-element.elementor-element-09b5021:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-09b5021 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cidaroofing.co.uk/wp-content/uploads/mesh-gradient.webp");background-position:bottom left;background-repeat:no-repeat;background-size:cover;}.elementor-501 .elementor-element.elementor-element-09b5021.e-con{--align-self:center;}.elementor-501 .elementor-element.elementor-element-348e616{--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:center;--align-items:stretch;}.elementor-501 .elementor-element.elementor-element-de654b6{text-align:center;}.elementor-501 .elementor-element.elementor-element-ce9066c{text-align:center;}.elementor-501 .elementor-element.elementor-element-bf027b9{--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;--justify-content:center;--align-items:center;}.elementor-501 .elementor-element.elementor-element-f2f053a .elementor-button{background-color:var( --e-global-color-6324398 );fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-501 .elementor-element.elementor-element-f2f053a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-501 .elementor-element.elementor-element-f2f053a .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-501 .elementor-element.elementor-element-204a4c6{--display:flex;--padding-top:70px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-501 .elementor-element.elementor-element-204a4c6:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-204a4c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8f9e08f );}.elementor-501 .elementor-element.elementor-element-ec6182c > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-501 .elementor-element.elementor-element-ec6182c{text-align:center;}.elementor-501 .elementor-element.elementor-element-ec6182c .elementor-heading-title{font-weight:700;}.elementor-501 .elementor-element.elementor-element-5dcc18e{text-align:center;}.elementor-501 .elementor-element.elementor-element-07ad140{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-07ad140:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-07ad140 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8f9e08f );}.elementor-501 .elementor-element.elementor-element-d6d04ad{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-501 .elementor-element.elementor-element-d6d04ad.elementor-element{--align-self:center;}.elementor-501 .elementor-element.elementor-element-d6d04ad > .elementor-widget-container{border-radius:25px 25px 25px 25px;}.elementor-501 .elementor-element.elementor-element-0fa309d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-501 .elementor-element.elementor-element-0fa309d.elementor-element{--align-self:center;}.elementor-501 .elementor-element.elementor-element-0fa309d > .elementor-widget-container{border-radius:25px 25px 25px 25px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-501 .elementor-element.elementor-element-09b5021{--content-width:1504px;}.elementor-501 .elementor-element.elementor-element-348e616{--width:78%;}.elementor-501 .elementor-element.elementor-element-07ad140{--content-width:760px;}}@media(max-width:1024px) and (min-width:768px){.elementor-501 .elementor-element.elementor-element-09b5021{--content-width:100%;}.elementor-501 .elementor-element.elementor-element-348e616{--width:100%;}}@media(max-width:1024px){.elementor-501 .elementor-element.elementor-element-09b5021{--justify-content:center;--flex-wrap:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-501 .elementor-element.elementor-element-348e616{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-501 .elementor-element.elementor-element-07ad140{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-501 .elementor-element.elementor-element-d6d04ad > .elementor-widget-container{padding:0px 20px 0px 40px;}.elementor-501 .elementor-element.elementor-element-d6d04ad{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-501 .elementor-element.elementor-element-0fa309d > .elementor-widget-container{padding:0px 40px 0px 20px;}.elementor-501 .elementor-element.elementor-element-0fa309d{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-09b5021{--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-501 .elementor-element.elementor-element-348e616{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-501 .elementor-element.elementor-element-204a4c6{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-501 .elementor-element.elementor-element-ec6182c > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-501 .elementor-element.elementor-element-07ad140{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-501 .elementor-element.elementor-element-07ad140.e-con{--align-self:center;}.elementor-501 .elementor-element.elementor-element-d6d04ad > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-d6d04ad{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-501 .elementor-element.elementor-element-d6d04ad.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-501 .elementor-element.elementor-element-0fa309d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-501 .elementor-element.elementor-element-0fa309d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-501 .elementor-element.elementor-element-0fa309d.elementor-element{--flex-grow:1;--flex-shrink:0;}}/* Start custom CSS for html, class: .elementor-element-d6d04ad */img-comparison-slider {
    --divider-width: 5px;  
    --divider-color: #449995; 
   --default-handle-color: #FFFFFF;  
    --default-handle-width: clamp(40px, 10vw, 200px);    
    --default-arrow-size: 19px;  
    
    --transition: 0.3s ease;    
    --shadow: 0 0 10px rgba(0, 0, 0, 10px);   
  }
  img-comparison-slider:hover {
    cursor: ew-resize;
    --default-handle-color: #000000;
  }
    .slider-container{text-align:center;
        
    }/* End custom CSS */