.kite-buildout-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:30px;
}

.kite-property-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

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

.kite-property-content{
    padding:20px;
}

.kite-property-content h3{
    margin:0 0 10px;
    font-size:22px;
}

.kite-property-content p{
    color:#666;
    margin-bottom:15px;
}

#kite-map{
    height:900px;
    border-radius:20px;
    overflow:hidden;
}

#property-map{
    width:100%;
    height:800px;
}

#kite-property-list{
    display:flex;
    flex-direction:column;
    gap:20px;
    max-height:675px;
    overflow:auto;
    padding-right:10px;
}

.kite-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.25s;
}

.kite-card:hover{
    transform:translateY(-4px);
}

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

.kite-card-content{
    padding:20px;
}

.kite-card h3{
    margin:0;
    font-size:20px;
}

.kite-price{
    margin:12px 0;
    font-weight:bold;
    color:#1a4f8b;
    font-size:18px;
}

.kite-address{
    color:#666;
    margin-bottom:18px;
}

.kite-button{
    display:inline-block;
    background:#000;
    color:#fff;
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
}

.kite-card.active{
    border-left:4px solid #D4AF37;
    background:#1b1b1b;
}

.kite-marker{
    width:40px !important;
    height:40px !important;
    background:red !important;
    border:6px solid yellow !important;
    border-radius:50%;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

.kite-hospital-marker{
    width:36px;
    height:36px;
    border-radius:50%;
    background:#2E8B57;
    border:3px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(0,0,0,.25);
}

.kite-hospital-heading{
    padding:20px;
    text-align:center;
    background-color: #0D1C33;
    border: 1px solid #26344A;
    border-radius: 12px;
}

.kite-hospital-list{
    background-color: #0D1C33;
    border: 1px solid #26344A;
    border-radius: 12px;
}

.kite-hospital-heading svg{
    padding: 12px;
    margin-bottom: 5px;
    background-color: #0A2531;
    border-radius: 50%;
    color: #007837;
}

.kite-hospital-heading h3{
    margin:0;
    font-size:14px;
    font-weight:700;
    font-family: "Raleway", sans-serif;
    color: white;
    line-height: 20px;
}

.kite-hospital-heading p{
    margin:10px 0 10px;
    color:#6a7282;
    line-height:16px;
    font-size:12px;
    font-family: "Lato", sans-serif;
    font-weight:400;
}

.kite-hospital-list h4{
    font-size:12px;
    font-weight:600;
    color:#99a1af;
    padding: 15px 20px;
    margin:0;
    border-bottom:1px solid #26344A;    
    line-height:16px;
    letter-spacing:0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kite-hospital-card{
    padding:12px 8px;
    border-bottom:1px solid #26344A;
    cursor:pointer;
    transition:.25s;
    display:flex;
    align-items:flex-start;

}

.kite-hospital-content{
    display:flex;
    flex-direction:column;
    gap: 4px;
}

.kite-hospital-arrow svg{
    color: #99a1af;
}

.kite-hospital-card-inner{
    display:flex;
    align-items:flex-start;
    flex: 85%;
}

.kite-hospital-left svg{
    color: #014721;
}

.kite-hospital-arrow{
    flex: 15%;
    display:flex;
    justify-content:flex-end;
}

.kite-hospital-name{
    font-weight:500;
    font-family: "Raleway", sans-serif;
    color:white;
    font-size: 14px;
    line-height: 20px;

}

.kite-hospital-meta{
    display:flex;
    flex-direction:row;
    gap: 12px;
    align-items: center;
}

.kite-hospital-system, .kite-hospital-city{
    color:#6a7282;
    font-size:12px;
    line-height: 16px;
    font-weight:400;
    font-family: "Lato", sans-serif;
}

.kite-hospital-nearby{
    color:#369;
    font-size:11px;
    font-weight:500;
    line-height: 17px;
}

.kite-hospital-card.active{
    background:#0f1725;
}

.kite-hospital-detail{
    border: 1px solid #2a3344;
    margin: 1rem;
    border-radius: 16px;
}

.kite-detail-header{
    position:relative;
    padding: 14px 16px 12px 16px;
    background: linear-gradient(135deg, rgb(1, 71, 33), rgba(2, 109, 53, 0.25));
    border-radius: 16px 16px 0px 0px;
}

.kite-detail-close{
    position:absolute;
    right:10px;
    top:28px;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    cursor:pointer !important;
    color: white;
}

.kite-detail-close:hover{
    background: transparent !important;
}

.kite-detail-grid{
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.kite-detail-section{
    padding: 5px 16px 5px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kite-detail-infomation svg, .kite-detail-infomation-phone{
    color: #026d35 !important;
}

.kite-specialties{
    flex-wrap: wrap;
}

.kite-detail-property-count-section{
    margin: 6px 16px 6px 16px;
    padding: 12px 16px 12px 16px;
    background-color: #0A213E;
    border: 1px solid #0A213E;
    border-radius: 8px;
}

.kite-detail-property-count-section strong{
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #69c;
}

.kite-detail-button {
    margin: 0px 16px 12px 16px;
    background-color: #007837;
    border-radius: 8px;
    padding: 8px 15px;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: white;
}

.kite-specialties span{
    background-color: #19293F;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 11px;
    line-height: 17px;
    font-weight: 500;
    color: #d1d5dc;
    font-family: 'Lato', sans-serif;
}

.kite-detail-title{
    font-family: 'Lato', sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    color: #6a7282;
}

.kite-detail-infomation{
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #d1d5dc;
    display: flex;
    align-items: center;
    gap: 5px;
}

.kite-detail-box{
    display: flex;
    flex-direction: column;
    background-color: #19293F;
    flex: 50%;
    border-radius: 8px;
    padding: 12px 15px;
    border: 1px solid #26344A;
    gap: 5px;
}
.kite-detail-box span{
    font-size: 10px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    line-height: 15px;
    color: #6a7282;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.5px;
}

.kite-detail-box strong{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: white;
}

.kite-detail-box-level strong{
    font-size: 14px;
}

.kite-detail-header h3{
    margin:0;
    color:#fff;
    font-size:16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 20px;
}

.kite-detail-location{
    color:#fff9;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
}

.kite-detail-system{
    margin-top:8px;
    color:#d4af37;
    font-weight:600;
}

.kite-detail-divider{
    height:1px;
    background:#2c3648;
    margin:18px 0;
}

.kite-detail-count{
    color:#fff;
    font-weight:bold;
    margin-bottom:15px;
}

.kite-nearby-property{
    padding:15px 0;
    border-bottom:1px solid #2c3648;
}

.kite-nearby-title{
    color:#fff;
    font-weight:700;
}

.kite-nearby-address{
    color:#aaa;
    margin:6px 0;
}

.kite-nearby-link{
    color:#d4af37;
    text-decoration:none;
}