.elementor-4419 .elementor-element.elementor-element-d36c365{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:48px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4419 .elementor-element.elementor-element-d36c365{--margin-top:24px;--margin-bottom:24px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-d58d9e7 */.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
}

.gallery-item {
    width: 15%; /* In desktop, this will make 4 items per row */
}

.gallery-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1/1; /* Ensures square aspect ratio */
}

/* Responsive Design: For smaller screens, adjust the number of items per row */
@media (max-width: 768px) {
    .gallery-item {
        width: 48%; /* 2 items per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .gallery-item {
        width: 30%; /* 1 item per row on mobile */
    }
}/* End custom CSS */