.elementor-13 .elementor-element.elementor-element-a13c78c{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-ab63910{--grid-columns:4;--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-13 .elementor-element.elementor-element-935a84b{--display:flex;--justify-content:center;}.elementor-13 .elementor-element.elementor-element-babe21d{--display:flex;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-a13c78c{--content-width:90%;}.elementor-13 .elementor-element.elementor-element-935a84b{--content-width:95%;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-ab63910{--grid-columns:2;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-ab63910{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:20px;}}/* Start custom CSS for loop-grid, class: .elementor-element-ab63910 *//* ==========================================================
   BM ROAD REAL ESTATES
   ELEMENTOR LOOP GRID - EQUAL HEIGHT CARDS
   ========================================================== */


/* Elementor Loop Grid */

.bm-property-loop .e-loop-item {
    height: 100% !important;
    display: flex !important;
}


/* Loop item link / wrapper */

.bm-property-loop .e-loop-item > * {
    width: 100%;
}


/* ==========================================================
   PROPERTY CARD
   ========================================================== */

.bm-property-card {

    width: 100% !important;
    height: 100% !important;

    min-height: 520px;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden;

}


/* ==========================================================
   IMAGE
   ========================================================== */

.bm-property-image {

    width: 100%;

    height: 230px !important;

    min-height: 230px;

    flex-shrink: 0;

    overflow: hidden;

}


/* Image */

.bm-property-img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    display: block;

}


/* ==========================================================
   CONTENT AREA
   ========================================================== */

.bm-property-details {

    width: 100%;

    flex: 1 1 auto;

    display: flex !important;

    flex-direction: column !important;

    min-height: 290px;

}


/* ==========================================================
   PROPERTY TYPE
   ========================================================== */

.bm-property-type {

    min-height: 29px;

    flex-shrink: 0;

}


/* ==========================================================
   PROPERTY TITLE
   ========================================================== */

.bm-property-name {

    /*
     * Reserve space for approximately 2 lines.
     * This prevents different title lengths
     * from changing card height.
     */

    min-height: 58px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}


/* ==========================================================
   LOCATION
   ========================================================== */

.bm-property-location {

    min-height: 27px;

    flex-shrink: 0;

}


/* ==========================================================
   FEATURES
   ========================================================== */

.bm-property-features {

    min-height: 40px;

    flex-shrink: 0;

}


/* ==========================================================
   BOTTOM
   ========================================================== */

.bm-property-bottom {

    margin-top: auto !important;

    min-height: 58px;

    flex-shrink: 0;

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .bm-property-card {

        min-height: 510px;

    }

    .bm-property-image {

        height: 220px !important;

        min-height: 220px;

    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .bm-property-card {

        min-height: 0;

        height: auto !important;

    }


    .bm-property-image {

        height: 240px !important;

        min-height: 240px;

    }


    .bm-property-details {

        min-height: 290px;

    }

}/* End custom CSS */