.elementor-16721 .elementor-element.elementor-element-196f015 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-16721 .elementor-element.elementor-element-196f015{text-align:center;}.elementor-16721 .elementor-element.elementor-element-196f015 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3.75rem;font-weight:200;text-transform:uppercase;line-height:61px;letter-spacing:2px;color:var( --e-global-color-843d1d6 );}.elementor-16721 .elementor-element.elementor-element-a0304fd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-16721 .elementor-element.elementor-element-db01f89 > .elementor-widget-container{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16721 .elementor-element.elementor-element-196f015 .elementor-heading-title{font-size:3rem;}}@media(max-width:767px){.elementor-16721 .elementor-element.elementor-element-196f015 .elementor-heading-title{font-size:2.25rem;line-height:2.9rem;}}/* Start custom CSS for section, class: .elementor-element-5a25a0d */@keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .property-listings {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 30px; /* Consistent gap between columns */
        align-items: start; /* Align the grid items at the top */
    }
    @media (min-width: 768px) {
        .property-listings {
            grid-template-columns: repeat(2, 1fr); /* Max two properties per row */
        }
    }
    .property-listing {
        margin-bottom: 20px; /* Space between rows */
        position: relative;
        overflow: hidden;
        cursor: pointer;
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-fill-mode: both;
    }
    .property-listing:hover .property-image img {
        filter: brightness(80%);
    }
    .property-listing:hover .view-listing-label {
        display: block; /* Show the label on hover */
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
.view-listing-label {
    position: absolute;
    /* Adjust the top position to move the button up; subtract more or less as needed */
    top: calc(50% - 70px); /* The calc() function allows us to shift the button up from the center */
    left: 50%;
    /* Only horizontally center the button */
    transform: translateX(-50%);
    background: #004168; /* Button color */
    color: #fff; /* Text color */
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 0px;
    z-index: 2;
    opacity: 0;
    letter-spacing: 0.1em;
     white-space: nowrap;
     text-align: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
    display: block;
}
    .property-location, .property-price {
        text-align: center;
        padding-top: 10px; /* Padding above the text */
    }
    .property-location {
        font-family: 'Montserrat', sans-serif;
        color: #004168;
        font-size: 25px;
        line-height: 35px;
        padding-top: 25px;
    }
    .property-price {
        color: #004168;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 15px; /* Size per Figma */
        line-height: 30px;
        letter-spacing: 0.15em;
        margin-bottom: 20px; 
    }
    .property-image {
        position: relative;
        width: 100%;
        /* Set a top padding to maintain the aspect ratio */
        padding-top: 75%; /* 4:3 Aspect Ratio */
        overflow: hidden;
        padding-bottom: 0;
    }
    .property-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.property-listings {
    display: grid;
    grid-gap: 30px; /* Consistent gap between columns */
    align-items: start; /* Align the grid items at the top */
    grid-template-columns: 1fr; /* Ensure single column layout on very small screens */
}

/* Responsive adjustments */
@media (min-width: 576px) { /* Adjust for small devices and up */
    .property-listings {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Adjust minmax for your content's minimum width */
    }
}

@media (min-width: 768px) { /* Medium devices (tablets, 768px and up) */
    .property-listings.columns-2, .property-listings.columns-3 {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for medium screens by default */
    }
}

@media (min-width: 992px) { /* Large devices (desktops, 992px and up) */
    .property-listings.columns-3 {
        grid-template-columns: repeat(3, 1fr); /* 3 columns for large screens if specified */
    }
}

@media (max-width: 576px) {
  .property-location,
  .property-price {
    max-width: 90%;
    margin: 0 auto;
  }
}/* End custom CSS */