body{
    font-family: 'Segoe UI', sans-serif;
    background:#f8f9fa;
}

/* Top Bar */
.top-bar{
    background:#0d2c44;
    color:#fff;
    font-size:14px;
    padding:8px 0;
}

.top-bar i{
    margin-right:5px;
}

/* Navbar */
.navbar{
    background:#fff;
    padding:15px 0;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.navbar-nav .nav-link{
    font-weight:600;
    margin:0 12px;
    color:#333;
    transition:0.3s;
}

.navbar-nav .nav-link:hover{
    color:#0d6efd;
}

.navbar-brand img{
    height:60px;
}

.btn-listing{
    background:#ff5a3c;
    color:#fff;
    padding:8px 18px;
    border-radius:5px;
    font-weight:600;
    transition:0.3s;
}

.btn-listing:hover{
    background:#e04b30;
    color:#fff;
}

/* Hero Slider */
.hero-slider{
    background:#f3f5f7;
    padding:100px 0;
    position:relative;
}

.hero-content h1{
    font-size:52px;
    font-weight:800;
    color:#0d2c44;
    margin:20px 0;
}

.hero-content p{
    color:#555;
    margin-bottom:30px;
}

.small-title{
    font-weight:600;
    color:#ff5a3c;
}

.hero-btn{
    background:#ff5a3c;
    color:#fff;
    padding:12px 28px;
    font-weight:600;
    border-radius:5px;
    transition:0.3s;
}

.hero-btn:hover{
    background:#e04b30;
    color:#fff;
}

.hero-img{
    max-width:100%;
    height:auto;
}

/* Carousel Dots */
.carousel-indicators [data-bs-target]{
    background-color:#ff5a3c;
    width:12px;
    height:12px;
    border-radius:50%;
}

/* Property Search Box */
.property-search{
    margin-top:-60px;
    position:relative;
    z-index:10;
}

.property-search .container{
    background:#fff;
    padding:40px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.property-search .form-select{
    height:55px;
    border-radius:5px;
}

.search-btn{
    background:#ff5a3c;
    color:#fff;
    height:55px;
    font-weight:600;
    border-radius:5px;
    transition:0.3s;
}

.search-btn:hover{
    background:#e04b30;
    color:#fff;
}
/* Home About Section */
.home-about{
    padding:100px 0;
    background:#f8f9fa;
}

.section-subtitle{
    color:#ff5a3c;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
}

.home-about h2{
    font-size:38px;
    font-weight:700;
    margin:20px 0;
    color:#0d2c44;
}

.home-about p{
    color:#555;
    line-height:1.7;
}

.about-image{
    position:relative;
}

.about-image img{
    border-radius:10px;
}

.experience-box{
    position:absolute;
    bottom:20px;
    left:20px;
    background:#ff5a3c;
    color:#fff;
    padding:20px 25px;
    border-radius:8px;
    text-align:center;
}

.experience-box h3{
    font-size:28px;
    margin:0;
}

.about-features{
    margin-top:20px;
}

.feature-item{
    margin-bottom:10px;
    font-weight:600;
    color:#333;
}

.feature-item i{
    color:#ff5a3c;
    margin-right:8px;
}

.about-btn{
    background:#0d2c44;
    color:#fff;
    padding:12px 28px;
    font-weight:600;
    border-radius:5px;
    transition:0.3s;
}

.about-btn:hover{
    background:#081d2e;
    color:#fff;
}
/* Our Services Section */
.our-services{
    padding:100px 0;
    background:#ffffff;
}

.our-services h2{
    font-size:36px;
    font-weight:700;
    color:#0d2c44;
    margin-top:10px;
}

.our-services p{
    color:#666;
}

.service-card{
    background:#f8f9fa;
    padding:40px 30px;
    border-radius:10px;
    transition:0.3s;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
}

.service-icon{
    width:80px;
    height:80px;
    background:#ff5a3c;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    border-radius:50%;
    font-size:28px;
}

.service-card h4{
    font-weight:700;
    margin-bottom:15px;
    color:#0d2c44;
}

.service-btn{
    display:inline-block;
    margin-top:15px;
    padding:8px 20px;
    background:#0d2c44;
    color:#fff;
    border-radius:5px;
    text-decoration:none;
    transition:0.3s;
}

.service-btn:hover{
    background:#ff5a3c;
    color:#fff;
}

/* Featured Listings */
.featured-listings{
    padding:100px 0;
    background:#f8f9fa;
}

.featured-listings h2{
    font-size:36px;
    font-weight:700;
    color:#0d2c44;
    margin-top:10px;
}

/* Tabs */
.nav-pills .nav-link{
    background:#e9ecef;
    color:#333;
    margin:0 10px;
    padding:10px 25px;
    font-weight:600;
}

.nav-pills .nav-link.active{
    background:#ff5a3c;
    color:#fff;
}

/* Property Card */
.property-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:0.3s;
}

.property-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,0.1);
}

.property-img{
    position:relative;
}

.property-img img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.badge-sale{
    position:absolute;
    top:15px;
    left:15px;
    background:#0d6efd;
    color:#fff;
    padding:5px 12px;
    font-size:12px;
    border-radius:5px;
}

.badge-rent{
    position:absolute;
    top:15px;
    left:15px;
    background:#28a745;
    color:#fff;
    padding:5px 12px;
    font-size:12px;
    border-radius:5px;
}

.property-info{
    padding:20px;
}

.property-info h5{
    font-weight:700;
    margin-bottom:8px;
}

.property-info p{
    color:#777;
    font-size:14px;
}

.property-info h6{
    font-weight:700;
    color:#ff5a3c;
    margin:10px 0;
}

.view-btn{
    display:inline-block;
    padding:8px 18px;
    background:#0d2c44;
    color:#fff;
    border-radius:5px;
    text-decoration:none;
    transition:0.3s;
}

.view-btn:hover{
    background:#ff5a3c;
    color:#fff;
}
.why-choose, .property-location, .latest-blog{
    padding:100px 0;
}

.choose-box{
    padding:30px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.choose-box i{
    font-size:30px;
    color:#ff5a3c;
    margin-bottom:15px;
}

.counter-section{
    background:#0d2c44;
    color:#fff;
    padding:80px 0;
}

.counter-section h2{
    font-size:40px;
}

.testimonials{
    padding:100px 0;
    background:#f8f9fa;
}

.testimonial-box{
    max-width:700px;
    margin:auto;
}

.location-box{
    background:#ff5a3c;
    color:#fff;
    padding:40px;
    text-align:center;
    border-radius:8px;
    font-weight:600;
}

.cta-banner{
    background:#0d2c44;
    color:#fff;
    padding:80px 0;
}

.cta-btn{
    background:#ff5a3c;
    color:#fff;
    padding:12px 30px;
}

.contact-strip{
    background:#ff5a3c;
    padding:20px 0;
    color:#fff;
}

.main-footer{
    background:#111;
    color:#ccc;
    padding:60px 0;
}

.main-footer a{
    color:#ccc;
    text-decoration:none;
}
.inner-banner{
    background:#0d2c44;
    color:#fff;
    padding:80px 0;
}

.inner-banner h1{
    font-size:42px;
    font-weight:700;
}

.about-page, .services-page, .properties-page,
.property-details, .blog-page, .blog-details,
.contact-page{
    padding:100px 0;
}

.price-box{
    background:#f8f9fa;
    padding:30px;
    border-radius:8px;
}

.page-banner{
    background:#111;
    color:#fff;
    padding:60px 0;
}

.service-box{
    background:#fff;
    padding:30px;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    border-radius:10px;
}

.property-card{
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    border-radius:10px;
    overflow:hidden;
}

.blog-card{
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    border-radius:10px;
    overflow:hidden;
}
.quick-links{display:flex;flex-wrap:wrap;gap:10px;}
.quick-link{background:#fff;color:#0d2c44;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:600;}
.quick-link:hover{background:#ff5a3c;color:#fff;}
.smart-features{padding:100px 0;background:#fff;}
.filter-box{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.05);} 
.feature-list{list-style:none;padding:0;margin:20px 0;}
.feature-list li{padding:8px 0;border-bottom:1px solid #eee;}
.amenity-pill{background:#f8f9fa;padding:10px 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;margin:4px 4px 0 0;font-size:14px;}
.about-list{list-style:none;padding:0;}
.about-list li{padding:6px 0;}
.about-list i{color:#ff5a3c;margin-right:8px;}
.main-footer ul{list-style:none;padding:0;}
.main-footer li{margin-bottom:8px;}
.main-footer .cta-btn{background:#ff5a3c;color:#fff;}
.testimonial-box{background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.05);} 
.ai-search-box{background:linear-gradient(135deg, #0d2c44, #ff5a3c);color:#fff;padding:20px 24px;border-radius:12px;}
.ai-search-box h5{margin-bottom:10px;}
.ai-feature-grid .service-card{min-height:100%;}
.blog-detail-card .blog-detail-meta{display:flex;flex-wrap:wrap;gap:12px;color:#666;font-size:0.95rem;}
.blog-detail-card .article-content p,.blog-detail-card .article-content li{color:#555;line-height:1.8;}
.blog-detail-card .article-content h4{color:#0d2c44;margin-top:24px;margin-bottom:12px;font-weight:700;}
.related-card{border-top:1px solid #eee;padding-top:15px;margin-top:15px;}
.related-card h6{font-weight:700;color:#0d2c44;}
.related-card a{color:#ff5a3c;font-weight:600;text-decoration:none;}
.related-card a:hover{color:#0d2c44;}