.elementor-597 .elementor-element.elementor-element-d8e608e{--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-597 .elementor-element.elementor-element-487787b{--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-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-597 .elementor-element.elementor-element-4e0f954 .gallery-item .gallery-caption{text-align:center;}/* Start custom CSS for container, class: .elementor-element-487787b *//* Make all gallery images uniform and prevent squishing */
.elementor-597 .elementor-element.elementor-element-487787b img {
    width: 100% !important;
    height: 260px !important; /* You can change this number to make them taller or shorter */
    object-fit: cover !important; /* This is the magic rule that stops distortion */
    object-position: center !important; /* Keeps the center of the image in focus */
    border-radius: 8px !important; /* Adds elegant rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Soft, premium shadow */
    transition: all 0.3s ease-in-out; /* Smooth transition for the hover effect */
}

/* Add an elegant lift effect when hovering over an image */
.elementor-597 .elementor-element.elementor-element-487787b img:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(74, 20, 140, 0.2); /* Subtle violet shadow to match your theme */
}/* End custom CSS */