/* บ้านเดี่ยว (Single House) */
.house-icon {
    background-color: #FF5733; /* สีส้ม */
    color: #000000;
}

/* ทาวน์เฮาส์ (Townhouse) */
.town-icon {
    background-color: #33E73A; /* สีเขียว */
    color: #000000;
}

/* คอนโดมิเนียม (Condominium) */
.condo-icon {
    background-color: #FF33E7; /* สีชมพู */
    color: #000000;
}

/* เชิงพาณิชย์ (Commercial) */
.commercial-icon {
    background-color: #FFCC33; /* สีเหลือง */
    color: #000000;
}

/* ที่ดิน (Land) */
.land-icon {
    background-color: #36D7B7; /* สีแดง */
    color: #000000;       
}

.blue-icon {
    background-color: #0C6CC9; /* สีน้ำเงิน */
    color: #000000;
}

.marker-icon {
    display: flex;
    align-items: center; /* จัดให้แนวตั้งกลาง */
    justify-content: center; /* จัดให้แนวนอนกลาง */
    height: 100%; /* ให้สูงเท่ากับความสูงของ div */
    width: 100%; /* ให้กว้างเท่ากับความกว้างของ div */
}


.custom-marker-container {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-marker {
    width: 70px;
    height: 70px;
    background-image: url("../images/cloud.png");
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-marker-number {
    color: #fff;
    font-size: 12px;
}

.map-container {
    position: relative;
}

.center-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
}