.elementor-497 .elementor-element.elementor-element-c2b8cdd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-497 .elementor-element.elementor-element-b73a73c{transition:all 400ms;text-align:center;}.elementor-497 .elementor-element.elementor-element-9d514c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-497 .elementor-element.elementor-element-e9d506d{transition:all 400ms;}.elementor-497 .elementor-element.elementor-element-e9d506d .gallery-item .gallery-caption{text-align:center;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-9d514c9 *//* Main Gallery Container */
.elementor-497 .elementor-element.elementor-element-9d514c9 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding: 30px;
  background: linear-gradient(145deg, #f5f8fa, #ffffff);
  border-radius: 20px;
}

/* Individual Image Styling */
.elementor-497 .elementor-element.elementor-element-9d514c9 img {
  width: 100%;
  max-width: 320px;
  height: 220px;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(4px);
}

/* Hover Effect with Scale and Shadow */
.elementor-497 .elementor-element.elementor-element-9d514c9 img:hover {
  transform: scale(1.06);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  filter: brightness(1.05);
  cursor: pointer;
}

/* Add Subtle Zoom Animation */
@keyframes pulseZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .elementor-497 .elementor-element.elementor-element-9d514c9 img {
    max-width: 90%;
    height: auto;
  }
}/* End custom CSS */