.elementor-913 .elementor-element.elementor-element-4a3fa43 > .elementor-container{max-width:1170px;}.elementor-913 .elementor-element.elementor-element-4a3fa43{padding:80px 0px 80px 0px;}/* Start custom CSS for wpsection_gallery, class: .elementor-element-4896a0c *//* ================================
✅ PRODUCT PAGE OVERLAY FIX
================================ */

/* Hide overlay by default (transparent) */
.single-project .img-holder .overlay-box {
  background-color: transparent !important;
  transition: all 0.3s ease-in-out !important;
}

/* On hover: show gold overlay with slight transparency */
.single-project:hover .img-holder .overlay-box {
  background-color: rgba(195, 164, 110, 0.9) !important; /* #C3A46E with opacity */
}

/* Hide link icon by default */
.single-project .img-holder .overlay-box .content a i {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease-in-out !important;
}

/* Show link icon only on hover, with deep blue color */
.single-project:hover .img-holder .overlay-box .content a i {
  opacity: 1 !important;
  visibility: visible !important;
  color: #2f276d !important; /* brand deep blue */
}

/* Optional: smooth scale animation on icon */
.single-project:hover .img-holder .overlay-box .content a i {
  transform: scale(1.2);
}
.single-project .img-holder .overlay-box .content a i {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}/* End custom CSS */