.elementor-121905 .elementor-element.elementor-element-6771d11{--display:flex;}.elementor-widget-WpResidence_Items_List_card_v6 .property_listing .property-unit-information-wrapper h4 a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-WpResidence_Items_List_card_v6 .inforoom_unit_type5{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-WpResidence_Items_List_card_v6 .listing_unit_price_wrapper{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-WpResidence_Items_List_card_v6 .price_label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}/* Start custom CSS for WpResidence_Items_List_card_v6, class: .elementor-element-b6f7446 *//* 1. Turn the Bootstrap row into a non-wrapping flex container */
.elementor-121905 .elementor-element.elementor-element-b6f7446 .items_shortcode_wrapper {
    display: flex !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* 3. Force the Bootstrap columns to act as rigid carousel slides */
.elementor-121905 .elementor-element.elementor-element-b6f7446 .listing_wrapper {
    flex: 0 0 auto !important;
    width: 50% !important;
    max-width: 50% !important;
    scroll-snap-align: start;
    /* Ensure padding doesn't break the layout width */
    padding-right: 5px !important; 
    padding-left: 5px !important;
}

.wpresidence_button.wpestate_item_list_sh {
    display: none;
}

/* 4. Tablet Layout (2 columns) */
@media (max-width: 991px) {
    .elementor-121905 .elementor-element.elementor-element-b6f7446 .listing_wrapper {
        width: 50% !important;
        max-width: 50% !important;
    }
}

/* 5. Mobile Layout (1 column) */
@media (max-width: 767px) {
    .elementor-121905 .elementor-element.elementor-element-b6f7446 .items_shortcode_wrapper {
        flex-direction: column;
    }
    .elementor-121905 .elementor-element.elementor-element-b6f7446 .listing_wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0px !important; 
        padding-left: 0px !important;
    }
}

@media (max-width: 767px) {
    .elementor-121905 .elementor-element.elementor-element-b6f7446  .listing_wrapper {
        width: 100% !important;
    }
}/* End custom CSS */