/*==================================================
Related Properties
==================================================*/

.pp-related-properties{
    padding:60px 0 0;
}

.pp-related-properties .pp-section-heading{
    margin-bottom:45px;
}

.pp-property-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:40px;

}

.pp-card{

    background:#fff;

}

.pp-card-image{

    display:block;

    overflow:hidden;

}

.pp-card-image {
	height: 200px;
	overflow: hidden;
	/* max-height: 180px; */
}
.pp-card-image img {
	transition: transform .5s ease;
	height: 200px;
	overflow: hidden;
	object-fit: cover;
}

.pp-card:hover .pp-card-image img{

    transform: scale(1.2);

}

.pp-card:hover .pp-card-image img{

    transform:scale(1.2);

}

.pp-card-content {
	padding: 25px 25px;
	text-align: center;
}

.pp-property-type {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: #888;
	margin-bottom: 5px;
}

.pp-card-title {
	font-size: 20px;
	line-height: 1.25;
	margin: 0 0 5px;
}

.pp-card-title a{
    color:inherit;
    text-decoration:none;
}

.pp-location {
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
}
.pp-card-content .pp-location::after {
	content: "";
	border-bottom: 2px solid #d8917d;
	width: 100px;
	height: 1px;
	display: block;
	margin: 2px auto 0;
}

.pp-card .pp-status{

    display:inline-block;

    font-size:15px;
	font-weight: 400;
    text-transform:uppercase;

    letter-spacing: 0;
	width: 100%;
    margin-bottom: 0;
	padding: 5px;

}

.pp-card .pp-status.space-available{

    color:#fff;

}
.pp-card .pp-status.space-available {
	background: #d8917d;
	text-align: center;
}

.pp-view-property {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	transition: .2s;
	border: 1px solid var(--global-palette-highlight);
	padding: 10px 20px;
	margin-top: 15px;
}

.pp-view-property::after{

    content:"→";

    margin-left:8px;

    transition:.2s;

}

.pp-view-property:hover::after{

    margin-left:14px;

}