.elementor-56035 .elementor-element.elementor-element-48aebe3{--display:flex;}.elementor-56035 .elementor-element.elementor-element-48aebe3:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-48aebe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-56035 .elementor-element.elementor-element-28ce90b{--display:flex;}.elementor-56035 .elementor-element.elementor-element-28ce90b:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-28ce90b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-56035 .elementor-element.elementor-element-a78968c{--display:flex;--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-56035 .elementor-element.elementor-element-ee75e4d{--display:flex;--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-56035 .elementor-element.elementor-element-a4683d3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-element-c613e04{--display:flex;}.elementor-56035 .elementor-element.elementor-element-db9467f{--spacer-size:50px;}.elementor-56035 .elementor-element.elementor-element-c33d278{--display:flex;--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-56035 .elementor-element.elementor-element-2e65ede{--display:flex;--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-56035 .elementor-element.elementor-element-462b53a{--display:flex;}.elementor-56035 .elementor-element.elementor-element-8b06180{--spacer-size:50px;}.elementor-56035 .elementor-element.elementor-element-e9faaff{--display:flex;}.elementor-56035 .elementor-element.elementor-element-ac04329{--display:flex;--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-56035 .elementor-element.elementor-element-91099c3{--display:flex;}.elementor-56035 .elementor-element.elementor-element-fbfa300{--spacer-size:25px;}.elementor-56035 .elementor-element.elementor-element-b1b0023{--display:flex;--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-56035 .elementor-element.elementor-element-1e6c6c8{--display:flex;}.elementor-56035 .elementor-element.elementor-element-ad02f69{--spacer-size:50px;}.elementor-56035 .elementor-element.elementor-element-72c6d2e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-4214f1a{--display:flex;}.elementor-56035 .elementor-element.elementor-element-3aa336c6{text-align:start;}.elementor-56035 .elementor-element.elementor-element-3aa336c6 .elementor-heading-title{font-family:"BigNoodleTitling", Sans-serif;font-size:45px;font-weight:500;}.elementor-56035 .elementor-element.elementor-element-3f0e2926{text-align:start;}.elementor-56035 .elementor-element.elementor-element-5f07aa5b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-40e32896{--display:flex;}.elementor-56035 .elementor-element.elementor-element-3d5d7559 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-56035 .elementor-element.elementor-element-6900d9d3{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-text{color:var( --e-global-color-42ec561 );transition:color 0.3s;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-63d68cf );}.elementor-56035 .elementor-element.elementor-element-43665481{--display:flex;}.elementor-56035 .elementor-element.elementor-element-1a166827 .elementor-heading-title{font-family:"Work Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-item > a{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-text{color:var( --e-global-color-42ec561 );transition:color 0.3s;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-63d68cf );}.elementor-56035 .elementor-element.elementor-element-4ed20c0{--display:flex;}.elementor-56035 .elementor-element.elementor-element-7bcca9a{text-align:start;}.elementor-56035 .elementor-element.elementor-element-7bcca9a .elementor-heading-title{font-family:"BigNoodleTitling", Sans-serif;font-size:45px;font-weight:500;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item{margin:0px 0px 20px 0px;border-radius:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-single-item .exad-accordion-heading{font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-heading{padding:20px 20px 20px 20px;color:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-accordion-heading{margin:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon{font-size:20px;width:70px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon svg{height:20px;width:20px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title span.exad-tab-title-icon i{font-size:20px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-inactive-icon{font-size:20px;width:70px;fill:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-inactive-icon svg{height:20px;width:20px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title .exad-active-inactive-icon i{font-size:20px;color:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title.active .exad-active-inactive-icon{fill:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-title.active .exad-active-inactive-icon i{color:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-single-item .exad-accordion-text{color:#000000;margin:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-text{padding:20px 20px 20px 20px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-content .exad-accordion-content-wrapper{border-style:solid;border-width:0px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-image{padding:20px 20px 20px 20px;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-button a{padding:15px 40px 15px 40px;margin:30px 0px 0px 0px;color:#ffffff;background-color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}.elementor-56035 .elementor-element.elementor-element-1fd7176 .exad-accordion-items .exad-accordion-single-item .exad-accordion-button a:hover{color:#000000;background-color:#ffffff;}.elementor-56035 .elementor-element.elementor-element-9e61408{--display:flex;}.elementor-56035 .elementor-element.elementor-element-3f3a306{--spacer-size:25px;}.elementor-56035 .elementor-element.elementor-element-3deb6c33{--display:flex;--min-height:393px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56035 .elementor-element.elementor-element-3deb6c33:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c758b46 );}.elementor-56035 .elementor-element.elementor-element-3deb6c33::before, .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .elementor-background-video-container::before, .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .e-con-inner > .elementor-background-video-container::before, .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .elementor-background-slideshow::before, .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-56035 .elementor-element.elementor-element-3deb6c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-56035 .elementor-element.elementor-element-5cb8cd2b{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:10%;}.elementor-56035 .elementor-element.elementor-element-5cb8cd2b:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-5cb8cd2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e8f9f7e );}.elementor-56035 .elementor-element.elementor-global-53371 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;color:#000000;}.elementor-56035 .elementor-element.elementor-global-53365.elementor-element{--align-self:flex-start;}.elementor-56035 .elementor-element.elementor-global-53365 .exad-animated-text-animated-heading, .elementor-56035 .elementor-element.elementor-global-53365 span.typed-cursor{font-family:"Anton", Sans-serif;font-size:100px;font-weight:500;text-transform:uppercase;color:#4A2121;}.elementor-56035 .elementor-element.elementor-global-53365 .exad-animated-text-animated-heading{margin-left:8px;margin-right:8px;}.elementor-56035 .elementor-element.elementor-global-53368 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-global-53368 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:4.25px;color:#000000;}.elementor-56035 .elementor-element.elementor-global-53362 .elementor-button{background-color:#FFFFFF00;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;fill:#000000;color:#000000;padding:0px 0px 0px 0px;}.elementor-56035 .elementor-element.elementor-global-53362 .elementor-button:hover, .elementor-56035 .elementor-element.elementor-global-53362 .elementor-button:focus{color:#626060;}.elementor-56035 .elementor-element.elementor-global-53362 .elementor-button:hover svg, .elementor-56035 .elementor-element.elementor-global-53362 .elementor-button:focus svg{fill:#626060;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-4eaeaf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mooseroofing.com/wp-content/uploads/2026/06/down-net_http20260601-494-z3oqxy.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-56035 .elementor-element.elementor-element-28ed9b5{--display:flex;}.elementor-56035 .elementor-element.elementor-element-28ed9b5:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-28ed9b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-56035 .elementor-element.elementor-element-a7ea98c{--display:flex;}.elementor-56035 .elementor-element.elementor-element-a7ea98c:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-a7ea98c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-56035 .elementor-element.elementor-element-4eaeaf62{--width:100%;}}@media(max-width:1024px){.elementor-56035 .elementor-element.elementor-element-ee75e4d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56035 .elementor-element.elementor-element-72c6d2e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-5f07aa5b{--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-3deb6c33{--min-height:390px;}.elementor-56035 .elementor-element.elementor-global-53365 .exad-animated-text-animated-heading, .elementor-56035 .elementor-element.elementor-global-53365 span.typed-cursor{font-size:70px;}.elementor-56035 .elementor-element.elementor-global-53368 .elementor-heading-title{font-size:40px;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-4eaeaf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mooseroofing.com/wp-content/uploads/2026/06/down-net_http20260601-494-z3oqxy.jpg");background-position:center center;}}@media(max-width:767px){.elementor-56035 .elementor-element.elementor-element-8b06180{--spacer-size:25px;}.elementor-56035 .elementor-element.elementor-element-72c6d2e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-3aa336c6 .elementor-heading-title{font-size:40px;}.elementor-56035 .elementor-element.elementor-element-5f07aa5b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-56035 .elementor-element.elementor-element-3d5d7559 .elementor-heading-title{font-size:20px;}.elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56035 .elementor-element.elementor-element-6900d9d3 .elementor-icon-list-item > a{font-size:18px;}.elementor-56035 .elementor-element.elementor-element-1a166827 .elementor-heading-title{font-size:20px;}.elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-56035 .elementor-element.elementor-element-6db3d0b4 .elementor-icon-list-item > a{font-size:18px;}.elementor-56035 .elementor-element.elementor-element-7bcca9a{text-align:start;}.elementor-56035 .elementor-element.elementor-element-7bcca9a .elementor-heading-title{font-size:35px;}.elementor-56035 .elementor-element.elementor-element-3deb6c33{--min-height:450px;}.elementor-56035 .elementor-element.elementor-global-53365 .exad-animated-text-animated-heading, .elementor-56035 .elementor-element.elementor-global-53365 span.typed-cursor{font-size:55px;}.elementor-56035 .elementor-element.elementor-global-53368 > .elementor-widget-container{margin:-25px 0px -0px 0px;}.elementor-56035 .elementor-element.elementor-global-53368 .elementor-heading-title{font-size:32px;letter-spacing:3.25px;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62:not(.elementor-motion-effects-element-type-background), .elementor-56035 .elementor-element.elementor-element-4eaeaf62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mooseroofing.com/wp-content/uploads/2026/06/down-net_http20260601-494-z3oqxy.jpg");background-position:center center;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62{--min-height:200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-56035 .elementor-element.elementor-element-ee75e4d{--width:827px;}.elementor-56035 .elementor-element.elementor-element-5cb8cd2b{--width:55%;}.elementor-56035 .elementor-element.elementor-element-4eaeaf62{--width:45%;}}/* Start custom CSS for html, class: .elementor-element-1633290 *//* ==========================================
   INSULATION BACKGROUND HERO
========================================== */

.insulation-hero {
  --insulation-black: #000;
  --insulation-white: #ffffff;
  --insulation-maroon: #3a1717;
  --insulation-green: #454636;

  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(650px, 78vh, 850px);
  overflow: hidden;
  padding: 110px 30px;

  background-image:
    url("https://mooseroofing.com/wp-content/uploads/2026/08/ChatGPT-Image-Aug-21-2026-11_21_18-AM.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--insulation-white);
}

/* Dark gradient overlay */

.insulation-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      90deg,
      rgba(10, 10, 10, 0.9) 0%,
      rgba(10, 10, 10, 0.78) 38%,
      rgba(10, 10, 10, 0.4) 67%,
      rgba(10, 10, 10, 0.2) 100%
    );
}



/* Content container */

.insulation-hero__inner {
  position: relative;
  z-index: 2;
  width: min(100%, 1300px);
  margin: 0 auto;
}

.insulation-hero__content {
  max-width: 790px;
}

/* Eyebrow */

.insulation-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 24px;
  color: #e4e4e4;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.insulation-hero__eyebrow span {
  width: 38px;
  height: 2px;
  flex: 0 0 auto;
  background: #e4e4e4;
}

/* Heading */

.insulation-hero h1 {
  max-width: 850px;
  margin: 0;
  color: var(--insulation-white);
  font-size: 75px;
  line-height: 0.97;
  text-wrap: balance;
  text-transform: uppercase;
}

/* Description */

.insulation-hero__content > p {
  max-width: 660px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  line-height: 1.75;
}

/* Buttons */

.insulation-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 32px;
  margin-top: 38px;
}

.insulation-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--insulation-white)!important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}



.insulation-btn__icon {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;;
  color: var(--insulation-white);
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.insulation-btn__icon svg {
  width: 27px;
  height: 27px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-btn:hover .insulation-btn__icon {
  transform: none;
  background-color: #454636;
}

.insulation-btn:hover .insulation-btn__icon svg {
  transform: translate(3px);
  color: #fff;
}

.insulation-btn:hover .insulation-btn__icon {
  transform: translateX(5px);
  background-color: #454636;
  color: #fff !important;
  border-color : #454636;
}

/* Secondary button */

.insulation-btn--secondary .insulation-btn__icon {
  border-color: #fff;
  background: transparent;
  color: #fff;
}

.insulation-btn--secondary:hover {
  color: #454636;
}

.insulation-btn--secondary:hover .insulation-btn__icon {
  border-color: #454636;
  background-color: #454636;
}

.insulation-btn--secondary:hover .insulation-btn__icon svg{
  border-color: var(--insulation-green);
  color: #fff !important;
  
}

/* Decorative bottom label */

.insulation-hero__edge-text {
  position: absolute;
  right: 35px;
  bottom: 30px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {
  .insulation-hero {
    min-height: 680px;
    padding: 100px 40px;
    background-position: 60% center;
  }

  .insulation-hero__overlay {
    background:
      linear-gradient(
        90deg,
        rgba(10, 10, 10, 0.92) 0%,
        rgba(10, 10, 10, 0.76) 55%,
        rgba(10, 10, 10, 0.38) 100%
      );
  }

  .insulation-hero__content {
    max-width: 700px;
  }

  .insulation-hero h1 {
    font-size: clamp(3.2rem, 7vw, 5rem);
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-hero {
    align-items: flex-end;
    min-height: 700px;
    padding: 100px 22px 70px 27px;
    background-position: 62% center;
  }

  .insulation-hero::before {
    width: 6px;
  }

  .insulation-hero::after {
    right: -170px;
    bottom: -210px;
    width: 370px;
    height: 370px;
    border-width: 55px;
  }

  .insulation-hero__overlay {
    background:
      linear-gradient(
        180deg,
        rgba(10, 10, 10, 0.28) 0%,
        rgba(10, 10, 10, 0.62) 40%,
        rgba(10, 10, 10, 0.96) 100%
      );
  }

  .insulation-hero__eyebrow {
    gap: 9px;
    margin-bottom: 17px;
    font-size: 13px;
    letter-spacing: 0.15em;
  }

  .insulation-hero__eyebrow span {
    width: 25px;
  }

  .insulation-hero h1 {
    font-size: 45px;
    line-height: 1;
  }


  .insulation-hero__content > p {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.65;
  }

  .insulation-hero__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
    margin-top: 29px;
  }

  .insulation-btn__icon {
    width: 43px;
    height: 43px;
  }

  .insulation-hero__edge-text {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4683d3 *//* ==========================================
   INSULATION INTRO WITH IMAGE
========================================== */

.insulation-intro {
  --intro-black: #000;
  --intro-white: #ffffff;
  --intro-maroon: #3a1717;
  --intro-green: #454636;
  --intro-cream: #f3f1eb;
  --intro-gray: #f4f5f1;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 135px) 24px;
  background: var(--intro-white);
  color: var(--intro-black);
}

.insulation-intro__inner {
  display: grid;
  grid-template-columns: minmax(400px, 0.95fr) minmax(440px, 1.05fr);
  align-items: center;
  gap: clamp(60px, 8vw, 120px);
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* ==========================================
   IMAGE
========================================== */

.insulation-intro__visual {
  position: relative;
  padding: 0 25px 28px 0;
}

.insulation-intro__image-wrap {
  position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: clamp(480px, 48vw, 620px);
  background: var(--intro-green);
  border-radius: 10px;
}

.insulation-intro__image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(15, 15, 15, 0.3) 100%
    );
  pointer-events: none;
  border-radius: 5px;
}

.insulation-intro__image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
  border-radius: 4px;
}

.insulation-intro__visual:hover img {
  transform: scale(1.025);
}

/* Olive outline behind image */

.insulation-intro__image-accent {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border: 2px solid var(--intro-green);
  border-radius: 10px;
}

/* Image label */

.insulation-intro__image-note {
  position: absolute;
  right: -28px;
  bottom: 62px;
  z-index: 3;
  min-width: 190px;
  padding: 19px 24px;
  border-left: 4px solid var(--intro-maroon);
  background: var(--intro-white);
  box-shadow: 0 15px 38px rgba(0, 0, 0, 0.13);
  border-radius: 10px;
}

.insulation-intro__image-note strong,
.insulation-intro__image-note span {
  display: block;
}

.insulation-intro__image-note strong {
  margin-bottom: 4px;
  color: var(--intro-black);
  font-family: inherit;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}

.insulation-intro__image-note span {
  color: #3a1717;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* ==========================================
   CONTENT
========================================== */

.insulation-intro__content {
  max-width: 650px;
}

.insulation-intro__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 19px;
  color: var(--intro-maroon);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.insulation-intro__eyebrow span {
  width: 35px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--intro-maroon);
}

.insulation-intro h2 {
  max-width: 620px;
  margin: 0 0 30px;
  color: var(--intro-black);
  font-size: 55px;
  line-height: 0.98;
  letter-spacing: -0.04em;
}


.insulation-intro__content p {
  margin: 0 0 18px;
  color: #000;
  font-size: 15px;
  line-height: 1.75;
}

.insulation-intro__content .insulation-intro__lead {
  position: relative;
  margin-bottom: 24px;
  padding-left: 20px;
  color: var(--intro-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55;
}

.insulation-intro__lead::before {
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 3px;
  background: var(--intro-maroon);
}

/* ==========================================
   LINK BUTTON
========================================== */

.insulation-intro__link {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
  color: var(--intro-black);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
}


.insulation-intro__arrow {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background: none ;
  color: #464a31a3;
}

.insulation-intro__arrow svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-intro__link:hover .insulation-intro__arrow {
  border-color: #454636;
  color: #454636;
  background-color: #454636 ;
}

.insulation-intro__link:hover .insulation-intro__arrow svg {
  transform: translateX(3px);
  color:#fff;
}

/* ==========================================
   TABLET — REVISED
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .insulation-intro {
    padding: 85px 40px;
  }

  .insulation-intro__inner {
    grid-template-columns: 1fr;
    gap: 65px;
    width: min(100%, 760px);
  }

  .insulation-intro__visual,
  .insulation-intro__content {
    width: 100%;
    min-width: 0;
  }

  .insulation-intro__visual {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 20px 23px 0;
  }

  .insulation-intro__image-wrap {
    min-height: 520px;
  }

  .insulation-intro__image-wrap img {
    object-position: center;
  }

  .insulation-intro__image-note {
    right: 0;
    bottom: 50px;
  }

  .insulation-intro__content {
    max-width: 680px;
    margin: 0 auto;
  }

  .insulation-intro h2 {
    max-width: 100%;
    font-size: clamp(3rem, 6.5vw, 4.3rem);
    line-height: 1.02;
    overflow-wrap: break-word;
  }

  .insulation-intro__content p {
    max-width: 100%;
  }

  .insulation-intro__link {
    max-width: 100%;
  }

  .insulation-intro__link > span:first-child {
    min-width: 0;
    overflow-wrap: break-word;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-intro {
    padding: 70px 20px 75px;
  }

  .insulation-intro__inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .insulation-intro__visual {
    padding: 0 13px 16px 0;
  }

  .insulation-intro__image-wrap {
    min-height: 390px;
  }

  .insulation-intro__image-wrap img {
    object-position: center;
  }

  .insulation-intro__image-accent {
    width: calc(100% - 28px);
    height: calc(100% - 28px);
  }

  .insulation-intro__image-note {
    right: -1px;
    bottom: 35px;
    min-width: 165px;
    padding: 16px 19px;
  }

  .insulation-intro__image-note strong {
    font-size: 1.15rem;
  }

  .insulation-intro__eyebrow {
    font-size: 13px;
  }

  .insulation-intro__eyebrow span {
    width: 28px;
  }

  .insulation-intro h2 {
    margin-bottom: 25px;
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .insulation-intro__content .insulation-intro__lead {
    padding-left: 17px;
    font-size: 15px;
  }

  .insulation-intro__content p {
    font-size: 15px;
    line-height: 1.7;
  }

  .insulation-intro__link {
    align-items: center;
    font-size: 14px;
  }
  
  .insulation-intro__content {
  min-width: 0;
}

.insulation-intro h2,
.insulation-intro p,
.insulation-intro a {
  overflow-wrap: break-word;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3709c8 *//* ==========================================
   SIGNS YOU MAY NEED INSULATION
========================================== */

.insulation-signs {
  --signs-black: #151515;
  --signs-white: #ffffff;
  --signs-maroon: #3a1717;
  --signs-grey: #f5f4f1;
  --signs-cream: #f3f1eb;
  --signs-light-green: #d8dfd2;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 135px) 24px;
  background: var(--signs-grey);
  color: var(--signs-white);
}

.insulation-signs::after {
  content: "";
  position: absolute;
  top: -250px;
  right: -250px;
  width: 600px;
  height: 600px;
  border: 90px solid rgba(255, 255, 255, 0.025);
  border-radius: 50%;
  pointer-events: none;
}

.insulation-signs__inner {
  position: relative;
  z-index: 2;
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* ==========================================
   SECTION HEADER
========================================== */

.insulation-signs__header {
  padding-bottom: clamp(45px, 6vw, 75px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.insulation-signs__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 21px;
  color: #3a1717;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.insulation-signs__eyebrow span {
  width: 35px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--signs-maroon);
}

.insulation-signs__heading-row {
  display: grid;
  grid-template-columns: minmax(400px, 1.2fr) minmax(320px, 0.8fr);
  align-items: end;
}

.insulation-signs h2 {
  max-width: 760px;
  margin: 0;
  color: #000;
  font-size: 55px;
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.insulation-signs__heading-row > p {
  max-width: 510px;
  margin: 0 0 5px;
  color: #3a1717;
  font-size: 15px;
  line-height: 1.75;
}

/* ==========================================
   SIGNS LAYOUT
========================================== */

.insulation-signs__layout {
  display: grid;
  grid-template-columns: minmax(500px, 1fr) minmax(300px, 0.4fr);
  align-items: start;
  gap: clamp(55px, 8vw, 110px);
  margin-top: clamp(45px, 6vw, 70px);
}

.insulation-signs__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(35px, 5vw, 70px);
}

/* Individual signs */

.insulation-signs__item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 16px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.insulation-signs__item:nth-child(-n + 2) {
  padding-top: 0;
}

.insulation-signs__number {
  color: #3a1717;
  font-family: inherit;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
}

.insulation-signs__item h3 {
  margin: 0 0 9px;
  color: #000;
  font-size: 20px;
  font-weight: 00;
  line-height: 1.3;
}

.insulation-signs__item p {
  margin: 0;
  color: #0a0a0a;
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================
   IMPORTANT NOTE
========================================== */

.insulation-signs__aside {
  position: relative;
  padding: clamp(30px, 4vw, 45px);
  border-top: 4px solid var(--signs-maroon);
  background: var(--signs-white);
  color: var(--signs-black);
  border-radius: 10px;
}

.insulation-signs__aside-label {
  display: block;
  margin-bottom: 19px;
  color: var(--signs-maroon);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.17em;
  line-height: 1.3;
  text-transform: uppercase;
}

.insulation-signs__aside p {
  margin: 0 0 18px;
  color: #0a0a0a;
  font-size: 15px;
  line-height: 1.7;
}

.insulation-signs__aside strong {
  display: block;
  padding-top: 18px;
  border-top: 1px solid rgba(21, 21, 21, 0.14);
  color: var(--signs-black);
  font-size: 1.04rem;
  font-weight: 650;
  line-height: 1.55;
}

/* ==========================================
   LINK BUTTON
========================================== */

.insulation-signs__link {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 27px;
  color: var(--signs-black);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}


.insulation-signs__arrow {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background: none;
  color: #464a31a3;
}

.insulation-signs__arrow svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-signs__link:hover .insulation-signs__arrow   {
  border-color: #454636;
  color: #454636;
  background-color: #454636;
}

.insulation-signs__link:hover .insulation-signs__arrow svg {
  transform: translateX(3px);
  color: #fff;
}

/* ==========================================
   TABLET
========================================== */

@media (max-width: 1024px) {
  .insulation-signs__heading-row {
    grid-template-columns: minmax(350px, 1fr) minmax(280px, 0.75fr);
    gap: 50px;
  }

  .insulation-signs__layout {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .insulation-signs__aside {
    max-width: 640px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-signs {
    padding: 70px 20px 75px;
  }

  .insulation-signs::after {
    display: none;
  }

  .insulation-signs__header {
    padding-bottom: 40px;
  }

  .insulation-signs__eyebrow {
    font-size: 13px;
  }

  .insulation-signs__eyebrow span {
    width: 28px;
  }

  .insulation-signs__heading-row {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .insulation-signs h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .insulation-signs__heading-row > p {
    font-size: 0.98rem;
    line-height: 1.7;
  }

  .insulation-signs__layout {
    gap: 45px;
    margin-top: 42px;
  }

  .insulation-signs__list {
    grid-template-columns: 1fr;
  }

  .insulation-signs__item {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 13px;
    padding: 24px 0;
  }

  .insulation-signs__item:nth-child(2) {
    padding-top: 24px;
  }

  .insulation-signs__item h3 {
    font-size: 20px;
  }

  .insulation-signs__aside {
    padding: 29px 24px;
  }
  .insulation-signs__number {
      font-size: 15px;
  }
  .insulation-signs__link {
      font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c8308c *//* ==========================================
   INSULATION SERVICES
========================================== */

.insulation-services {
  --services-black: #151515;
  --services-white: #ffffff;
  --services-maroon: #3a1717;
  --services-green: #454636;
  --services-cream: #e4e4e4;
  --services-gray: #f4f5f1;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 135px) 24px;
  background: #fff;
  color: #fff;
}

.insulation-services__inner {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(520px, 1.28fr);
  align-items: start;
  gap: clamp(65px, 9vw, 135px);
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* ==========================================
   INTRODUCTION
========================================== */

.insulation-services__intro {
  position: sticky;
  top: 125px;
  min-width: 0;
}

.insulation-services__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--services-maroon);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.insulation-services__eyebrow span {
  width: 35px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--services-maroon);
}

.insulation-services h2 {
  max-width: 530px;
  margin: 0;
  color: var(--services-black);
  font-size: 60px;
  line-height: 0.99;
  letter-spacing: -0.04em;
}

.insulation-services__intro > p {
  max-width: 500px;
  margin: 27px 0 0;
  color: #000;
  font-size: 15px;
  line-height: 1.75;
}

/* ==========================================
   CTA BUTTON
========================================== */

.insulation-services__button {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-top: 31px;
  color: #464a31a3;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.insulation-services__button-icon {
  display: grid;
  width: 45px;
  height: 45px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background: none;
  color: #464a31a3;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease;
    transform: 0.25s ease;
}

.insulation-services__button-icon svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-services__button:hover .insulation-services__button-icon {
  transform: translateX(5px);
  color: var(--services-green);
  background-color: #454636;
  border-color: #454636;
  
}

.insulation-services__button:hover .insulation-services__button-icon svg {
  transform: translateX(3px);
  color: #fff;
 
}

/* ==========================================
   SERVICE ROWS
========================================== */

.insulation-services__list {
  min-width: 0;
  border-top: 1px solid rgba(21, 21, 21, 0.18);
}

.insulation-service {
  position: relative;
  padding: clamp(32px, 4vw, 48px) 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.18);
}

.insulation-service::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--services-maroon);
  transition: width 0.4s ease;
}

.insulation-service:hover::before {
  width: 85px;
}

.insulation-service__top {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.insulation-service__number {
  padding-top: 4px;
  color: var(--services-maroon);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700 ;
}

.insulation-service__label {
  display: block;
  margin-bottom: 8px;
  color: var(--services-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-service h3 {
  margin: 0;
  color: var(--services-black);
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.025em;
}


.insulation-service > p {
  max-width: 650px;
  margin: 18px 42px 0 60px;
  color: #0a0a0a;
  font-size: 0.97rem;
  line-height: 1.75;
}

/* ==========================================
   COMPLETE ATTIC APPROACH
========================================== */

.insulation-services__note {
  position: relative;
  display: block;
  margin-top: 30px;
  padding: 27px 26px 27px 30px;
  border-left: 4px solid var(--services-maroon);
  background: var(--services-green);
  color: var(--services-white);
  border-radius: 10px;
}

.insulation-services__note::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 42px;
  height: 42px;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  pointer-events: none;
}

.insulation-services__note-label {
  display: block;
  margin-bottom: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-services__note p {
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .insulation-services {
    padding: 85px 40px;
  }

  .insulation-services__inner {
    grid-template-columns: 1fr;
    gap: 60px;
    width: min(100%, 760px);
  }

  .insulation-services__intro {
    position: static;
    max-width: 650px;
  }

  .insulation-services h2 {
    max-width: 650px;
    font-size: clamp(3rem, 6vw, 4.2rem);
  }

  .insulation-service > p {
    max-width: 620px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-services {
    padding: 70px 20px 75px;
  }

  .insulation-services__inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .insulation-services__intro {
    position: static;
  }

  .insulation-services__eyebrow {
    font-size: 13px;
  }

  .insulation-services__eyebrow span {
    width: 15px;
  }

  .insulation-services h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .insulation-services__intro > p {
    font-size: 15px;
    line-height: 1.7;
  }

  .insulation-service {
    padding: 30px 0;
  }

  .insulation-service__top {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
  }


  .insulation-service h3 {
    font-size: 20px;
  }

  .insulation-service > p {
    margin: 16px 0 0 44px;
    font-size: 15px;
    line-height: 1.7;
  }

  @media (max-width: 767px) {
  .insulation-services__note {
    margin-top: 26px;
    padding: 24px 22px;
  }

  .insulation-services__note::after {
    right: 14px;
    bottom: 14px;
    width: 32px;
    height: 32px;
  }
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2023f0 *//* ==========================================
   INSULATION INSPECTION PROCESS
========================================== */

.insulation-process {
  --process-black: #0a0a0a;
  --process-white: #ffffff;
  --process-maroon: #3a1717;
  --process-green: #454636;
  --process-cream: #f3f1eb;
  --process-gray: #f4f5f1;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 115px) 24px;
  background: var(--process-white);
  color: var(--process-black);
}

.insulation-process__inner {
  width: min(100%, 1320px);
  margin: 0 auto;
}

/* ==========================================
   HEADER
========================================== */

.insulation-process__header {
  display: grid;
  grid-template-columns: minmax(460px, 1.2fr) minmax(300px, 0.6fr);
  align-items: end;
  gap: clamp(55px, 9vw, 135px);
  margin-bottom: clamp(55px, 7vw, 85px);
}

.insulation-process__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--process-maroon);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.insulation-process__eyebrow span {
  width: 35px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--process-maroon);
}

.insulation-process h2 {
  max-width: 800px;
  margin: 0;
  color: var(--process-black);
  font-size: 60px;
  line-height: 0.99;
  letter-spacing: -0.04em;
}

.insulation-process__introduction p {
  max-width: 470px;
  margin: 0 0 5px;
  color: var(--process-maroon);
  font-size: 15px;
  line-height: 1.75;
}

/* ==========================================
   PROCESS STEPS
========================================== */

.insulation-process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(21, 21, 21, 0.18);
  list-style: none;
}

.insulation-process__step {
  position: relative;
  min-width: 0;
  padding: 34px clamp(20px, 2.3vw, 32px) 38px;
  border-right: 1px solid rgba(21, 21, 21, 0.14);
}

.insulation-process__step:first-child {
  padding-left: 0;
}

.insulation-process__step:last-child {
  padding-right: 0;
  border-right: 0;
}



.insulation-process__step:hover::before {
  width: 82px;
}

.insulation-process__number {
  display: block;
  margin-bottom: 36px;
  color: #3a1717;
  font-family: inherit;
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.25s ease;
}

.insulation-process__step:hover .insulation-process__number {
  color: var(--process-maroon);
}

.insulation-process__label {
  display: block;
  margin-bottom: 8px;
  color: var(--process-maroon);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-process__step h3 {
  margin: 0 0 13px;
  color: var(--process-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.insulation-process__step p {
  margin: 0;
  color: var(--process-black);
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================
   FOOTER CALLOUT
========================================== */

.insulation-process__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  margin-top: clamp(45px, 6vw, 70px);
  padding: clamp(27px, 4vw, 40px) clamp(25px, 5vw, 60px);
  border-left: 5px solid var(--process-maroon);
  background: var(--process-green);
  color: var(--process-white);
}

.insulation-process__footer-copy {
  max-width: 720px;
}

.insulation-process__footer-copy > span {
  display: block;
  margin-bottom: 7px;
  color: #ead9dd;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-process__footer-copy p {
  margin: 0;
  color: var(--process-white);
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  font-weight: 500;
  line-height: 1.55;
}

/* ==========================================
   FOOTER BUTTON
========================================== */

.insulation-process__button {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  flex: 0 0 auto;
  color: var(--process-white);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.insulation-process__button-icon {
  display: grid;
  width: 45px;
  height: 45px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--process-maroon);
  border-radius: 50%;
  background: var(--process-maroon);
  color: var(--process-white);
}

.insulation-process__button-icon svg {
  width: 18px;
  height: 18px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-process__button:hover {
  color: #ead9dd;
}

.insulation-process__button:hover
.insulation-process__button-icon svg {
  transform: translateX(3px);
}

/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .insulation-process {
    padding: 85px 40px;
  }

  .insulation-process__header {
    grid-template-columns: 1fr;
    gap: 27px;
    width: min(100%, 760px);
  }

  .insulation-process h2 {
    max-width: 720px;
    font-size: clamp(3rem, 6.2vw, 4.3rem);
  }

  .insulation-process__introduction p {
    max-width: 650px;
  }

  .insulation-process__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .insulation-process__step {
    padding: 34px 30px 42px;
    border-right: 1px solid rgba(21, 21, 21, 0.14);
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .insulation-process__step:first-child {
    padding-left: 30px;
  }

  .insulation-process__step:last-child {
    padding-right: 30px;
    border-bottom: 0;
  }

  .insulation-process__step:nth-child(even) {
    border-right: 0;
  }

  .insulation-process__step:nth-child(5) {
    grid-column: 1 / -1;
  }

  .insulation-process__step:nth-child(5)
  .insulation-process__step-content {
    max-width: 520px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-process {
    padding: 70px 20px 75px;
  }

  .insulation-process__header {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 50px;
  }

  .insulation-process__eyebrow {
    font-size: 13px;
  }

  .insulation-process__eyebrow span {
    width: 15px;
  }

  .insulation-process h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .insulation-process__introduction p {
    font-size: 15px;
    line-height: 1.7;
  }

  .insulation-process__steps {
    grid-template-columns: 1fr;
  }

  .insulation-process__step,
  .insulation-process__step:first-child,
  .insulation-process__step:last-child {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 18px;
    padding: 29px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .insulation-process__step:last-child {
    border-bottom: 0;
  }

  .insulation-process__step::before {
    display: none;
  }

  .insulation-process__number {
    margin: 0;
    font-size: 15px;
  }

  .insulation-process__step h3 {
    font-size: 20px;
  }

  .insulation-process__step p {
    font-size: 15px;
  }

  .insulation-process__footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 25px;
    margin-top: 45px;
    padding: 28px 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0901422 *//* ==========================================
   INSULATION BENEFITS
========================================== */

.insulation-benefits {
  --benefits-black: #0a0a0a;
  --benefits-white: #ffffff;
  --benefits-maroon: #3a1717;
  --benefits-green: #454636;
  --benefits-cream: #f3f1eb;
  --benefits-gray: #f4f5f1;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 135px) 24px;
  background: var(--benefits-gray);
  color: var(--benefits-black);
}

.insulation-benefits__inner {
  display: grid;
  grid-template-columns: minmax(350px, 0.72fr) minmax(540px, 1.28fr);
  align-items: stretch;
  gap: clamp(55px, 8vw, 110px);
  width: min(100%, 1320px);
  margin: 0 auto;
}

/* ==========================================
   INTRODUCTION PANEL
========================================== */

.insulation-benefits__intro {
  position: relative;
  overflow: hidden;
  padding: clamp(38px, 5vw, 65px);
  background: var(--benefits-maroon);
  color: var(--benefits-white);
  border-radius: 10px;
}

.insulation-benefits__intro::after {
  content: "";
  position: absolute;
  right: -130px;
  bottom: -150px;
  width: 310px;
  height: 310px;
  border: 48px solid rgba(255, 255, 255, 0.045);
  border-radius: 50%;
  pointer-events: none;
}

.insulation-benefits__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 21px;
  color: #e4e4e4;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.insulation-benefits__eyebrow span {
  width: 35px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--benefits-white);
}

.insulation-benefits h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  color: var(--benefits-white);
  font-size: 60px;
  line-height: 0.99;
  letter-spacing: -0.04em;
}

.insulation-benefits__intro > p {
  position: relative;
  z-index: 2;
  margin: 27px 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
  line-height: 1.75;
}

/* Fact inside introduction */

.insulation-benefits__fact {
  position: relative;
  z-index: 2;
  margin-top: clamp(45px, 7vw, 90px);
  padding-top: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}

.insulation-benefits__fact span {
  display: block;
  margin-bottom: 11px;
  color: #e4e4e4;
  font-size:12px ;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-benefits__fact strong {
  display: block;
  color: var(--benefits-white);
  font-size: 20px;
  font-weight: 550;
  line-height: 1.55;
}

/* ==========================================
   BENEFITS LIST
========================================== */

.insulation-benefits__content {
  min-width: 0;
}

.insulation-benefits__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(35px, 5vw, 70px);
  border-top: 1px solid rgba(21, 21, 21, 0.18);
}

.insulation-benefit {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  padding: clamp(28px, 3.5vw, 40px) 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.16);
}

.insulation-benefit__number {
  padding-top: 3px;
  color: var(--benefits-maroon);
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.insulation-benefit h3 {
  margin: 0 0 10px;
  color: var(--benefits-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.insulation-benefit p {
  margin: 0;
  color: var(--benefits-black);
  font-size: 0.91rem;
  line-height: 1.65;
}

/* ==========================================
   BOTTOM NOTE
========================================== */

.insulation-benefits__note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  margin-top: 36px;
  padding: 26px 0 0;
}

.insulation-benefits__note > div {
  max-width: 490px;
}

.insulation-benefits__note > div > span {
  display: block;
  margin-bottom: 7px;
  color: var(--benefits-green);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.insulation-benefits__note p {
  margin: 0;
  color: var(--benefits-gray);
  font-size: 0.9rem;
  line-height: 1.6;
}

/* ==========================================
   BUTTON
========================================== */

.insulation-benefits__button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: var(--benefits-black);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.insulation-benefits__button-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background:none;
  color: #464a31a3;
  transition: transform 0.25s ease;
}

.insulation-benefits__button-icon svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.insulation-benefits__button:hover
.insulation-benefits__button-icon{
  color: var(--benefits-green);
  transform: translateX(3px);
  background-color: #454636;
  border-color: #454636;
  
}

.insulation-benefits__button:hover
.insulation-benefits__button-icon svg {
  transform: translateX(3px);
  color: #fff;
}

/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .insulation-benefits {
    padding: 85px 40px;
  }

  .insulation-benefits__inner {
    grid-template-columns: 1fr;
    gap: 55px;
    width: min(100%, 760px);
  }

  .insulation-benefits__intro {
    padding: 48px;
  }

  .insulation-benefits h2 {
    max-width: 650px;
    font-size: clamp(3rem, 6.2vw, 4.2rem);
  }

  .insulation-benefits__intro > p {
    max-width: 640px;
  }

  .insulation-benefits__fact {
    max-width: 630px;
    margin-top: 45px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .insulation-benefits {
    padding: 70px 20px 75px;
  }

  .insulation-benefits__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .insulation-benefits__intro {
    padding: 35px 27px;
  }

  .insulation-benefits__eyebrow {
    font-size: 13px;
  }

  .insulation-benefits__eyebrow span {
    width: 15px;
  }

  .insulation-benefits h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .insulation-benefits__intro > p {
    font-size: 15px;
    line-height: 1.7;
  }

  .insulation-benefits__fact {
    margin-top: 38px;
  }

  .insulation-benefits__list {
    grid-template-columns: 1fr;
  }

  .insulation-benefit {
    padding: 27px 0;
  }

  .insulation-benefit h3 {
    font-size: 20px;
  }

  .insulation-benefits__note {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    margin-top: 31px;
  }
  .insulation-benefits__button{
      font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59055b *//* ==========================================
   WHY MOOSE ROOFING — TRUST SIGNALS
========================================== */

.moose-trust {
  --trust-black: #000;
  --trust-white: #ffffff;
  --trust-maroon: #3a1717;
  --trust-green: #454636;
  --trust-cream: #f3f1eb;
  --trust-gray: #f4f5f1;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 130px) 24px;
  background: var(--trust-black);
  color: var(--trust-black);
}

.moose-trust__inner {
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* ==========================================
   HEADER
========================================== */

.moose-trust__header {
  max-width: 850px;
  margin: 0 auto clamp(50px, 7vw, 78px);
  text-align: center;
}

.moose-trust__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  color: #e4e4e4;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.moose-trust__eyebrow span {
  width: 34px;
  height: 2px;
  flex: 0 0 auto;
  background: #e4e4e4;
}

.moose-trust h2 {
  margin: 0;
  color: var(--trust-white);
  font-size: 60px;
  line-height: 0.99;
  letter-spacing: 0px;
  font-weight: 100;
}

.moose-trust__header > p {
  max-width: 720px;
  margin: 25px auto 0;
  color: var(--trust-white);
  font-size: 15px;
  line-height: 1.75;
  text-align: center;
}

/* ==========================================
   TRUST SIGNAL BAND
========================================== */

.moose-trust__signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: clamp(30px, 4vw, 45px) 0;
  border-top: 1px solid rgba(21, 21, 21, 0.16);
  border-bottom: 1px solid rgba(21, 21, 21, 0.16);
}

.moose-trust__signal {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 4px clamp(22px, 3vw, 40px);
  border-right: 2px solid #e4e4e4;
}

.moose-trust__signal:first-child {
  padding-left: 0;
}

.moose-trust__signal:last-child {
  padding-right: 0;
  border-right: 0;
}

.moose-trust__signal svg {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--trust-white);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moose-trust__signal div {
  min-width: 0;
}

.moose-trust__signal strong,
.moose-trust__signal span {
  display: block;
}

.moose-trust__signal strong {
  margin-bottom: 5px;
  color: var(--trust-gray);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.moose-trust__signal span {
  color: var(--trust-green);
  font-size: 12px;
  line-height: 1.45;
  text-transform: uppercase;
  font-weight: 700;
}

/* ==========================================
   BOTTOM MESSAGE
========================================== */

.moose-trust__message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  max-width: 1040px;
  margin: clamp(45px, 6vw, 70px) auto 0;
  padding: 30px 34px;
  border-left: 4px solid var(--trust-maroon);
  background: var(--trust-white);
}

.moose-trust__message-copy {
  max-width: 680px;
}

.moose-trust__message-copy > span {
  display: block;
  margin-bottom: 7px;
  color: var(--trust-maroon);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.moose-trust__message-copy p {
  margin: 0;
  color: var(--trust-black);
  font-size: 15px;
  line-height: 1.65;
}

/* ==========================================
   BUTTON
========================================== */

.moose-trust__button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: var(--trust-black);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.moose-trust__button-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background: none;
  color: #464a31a3;
  transition: transform 0.25s ease;
}

.moose-trust__button-icon svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.moose-trust__button:hover .moose-trust__button-icon {
  color: var(--trust-white);
  background-color: #454636;
  border-color: #454636;
  transform: translateX(3px);
}

.moose-trust__button:hover .moose-trust__button-icon svg {
  transform: translateX(3px);
}

/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .moose-trust {
    padding: 85px 40px;
  }

  .moose-trust__header {
    max-width: 720px;
  }

  .moose-trust h2 {
    font-size: clamp(3rem, 6.2vw, 4.3rem);
  }

  .moose-trust__signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }

  .moose-trust__signal {
    padding: 27px 25px;
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .moose-trust__signal:first-child {
    padding-left: 25px;
  }

  .moose-trust__signal:nth-child(2) {
    border-right: 0;
  }

  .moose-trust__signal:nth-child(3),
  .moose-trust__signal:nth-child(4) {
    border-bottom: 0;
  }

  .moose-trust__signal:last-child {
    padding-right: 25px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .moose-trust {
    padding: 70px 20px 75px;
  }

  .moose-trust__header {
    margin-bottom: 45px;
    text-align: left;
  }

  .moose-trust__eyebrow {
    justify-content: flex-start;
    font-size: 13px;
  }

  .moose-trust__eyebrow span {
    width: 15px;
  }

  .moose-trust__eyebrow span:last-child {
    display: none;
  }

  .moose-trust h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

.moose-trust h3 {
    font-size: 20px;
  }
  .moose-trust__header > p {
    margin-left: 0;
    font-size: 15px;
    line-height: 1.7;
  }

  .moose-trust__signals {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .moose-trust__signal,
  .moose-trust__signal:first-child,
  .moose-trust__signal:last-child {
    padding: 22px 3px;
    border-right: 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .moose-trust__signal:last-child {
    border-bottom: 0;
  }

  .moose-trust__message {
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
    margin-top: 42px;
    padding: 27px 23px;
  }
  .moose-trust__button{
      font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1b0023 *//* ==========================================
   WHY MOOSE ROOFING — TRUST SIGNALS
========================================== */

.moose-trust {
  --trust-black: #151515;
  --trust-white: #ffffff;
  --trust-maroon: #702936;
  --trust-green: #3f4939;
  --trust-cream: #f3f1eb;
  --trust-gray: #62625e;

  position: relative;
  overflow: hidden;
  padding: clamp(80px, 9vw, 130px) 24px;
  background: var(--trust-white);
  color: var(--trust-black);
}

.moose-trust__inner {
  width: min(100%, 1280px);
  margin: 0 auto;
}

/* ==========================================
   HEADER
========================================== */

.moose-trust__header {
  max-width: 850px;
  margin: 0 auto clamp(50px, 7vw, 78px);
  text-align: center;
}

.moose-trust__eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--trust-maroon);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.moose-trust__eyebrow span {
  width: 34px;
  height: 2px;
  flex: 0 0 auto;
  background: var(--trust-maroon);
}

.moose-trust h2 {
  margin: 0;
  color: var(--trust-black);
  font-size: clamp(2.65rem, 5vw, 4.9rem);
  font-weight: 750;
  line-height: 0.99;
  letter-spacing: -0.04em;
}

.moose-trust__header > p {
  max-width: 720px;
  margin: 25px auto 0;
  color: var(--trust-gray);
  font-size: 1.02rem;
  line-height: 1.75;
}

/* ==========================================
   TRUST SIGNAL BAND
========================================== */

.moose-trust__signals {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: clamp(30px, 4vw, 45px) 0;
  border-top: 1px solid rgba(21, 21, 21, 0.16);
  border-bottom: 1px solid rgba(21, 21, 21, 0.16);
}

.moose-trust__signal {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 4px clamp(22px, 3vw, 40px);
  border-right: 1px solid rgba(21, 21, 21, 0.14);
}

.moose-trust__signal:first-child {
  padding-left: 0;
}

.moose-trust__signal:last-child {
  padding-right: 0;
  border-right: 0;
}

.moose-trust__signal svg {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  fill: none;
  stroke: var(--trust-maroon);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.moose-trust__signal div {
  min-width: 0;
}

.moose-trust__signal strong,
.moose-trust__signal span {
  display: block;
}

.moose-trust__signal strong {
  margin-bottom: 5px;
  color: var(--trust-black);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-weight: 700;
  line-height: 1.3;
}

.moose-trust__signal span {
  color: var(--trust-gray);
  font-size: 0.74rem;
  line-height: 1.45;
}

/* ==========================================
   BOTTOM MESSAGE
========================================== */

.moose-trust__message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
  max-width: 1040px;
  margin: clamp(45px, 6vw, 70px) auto 0;
  padding: 30px 34px;
  border-left: 4px solid var(--trust-maroon);
  background: var(--trust-cream);
}

.moose-trust__message-copy {
  max-width: 680px;
}

.moose-trust__message-copy > span {
  display: block;
  margin-bottom: 7px;
  color: var(--trust-green);
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-transform: uppercase;
}

.moose-trust__message-copy p {
  margin: 0;
  color: var(--trust-gray);
  font-size: 0.95rem;
  line-height: 1.65;
}

/* ==========================================
   BUTTON
========================================== */

.moose-trust__button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: var(--trust-black);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.moose-trust__button-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--trust-maroon);
  border-radius: 50%;
  background: var(--trust-maroon);
  color: var(--trust-white);
}

.moose-trust__button-icon svg {
  width: 18px;
  height: 18px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.moose-trust__button:hover {
  color: var(--trust-maroon);
}

.moose-trust__button:hover .moose-trust__button-icon svg {
  transform: translateX(3px);
}

/* ==========================================
   TABLET
========================================== */

@media (min-width: 768px) and (max-width: 1024px) {
  .moose-trust {
    padding: 85px 40px;
  }

  .moose-trust__header {
    max-width: 720px;
  }

  .moose-trust h2 {
    font-size: clamp(3rem, 6.2vw, 4.3rem);
  }

  .moose-trust__signals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }

  .moose-trust__signal {
    padding: 27px 25px;
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .moose-trust__signal:first-child {
    padding-left: 25px;
  }

  .moose-trust__signal:nth-child(2) {
    border-right: 0;
  }

  .moose-trust__signal:nth-child(3),
  .moose-trust__signal:nth-child(4) {
    border-bottom: 0;
  }

  .moose-trust__signal:last-child {
    padding-right: 25px;
  }
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  .moose-trust {
    padding: 70px 20px 75px;
  }

  .moose-trust__header {
    margin-bottom: 45px;
    text-align: left;
  }

  .moose-trust__eyebrow {
    justify-content: flex-start;
    font-size: 0.65rem;
  }

  .moose-trust__eyebrow span {
    width: 27px;
  }

  .moose-trust__eyebrow span:last-child {
    display: none;
  }

  .moose-trust h2 {
    font-size: clamp(2.5rem, 12vw, 3.6rem);
  }

  .moose-trust__header > p {
    margin-left: 0;
    font-size: 0.97rem;
    line-height: 1.7;
  }

  .moose-trust__signals {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .moose-trust__signal,
  .moose-trust__signal:first-child,
  .moose-trust__signal:last-child {
    padding: 22px 3px;
    border-right: 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.14);
  }

  .moose-trust__signal:last-child {
    border-bottom: 0;
  }

  .moose-trust__message {
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
    margin-top: 42px;
    padding: 27px 23px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-625c36a */.service-areas__button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  color: var(--trust-black);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.25s ease;
}

.service-areas__button-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  place-items: center;
  border: 2px solid #deddd8;
  border-radius: 50%;
  background: none;
  color: #464a31a3;
  transition: transform 0.25s ease;
}

.service-areas__button-icon svg {
  width: 26px;
  height: 26px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}

.service-areas__button:hover .service-areas__button-icon {
  color: #fff;
  background-color: #454636;
  border-color: #454636;
  transform: translateX(3px);
}

.service-areas:hover .service-areas__button-icon svg {
  transform: translateX(3px);
}



/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {
  
  .service-areas {
    align-items: flex-start;
    flex-direction: column;
    gap: 23px;
    margin-top: 42px;
    padding: 27px 23px;
  }
  .service-areas__button{
      font-size: 14px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BigNoodleTitling';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mooseroofing.com/wp-content/uploads/2025/12/big_noodle_titling.ttf') format('truetype');
}
/* End Custom Fonts CSS */