.grid-villas{
	padding-top:6rem;
	padding-bottom: clamp(40px, 6.25vw, 80px);
}
.grid-villas .row{
	gap:0;
}
.grid-villas .grid{
	grid-column: 1 / span 12;
	border-bottom:0;
}
.grid-villas .grid .single-villa,
.more-listings .single-villa,
.grid-villas .grid .single-residence,
.more-listings .single-residence{
	width:33.333333%;
	color:var(--primary);
	border: 1px solid var(--primary); /* Apply a full 1px border */
	overflow: hidden;
	cursor: pointer;
}
.grid-villas .grid .single-villa img,
.more-listings .single-villa img,
.grid-villas .grid .single-residence img,
.more-listings .single-residence img{
	transition: .5s all;
}
.grid-villas .grid .single-villa:hover img,
.more-listings .single-villa:hover img,
.grid-villas .grid .single-residence:hover img,
.more-listings .single-residence:hover img{
	transform: scale(1.02);
}
.grid-villas .grid .single-villa .cta span,
.more-listings .single-villa .cta span,
.grid-villas .grid .single-residence .cta span,
.more-listings .single-residence .cta span{
	position: relative;
}
.grid-villas .grid .single-villa .cta span:after,
.more-listings .single-villa .cta span:after,
.grid-villas .grid .single-residence .cta span:after,
.more-listings .single-residence .cta span:after{
	content:'';
	position: absolute;
	bottom:0;
	width:0;
	left:0;
	height:1px;
	background:var(--primary);
	transition: .2s all;
}
.more-listings .single-villa .cta span:after,
.more-listings .single-residence .cta span:after{
	background:var(--white);
}
.grid-villas .grid .single-villa:hover .cta span:after,
.more-listings .single-villa:hover .cta span:after,
.grid-villas .grid .single-residence:hover .cta span:after,
.more-listings .single-residence:hover .cta span:after{
	width:100%;
}
.grid-villas .grid .single-villa .copy,
.grid-villas .grid .single-residence .copy {
	height: 129px;
}
.more-listings .single-villa,
.more-listings .single-residence{
	border-top:0;
	border-left:0;
	border-bottom:0;
}
.bg-black.more-listings .row:last-of-type{
	border:1px solid rgba(255,255,255,.2);
	margin-top:40px;
}
.bg-black.grid-villas .grid .single-villa,
.bg-black.grid-villas .grid .single-residence,
.bg-black.more-listings .single-villa,
.bg-black.more-listings .single-residence{
	border-color:rgba(255,255,255,.2);
}
.grid-villas .grid .single-villa,
.grid-villas .grid .single-residence {
	border: 1px solid var(--primary); /* Apply 1px border on all sides */
	box-sizing: border-box; /* Ensure padding and borders are included in the item's size */
	position: relative; /* Position relative for transformation */
	z-index: 1; /* Ensure proper stacking context */
}

/* Apply negative margin and transform to overlap borders */
.grid-villas .grid .single-villa,
.grid-villas .grid .single-residence {
	margin: -1px 0 0 -1px; /* Overlap the borders by 1px */
	transform: translate(1px, 1px); /* Offset each item by 1px */
}
.grid-villas .grid .single-villa .copy,
.more-listings .single-villa .copy,
.grid-villas .grid .single-residence .copy,
.more-listings .single-residence .copy {
	padding: 20px 20px 40px 20px;
	display: flex;
	flex-wrap: wrap;
}
.bg-black .single-villa .copy,
.bg-black .single-residence .copy {
	color:var(--white);
}
.grid-villas .grid .single-villa h5,
.grid-villas .grid .single-villa .h5,
.more-listings .single-villa h5,
.more-listings .single-villa .h5,
.grid-villas .grid .single-residence h5,
.grid-villas .grid .single-residence .h5,
.more-listings .single-residence h5,
.more-listings .single-residence .h5{
	text-transform: uppercase;
	margin:0;
}

.grid-villas .grid .single-villa .copy .left,
.more-listings .single-villa .copy .left,
.grid-villas .grid .single-residence .copy .left,
.more-listings .single-residence .copy .left {
	width:60%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.grid-villas .grid .single-villa .copy .left .bed-bath,
.more-listings .single-villa .copy .left .bed-bath,
.grid-villas .grid .single-residence .copy .left .bed-bath,
.more-listings .single-residence .copy .left .bed-bath{
	display: flex;
	gap: 15px;
	margin-top:15px;
	text-transform: uppercase;
}
.grid-villas .grid .single-villa .copy .left .bed-bath .term,
.grid-villas .grid .single-villa .copy .right .sqft,
.more-listings .single-villa .copy .left .bed-bath .term,
.more-listings .single-villa .copy .right .sqft,
.grid-villas .grid .single-residence .copy .left .bed-bath .term,
.grid-villas .grid .single-residence .copy .right .sqft,
.more-listings .single-residence .copy .left .bed-bath .term,
.more-listings .single-residence .copy .right .sqft{
	font-size: clamp(12px, 1.094vw, 14px);
	position: relative;
	/* top: -2px; */
}

.grid-villas .grid .single-villa .copy .right,
.more-listings .single-villa .copy .right,
.grid-villas .grid .single-residence .copy .right,
.more-listings .single-residence .copy .right{
	width: 40%;
	text-align: right;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.grid-villas .grid .single-villa .copy .right .price,
.more-listings .single-villa .copy .right .price,
.grid-villas .grid .single-residence .copy .right .price,
.more-listings .single-residence .copy .right .price{
	font-style: italic;
	opacity: .6;
	font-size: clamp(12px, 1.094vw, 14px);
}

.grid-villas .img-container,
.more-listings .img-container{
	height:22.67vw;
	overflow: hidden;
}
.grid-villas .img-container img,
.more-listings .img-container img{
	object-fit: cover;
	height:100%;
	width:100%;
}

.grid-villas .img-container .soldBadge {
	position: absolute;
	top: 2rem;
	right: 2rem;
	z-index: 70;
	padding: 10px 20px;
	text-transform: uppercase;
	font: 14px / 18px "StRydeRegular", Helvetica, Arial, sans-serif;
	background: var(--black);
	color: var(--white);
}

@media only screen and (max-width: 900px) {
	.grid-villas .grid .single-villa,
	.grid-villas .grid .single-residence{
		width:48%;
	}
	.grid-villas .img-container{
		height:35vw;
	}
}
@media only screen and (max-width: 600px) {
	.grid-villas .grid .single-villa,
	.grid-villas .grid .single-residence{
		width:100%;
	}
	.grid-villas .img-container{
		height:75vw;
	}
	.grid-villas .grid .single-villa .copy,
	.grid-villas .grid .single-residence .copy{
		min-height: 0;
	}
	.more-listings .img-container{
		height:60vw;
	}
}