.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-carousel{height:900px;}.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-slider--content{max-width:1280px;}.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-slider-desc{max-width:900px;}.elementor-3571 .elementor-element.elementor-element-c903200.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-3571 .elementor-element.elementor-element-50820a0{grid-column:span 4;grid-row:span 4;}.elementor-3571 .elementor-element.elementor-element-c57a568{width:var( --container-widget-width, 534px );max-width:534px;--container-widget-width:534px;--container-widget-flex-grow:0;}.elementor-3571 .elementor-element.elementor-element-c57a568.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3571 .elementor-element.elementor-element-4f1a87a{--display:flex;}.elementor-3571 .elementor-element.elementor-element-0448eaa{--display:flex;}.elementor-3571 .elementor-element.elementor-element-87562f5{--display:flex;}.elementor-3571 .elementor-element.elementor-element-3481943 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-3571 .elementor-element.elementor-element-89bd62c:not(.elementor-motion-effects-element-type-background), .elementor-3571 .elementor-element.elementor-element-89bd62c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://www.albrighton-group.co.uk/wp-content/uploads/2026/01/banner-3.webp");}.elementor-3571 .elementor-element.elementor-element-89bd62c > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3571 .elementor-element.elementor-element-89bd62c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-3571 .elementor-element.elementor-element-1644564d > .elementor-widget-container{background-color:var( --e-global-color-secondary );}.elementor-3571 .elementor-element.elementor-element-1644564d:hover .elementor-widget-container{background-color:var( --e-global-color-secondary );}.elementor-3571 .elementor-element.elementor-element-4419a73{--display:flex;}@media(max-width:1366px){.elementor-3571 .elementor-element.elementor-element-c57a568{width:var( --container-widget-width, 526px );max-width:526px;--container-widget-width:526px;--container-widget-flex-grow:0;}}@media(max-width:1200px){.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-carousel{height:800px;}}@media(max-width:1024px){.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-carousel{height:700px;}}@media(max-width:880px){.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-slider-desc{max-width:950px;}}@media(max-width:767px){.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-carousel{height:500px;}.elementor-3571 .elementor-element.elementor-element-54a86aba .cms-slider--content{max-width:1280px;}.elementor-3571 .elementor-element.elementor-element-c57a568{width:100%;max-width:100%;}.elementor-3571 .elementor-element.elementor-element-c57a568 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-3571 .elementor-element.elementor-element-731b73cb{width:58.5%;}.elementor-3571 .elementor-element.elementor-element-1d249f76{width:41.5%;}}@media(max-width:1366px) and (min-width:768px){.elementor-3571 .elementor-element.elementor-element-731b73cb{width:56%;}.elementor-3571 .elementor-element.elementor-element-1d249f76{width:44%;}}@media(max-width:1200px) and (min-width:768px){.elementor-3571 .elementor-element.elementor-element-731b73cb{width:50%;}.elementor-3571 .elementor-element.elementor-element-1d249f76{width:50%;}}@media(max-width:880px) and (min-width:768px){.elementor-3571 .elementor-element.elementor-element-731b73cb{width:100%;}.elementor-3571 .elementor-element.elementor-element-1d249f76{width:100%;}}/* Start custom CSS for cms_slider, class: .elementor-element-54a86aba *//* Frosted panel behind hero text - homepage banner */
.ags-hero .cms-slider--content {
  max-width: 900px;
  padding: 38px 44px;
}
.ags-hero h1,
.ags-hero h2,
.ags-hero p {
  color: #ffffff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.9), 0 4px 18px rgba(0,0,0,0.55);
}
@media (max-width: 1024px) {
  .ags-hero .cms-slider--content {
    padding: 30px 28px;
  }
}
@media (max-width: 767px) {
  .ags-hero .cms-slider--content {
    padding: 24px 20px;
    border-radius: 4px;
  }
}
@media (max-width: 767px) {
  .ags-hero .cms-carousel {
    height: 700px !important;
  }
}
.ags-hero .cms-slider-title {
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for cms_service_carousel, class: .elementor-element-50820a0 *//* =====================================================
   AGS SERVICE CAROUSEL
   HIDE HOVER-ONLY READ MORE ON TOUCH DEVICES
===================================================== */

/* Keep normal desktop hover behaviour */
@media (min-width: 901px) {
    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="read-more"],
    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="readmore"],
    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="read_more"] {
        /* leave desktop widget behaviour untouched */
    }
}

/* Tablet portrait, mobile landscape, mobile portrait */
@media (max-width: 900px) {

    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="read-more"],
    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="readmore"],
    .elementor-3571 .elementor-element.elementor-element-50820a0 [class*="read_more"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

}

/* =============================================
   SERVICE CARD IMAGE HEIGHT (+~18%)
   Lightweight, widget-scoped override of the
   inline image height so service card imagery
   is more prominent. Keeps equal card heights,
   existing crop (object-fit:cover) and current
   hover/read-more behaviour untouched.
============================================= */
.elementor-3571 .elementor-element.elementor-element-50820a0 .cms-lazy.overflow-hidden.relative {
  max-height: 315px !important;
  min-height: 315px !important;
}/* End custom CSS */