.elementor-26 .elementor-element.elementor-element-716c0d9:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-716c0d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-26 .elementor-element.elementor-element-716c0d9 > .elementor-container{max-width:1427px;min-height:199px;}.elementor-26 .elementor-element.elementor-element-716c0d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-26 .elementor-element.elementor-element-716c0d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-600e7b9{text-align:center;}.elementor-26 .elementor-element.elementor-element-600e7b9 .elementor-heading-title{font-family:"Readex Pro", Sans-serif;font-size:75px;font-weight:300;letter-spacing:9.3px;color:#000000;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4fb0890 *//*=========================
PROPERTY SHOWCASE
==========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
}

/*=========================
SECTION
==========================*/

.property-showcase{
    width:100%;
    padding:80px 20px;
    background:#fff;
}

.property-showcase .container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr 420px;
    gap:40px;
    align-items:center;
}

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

.left-image img{
    width:100%;
    height:700px;
    object-fit:cover;
    border-radius:20px;
    transition:.4s;
}

/*=========================
CENTER CONTENT
==========================*/

.property-content{
    color:#000;
}

.property-content h2{
    font-size:46px;
    margin-bottom:20px;
    color:#111;
}

.property-content h4{
    font-size:24px;
    margin-bottom:20px;
    color:#444;
}

.property-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:30px;
}

/*=========================
PROPERTY INFO
==========================*/

.property-info{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:40px;
}

.property-info span{
    padding:12px 20px;
    border:1px solid #ddd;
    border-radius:30px;
    color:#222;
    background:#f8f8f8;
    font-weight:500;
}

/*=========================
BUTTONS
==========================*/

.buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.visit-btn{
    background:#d4af37;
    color:#fff;
    padding:15px 35px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.visit-btn:hover{
    background:#111;
    color:#fff;
}

.enquire-btn{
    border:1px solid #111;
    color:#111;
    padding:15px 35px;
    border-radius:40px;
    text-decoration:none;
    transition:.3s;
}

.enquire-btn:hover{
    background:#111;
    color:#fff;
}

/*=========================
RIGHT PANEL
==========================*/

.property-list{
    height:520px;
    overflow-y:auto;
    padding-right:8px;
}

/* Scrollbar */

.property-list::-webkit-scrollbar{
    width:6px;
}

.property-list::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:20px;
}

.property-list::-webkit-scrollbar-track{
    background:#f3f3f3;
}

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

.property-card{
    display:flex;
    gap:15px;
    background:#fff;
    padding:16px;
    border-radius:18px;
    margin-bottom:18px;
    cursor:pointer;
    transition:.35s;
    border:1px solid #e5e5e5;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.property-card img{
    width:110px;
    height:110px;
    object-fit:cover;
    border-radius:14px;
}

.property-card h3{
    color:#111;
    font-size:18px;
    margin-bottom:8px;
}

.property-card p{
    color:#666;
    font-size:14px;
    line-height:1.5;
    margin-bottom:5px;
}

.property-card small{
    color:#999;
}

/* Hover */

.property-card:hover{
    transform:translateY(-5px);
    border-color:#d4af37;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* Active */

.property-card.active{
    border:2px solid #d4af37;
    box-shadow:0 15px 35px rgba(212,175,55,.25);
}

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

@media(max-width:1100px){

.property-showcase .container{
    grid-template-columns:1fr;
}

.left-image img{
    height:500px;
}

.property-list{
    height:auto;
}

}

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

@media(max-width:768px){

.property-showcase{
    padding:50px 15px;
}

.left-image img{
    height:320px;
}

.property-content h2{
    font-size:32px;
}

.property-content h4{
    font-size:20px;
}

.property-content p{
    font-size:15px;
}

.buttons{
    flex-direction:column;
}

.visit-btn,
.enquire-btn{
    width:100%;
    text-align:center;
}

.property-card{
    flex-direction:column;
}

.property-card img{
    width:100%;
    height:220px;
}

.property-list{
    padding-right:0;
}

}/* End custom CSS */