.property-images {
    display: flex;
    gap: 10px;
}
.main-image {
    width: 100%;
    border-radius: 10px;
}
.thumbnail-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    cursor: pointer;
    transition: border 0.2s ease;
}

.thumbnail.active-thumbnail img {
    border: 2px solid #dc3545; /* Bootstrap danger color */
}
.icons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.badge-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.badge {
  font-size: 1rem;
  padding: 10px 15px;
  border-radius: 10px;
}

.badge-custom {
    background-color:red;
    color: white;
    border-radius: 20px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
}
.badge-custom i {
    margin-right: 5px;
}
.property-type{
    background-color: red;
}
.bedrooms{
    background-color: red;
}
.property-size-bg{
    background-color: red;
}
.property-price{
    color: red;
}
.request-viewing{
    background-color: red;
}