.distinct-card {
    border: 2px solid #004080;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
}

.distinct-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 35px rgba(0,0,0,0.2);
}

.status-badge {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.property-name {
    font-weight: 700;
    font-size: 1.15rem;
    color: #004080;
}

.property-rent {
    font-size: 1.1rem;
    color: #ff5722;
    font-weight: 600;
}

.pagination {
    margin: 0;
}

.pagination .page-item .page-link {
    border-radius: 0.375rem;
    padding: 0.4rem 0.8rem;
    margin: 0 2px;
    font-size: 0.875rem;
}

.pagination .page-item.active .page-link {
    background: #0d6efd; /* Primary color */
    border-color: #0d6efd;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d;
}

.hover-card {
    transition: all 0.3s ease;
    cursor: default;
}
.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}
.thumb-image {
    transition: all 0.3s ease;
}
.thumb-image:hover {
    transform: scale(1.05);
    border-color: #198754 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 60% 60%;
}

.hero-wrapper{
    padding:140px 0 100px;
    background:#f8fbff;
    position:relative;
}

.hero-bg-glow{
    position:absolute;
    right:-150px;
    top:-120px;
    width:550px;
    height:550px;
    background:#2f80ed20;
    filter:blur(120px);
    border-radius:50%;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#eef5ff;
    color:#1f5eff;
    padding:10px 18px;
    border-radius:40px;
    font-weight:600;
}

.hero-title{
    font-size:58px;
    line-height:1.15;
    font-weight:700;
}

.hero-title span{
    color:var(--theme-color);
}

.hero-text{
    font-size:18px;
    color:#666;
    max-width:560px;
}

.hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.hero-tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid #eee;
    padding:10px 18px;
    border-radius:30px;
}

.hero-trust{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.hero-trust div{
    display:flex;
    align-items:center;
    gap:10px;
    color:#444;
}

.hero-dashboard{
    position:relative;
    min-height:620px;
}

.property-photo{
    position:absolute;
    right:0;
    top:60px;
    width:82%;
    border-radius:24px;
    object-fit:cover;
    box-shadow:0 20px 60px rgba(0,0,0,.12);
    z-index:1;
}

.dashboard-shot{
    position:absolute;
    left:0;
    top:0;
    width:78%;
    border-radius:20px;
    background:#fff;
    box-shadow:0 35px 80px rgba(0,0,0,.18);
    z-index:3;
}

.floating-card{
    position:absolute;
    display:flex;
    align-items:center;
    gap:14px;
    background:#fff;
    padding:14px 18px;
    border-radius:14px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    z-index:4;
}

.card-1{
    top:30px;
    right:0;
}

.card-2{
    left:-25px;
    top:260px;
}

.card-3{
    right:20px;
    bottom:40px;
}

.floating-card .icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#eef5ff;
    color:var(--accent-color);
    font-size:1.2rem;
}

.floating-card h6{
    margin:2px 0 0;
    font-weight:600;
}

.floating-card small{
    color:#6c757d;
}

.section-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:#eef5ff;
    color:var(--accent-color);
    border-radius:30px;
    font-weight:600;
}

.section-title{
    font-size:2.4rem;
    font-weight:700;
}

.section-text{
    color:#6c757d;
    font-size:1.05rem;
}

.network-card{
    padding:40px;
    border-radius:20px;
    background:#fff;
    border:1px solid #e9ecef;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.network-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.1);
}

.network-icon{
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#eef5ff;
    color:var(--accent-color);
    font-size:2rem;
    margin-bottom:20px;
}

.network-list{
    list-style:none;
    padding:0;
    margin:25px 0 0;
}

.network-list li{
    margin-bottom:12px;
}

.network-list i{
    color:#198754;
    margin-right:8px;
}

.network-connector{
    width:80px;
    height:80px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#5aa7ff);
    color:#fff;
    font-size:2rem;
}