* {font-family: "Montserrat", sans-serif; font-style: normal; font-optical-sizing: auto; font-weight: 100;}
body {position: relative; margin: 0; padding: 0; background-color: #f5f5f5; overflow-x: hidden;}
.bold {font-weight: 600;}
.branco {color: white;}
.transicao {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.mt-50 {margin-top: 50px;}
h1 {font-size: 40px; font-weight: 600; text-align: center;}
p {font-size: 16px; font-weight: 500;}
button {display: block; padding: 10px 4%; font-size: 16px; font-weight: 600; background-color: white; border: none; border-radius: 4px; outline: none;}
button:hover {transform: scale(1.1);}
svg {width: 42px; margin-top: 8%; margin-left: 4%;}
header {position: relative; width: 100%; height: 700px; background-image: url("banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
header nav h1 {margin: 0 0 20px 0; color: white;}
header nav a.transicao {width: 172px; margin-top: 40px; padding: 0 10px; font-weight: 600; color: white; text-decoration: none; border: 1px solid white; border-radius: 4px;}
header nav a.transicao:hover {color: #003f8a; background-color: white;}
header nav a.transicao:hover svg {fill: #003f8a;}
header .botoes button {width: 42%;}
.diferenciais {background-color: #f5f5f5;}
.diferenciais .card {top: -140px; width: 100%; background-color: #f5f5f5; border: none;}
.diferenciais .card h5, .servicos h5, .contato h5, .institucional h5 {position: relative; margin-bottom: 20px; padding-bottom: 10px; font-size: 14px; font-weight: 500; color: #b2b1b7;}
.diferenciais .card h5::after, .servicos h5::after, .contato h5::after, .institucional h5::after {content: ""; position: absolute; bottom: 0; left: 50%; width: 60px; height: 1px; margin-left: -30px; background-color: #003f8a;}
.diferenciais .card p {padding: 0 15%; font-size: 30px; line-height: 1.3em;}
.diferenciais .logos img {width: 100px;}
.institucional {text-align: center; background-color: white;}
.institucional p.subtitulo {padding: 0 15%; font-size: 28px; color: #202020; line-height: 1.3em;}
.institucional .col-md-12 {padding: 0 10%;}
.institucional p {font-weight: 400; color: #808080;}
.institucional button {margin-top: 20px; font-weight: 300; color: white; background-color: #10ba19;}
.institucional button:hover {background-color: #4eca54;}
footer {background-color: #1f1e2d; border-top: 1px solid rgba(255, 255, 255, 0.1);}
footer a .social {display: inline-block; width: 52px; height: 52px; margin: 0 4px; padding: 16px 0 0 16px; text-align: center; border-radius: 50%; cursor: pointer;}
footer a:first-child .social {background-color: #10ba19 !important;}
footer a:nth-child(2) .social {background-color: #808080 !important;;}
footer a:last-child .social {background-color: #003f8a !important;}
footer a .social:hover {transform: scale(1.1);}
footer a .social svg {transform: scale(1.2);}
.whatsapp {position: fixed; bottom: 10px; right: 40px;}
.whatsapp:hover {transform: scale(1.2);}
@media screen and (max-width: 991px) {
	h1 {font-size: 36px;}
	.diferenciais .card p {margin: 0 5%; font-size: 24px;}
}
@media screen and (max-width: 767px) {
	h1 {font-size: 32px;}
	.diferenciais {margin-bottom: -40px !important;}
	.diferenciais .card {top: -40px;}
	.diferenciais .card p, .institucional p.subtitulo {padding: 0 8%; font-size: 20px;}
}
@media screen and (max-width: 575px) {
	.navbar .navbar-brand {width: 100%; margin-top: 30px !important;}
	header nav a.transicao {margin: 30px auto 0 auto;}
	header nav h1 {margin: -20px 0 20px 0; font-size: 30px;}
	header .botoes {gap: 20px 40px !important;}
	.diferenciais {margin-bottom: -20px !important;}
	.diferenciais .card p, .institucional p.subtitulo {padding: 0 4%; font-size: 18px;}
	.institucional .col-md-6.pt-4 {padding: 0 1.5rem !important;}
	.institucional .col-md-6.ps-4 {padding: 0 0.5rem 0 1rem !important;}
	footer.pt-5 {padding-top: 2rem !important;}
	footer hr {display: block; margin: 1rem auto;}
	footer p.mt-4 {margin-top: 0 !important;}
	footer .col-md-4 {width: 100%; padding-right: 0 !important; text-align: center;}
	footer .col-md-4.ps-5 {padding-left: 0 !important;}
	.whatsapp {right: 20px;}
}
@media screen and (max-width: 414px) {
	header {height: 900px;}
	header .botoes button {width: 80%;}
}
@media screen and (max-width: 375px) {
	header nav h1 {margin: -40px 0 20px 0;}
	header .botoes {gap: 20px 20px !important;}
}