#property-slider {
    padding-bottom: var(--wp--preset--spacing--40);
}
.gallery {
	width: 100%;
	position: relative;
}
.gallery .content {
	position: absolute;
	z-index: 50;
	left: 55%;
	top: 0;
}
.gallery-slider {
	width: 50%;
	height: 525px;
	overflow: hidden;
}
.gallery-slider .swiper-slide {
	height: 100%;
}
.gallery-slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}

.gallery-thumbs {
	width: 55%;
	padding: 0;
	overflow: hidden;
	position: absolute;
	bottom: 35px;
	right: 0;
}
.gallery-thumbs .swiper-slide {
	width: 225px;
	height: 200px;
	text-align: center;
	overflow: hidden;
}
.gallery-thumbs .swiper-slide-active {
  	opacity: 1;
}
.gallery-thumbs .swiper-slide img {
	width: auto;
	height: 200px;
}

.gallery .swiper-button-next {
    top: 68%;
    right: 52.5%;
    width: 65px;
    height: 65px;
    background-color: var(--wp--preset--color--theme-secondary);
    border-radius: 50%;
}
.gallery .swiper-button-next:after {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    padding-left: 8px;
}

/* home slider styles */
.home .gallery .content h1 {
	margin-top: 0 !important;
  	margin-bottom: 0 !important;
}

.home .gallery-slider .swiper-slide .property-detail {
  	position: absolute;
    bottom: 40px;
    color: white;
    left: 40px;
    width: 70%;
	z-index: 10;
	opacity: 0;
}
.home .gallery-slider .swiper-slide::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%)
}
.home .gallery-slider .swiper-slide.swiper-slide-active .property-detail,
.home .gallery-slider .swiper-slide.swiper-slide-duplicate-active .property-detail {
	animation: fadeIn 3s;
	opacity: 1;
}
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

@media screen and (max-width: 825px) {
	.home .gallery-thumbs {
		bottom: 16px;
	}
}
@media screen and (max-width: 690px) {
	.gallery-thumbs {
		display: none !important;
	}
	.gallery .content {
		position: relative;
		left: 0;
	}
	.gallery-slider {
		width: 100%;
	}
	.gallery .swiper-button-next {
		top: 60%;
    	right: -2.5%;
	}
	.home .gallery-slider .swiper-slide .property-detail {
		width: calc(100% - 80px);
	}
}