.elementor-616 .elementor-element.elementor-element-5c1606d{--display:flex;--min-height:500px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-616 .elementor-element.elementor-element-5c1606d:not(.elementor-motion-effects-element-type-background), .elementor-616 .elementor-element.elementor-element-5c1606d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://roofitky.com/wp-content/uploads/2026/07/Atlas-Pinnacle-Pristine-Majestic-Shake-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-616 .elementor-element.elementor-element-5c1606d::before, .elementor-616 .elementor-element.elementor-element-5c1606d > .elementor-background-video-container::before, .elementor-616 .elementor-element.elementor-element-5c1606d > .e-con-inner > .elementor-background-video-container::before, .elementor-616 .elementor-element.elementor-element-5c1606d > .elementor-background-slideshow::before, .elementor-616 .elementor-element.elementor-element-5c1606d > .e-con-inner > .elementor-background-slideshow::before, .elementor-616 .elementor-element.elementor-element-5c1606d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--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-616 .elementor-element.elementor-element-a944e82{text-align:center;}.elementor-616 .elementor-element.elementor-element-a944e82 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-616 .elementor-element.elementor-element-8fe6ebb{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-616 .elementor-element.elementor-element-84e4294 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-616 .elementor-element.elementor-element-84e4294 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-616 .elementor-element.elementor-element-84e4294{--image-border-radius:12px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-616 .elementor-element.elementor-element-5c1606d{--min-height:350px;}.elementor-616 .elementor-element.elementor-element-a944e82 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for gallery, class: .elementor-element-84e4294 */.e-gallery-item {
  position: relative;
  overflow: hidden;
}

.e-gallery-item .elementor-gallery-item__overlay {
  transition: background-color 0.3s ease;
}

.e-gallery-item:hover .elementor-gallery-item__overlay {
  background-color: rgba(0, 0, 0, 0.65);
}

.e-gallery-item::after {
  content: attr(data-elementor-lightbox-title);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  padding: 10px 15px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 5;
  pointer-events: none;
  width: 90%;
  box-sizing: border-box;
}

.e-gallery-item:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%);
}/* End custom CSS */