.elementor-7600 .elementor-element.elementor-element-28d1764{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7600 .elementor-element.elementor-element-4b010a4 > .jet-listing-grid > .jet-listing-grid__items{--columns:auto;}.elementor-7600 .elementor-element.elementor-element-4b010a4.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:767px){.elementor-7600 .elementor-element.elementor-element-28d1764{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7600 .elementor-element.elementor-element-4b010a4 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS for jet-listing-grid, class: .elementor-element-4b010a4 *//* Target the grid container */
.elementor-7600 .elementor-element.elementor-element-4b010a4 .jet-listing-grid__items {
    display: grid !important;
    /* This makes items at least 240px, but they stretch (1fr) to fill all space */
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 20px; /* Adjust gap as needed */
}

/* Ensure the item itself doesn't have a fixed width */
.elementor-7600 .elementor-element.elementor-element-4b010a4 .jet-listing-grid__item {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */