.elementor-3238 .elementor-element.elementor-element-f2f9e7a{--display:flex;--min-height:300px;--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:0.56;}.elementor-3238 .elementor-element.elementor-element-f2f9e7a:not(.elementor-motion-effects-element-type-background), .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highcrestroofingandgutter.ca/wp-content/uploads/2025/08/IMG-20250815-WA0054.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3238 .elementor-element.elementor-element-f2f9e7a::before, .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .elementor-background-video-container::before, .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .e-con-inner > .elementor-background-video-container::before, .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .elementor-background-slideshow::before, .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3238 .elementor-element.elementor-element-b505fa0{text-align:center;}.elementor-3238 .elementor-element.elementor-element-b505fa0 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:700;color:var( --e-global-color-accent );}.elementor-3238 .elementor-element.elementor-element-c348ba9{--display:flex;--min-height:600px;--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:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-3238 .elementor-element.elementor-element-c348ba9:not(.elementor-motion-effects-element-type-background), .elementor-3238 .elementor-element.elementor-element-c348ba9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3238 .elementor-element.elementor-element-6332cce .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-3238 .elementor-element.elementor-element-6332cce .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-3238 .elementor-element.elementor-element-6332cce{--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-normal:var( --e-global-color-primary );--galleries-pointer-bg-color-hover:#BB3F3300;--galleries-pointer-bg-color-active:#BB3F3300;--galleries-pointer-border-width:7px;}.elementor-3238 .elementor-element.elementor-element-6332cce .elementor-gallery-title{--space-between:25px;}.elementor-3238 .elementor-element.elementor-element-6332cce .elementor-gallery__titles-container{margin-bottom:21px;}.elementor-3238 .elementor-element.elementor-element-706e305{--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;--overlay-opacity:0.51;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-3238 .elementor-element.elementor-element-706e305:not(.elementor-motion-effects-element-type-background), .elementor-3238 .elementor-element.elementor-element-706e305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB3F33;background-image:url("https://highcrestroofingandgutter.ca/wp-content/uploads/2025/08/IMG-20250815-WA0054.jpg");background-size:cover;}.elementor-3238 .elementor-element.elementor-element-706e305::before, .elementor-3238 .elementor-element.elementor-element-706e305 > .elementor-background-video-container::before, .elementor-3238 .elementor-element.elementor-element-706e305 > .e-con-inner > .elementor-background-video-container::before, .elementor-3238 .elementor-element.elementor-element-706e305 > .elementor-background-slideshow::before, .elementor-3238 .elementor-element.elementor-element-706e305 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3238 .elementor-element.elementor-element-706e305 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3238 .elementor-element.elementor-element-8f161e5{width:var( --container-widget-width, 74% );max-width:74%;--container-widget-width:74%;--container-widget-flex-grow:0;text-align:center;}.elementor-3238 .elementor-element.elementor-element-8f161e5.elementor-element{--align-self:center;}.elementor-3238 .elementor-element.elementor-element-8f161e5 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:22px 40px 22px 40px;}.elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button:hover, .elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-3238 .elementor-element.elementor-element-4bc4756{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button:hover svg, .elementor-3238 .elementor-element.elementor-element-4bc4756 .elementor-button:focus svg{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3238 .elementor-element.elementor-element-706e305{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3238 .elementor-element.elementor-element-8f161e5{width:100%;max-width:100%;}}@media(min-width:1025px){.elementor-3238 .elementor-element.elementor-element-f2f9e7a:not(.elementor-motion-effects-element-type-background), .elementor-3238 .elementor-element.elementor-element-f2f9e7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-3238 .elementor-element.elementor-element-706e305:not(.elementor-motion-effects-element-type-background), .elementor-3238 .elementor-element.elementor-element-706e305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-3238 .elementor-element.elementor-element-706e305{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-3238 .elementor-element.elementor-element-8f161e5{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-c348ba9 */.projects_col::before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: linear-gradient(45deg, black, transparent);
    opacity: 1;
    transition: 0.6s;
}
.projects_col:hover::before {
    width: 100%;
}

.projects_col:hover .Project_btn a{
    background: red !important;
    fill:#fff !important;
}/* End custom CSS */