.fancify-core-sp-floorplan-container {
	.fancify-core-sp-floorplan {
		padding-bottom: 30px;

		&.active {
			.fancify-core-sp-floorplan-tab-content {
				width: 100%;
				max-height: 600px;
			}

			.fancify-core-sp-floorplan-tab-title {
				color: $white-color;

				&::after {
					transform: rotate(0deg);
					color: $white-color;
				}

				&::before {
					opacity: 1;
				}
			}
		}
	}

	.fancify-core-sp-floorplan-tab-title {
		@include font-size(25);
		@include font-weight(semi-bold);
		@include font-family-quicksand;
		display: block;
		background: #F1F1F1;
		width: 100%;
		padding: 20px 35px;
		border-radius: 90px;
		position: relative;
		margin-bottom: 30px;
		display: flex;
		align-items: center;
		transition: $tr-normal;
		z-index: 1;
		cursor: pointer;

		@include for-phone {
			padding: 18px 35px;
		}

		@include for-small-phone {
			padding: 15px 27px;
		}

		&::before {
			position: absolute;
			content: "";
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: -1;
			transition: opacity 0.3s linear;
			opacity: 0;
			border-radius: 90px;
			background: linear-gradient(85deg, $default-green, $default-light-green);
			transition: 0.6s;
		}

		&::after {
			content: "\e1fb";
			position: absolute;
			font-family: "fancify-fontastic";
			right: 35px;
			@include font-size(20);
			transition: $tr-normal;
			transform: rotate(180deg);

			@include for-small-phone {
				right: 25px;
			}
		}
	}

	.fancify-core-sp-floorplan-tab-content {
		text-align: center;
		margin: 0 auto 20px auto;
		transition: max-height .3s linear;
		overflow: hidden;
		max-height: 0;
		max-width: 90%;
	}
}