.elementor-626 .elementor-element.elementor-element-5b3d776 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}/* Start custom CSS for image, class: .elementor-element-aee287f *//* ------------------------------
Universal zoom for images with class "zoom-hover"
Add class to the image block: Additional CSS class(es) → zoom-hover
------------------------------ */

/* base behavior */
.zoom-hover,
.zoom-hover img,
img.zoom-hover {
  display: inline-block;
  transform-origin: center center;
  transition: transform 0.28s ease, opacity 0.18s ease, filter 0.18s ease;
  will-change: transform;
  cursor: zoom-in;
}

/* actual hover zoom */
.zoom-hover:hover img,
img.zoom-hover:hover,
a.zoom-hover:hover img {
  transform: scale(1.18) !important; /* adjust scale as needed */
  z-index: 9999 !important;
  position: relative !important;
}

/* make sure clicked/focused state doesn't gray/dim the image */
.zoom-hover img:active,
.zoom-hover img:focus,
img.zoom-hover:active,
img.zoom-hover:focus,
a.zoom-hover:active img,
a.zoom-hover:focus img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.18) !important;
}

/* prevent clipping when image grows (useful for gallery blocks) */
.wp-block-image,
.wp-block-gallery,
.gallery,
.gallery-item,
figure,
.zoom-hover {
  overflow: visible !important;
}

/* override some common theme/link .elementor-626 .elementor-element.elementor-element-aee287fs that dim images */
a img,
.wp-block-image a img,
.gallery a img {
  -webkit-tap-highlight-color: transparent;
}

/* If a lightbox/plugin wraps images in overlays, this helps the image appear on top */
.zoom-hover img {
  pointer-events: auto !important;
}

/* small responsive safety: don't scale images on tiny screens (optional) */
@media (max-width: 480px) {
  .zoom-hover:hover img,
  img.zoom-hover:hover {
    transform: none !important;
    cursor: default;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-0af1720 */.zoom-hover:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5b3d776 *//* ------------------------------
Universal zoom for images with class "zoom-hover"
Add class to the image block: Additional CSS class(es) → zoom-hover
------------------------------ */

/* base behavior */
.zoom-hover,
.zoom-hover img,
img.zoom-hover {
  display: inline-block;
  transform-origin: center center;
  transition: transform 0.28s ease, opacity 0.18s ease, filter 0.18s ease;
  will-change: transform;
  cursor: zoom-in;
}

/* actual hover zoom */
.zoom-hover:hover img,
img.zoom-hover:hover,
a.zoom-hover:hover img {
  transform: scale(1.18) !important; /* adjust scale as needed */
  z-index: 9999 !important;
  position: relative !important;
}

/* make sure clicked/focused state doesn't gray/dim the image */
.zoom-hover img:active,
.zoom-hover img:focus,
img.zoom-hover:active,
img.zoom-hover:focus,
a.zoom-hover:active img,
a.zoom-hover:focus img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.18) !important;
}

/* prevent clipping when image grows (useful for gallery blocks) */
.wp-block-image,
.wp-block-gallery,
.gallery,
.gallery-item,
figure,
.zoom-hover {
  overflow: visible !important;
}

/* override some common theme/link .elementor-626 .elementor-element.elementor-element-5b3d776s that dim images */
a img,
.wp-block-image a img,
.gallery a img {
  -webkit-tap-highlight-color: transparent;
}

/* If a lightbox/plugin wraps images in overlays, this helps the image appear on top */
.zoom-hover img {
  pointer-events: auto !important;
}

/* small responsive safety: don't scale images on tiny screens (optional) */
@media (max-width: 480px) {
  .zoom-hover:hover img,
  img.zoom-hover:hover {
    transform: none !important;
    cursor: default;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-28a4a8d */.zoom-hover:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-13b6a68 *//* ------------------------------
Universal zoom for images with class "zoom-hover"
Add class to the image block: Additional CSS class(es) → zoom-hover
------------------------------ */

/* base behavior */
.zoom-hover,
.zoom-hover img,
img.zoom-hover {
  display: inline-block;
  transform-origin: center center;
  transition: transform 0.28s ease, opacity 0.18s ease, filter 0.18s ease;
  will-change: transform;
  cursor: zoom-in;
}

/* actual hover zoom */
.zoom-hover:hover img,
img.zoom-hover:hover,
a.zoom-hover:hover img {
  transform: scale(1.18) !important; /* adjust scale as needed */
  z-index: 9999 !important;
  position: relative !important;
}

/* make sure clicked/focused state doesn't gray/dim the image */
.zoom-hover img:active,
.zoom-hover img:focus,
img.zoom-hover:active,
img.zoom-hover:focus,
a.zoom-hover:active img,
a.zoom-hover:focus img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.18) !important;
}

/* prevent clipping when image grows (useful for gallery blocks) */
.wp-block-image,
.wp-block-gallery,
.gallery,
.gallery-item,
figure,
.zoom-hover {
  overflow: visible !important;
}

/* override some common theme/link .elementor-626 .elementor-element.elementor-element-13b6a68s that dim images */
a img,
.wp-block-image a img,
.gallery a img {
  -webkit-tap-highlight-color: transparent;
}

/* If a lightbox/plugin wraps images in overlays, this helps the image appear on top */
.zoom-hover img {
  pointer-events: auto !important;
}

/* small responsive safety: don't scale images on tiny screens (optional) */
@media (max-width: 480px) {
  .zoom-hover:hover img,
  img.zoom-hover:hover {
    transform: none !important;
    cursor: default;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-532771f */.zoom-hover:hover {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4414cf8 *//* ------------------------------
Universal zoom for images with class "zoom-hover"
Add class to the image block: Additional CSS class(es) → zoom-hover
------------------------------ */

/* base behavior */
.zoom-hover,
.zoom-hover img,
img.zoom-hover {
  display: inline-block;
  transform-origin: center center;
  transition: transform 0.28s ease, opacity 0.18s ease, filter 0.18s ease;
  will-change: transform;
  cursor: zoom-in;
}

/* actual hover zoom */
.zoom-hover:hover img,
img.zoom-hover:hover,
a.zoom-hover:hover img {
  transform: scale(1.18) !important; /* adjust scale as needed */
  z-index: 9999 !important;
  position: relative !important;
}

/* make sure clicked/focused state doesn't gray/dim the image */
.zoom-hover img:active,
.zoom-hover img:focus,
img.zoom-hover:active,
img.zoom-hover:focus,
a.zoom-hover:active img,
a.zoom-hover:focus img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.18) !important;
}

/* prevent clipping when image grows (useful for gallery blocks) */
.wp-block-image,
.wp-block-gallery,
.gallery,
.gallery-item,
figure,
.zoom-hover {
  overflow: visible !important;
}

/* override some common theme/link .elementor-626 .elementor-element.elementor-element-4414cf8s that dim images */
a img,
.wp-block-image a img,
.gallery a img {
  -webkit-tap-highlight-color: transparent;
}

/* If a lightbox/plugin wraps images in overlays, this helps the image appear on top */
.zoom-hover img {
  pointer-events: auto !important;
}

/* small responsive safety: don't scale images on tiny screens (optional) */
@media (max-width: 480px) {
  .zoom-hover:hover img,
  img.zoom-hover:hover {
    transform: none !important;
    cursor: default;
  }
}

img:hover {
  transform: scale(1.5);
  transition: transform 0.3s ease;
}/* End custom CSS */