.banner{
	width: 100%;
	min-height: 400px;
	background-color: var(--cor-1);
	background-image: url('../imagens/contato/bg.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: auto;
	z-index: 10;
	position: relative;
	margin-bottom: 100px;
}
.banner .bg{
	width: 100%;
	object-fit: contain;
	z-index: 1;
	position: absolute;
    bottom: -1px;
    pointer-events: none;
}
.banner .container{
	display: flex;
	padding: 50px 0;
	z-index: 10;
}
.banner .texto{
	max-width: 521px;
	width: 100%;
    justify-content: center;
    gap: 20px;
    padding-left: 75px;
}
.banner .texto h2{
	font-size: 66px;
	font-weight: 700;
}
.banner .texto a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 235px;
	width: 100%;
	height: 50px;
	background-color: var(--primaria);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 0 20px;
	border-radius: 50px;
}
.banner .texto a i{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primaria);
	font-size: 25px;
	background-color: var(--cor-1);
	border-radius: 50%;
	margin-right: -15px;
}
.banner .img{
	max-width: 800px;
	width: 100%;
	align-self: flex-end;
	margin-bottom: -150px;
	position: relative;
}
.banner .img img{
	width: 100%;
	height: fit-content;
}


.seguro{
	width: 100%;
	padding: 100px 0;
}
.seguro .seguro-content{
	max-width: 875px;
	width: 100%;
	margin: auto;
	gap: 50px;
}
.seguro .seguro-content .titulo{
	width: 100%;
	align-items: center;
	text-align: center;
	gap: 20px;
}
.seguro .seguro-content .titulo p{
	font-size: 20px;
	font-weight: 500;
}
.seguro .seguro-div{
	max-width: 730px;
	width: 100%;
	margin: auto;
	align-items: center;
	justify-content: space-between; 
}
.seguro .seguro-div .div{
	width: 92px;
	height: 4px;
	border-radius: 50px;
	background-color: var(--cor-1);
	display: flex;
}
.seguro .seguro-div .box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 156px;
	height: 156px;
	border-radius: 50%;
	background-color: var(--cor-1);
}
.seguro .seguro-div .box img,
.seguro .seguro-div .box i{
	max-width: 100px;
	font-size: 50px;
	filter: brightness(0) saturate(100%) invert(95%) sepia(4%) saturate(154%) hue-rotate(234deg) brightness(123%) contrast(100%);
}


.coberturas{
	width: 100%;
	padding: 100px 5%;
}
.coberturas .coberturas-content{
	max-width: 1520px;
	width: 100%;
	margin: auto;
	gap: 50px;
}
.coberturas .coberturas-content .titulo{
	max-width: 720px;
	width: 100%;
	margin: auto;
	align-items: center;
	text-align: center;
	gap: 20px;
}
.coberturas .coberturas-content .titulo p{
	font-size: 20px;
	font-weight: 500;
}
.coberturas .coberturas-div{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-items: stretch;
	align-items: stretch;
	column-gap: 20px;
	row-gap: 20px;
}
.coberturas .coberturas-div .box{
	display: flex;
	width: 100%;
	background-color: var(--cor-1);
	border-radius: 10px;
	padding: 20px;
	gap: 20px;
	align-items: center;
	background-image: url('../imagens/seguros/bgc.png');
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center right;
	position: relative;
}
.coberturas .coberturas-div .box span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	background-color: #fff;
	border-radius: 50%;
}
.coberturas .coberturas-div .box span img,
.coberturas .coberturas-div .box span i{
	max-width: 51px;
	font-size: 30px;
	filter: brightness(0) saturate(100%) invert(53%) sepia(77%) saturate(4575%) hue-rotate(3deg) brightness(107%) contrast(102%);
}
.coberturas .coberturas-div .box h5{
	max-width: calc(100% - 166px);
	color: #fff;
}
.coberturas .coberturas-div .box .seta{
	margin-left: auto;
}


.escolha{
	width: 100%;
	background-color: var(--cor-1);
	position: relative;
	background-image: url('../imagens/seguros/bg.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center right;
}
.escolha .bg{
	width: 100%;
	object-fit: contain;
	z-index: 1;
	position: absolute;
    bottom: -1px;
    pointer-events: none;
}
.escolha .container{
	padding: 100px 0;
	gap: 50px;
}
.escolha .titulo{
	max-width: 750px;
	width: 100%;
	gap: 20px;
	display: flex;
}
.escolha .titulo .linha{
	background-color: #fff;
}
.escolha .titulo div{
	gap: 20px;
	max-width: calc(100% - 28px);
}
.escolha .titulo div p{
	font-size: 20px;
}
.escolha .escolha-div{
	width: 100%;
	display: flex;
	gap: 50px 0;
	justify-content: space-evenly;
}
.escolha .escolha-div .box{
	max-width: 387px;
	width: 100%;
	gap: 20px;
	align-items: center;
    text-align: center;
}
.escolha .escolha-div .box img{
	max-width: 297px;
	width: 100%;]
	margin-bottom: 10px;
}
.escolha .escolha-div .box p{
	max-width: 285px;
	margin: 0 auto;
	font-size: 20px;
	color: #ffffffd1;
}


.depoimentos{
	width: 100%;
	background-color: var(--cor-1);
	position: relative;
	background-image: url('../imagens/seguros/bg.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center right;
}
.depoimentos .bg{
	width: 100%;
	object-fit: contain;
	z-index: 1;
	position: absolute;
    bottom: -1px;
    pointer-events: none;
}
.depoimentos .container{
	padding: 100px 0 150px;
	gap: 50px;
}
.depoimentos .titulo{
	width: 100%;
	justify-content: space-between;
	gap: 50px;
}
.depoimentos .titulo .txt{
	max-width: 750px;
	width: 100%;
	gap: 20px;
	display: flex;
}
.depoimentos .titulo .txt .linha{
	background-color: #fff;
}
.depoimentos .titulo .txt div{
	max-width: calc(100% - 28px);
	gap: 20px;
}
.depoimentos .titulo .txt div p{
	font-size: 20px;
}
.depoimentos .titulo .arrows{
	gap: 15px;
	align-self: flex-end;
}
.depoimentos .titulo .arrows i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	color: var(--cor-1);
	font-size: 35px;
	background-color: #fff;
	border-radius: 50%;
	transition: ease .3s;
}
.depoimentos .titulo .arrows i:hover{
	scale: 1.15;
	transition: ease .3s;
}
.depoimentos .depoimentos-slider{
	width: 100%;
}
.depoimentos .depoimentos-slider .box:hover{
	background-color: #fff;
	transition: ease .3s;
}
.depoimentos .depoimentos-slider .box{
	width: 95%;
	height: 100%;
	margin: auto;
	background-color: var(--bg1);
	padding: 20px;
	border-radius: 20px;
	gap: 20px;
	align-content: start;
	align-items: center;
	text-align: center;
	position: relative;
	transition: ease .3s;
}
.depoimentos .depoimentos-slider .box h5{
	color: var(--cor-1);
	font-weight: 600;
}
.depoimentos .depoimentos-slider .box p{
    font-size: 18px;
    color: var(--primaria);
    overflow: auto;
    height: 187px;
    padding: 0 10px;
}
.depoimentos .depoimentos-slider .box p::-webkit-scrollbar {
  width: 3px;
}
.depoimentos .depoimentos-slider .box p::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.depoimentos .depoimentos-slider .box p::-webkit-scrollbar-thumb {
  background: var(--cor-1);
}
.depoimentos .depoimentos-slider .box p::-webkit-scrollbar-thumb:hover {
  background: var(--cor-1);
}
.depoimentos .depoimentos-slider .box .bottom{
	align-items: center;
	margin-top: auto;
}
.depoimentos .depoimentos-slider .box .bottom .div{
	width: 42px;
	height: 4px;
	border-radius: 50px;
	background-color: var(--primaria);
	margin-bottom: 10px;
}
.depoimentos .depoimentos-slider .box .bottom .cidade{
	font-size: 14px;
	font-weight: 600;
	color: var(--primaria);
}
.depoimentos .depoimentos-slider .box .bottom .data{
	font-size: 14px;
	color: var(--primaria);
}



/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){
	
}

@media screen and (max-width: 1440px){

}

@media screen and (max-width: 1366px){
	.coberturas .coberturas-div{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 1280px){
	.banner .texto{
		padding-left: 0;
		align-items: center;
		text-align: center;
	}
	.banner .texto h2{
		font-size: 56px;
	}
}

@media screen and (max-width: 1100px){
	.escolha .escolha-div{
		flex-wrap: wrap;
	}

	.depoimentos .titulo .txt{
		max-width: 77%;
	}
}

/* MOBILE */
@media screen and (max-width: 1000px){
    .banner{
		min-height: 300px;
	}
    .banner .texto h2{
		font-size: 50px;
	}

	.depoimentos .titulo .txt{
		max-width: 100%;
	}
	.depoimentos .titulo .arrows{
		margin: 0 auto;
	}
}

@media screen and (max-width: 900px){
	.banner .container{
		flex-direction: column;
		align-items: center;
		gap: 100px;
		padding: 100px 0 0;
	}
	.banner .img{
		position: relative;
		align-self: start;
	}

	.coberturas .coberturas-div{
		grid-template-columns: 1fr;
	}

	.seguro .seguro-div{
		flex-direction: column;
		gap: 30px;
	}
	.seguro .seguro-div .div{
		width: 4px;
		height: 92px;
	}
}

@media screen and (max-width: 600px){
	.banner .container{
		gap: 50px;
		padding: 50px 0;
	}
    .coberturas .coberturas-div .box{
    	flex-direction: column;
    	align-self: baseline;
    	text-align: center;
    }
    .coberturas .coberturas-div .box .seta{
     	margin: 0 auto;
    }
}

@media screen and (max-width: 500px){
	
}

@media screen and (max-width: 375px){

}