#s4-workspace{
	background: rgb(241,246,254);
	background: linear-gradient(180deg, rgba(215,223,236,1) 0%, rgba(195,207,226,1) 46%, rgba(241,246,254,1) 100%);

	font-family: "Poppins", sans-serif;
	font-size: 17px;
	line-height: 30px;

	overflow-x:  hidden;
	scroll-behavior: smooth;
}




/** HEADER **/
#header{
	color: #182787;
	background: url('../img/banner.png') no-repeat;
	height: 534px;
	background-size: contain;
}

#header .brasao{
	margin-top: 1.8%;
}

#header .brasao img{
	width: 60%;
	float: right;
}

#header h1{
	margin-top: 7%;
	font-size: 3em !important;
	font-weight: 600 !important;
	font-family: "Poppins", sans-serif !important;
}

#header h2{
	font-size: 4.5em !important;
	font-weight: 600 !important;
	margin-top: -25px;
	font-family: "Poppins", sans-serif !important;
}

#header h3{
	font-size: 1.5em !important;
	margin-top: 10%;
	border-left: 5px solid #ca0416;
	padding: 10px 150px 10px 10px;
	font-family: "Poppins", sans-serif !important;
}

#header h3 span{
	font-weight: 700 !important;
}

 /* displays */
@media (max-width: 1680px){
	#header{
		height: 475px;
	}
	#header h3{
		padding: 10px 90px 10px 10px;
	}
}

@media (max-width: 1600px){
	#header{
		height: 450px;
	}
}

@media (max-width: 1440px){
	#header{
		height: 405px;
	}
	#header h1{
		font-size: 2.5em !important;
	}

	#header h2{
		font-size: 3.8em !important;
	}

	#header h3{
		font-size: 1.2em !important;
	}
}

@media (max-width: 1366px){
	#header{
		height: 380px;
	}
	#header h3{
		padding: 10px 80px 10px 10px;
	}
}

@media (max-width: 1280px){
	#header h1{
		font-size: 2em !important;
	}

	#header h2{
		font-size: 3em !important;
		margin-top: -15px;
	}

	#header h3{
		font-size: 1em !important;
	}
}

@media (max-width: 1024px){
	#header{
		height: 290px;
	}
	#header h3 {
        padding: 10px 15px 10px 10px;
    }
}

@media (max-width: 768px){
	#header {
        height: 215px;
    }
    #header h1{
		font-size: 1.3em !important;
	}
	   #header h2 {
        font-size: 1.95em !important;
    }
    #header h3 {
        font-size: 0.75em !important;
        padding: 10px 0px 10px 10px;
    }
}

@media (max-width: 440px){
	#header{
		background: url('../img/banner-mobile.png') no-repeat;
		height: 390px;
		background-size: contain;
	}
	#header .brasao img{
		width: 20%;
		float: left;
	}
	#header h1 {
        font-size: 1em !important;
    }
    #header h2 {
        font-size: 1.5em !important;
        margin-top: -10px
    }
    #header h3 {
        font-size: 0.65em !important;
        padding: 10px 270px 10px 10px;
    }
}



/** INTRO **/
#intro{
	margin-top: 2%;
	text-align: center;
}




/** COMO FUNCIONA **/
#como-funciona{
	margin-top: 8%;
}

#como-funciona h1{
	color: #182787 !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
}

#como-funciona h1::before{
    content: "";
    display: block;
    height: 4px;
    width: 120px;
    background-color: #ca0416;
    margin: 00px auto 20px;
}

#como-funciona p{
	text-align: center;
	padding: 0 10%;
}

#como-funciona .prazos{
	margin-top: 3%;
}

#como-funciona .card{
	background: none;
	text-align: center;
	padding: 30px 10px 15px 10px;
	height: 250px
}

#como-funciona .card-title{
	font-family: "Poppins", sans-serif !important;
}

#como-funciona .card i{
	font-size: 2.5em;
	color: #ca0416;
}

#como-funciona .card h5 span{
	font-size: 1.125em !important;
	color: #182787 !important;
	font-weight: 600 !important;
}

#como-funciona .btn-cursos{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	background: #182787;
	color: #FFF;
	padding: 15px 0;
	font-weight: 800;
	text-decoration: none;
}

#como-funciona .btn-cursos a{
	color: #FFF;
	text-decoration: none;
}

#como-funciona .btn-cursos a:hover{
	text-decoration: none;
	color: #FFF;
	background: #074d7a
}


@media (max-width: 1440px){
	#como-funciona p{
		padding: 0 15%;
	}
}

@media (max-width: 768px){
	#como-funciona .card{
		margin-bottom: 3%;
	}
}

@media (max-width: 440px){
	#como-funciona .prazos{
		padding: 0 10%;
	}
}




/** PASSO A PASSO **/
#passo-a-passo{
	margin-top: 8%;
}

#passo-a-passo h1{
	color: #182787 !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: uppercase;
	font-family: "Poppins", sans-serif !important;
}

#passo-a-passo h1::before{
    content: "";
    display: block;
    height: 4px;
    width: 120px;
    background-color: #ca0416;
    margin: 00px auto 20px;
}

#passo-a-passo .tutorial{
	margin-top: 3%;
}

#passo-a-passo .card{
	background: none;
	text-align: center;
	padding: 30px 10px 15px 10px;
	height: 250px
}

#passo-a-passo .card-title{
	font-family: "Poppins", sans-serif !important;
}

#passo-a-passo .card a{
	color: #182787;
	font-weight: 600; 
}

#passo-a-passo .card i{
	font-size: 2.5em;
	color: #ca0416;
}

@media (max-width: 768px){
	#passo-a-passo .card{
		margin-bottom: 3%;
	}
}





/** CURSOS **/
#cursos{
	margin-top: 8%;
}

#cursos h1{
	color: #182787 !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5%;
	font-family: "Poppins", sans-serif !important;
}

#cursos h1::before{
    content: "";
    display: block;
    height: 4px;
    width: 120px;
    background-color: #ca0416;
    margin: 00px auto 20px;
}

#cursos .card{
	background: none;
	border: none;
}

#cursos .card-title{
	font-family: "Poppins", sans-serif !important;
}


#cursos .card-title{
	/*padding-top: 10px;*/
	font-weight: 600;
}

#cursos .card span{
	font-size: 0.65em;
    color: #868686;
    line-height: 15px !important;
}

@media (max-width: 768px){
	#cursos .card{
		margin-bottom: 10%;
	}
}




/** FIQUE LIGADO **/
#fique-ligado{
	margin-top: 5%;
}

#fique-ligado h1{
	color: #182787 !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5%;
	font-family: "Poppins", sans-serif !important;
}

#fique-ligado h1::before{
    content: "";
    display: block;
    height: 4px;
    width: 120px;
    background-color: #ca0416;
    margin: 00px auto 20px;
}

#fique-ligado i{
	rotate: -15deg;
	color: #182787;
}



/** FAQ **/
#faq{
	margin-top: 8%;
}

#faq h1{
	color: #182787 !important;
	font-weight: 600 !important;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5%;
	font-family: "Poppins", sans-serif !important;
}

#faq h1::before{
    content: "";
    display: block;
    height: 4px;
    width: 120px;
    background-color: #ca0416;
    margin: 00px auto 20px;
}

#faq .accordion-button {
    background: rgba(241,246,254,0.2) !important;
    font-weight: 600;
   	font-family: "Poppins", sans-serif !important;
}

#faq .accordion-item {
    border-bottom: 2px solid #182787;
    margin-bottom: 3px;
}

#faq .accordion-body{
	font-size: 14px;
	line-height: 25px;
}




/** FOOTER **/
#footer{
	background: #000623;
	padding: 5% 0%;
	margin-top: 10%;
}

#footer .brasao{
	border-right: 1px solid #fff;
}

#footer .brasao img{
	float: right;
	width: 50%;
}

#footer .enderecos{
	color: #fff;
	padding-left: 3%;
}

#footer .enderecos h3{
	font-size: 1em !important;
	font-weight: 600 !important;
	font-family: "Poppins", sans-serif !important;
}

#footer .enderecos p{
	font-size: 0.8em !important;
	font-weight: 300 !important;
	line-height: 20px !important;
}

@media (max-width: 768px){
	#footer .brasao img{
		float: left;
		width: 45%;
		margin-bottom: 10%
	}
}