/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/


.custom-gmap-wrap {
  width: 100%;
  height: 500px;
}

.custom-gmap-wrap gmp-map {
  display: block;
  width: 100%;
  height: 100%;
}

selector.gray-gallery img,
.gray-gallery img {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}

selector.gray-gallery img:hover,
.gray-gallery img:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* Make wrapper relative */
.elementor-element-d229ee2 .elementor-image-box-img {
    position: relative;
    overflow: hidden;
}

/* Original image transition */
.elementor-element-d229ee2 img {
    transition: opacity 0.3s ease;
}

/* Hover image overlay */
.elementor-element-d229ee2 .elementor-image-box-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('https://kolid.eonstaging.com/wp-content/uploads/2026/05/people-workspace_webp2.webp');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Trigger from parent hover */
.hover-section:hover .elementor-element-d229ee2 .elementor-image-box-img::after {
    opacity: 1;
}

/* Optional: hide original image */
.hover-section:hover .elementor-element-d229ee2 img {
    opacity: 0;
}