.fase-4 {
	.box {
		.bg {
			height: 100%;
			top: 0;
			left: 0;
		}
	}
	.content {
		.sol {
			position: absolute;
			z-index: 10;
		}
		header {
			position: absolute;
			width: 1810px;
			height: 454px;
			left: 175px;
			top: 1077px;
			border-radius: 80px;
			display: flex;
			align-items: center;
			padding-left: 731px;
		}
		h2 {
			font-weight: normal;
			font-size: 110px;
			line-height: 132px;
			color: #fff;
		}
		.quest {
			position: absolute;
			width: 1810px;
			left: 175px;
			top: 1658px;
			li {
				width: 100%;
				height: 265px;
				display: block;
				position: relative;
				margin-bottom: 132px;
				border-radius: 150px;
			}
			a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				font-family: $worksans;
				font-size: 78px;
				line-height: 80px;
				padding: 0 190px;
			}
		}
		.pag {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 38px;
			position: absolute;
			bottom: 777px;
			left: 0;
			span {
				width: 28px;
				height: 28px;
				margin: 0 21.5px;
				opacity: 0.5;
				background-color: #fff;
				border-radius: 50%;
			}
		}
	}
	@for $num from 1 through 18 {
		.tela-#{$num} {
			.pag {
				span {
					&:nth-child(#{$num}) {
						width: 38px;
						height: 38px;
						margin: 0 20px;
						opacity: 1;
					}
				}
			}
		}
	}
	&.sol-e-praia {
		.tela {
			background-color: $bgVermelho;
		}
		.box {
			.bg {
				background-color: $bgLaranja;
				background-image: url('../img/content/tela-4-bg-1.svg');
			}
		}
		.content {
			.sol {
				left: 142px;
				top: 897px;
			}
			header {
				background: $bgAzul2;
			}
			.quest {
				li {
					background: $bgAmarelo2;
					color: $bgVermelho;
				}
			}
			.pag {
				span {
					background-color: $bgAmarelo2;
				}
			}
		}
	}
	&.eco-e-rural {
		.tela {
			background-color: $bgVerdeEscuro;
		}
		.box {
			.bg {
				background-color: $bgVerde2;
				background-image: url('../img/content/tela-4-bg-2.svg');
			}
		}
		.content {
			.sol {
				left: 117px;
				top: 914px;
			}
			header {
				background: $bgMarrom;
			}
			.quest {
				li {
					background: $bgAzul2;
					color: #fff;
				}
			}
			.pag {
				span {
					background-color: $bgAzul2;
				}
			}
		}
	}
	&.religioso {
		.tela {
			background-color: $bgAzulVerde;
		}
		.box {
			.bg {
				background-color: $bgSalmao;
				background-image: url('../img/content/tela-4-bg-3.svg');
			}
		}
		.content {
			.sol {
				left: 120px;
				top: 927px;
			}
			header {
				background: $bgAzulEscuro2;
			}
			.quest {
				li {
					background: #fff;
					color: $bgCinza;
				}
			}
			.pag {
				span {
					background-color: $bgCinza;
				}
			}
		}
	}
	&.gastro-e-enoturismo {
		.tela {
			background-color: $bgAmarelo;
		}
		.box {
			.bg {
				background-color: $bgAzul;
				background-image: url('../img/content/tela-4-bg-4.svg');
			}
		}
		.content {
			.sol {
				left: 149px;
				top: 732px;
			}
			header {
				background: $bgMarrom;
			}
			.quest {
				li {
					background: $bgVermelho;
					color: #fff;
				}
			}
			.pag {
				span {
					background-color: #fff;
				}
			}
		}
	}
	&.historia-e-arte {
		.tela {
			background-color: $bgAzul2;
		}
		.box {
			.bg {
				background-color: $bgRosa;
				background-image: url('../img/content/tela-4-bg-5.svg');
			}
		}
		.content {
			.sol {
				left: 60px;
				top: 985px;
			}
			header {
				background: $bgRosaChoque;
			}
			.quest {
				li {
					background: $bgCinza;
					color: $bgSalmao;
				}
			}
			.pag {
				span {
					background-color: $bgSalmao;
				}
			}
		}
	}
	&.expressoes {
		.tela {
			background-color: $bgLaranja;
		}
		.box {
			.bg {
				background-color: $bgVerde2;
				background-image: url('../img/content/tela-4-bg-6.svg');
			}
		}
		.content {
			.sol {
				left: 108px;
				top: 823px;
			}
			header {
				background: $bgVermelho3;
			}
			.quest {
				li {
					background: $bgAzulEscuro;
					color: $bgVerde4;
				}
			}
			.pag {
				span {
					background-color: $bgVerde4;
				}
			}
		}
	}
}
