.banner-interativo{
	height: 38.6875rem;
	background-color: #F1F2F3;
}
.card-banner{
	width: 30rem;
	width: 400px;
	height: 21.25rem;
	height:283px;
	font-size:1.125em;
	font-size:1em;
	-webkit-mask-image: url("../imgs/img-alpha2.svg");
	mask-image: url("../imgs/img-alpha2.svg");
	background-color:white;
}
.titulo-cartao{
	font-size:1.5rem;
	margin-top:0.5em;
}

.card-wrap {
	top:7rem;
	width:100%;
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
	z-index:10;
}
.texto-cartao {
	color: #78909C;
}
.carousel-inner img {
    width: 100%;
	height:38.6875rem;
	object-fit: cover;
}

.carousel-indicators li,
.carousel-indicators li.active {
  background-color: #B0BEC5;
  width:2.5rem;
  height:0.3125rem;

}

.carousel-indicators li.active {
  background-color: #E84E0E;
  width:2.5rem;
  height:0.3125rem;

}

.carousel-indicators{
	margin-left: 0;
    right: initial;
    left: initial;
    margin-right: 0;
	margin-bottom: 1.5rem;
}

.slide-img{
	height:38.6875rem;
    background-size: cover !important;
}
#slide1{
	background: url('../slide1.jpg');
	background-position: right;
}
#slide2{
	background: url('../slide2.jpg');
	background-position: right;
}
#slide3{
	background: url('../slide3.jpg');
	background-position: right;
}

@media (max-width: 992px) {
	.card-banner{
		width: 20rem;
		width: 267px;
		height: 14.167rem;
		height: 189px;
		font-size:0.75em;
		font-size:0.625em;
		-webkit-mask-image: url('../imgs/img-alpha2s.svg');
		mask-image: url('../imgs/img-alpha2s.svg');
		margin-left:calc(100vw / 2 - 350px);
	}
	.card-wrap {
		top:calc(25.79rem / 2 - 7.083rem);
	}
	.titulo-cartao{
		font-size:1.25rem;
		font-size:1rem;
		margin-top:0;
	}
	.banner-interativo{
		height: 25.79rem;
	}
	.carousel-inner img {
		height:25.79rem;
	}
	.slide-img{
		height:25.79rem;
	}
}

@media (max-width: 640px) {
	.card-banner{
		margin-right: auto;
		margin-left: auto;
	}
	.card-wrap {
		top:calc(25.79rem - 95px);
	}
	.banner-interativo{
		margin-bottom: 8em;
	}
	.carousel-indicators{
		margin-bottom: 6.5rem;
		right:0;
		left:0;
	}
	#slide1{
		background: url('../slide1.jpg');
		background-position: right;
	}
	#slide2{
		background: url('../slidem2.jpg');
		background-position: center;
	}
	#slide3{
		background: url('../slidem3.jpg');
		background-position: center;
	}
}