.elementor-32 .elementor-element.elementor-element-1653e42{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.7;--padding-top:105px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-1653e42::before, .elementor-32 .elementor-element.elementor-element-1653e42 > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-1653e42 > .e-con-inner > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-1653e42 > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-1653e42 > .e-con-inner > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-1653e42 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-32 .elementor-element.elementor-element-bbb5c48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-32 .elementor-element.elementor-element-74d54bb .custom-breadcrumb{background-color:#02010100;}.elementor-32 .elementor-element.elementor-element-74d54bb > .elementor-widget-container{background-color:#02010100;padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-74d54bb .custom-breadcrumb .breadcrumb-overlay{background-color:#02010100;}.elementor-32 .elementor-element.elementor-element-74d54bb .custom-breadcrumb .breadcrumb-container-inner{padding-top:0px;padding-bottom:0px;}.elementor-32 .elementor-element.elementor-element-86f2921{padding:120px 0px 90px 0px;}.elementor-32 .elementor-element.elementor-element-5b19db5 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-32 .elementor-element.elementor-element-711a3cd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-32 .elementor-element.elementor-element-711a3cd > .elementor-widget-container{margin:0px 0px 60px 0px;}.elementor-32 .elementor-element.elementor-element-711a3cd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading .content-inner{max-width:425px;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading{margin-bottom:25px;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading .title{margin-bottom:0px;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading .sub-title{margin-bottom:8px;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading .title-desc{padding:20px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-scale .slick-slide{transition:all 300ms !important;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-nav-progressbar-fill{transition-duration:300ms !important;}.elementor-32 .elementor-element.elementor-element-21ea41f{padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-21ea41f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow{font-size:30px;color:#FFFFFF;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow svg{width:30px;height:30px;fill:#FFFFFF;}.elementor-32 .elementor-element.elementor-element-21ea41f a.carousel-arrow.carousel-next{right:-6px;}.elementor-32 .elementor-element.elementor-element-21ea41f a.carousel-arrow.carousel-prev{left:-6px;}.elementor-32 .elementor-element.elementor-element-21ea41f a.ver-carousel-arrow.carousel-next{bottom:-6px;}.elementor-32 .elementor-element.elementor-element-21ea41f a.ver-carousel-arrow.carousel-prev{top:-6px;}.elementor-32 .elementor-element.elementor-element-21ea41f a.carousel-next, .elementor-32 .elementor-element.elementor-element-21ea41f a.carousel-prev{background-color:#FFFFFF00;}.elementor-32 .elementor-element.elementor-element-21ea41f .slick-arrow{border-radius:16px;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow:hover{color:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow:hover svg{fill:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tab-link{flex-direction:row !important;}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-iconbox .premium-tabs-nav ul li .premium-tab-link, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-circle .premium-tabs-nav ul li::before, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-flip .premium-tabs-nav .premium-tabs-nav-list-item, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-tzoid .premium-tabs-nav ul li .premium-tab-link::after{background-color:#F0EEEE;}.elementor-32 .elementor-element.elementor-element-3095b05:not(.premium-tabs__background-yes) .premium-tabs-style-iconbox .premium-tabs-nav ul li.tab-current a, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-circle .premium-tabs-nav ul li.tab-current::before, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-flip .premium-tabs-nav li.tab-current a::after, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-tzoid .premium-tabs-nav ul li.tab-current a::after{background-color:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-3095b05.premium-tabs__background-yes .premium-tabs-nav-list::before{background-color:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-3095b05 ul.premium-tabs-horizontal .premium-tab-arrow, .elementor-32 .elementor-element.elementor-element-3095b05 ul.premium-accordion-tabs .premium-tab-arrow{border-top-color:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-3095b05 ul.premium-tabs-vertical:not(.premium-accordion-tabs) .premium-tab-arrow{border-left-color:var( --e-global-color-3d42291 );}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-nav-list{flex-wrap:wrap;}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs:not(.premium-tabs-style-circle) .premium-tab-link, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-circle .premium-tabs-nav li::before, .elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-style-tzoid .premium-tab-link::after{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-nav{border-radius:0px;}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tab-content{padding:20px 20px 20px 20px;}.elementor-32 .elementor-element.elementor-element-854b58e{--display:flex;--min-height:450px;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.9;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-854b58e:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-854b58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cbroofingandguttering.co.uk/wp-content/uploads/2026/01/WhatsApp-Image-2025-12-17-at-4.34.42-PM-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-32 .elementor-element.elementor-element-854b58e::before, .elementor-32 .elementor-element.elementor-element-854b58e > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-854b58e > .e-con-inner > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-854b58e > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-854b58e > .e-con-inner > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-854b58e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(360deg, var( --e-global-color-d78bc54 ) 0%, #79290C 100%);}.elementor-32 .elementor-element.elementor-element-cb6e06d{--display:flex;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:15px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-32 .elementor-element.elementor-element-f3be3d7 .gsc-heading .content-inner{max-width:800px;}.elementor-32 .elementor-element.elementor-element-f3be3d7 .gsc-heading .title{color:#FFFFFF;text-transform:capitalize;margin-bottom:0px;}.elementor-32 .elementor-element.elementor-element-f3be3d7 .gsc-heading .sub-title{margin-bottom:8px;}.elementor-32 .elementor-element.elementor-element-f3be3d7 .gsc-heading .title-desc{color:var( --e-global-color-9e78dc2 );padding:20px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-8063677{text-align:center;color:var( --e-global-color-9e78dc2 );}.elementor-32 .elementor-element.elementor-element-084d7af .elementor-button{background-color:#F1592200;font-size:18px;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-084d7af .elementor-button:hover, .elementor-32 .elementor-element.elementor-element-084d7af .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;}.elementor-32 .elementor-element.elementor-element-084d7af .elementor-button:hover svg, .elementor-32 .elementor-element.elementor-element-084d7af .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:1025px){.elementor-32 .elementor-element.elementor-element-854b58e:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-854b58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-1653e42{--padding-top:70px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-86f2921{padding:80px 0px 50px 0px;}.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading .content-inner{max-width:800px;}.elementor-32 .elementor-element.elementor-element-21ea41f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -3.5px;padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-cb6e06d{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-711a3cd .gsc-heading{margin-bottom:30px;}.elementor-32 .elementor-element.elementor-element-21ea41f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -4px;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow{font-size:25px;}.elementor-32 .elementor-element.elementor-element-21ea41f .premium-carousel-wrapper .slick-arrow svg{width:25px;height:25px;}.elementor-32 .elementor-element.elementor-element-3095b05 .premium-tabs-nav{padding:0px 0px 0px 0px;}.elementor-32 .elementor-element.elementor-element-084d7af .elementor-button{font-size:15px;letter-spacing:0px;}}/* Start custom CSS for section, class: .elementor-element-86f2921 *//* ===============================
   BASE
================================ */
.ba-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  user-select: none;
  touch-action: none;
  background: #000;
}

/* ===============================
   RESPONSIVE HEIGHTS
================================ */
@media (min-width: 1025px) {
  .ba-wrapper { height: 700px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ba-wrapper { height: 520px; }
}

@media (max-width: 767px) {
  .ba-wrapper { height: 420px; }
}

/* ===============================
   IMAGES
================================ */
.ba-image {
  position: absolute;
  inset: 0;
}

.ba-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay */
.ba-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.18);
}

/* ===============================
   LABELS (BASE)
================================ */
.label {
  position: absolute;
  padding: 6px 14px;
  font-size: 14px;
  background: rgba(0,0,0,0.65);
  color: #fff;
  border-radius: 20px;
  z-index: 5;
  white-space: nowrap;
}

.label {
  transition: opacity 0.25s ease;
}


/* ===============================
   LABELS — HORIZONTAL MODE
================================ */
.horizontal .before .label {
  top: 20px;
  left: 20px;
}

.horizontal .after .label {
  top: 20px;
  right: 20px;
}

/* ===============================
   LABELS — VERTICAL MODE (FIX)
================================ */
.vertical .before .label {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.vertical .after .label {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

/* ===============================
   SLIDER
================================ */
.ba-slider {
  position: absolute;
  z-index: 10;
  background: rgba(255,255,255,0.9);
}

/* Handle */
.ba-handle {
  width: 30px;
  height: 30px;
  background: #f15a24;
  border-radius: 50%;
  position: absolute;
  box-shadow: 0 0 12px rgba(0,0,0,0.4);
}

/* ===============================
   HORIZONTAL MODE
================================ */
.horizontal .after {
  clip-path: inset(0 0 0 50%);
}

.horizontal .ba-slider {
  width: 3px;
  height: 100%;
  left: 50%;
  cursor: ew-resize;
}

.horizontal .ba-handle {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ===============================
   VERTICAL MODE
================================ */
.vertical .after {
  clip-path: inset(50% 0 0 0);
}

.vertical .ba-slider {
  height: 3px;
  width: 100%;
  top: 50%;
  cursor: ns-resize;
}

.vertical .ba-handle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}/* End custom CSS */