.elementor-1324 .elementor-element.elementor-element-c6ad0e6{--display:flex;}.elementor-1324 .elementor-element.elementor-element-47f2c49{--display:flex;}.elementor-1324 .elementor-element.elementor-element-1714f5f{--spacer-size:176px;}.elementor-1324 .elementor-element.elementor-element-5f284d8{--display:flex;}@media(min-width:768px){.elementor-1324 .elementor-element.elementor-element-c6ad0e6{--content-width:1350px;}}/* Start custom CSS for html, class: .elementor-element-6c1d9ef *//* Ensures the image fills the thumbnail card/container */
.gallery-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Makes the image fill the box without distortion */
  display: block;
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
              0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* For full image in modal/carousel */
.modal-image {
  max-height: 80vh;
  max-width: 90vw;
  object-fit: contain; /* Shows the entire image, even if there's padding */
}/* End custom CSS */