.elementor-24 .elementor-element.elementor-element-9e2d715{--display:flex;--min-height:60vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.76;--padding-top:248px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-9e2d715:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-9e2d715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://roofingcontractorsanfrancisco.com/wp-content/uploads/2025/06/Finished-Shingle-Roofing-Project.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-9e2d715::before, .elementor-24 .elementor-element.elementor-element-9e2d715 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-9e2d715 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-9e2d715 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-9e2d715 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-9e2d715 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-wrapper{text-align:right;}.elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-title{margin-block-end:12px;color:var( --e-global-color-89f3d73 );}.elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-description{font-size:1.1rem;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;color:var( --e-global-color-4b3e596 );}.elementor-24 .elementor-element.elementor-element-659d28f{--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:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-6d8ceed .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-24 .elementor-element.elementor-element-6d8ceed .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-24 .elementor-element.elementor-element-6d8ceed{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-hover:#fff;--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-89f3d73 );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-9e2d715{--min-height:56vh;--padding-top:172px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-9e2d715{--min-height:30vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-title, .elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-title a{font-size:35px;}.elementor-24 .elementor-element.elementor-element-9d534fc .elementor-icon-box-description{font-size:16px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-9e2d715{--content-width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-9e2d715{--content-width:100%;}}@media(min-width:1025px){.elementor-24 .elementor-element.elementor-element-9e2d715:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-9e2d715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}