.elementor-396 .elementor-element.elementor-element-2b370656{--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:center;--overlay-opacity:1;--padding-top:239px;--padding-bottom:68px;--padding-left:50px;--padding-right:050px;}.elementor-396 .elementor-element.elementor-element-2b370656:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-2b370656 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fergusonroofing.com/wp-content/uploads/2025/05/roof_hero_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-396 .elementor-element.elementor-element-2b370656::before, .elementor-396 .elementor-element.elementor-element-2b370656 > .elementor-background-video-container::before, .elementor-396 .elementor-element.elementor-element-2b370656 > .e-con-inner > .elementor-background-video-container::before, .elementor-396 .elementor-element.elementor-element-2b370656 > .elementor-background-slideshow::before, .elementor-396 .elementor-element.elementor-element-2b370656 > .e-con-inner > .elementor-background-slideshow::before, .elementor-396 .elementor-element.elementor-element-2b370656 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000054;--background-overlay:'';}.elementor-396 .elementor-element.elementor-element-81dc5cb{width:100%;max-width:100%;text-align:center;}.elementor-396 .elementor-element.elementor-element-81dc5cb .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:140px;font-weight:500;line-height:1em;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-27672db1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:025px;}.elementor-396 .elementor-element.elementor-element-27672db1:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-27672db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fergusonroofing.com/wp-content/uploads/2025/04/roof_scheme_bg_fade.png");background-position:0px -181px;background-repeat:no-repeat;}.elementor-396 .elementor-element.elementor-element-4f770f7e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-206a7665{--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:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-396 .elementor-element.elementor-element-4af694e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-4af694e .elementor-button-content-wrapper{flex-direction:row;}.elementor-396 .elementor-element.elementor-element-4af694e .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-396 .elementor-element.elementor-element-44e2b784 .elementor-heading-title{font-size:70px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-396 .elementor-element.elementor-element-368f96eb{font-family:"DM Sans", Sans-serif;}.elementor-396 .elementor-element.elementor-element-16c97e5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-16c97e5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-396 .elementor-element.elementor-element-16c97e5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-396 .elementor-element.elementor-element-6f08bd6{--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;--justify-content:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-396 .elementor-element.elementor-element-6f08bd6:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-6f08bd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-396 .elementor-element.elementor-element-a2ed200 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 050px 050px 050px;}.elementor-396 .elementor-element.elementor-element-5c313144{--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:100px;--padding-left:025px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-46d72d58{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:025px;}.elementor-396 .elementor-element.elementor-element-3dd4f3fe img{border-radius:20px 20px 20px 20px;}.elementor-396 .elementor-element.elementor-element-4bb0c53c{--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;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-396 .elementor-element.elementor-element-601b8d3a{text-align:left;}.elementor-396 .elementor-element.elementor-element-601b8d3a .elementor-heading-title{font-size:70px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-396 .elementor-element.elementor-element-47f9d95b{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-396 .elementor-element.elementor-element-5b7b58d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:025px;}.elementor-396 .elementor-element.elementor-element-7446f9c9 .elementor-heading-title{font-size:70px;font-weight:normal;color:var( --e-global-color-secondary );}.elementor-396 .elementor-element.elementor-element-15cb17d6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-396 .elementor-element.elementor-element-15cb17d6{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;}.elementor-396 .elementor-element.elementor-element-15cb17d6 .elementor-icon-list-text{transition:color 0.3s;}.elementor-396 .elementor-element.elementor-element-57dd0938{--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;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-4d145e41 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-4d145e41 img{width:622px;height:516.52px;object-fit:cover;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-396 .elementor-element.elementor-element-5803c683{--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:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-396 .elementor-element.elementor-element-5803c683:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-5803c683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fergusonroofing.com/wp-content/uploads/2025/01/shingle_bg_footer.webp");}.elementor-396 .elementor-element.elementor-element-3859eef0 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-396 .elementor-element.elementor-element-3859eef0{text-align:center;}.elementor-396 .elementor-element.elementor-element-3859eef0 .elementor-heading-title{font-weight:500;color:#FFFFFF;}.elementor-396 .elementor-element.elementor-element-b1f4c6f.elementor-element{--align-self:center;}:root{--page-title-display:none;}body.elementor-page-396{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-396 .elementor-element.elementor-element-2b370656{--content-width:1350px;}.elementor-396 .elementor-element.elementor-element-206a7665{--width:50%;}.elementor-396 .elementor-element.elementor-element-6f08bd6{--width:50%;}.elementor-396 .elementor-element.elementor-element-46d72d58{--width:50%;}.elementor-396 .elementor-element.elementor-element-4bb0c53c{--width:50%;}.elementor-396 .elementor-element.elementor-element-5b7b58d4{--width:50%;}.elementor-396 .elementor-element.elementor-element-57dd0938{--width:50%;}.elementor-396 .elementor-element.elementor-element-5803c683{--content-width:600px;}}@media(max-width:1024px) and (min-width:768px){.elementor-396 .elementor-element.elementor-element-206a7665{--width:100%;}.elementor-396 .elementor-element.elementor-element-6f08bd6{--width:95%;}.elementor-396 .elementor-element.elementor-element-46d72d58{--width:95%;}.elementor-396 .elementor-element.elementor-element-4bb0c53c{--width:100%;}.elementor-396 .elementor-element.elementor-element-5b7b58d4{--width:100%;}.elementor-396 .elementor-element.elementor-element-57dd0938{--width:100%;}}@media(max-width:1024px){.elementor-396 .elementor-element.elementor-element-81dc5cb .elementor-heading-title{font-size:100px;}.elementor-396 .elementor-element.elementor-element-27672db1:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-27672db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-396 .elementor-element.elementor-element-4f770f7e{--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;}.elementor-396 .elementor-element.elementor-element-6f08bd6{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:020px;}.elementor-396 .elementor-element.elementor-element-5c313144{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-46d72d58{--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-396 .elementor-element.elementor-element-47f9d95b{--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:0px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-396 .elementor-element.elementor-element-2b370656{--content-width:500px;--min-height:346px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-396 .elementor-element.elementor-element-2b370656:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-2b370656 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-415px 0px;}.elementor-396 .elementor-element.elementor-element-81dc5cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0178px 0px 088px 0px;}.elementor-396 .elementor-element.elementor-element-81dc5cb.elementor-element{--align-self:center;}.elementor-396 .elementor-element.elementor-element-81dc5cb .elementor-heading-title{font-size:50px;}.elementor-396 .elementor-element.elementor-element-27672db1:not(.elementor-motion-effects-element-type-background), .elementor-396 .elementor-element.elementor-element-27672db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-396 .elementor-element.elementor-element-27672db1{--padding-top:50px;--padding-bottom:0px;--padding-left:025px;--padding-right:025px;}.elementor-396 .elementor-element.elementor-element-4f770f7e{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-206a7665{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-44e2b784 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-44e2b784{text-align:left;}.elementor-396 .elementor-element.elementor-element-44e2b784 .elementor-heading-title{font-size:45px;}.elementor-396 .elementor-element.elementor-element-6f08bd6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-5c313144{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-46d72d58{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-4bb0c53c{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-601b8d3a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-396 .elementor-element.elementor-element-601b8d3a{text-align:left;}.elementor-396 .elementor-element.elementor-element-601b8d3a .elementor-heading-title{font-size:50px;}.elementor-396 .elementor-element.elementor-element-47f9d95b{--content-width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:025px;--padding-right:025px;}.elementor-396 .elementor-element.elementor-element-5b7b58d4{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-396 .elementor-element.elementor-element-7446f9c9{text-align:left;}.elementor-396 .elementor-element.elementor-element-7446f9c9 .elementor-heading-title{font-size:48px;}.elementor-396 .elementor-element.elementor-element-57dd0938{--width:100%;}.elementor-396 .elementor-element.elementor-element-4d145e41 img{width:100%;max-width:100%;height:315.56px;}.elementor-396 .elementor-element.elementor-element-5803c683{--content-width:100vw;}.elementor-396 .elementor-element.elementor-element-3859eef0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 025px 0px 025px;}.elementor-396 .elementor-element.elementor-element-3859eef0 .elementor-heading-title{font-size:42px;}}/* Start custom CSS for container, class: .elementor-element-27672db1 */position: relative;
z-index: 1;
}

&:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #f8f8f8); /* Adjust colors */
  z-index: 2;
  pointer-events: none;
}/* End custom CSS */