@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "Poppins", serif;
        text-decoration: none;
    }

 /** The Property consultancy styles **/
 .consultancy-hero{
    background:url('/asset/images/property-banner.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    padding:140px 0;
    position:relative;
}

.consultancy-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.5);
}

.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.hero-content h1{
    font-size:55px;
    font-weight:700;
}

.btn-consult{
    background:#ff7a00;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
}

.consult-services,
.process-section,
.consult-form{
    padding:80px 0;
}

.service-card{
    background:#fff;
    padding:30px;
    border-radius:12px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    text-align:center;
    height:100%;
}

.service-card i{
    font-size:45px;
    color:#ff7a00;
    margin-bottom:15px;
}

.why-us{
    background:#f8f9fa;
    padding:80px 0;
}

.counter-box{
    background:#fff;
    padding:25px;
    border-radius:10px;
}

.counter-box h3{
    color:#ff7a00;
    font-size:40px;
    font-weight:700;
}

.process-card{
    text-align:center;
}

.process-card span{
    width:70px;
    height:70px;
    background:#ff7a00;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto auto 15px;
    font-weight:bold;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}   


/**The Buy Property Styles **/
/* ===================================
   BUY PROPERTY PAGE
=================================== */

.buy-property-hero{
    background:url('/asset/images/property-banner.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    padding:180px 0;
    position:relative;
}

.buy-property-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.60);
}

.buy-property-hero .hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.buy-property-hero h1{
    font-size:60px;
    font-weight:700;
    margin-bottom:20px;
}

.buy-property-hero p{
    font-size:20px;
    max-width:700px;
    margin:auto;
}

.btn-buy{
    display:inline-block;
    margin-top:25px;
    background:#ff7a00;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.btn-buy:hover{
    color:#fff;
    background:#e66f00;
}

.property-search-section{
    margin-top:-60px;
    position:relative;
    z-index:10;
}

.search-wrapper{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.btn-search{
    width:100%;
    border:none;
    height:48px;
    background:#ff7a00;
    color:#fff;
    border-radius:8px;
    font-weight:600;
}

.buy-features-section{
    padding:90px 0;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:40px;
    font-weight:700;
}

.feature-box{
    background:#fff;
    padding:30px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-5px);
}

.feature-box i{
    font-size:45px;
    color:#ff7a00;
    margin-bottom:15px;
}

.property-list-section{
    padding:90px 0;
    background:#f8f9fa;
}

.property-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.property-image{
    position:relative;
}

.property-image img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.property-badge{
    position:absolute;
    top:15px;
    left:15px;
    background:#0b1e40;
    color:#fff;
    padding:7px 15px;
    border-radius:30px;
    font-size:14px;
}

.property-content{
    padding:20px;
}

.property-content h4{
    font-size:22px;
    font-weight:600;
}

.property-content h5{
    color:#ff7a00;
    font-weight:700;
}

.property-info{
    display:flex;
    justify-content:space-between;
    padding:0;
    margin:15px 0;
    list-style:none;
}

.btn-view{
    width:100%;
    display:block;
    text-align:center;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:12px;
    border-radius:8px;
}

.btn-view:hover{
    color:#fff;
}

.buy-cta{
    background:#0b1e40;
    color:#fff;
    padding:80px 0;
}

.buy-cta h2{
    font-size:40px;
    font-weight:700;
}

/* ===================================
   PROPERTY DETAILS PAGE
=================================== */

.property-details-hero{
    padding:80px 0;
    background:#f8f9fa;
}

.main-property-image{
    width:100%;
    border-radius:15px;
    height:550px;
    object-fit:cover;
}

.property-sidebar{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.property-status{
    background:#0b1e40;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:15px;
}

.property-sidebar h2{
    font-size:32px;
    font-weight:700;
}

.property-sidebar h3{
    color:#ff7a00;
    font-size:34px;
    font-weight:700;
}

.location{
    color:#666;
}

.property-short-info{
    list-style:none;
    padding:0;
}

.property-short-info li{
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.btn-property{
    width:100%;
    display:block;
    text-align:center;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:14px;
    border-radius:8px;
    margin-top:20px;
}

.btn-property:hover{
    color:#fff;
}

.property-description-section{
    padding:90px 0;
}

.details-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.details-card h3{
    margin-bottom:20px;
    font-weight:700;
}

.agent-card{
    background:#fff;
    padding:30px;
    text-align:center;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.agent-image{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;
}

.enquiry-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.similar-properties{
    padding:90px 0;
    background:#f8f9fa;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:991px){

    .buy-property-hero{
        padding:130px 0;
    }

    .buy-property-hero h1{
        font-size:42px;
    }

    .main-property-image{
        height:350px;
        margin-bottom:30px;
    }

    .property-info{
        flex-direction:column;
        gap:10px;
    }

    .buy-cta{
        text-align:center;
    }
}

@media(max-width:576px){

    .buy-property-hero h1{
        font-size:32px;
    }

    .section-title h2{
        font-size:28px;
    }

    .search-wrapper{
        padding:20px;
    }

    .property-sidebar h3{
        font-size:26px;
    }
}


/* ==========================================
   SELL PROPERTY PAGE
========================================== */

.sell-property-hero{
    background:url('/asset/images/sell-property-banner.png');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:180px 0;
    position:relative;
}

.sell-property-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}

.sell-property-hero .hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.sell-property-hero h1{
    font-size:60px;
    font-weight:700;
    margin-bottom:20px;
}

.sell-property-hero p{
    max-width:700px;
    margin:auto;
    font-size:18px;
}

.btn-sell{
    display:inline-block;
    margin-top:25px;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
}

.btn-sell:hover{
    color:#fff;
    background:#e76e00;
}

.sell-features-section{
    padding:90px 0;
}

.sell-feature-card{
    background:#fff;
    border-radius:15px;
    padding:30px;
    text-align:center;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.sell-feature-card:hover{
    transform:translateY(-5px);
}

.sell-feature-card i{
    font-size:45px;
    color:#ff7a00;
    margin-bottom:15px;
}

.sell-feature-card h4{
    font-size:22px;
    font-weight:600;
}

.selling-process{
    background:#f8f9fa;
    padding:90px 0;
}

.process-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.process-card span{
    width:70px;
    height:70px;
    background:#ff7a00;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 20px;
    font-size:24px;
    font-weight:700;
}

.sell-stats{
    padding:90px 0;
}

.stats-box{
    background:#fff;
    text-align:center;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.stats-box h2{
    color:#ff7a00;
    font-size:42px;
    font-weight:700;
}

.sell-property-form-section{
    padding:90px 0;
    background:#f8f9fa;
}

.sell-form-wrapper{
    background:#fff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.btn-sell-submit{
    background:#ff7a00;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:8px;
}

.sold-properties{
    padding:90px 0;
}

.sold-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.sold-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.sold-content{
    padding:20px;
}

.sold-content span{
    display:inline-block;
    background:#198754;
    color:#fff;
    padding:6px 15px;
    border-radius:20px;
    font-size:14px;
}

.sell-cta{
    background:#0b1e40;
    color:#fff;
    padding:90px 0;
}

.sell-cta h2{
    font-size:42px;
    font-weight:700;
}

/* ==========================================
   SELL PROPERTY DETAILS PAGE
========================================== */

.sell-details-banner{
    padding:80px 0;
    background:#f8f9fa;
}

.sell-main-image{
    width:100%;
    height:550px;
    object-fit:cover;
    border-radius:15px;
}

.sell-price-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.sell-status{
    background:#198754;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:15px;
}

.sell-price-card h2{
    font-size:30px;
    font-weight:700;
}

.sell-price-card h3{
    color:#ff7a00;
    font-size:36px;
    font-weight:700;
}

.sell-price-card ul{
    list-style:none;
    padding:0;
    margin-top:20px;
}

.sell-price-card ul li{
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.btn-sell-contact{
    display:block;
    width:100%;
    text-align:center;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:14px;
    border:none;
    border-radius:8px;
    margin-top:20px;
}

.btn-sell-contact:hover{
    color:#fff;
}

.property-info-section{
    padding:90px 0;
}

.details-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.details-card h3{
    font-weight:700;
    margin-bottom:20px;
}

.document-list{
    padding-left:20px;
}

.document-list li{
    margin-bottom:10px;
}

.seller-card{
    background:#fff;
    text-align:center;
    padding:30px;
    border-radius:15px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.seller-image{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;
}

.buyer-form-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.related-properties{
    padding:90px 0;
    background:#f8f9fa;
}

.property-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.property-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.property-content{
    padding:20px;
}

.property-content h5{
    color:#ff7a00;
    font-weight:700;
}

.btn-view{
    display:block;
    width:100%;
    text-align:center;
    text-decoration:none;
    background:#ff7a00;
    color:#fff;
    padding:12px;
    border-radius:8px;
}

.btn-view:hover{
    color:#fff;
}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:991px){

    .sell-property-hero{
        padding:130px 0;
    }

    .sell-property-hero h1{
        font-size:42px;
    }

    .sell-main-image{
        height:350px;
        margin-bottom:30px;
    }

    .sell-cta{
        text-align:center;
    }
}

@media(max-width:576px){

    .sell-property-hero h1{
        font-size:32px;
    }

    .sell-property-hero p{
        font-size:16px;
    }

    .sell-form-wrapper{
        padding:20px;
    }

    .stats-box h2{
        font-size:32px;
    }

    .sell-price-card h3{
        font-size:28px;
    }
}

/* ===================================
   RENTAL SERVICES PAGE
=================================== */

.rental-hero{
    background:url('/asset/images/rental-banner.png');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:180px 0;
    position:relative;
}

.rental-hero::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.65);
}

.rental-hero .hero-content{
    position:relative;
    z-index:2;
    color:#fff;
}

.rental-hero h1{
    font-size:60px;
    font-weight:700;
    margin-bottom:20px;
}

.rental-hero p{
    max-width:700px;
    margin:auto;
    font-size:18px;
}

.btn-rental{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    margin-top:20px;
}

.btn-rental:hover{
    background:#e56d00;
    color:#fff;
}

.rental-search-section{
    margin-top:-60px;
    position:relative;
    z-index:10;
}

.search-box{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.btn-search-rental{
    width:100%;
    height:50px;
    border:none;
    border-radius:8px;
    background:#ff7a00;
    color:#fff;
    font-weight:600;
}

.rental-features{
    padding:90px 0;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
}

.feature-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    text-align:center;
    height:100%;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.feature-card:hover{
    transform:translateY(-8px);
}

.feature-card i{
    font-size:45px;
    color:#ff7a00;
    margin-bottom:15px;
}

.rental-properties{
    padding:90px 0;
    background:#f8f9fa;
}

.rental-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

.rental-card:hover{
    transform:translateY(-8px);
}

.rental-card img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.rental-content{
    padding:20px;
}

.rental-content h4{
    font-size:22px;
    font-weight:600;
}

.rental-content h5{
    color:#ff7a00;
    font-weight:700;
}

.rental-info{
    display:flex;
    justify-content:space-between;
    list-style:none;
    padding:0;
    margin:15px 0;
}

.btn-rental-view{
    display:block;
    width:100%;
    text-align:center;
    background:#ff7a00;
    color:#fff;
    padding:12px;
    border-radius:8px;
    text-decoration:none;
}

.btn-rental-view:hover{
    color:#fff;
}

.rental-form-section{
    padding:90px 0;
}

.rental-form-wrapper{
    background:#fff;
    padding:40px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.btn-rental-submit{
    background:#ff7a00;
    color:#fff;
    border:none;
    padding:14px 35px;
    border-radius:8px;
}

.rental-cta{
    background:#0b1e40;
    color:#fff;
    padding:90px 0;
}

.rental-cta h2{
    font-size:42px;
    font-weight:700;
}

/* ===================================
   RENTAL DETAILS PAGE
=================================== */

.rental-details-hero{
    padding:80px 0;
    background:#f8f9fa;
}

.main-property-image{
    width:100%;
    height:550px;
    object-fit:cover;
    border-radius:15px;
}

.property-sidebar{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.property-status{
    display:inline-block;
    background:#198754;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    margin-bottom:15px;
}

.property-sidebar h2{
    font-size:32px;
    font-weight:700;
}

.property-sidebar h3{
    color:#ff7a00;
    font-size:34px;
    font-weight:700;
}

.property-short-info{
    list-style:none;
    padding:0;
    margin-top:20px;
}

.property-short-info li{
    padding:10px 0;
    border-bottom:1px solid #eee;
}

.btn-contact-owner{
    display:block;
    width:100%;
    text-align:center;
    background:#ff7a00;
    color:#fff;
    text-decoration:none;
    padding:14px;
    border:none;
    border-radius:8px;
    margin-top:20px;
}

.btn-contact-owner:hover{
    color:#fff;
}

.property-description{
    padding:90px 0;
}

.details-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.details-card h3{
    margin-bottom:20px;
    font-weight:700;
}

.owner-card{
    background:#fff;
    text-align:center;
    padding:30px;
    border-radius:15px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.owner-image{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;
}

.inquiry-card{
    background:#fff;
    padding:30px;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.similar-properties{
    padding:90px 0;
    background:#f8f9fa;
}

/* ===================================
   RESPONSIVE
=================================== */

@media(max-width:991px){

    .rental-hero{
        padding:130px 0;
    }

    .rental-hero h1{
        font-size:42px;
    }

    .main-property-image{
        height:350px;
        margin-bottom:30px;
    }

    .rental-info{
        flex-direction:column;
        gap:10px;
    }

    .rental-cta{
        text-align:center;
    }

}

@media(max-width:576px){

    .rental-hero h1{
        font-size:32px;
    }

    .section-title h2{
        font-size:28px;
    }

    .search-box{
        padding:20px;
    }

    .property-sidebar h3{
        font-size:26px;
    }

}