.fancify-core-single-property-slider {
	&.fancify-core-gallery-style {
		.fancify-core-single-property-gallery {

			@include for-phone {
				margin: 0;
				position: relative;
			}

			.swiper-slide {
				img {
					border-radius: 20px;
					height: 38.75em;
					width: 100%;

					@include for-tablet {
						height: 28em;
						object-fit: cover;
					}

					@include for-phone {
						border-radius: 10px;
					}

					@include for-small-phone {
						height: 20em;
						object-fit: cover;
					}
				}
			}

			.slider-control-right,
			.slider-control-left {
				@include gradient(48deg, $default-green, $default-light-green);
				position: absolute;
				width: 60px !important;
				height: 60px !important;
				top: 50%;
				transform: translate(-50%, -50%);

				@include for-tablet {}

				@include for-phone {
					width: 50px !important;
					height: 50px !important;
				}

				@include for-small-phone {
					width: 45px !important;
					height: 45px !important;
				}

				&:after {
					box-shadow: 0 3px 25px rgba($default-green, 0.3);

					@include for-phone {
						line-height: 50px;
					}

					@include for-small-phone {
						line-height: 45px;
						@include font-size(40);
					}
				}

				&::before {
					content: "";
					border-radius: 100%;
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					bottom: -1px;
					display: inline-flex;
					justify-content: center;
					line-height: 60px;
					transition: $tr-normal;
					opacity: 0;

					@include for-small-phone {
						line-height: 45px;
					}
				}

				&:hover {
					&::before {
						background-image: linear-gradient(48deg, $default-dark-blue, $default-dark-blue);
						opacity: 1;
					}

					&::after {
						box-shadow: 0 3px 25px rgba($default-dark-blue, 0.25);
					}
				}

			}


			.slider-control-left {
				left: 5% !important;

				@include for-tablet {
					left: 7% !important;
				}

				@include for-small-phone {
					left: 10% !important;
				}

				&::after {
					content: "\72";
					right: 5px;
				}
			}

			.slider-control-right {
				left: 95% !important;

				@include for-tablet {
					left: 93% !important;
				}

				@include for-small-phone {
					left: 90% !important;
				}

				&::after {
					left: 5px;
					content: "\73";
				}
			}
		}

		.fancify-core-single-property-gallery-thumbs {
			padding-top: 30px;
			margin: 0;
			position: unset;

			@include for-tablet {
				margin: 0;
			}

			@include for-phone {
				margin: 0;
				position: relative;
			}

			.swiper-slide {
				filter: brightness(0.35);
				transition: $tr-very-slow;

				img {
					max-height: 10.625em;
					min-height: 9.375em;
					object-fit: cover;
					border-radius: 15px;

					@include for-tablet {
						max-height: 9em;
						min-height: 8em;
					}

					@include for-phone {
						border-radius: 7px;
					}
				}

				//&.swiper-slide-active,
				&.swiper-slide-thumb-active {
					filter: brightness(1);
				}
			}
		}
	}

	// Broker Lite Styles
	&.fancify-core-gallery-style-broker-lite {
		.fancify-core-single-property-gallery {

			@include for-phone {
				margin: 0;
				position: relative;
			}

			.swiper-slide {
				img {
					border-radius: 5px;
					max-height: 520px;
					width: 100%;
					object-fit: cover;

					@include for-tablet {
						object-fit: cover;
						max-height: 400px;
					}

					@include for-phone {
						object-fit: cover;
					}
				}
			}

			.slider-control-right,
			.slider-control-left {
				@include gradient(48deg, rgba($black-color, 0.16), rgba($black-color, 0.16));
				position: absolute;
				box-shadow: unset;
				width: 50px !important;
				height: 50px !important;
				transform: translate(-50%, -50%);
				top: 50%;

				@include for-tablet {}

				@include for-phone {
					width: 40px !important;
					height: 40px !important;
				}

				@include for-small-phone {
					width: 35px !important;
					height: 35px !important;
				}

				&:after {
					box-shadow: unset;
					@include font-size(40);
					color: $white-color;
					line-height: 47px;

					@include for-tablet {
						@include font-size(35);
						line-height: 3.5rem;
					}

					@include for-phone {
						line-height: 3rem;
					}

					@include for-small-phone {
						line-height: 34px;
						@include font-size(30);
					}
				}

				&::before {
					content: "";
					border-radius: 100%;
					position: absolute;
					top: -1px;
					left: -1px;
					right: -1px;
					bottom: -1px;
					display: inline-flex;
					justify-content: center;
					line-height: 50px;
					transition: $tr-normal;
					opacity: 0;
					background-image: linear-gradient(90deg, $white-color, $white-color);
					box-shadow: unset;

					@include for-small-phone {
						line-height: 35px;
					}
				}

				&:hover {
					&::before {
						opacity: 1;
						box-shadow: unset;
					}

					&::after {
						box-shadow: unset;
						color: #736EFE;
					}
				}

			}


			.slider-control-left {
				left: 94% !important;

				@include for-tablet {
					left: 93% !important;
				}
			}

			.slider-control-right {
				left: 6% !important;

				@include for-tablet {
					left: 7% !important;
				}
			}
		}

		.fancify-core-single-property-gallery-thumbs {
			padding-top: 20px;
			margin: 0;
			position: unset;

			@include for-tablet {
				margin: 0;
			}

			@include for-phone {
				margin: 0;
				position: relative;
			}

			@include for-small-phone {
				padding-top: 20px;
			}

			.swiper-slide {
				filter: brightness(0.35);
				transition: $tr-very-slow;
				max-height: 100px;

				img {
					max-height: 90px;
					min-height: 50px;
					width: 100%;
					object-fit: cover;
					border-radius: 5px;
				}

				&.swiper-slide-thumb-active {
					filter: brightness(1);
				}
			}
		}
	}
}