.title{
	color: rgb(26, 25, 25);
	text-transform: uppercase;
	
	font-size: 25px;
	font-weight: 900;
	font-family: 'Roboto', sans-serif;
}

.title1{
	color: #fcfcfc;
	text-transform: ;

	font-size: 25px;
	font-weight: 900;
	font-family: 'inherit' ,Roboto, sans-serif;

}



.sub-title{
	color: #868686;
	
	
	font-size: 19px;
	font-family: arial'Roboto', sans-serif;
}

.sub-title1{
	color: rgb(253, 249, 249);
	
	
	font-size: 19px;
	font-family: arial'Roboto', sans-serif;
}
.c1{
	color: #00b7e8 !important;
}
.c2 {
	color: #101010;
	font-weight: 500
}

.topotitle{
	font-size: 40px;
    font-weight: 999;
	
}

.topotitle2{
	font-size: 25px;
    font-weight: 999;
	
}

.tit{
	width: 100%;
	
}
.tam{
	width: 40%;
	margin: 2rem;
}
.tamm{
	width: 5rem;
	padding: 1rem 0;

}

.coll{
	width: 30%;
}

.marg{
	
	padding-left: 7%;
	
}


.pad1{
	padding-inline: 1%;
	
	
}

.div2title{
	width: 36%;
	margin: 15% 2% 0% 53%;
    position: absolute;
}

.div3title{
	width: 28%;
    margin: -29% 0% 0% 9%;
  
}
.div4title{
	width: 31%;
    margin: -37% 0% 0% 39%;
    position: absolute;
}
.div5title{
	width: 30%;
    margin: -55% 0% 0% 48%;
    position: absolute;
}

.sep{
	height: 150px;
	width: 1px;
	background-color: #fcfcfc;
}

.aviso {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

.p-left {
	
	
	text-align: left !important;
	
	font-family: sans-serif;
	
}

.emba {
	background-color: (255, 255, 255, 0.1) !important;
	backdrop-filter: blur (10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

.txt-size {
	font-size: 12px;
}

.p-center {

	text-align: center !important;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
}

.txt-preto {
	color:#000;
}
.txt-branco {
	color:#fff !important;
}

.boxcolor {
	padding: 51px 0;
	background-color:#001041 !important;
	border-radius: 0 0 15px 15px;	
    width: calc(934% / 10);
    text-align: center;
    margin-left: calc(86% / 50);
	display: flex;
}


.boxcolor2 {
	margin: 2% -0% 0% 0%;	
}

.boxcolor3 {
	margin: 17% 0% 0% 0%;

	
}
.boxcolor4 {
	background-color:#999999;
	
}

@media (max-width: 960px){
	.betwen{
		margin-top: 0%;
		
	
	}	
	.pad1{
		padding-inline: 1%;
		
		
	}

	.boxcolor3{
		margin: 13% 0% 0% 0%;

	}
	
	.div2title{
	    width: 40%;
		margin: 0% 0% 0% 55%;
		position: absolute;
	}
	.div3title {
		width: 32%;
		margin: -28% 0% 0% 6%;
		
	}
	.div4title{
		
		width: 90%;
		margin: 0% 0% 0% 2%;
		position: relative;
		
	}
	.div5title{
		width: 48%;
		margin: -60% 0% 0% 47%;
	}

	.topotitle {
		font-size: 23px;
		font-weight: 999;
	}

	
}

@media (max-width: 720px){

	.title{ 
		font-family: sans-serif;
		font-size: 23px
		
	}
	.title1{
		
		
		
	
	}
	
	
	.sub-title{
		
		
		
		
	}

	.p-center{
		text-align: center;
	}

	.card-img-overlay {
		position: relative;
		background-color: rgb(255, 255, 255);
	
		  }
		.betwen{
		margin-right: 0%;
		
	
	}	
	.boxcolor {
		display: block;
	}

.coll{
	width: 100%;
}
.div2title{
	
	margin: 0% 0% -5% 2%;
	background-color: #01B7E7;
	padding: 3% 2% 4% 3%;
	width: 93%;
	height: 100%;
	position: relative;
	border-radius: 15px;

}
.div3title {
	width: 90%;
	margin: 0% 0% 0% 2%;
	position: relative;
}
.div4title {
	
}
.boxcolor3 {
	margin: 0% -7% 0% 1%;

	
}		
.div5title{
	width: 50%;
	margin: -65% 0% 0% 49%;
	
	
}  

}