.elementor-2147 .elementor-element.elementor-element-36b933a{--display:flex;}.elementor-2147 .elementor-element.elementor-element-175c734{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2147 .elementor-element.elementor-element-14c310f .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-8191109 .gallery-item .gallery-caption{text-align:center;}.elementor-2147 .elementor-element.elementor-element-e73afc6 .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-3428c39 .gallery-item .gallery-caption{text-align:center;}.elementor-2147 .elementor-element.elementor-element-771504e .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-162cf85 .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-7a83063 .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-78a2ddd .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-0e60520 .gallery-item .gallery-caption{text-align:center;}.elementor-2147 .elementor-element.elementor-element-d701ffb .gallery-item .gallery-caption{text-align:center;}.elementor-2147 .elementor-element.elementor-element-010fed8 .widget-image-caption{text-align:center;margin-block-start:5px;}.elementor-2147 .elementor-element.elementor-element-e3bbba5 .gallery-item .gallery-caption{text-align:center;}.elementor-2147 .elementor-element.elementor-element-4b53cb2 .widget-image-caption{text-align:center;margin-block-start:5px;}/* Start custom CSS for image-gallery, class: .elementor-element-8191109 *//* 1. Setup the Grid on the container */
.bloggallery .gallery {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 10px !important; /* This controls the gap between images */
}

/* 2. Force each item to fill its half of the grid */
.bloggallery .gallery-item {
    max-width: 100% !important;
}

/* 3. Make images uniform height and fill the column */
.bloggallery .gallery-icon img {
    height: 300px !important; /* Change this to adjust image height */
    object-fit: cover !important;
}

/* 4. Style the Captions underneath */
.bloggallery .gallery-caption {
    padding: 5px 0 !important;
    font-size: 16px !important;
    line-height: 120% !important;
}

/* 5. Mobile: Switch to 1 column */
@media (max-width: 767px) {
    .bloggallery .gallery {
        grid-template-columns: 1fr !important;
    }
    .bloggallery .gallery-icon img {
        height: 250px !important; /* Slightly shorter for mobile screens */
    }
}/* End custom CSS */