.elementor-2344 .elementor-element.elementor-element-2ce5311{--display:flex;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-2344 .elementor-element.elementor-element-2ce5311:not(.elementor-motion-effects-element-type-background), .elementor-2344 .elementor-element.elementor-element-2ce5311 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2344 .elementor-element.elementor-element-9824cbc .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2344 .elementor-element.elementor-element-9824cbc .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2344 .elementor-element.elementor-element-9824cbc{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-9824cbc *//* Apply to all gallery items */
.elementor-gallery-item {
  position: relative;
  overflow: hidden;
}

/* Default overlay icon */
.elementor-gallery-item::after {
  content: "\f06e"; /* Font Awesome eye icon */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border: 2px solid #FF0E1F;
  background-color: #000; /* default black background */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

/* Show overlay on hover */
.elementor-gallery-item:hover::after {
  opacity: 1;
  background-color: #FF0E1F;
}

/* Keep red background on click (optional visual feedback) */
.elementor-gallery-item:active::after,
.elementor-gallery-item:focus::after {
  background-color: #FF0E1F;
  opacity: 1;
}/* End custom CSS */