@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4,
header h1 span {
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 700 !important;
}

p, span, a, li, small, .nav-lin, h5 {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 1px;
  line-height: 1.5 !important;
}

.btn-primario, .btn-secundario,
.accordion-button, footer small a {
  font-family: 'Work Sans', sans-serif !important;
  font-weight: 700 !important;
}

h1 {
  font-size: 46px !important;
}

h2 {
  font-size: 40px !important;
  letter-spacing: 1px;
}

h3 {
  font-size: 32px !important;
}

h4 {
  font-size: 24px !important;
}

h5 {
  font-size: 18px !important;
}

p, span {
  font-size: 15px !important;
}

small {
  font-size: 12px !important;
}

/*tags*/
section {
  padding: 100px 0;
}

/* botões */
.btn-primario, .btn-secundario {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.btn-primario {
  background-color: #B54845;
  padding: .7rem 2rem;
  color: #fff;
  border-radius: 50px;
  display: inline-block;
}

.btn-primario:hover {
  background-color: #850021;
}

.btn-secundario {
  background-color: transparent;
  padding: .7rem 2rem;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50px;
  display: inline-block;
}

.btn-secundario:hover {
  background-color: #fff;
  color: #212529;
}

/* classes */
.text-right {
  text-align: right !important;
}

.flex1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.error {
  color: #E33E38;
  border-color: #E33E38;
}

/* Bootstrap */
.form-check-input:checked {
  background-color: #45624E !important;
  border-color: #45624E !important;
}

.form-check-input:focus,
.form-control:focus {
  box-shadow: none !important;
  border: 1px solid #45624E !important;
}

.form-control {
  background-color: transparent !important;
  color: #fff !important;
  border-radius: 50px !important;
}

.form-check {
  margin: .5rem 0 !important;
}

/* menu */
.menu .nav-link {
  color: #fff;
} 

.navbar-toggler svg path {
  stroke: #fff;
}

.navbar-brand img {
  height: 55px;
}

/* cores */
.beneficios, .faq {
  background-color: #0d0d0d !important;
}

body {
  background-color: #212529 !important;
  color: #fff !important;
}

/* header */
.banner {
  text-align: center;
}

.banner h1 {
  padding-top: 4rem;
}

.banner h5 {
  max-width: 836px;
  margin: 0 auto 1rem;
}

.banner img {
  margin: 1rem 0 2rem;
  width: 70%;
}

/* Benefícios */
.beneficios img {
  margin-bottom: 1rem;
}

.beneficios h5 {
  font-weight: 700 !important;
  color: #fff;
}

.beneficios p {
  text-align: justify;
}

/* Funcionalidades */
.funcionalidades {
  padding: 0;
}

.funcionalidades img {
  width: 100%;
}

.funcionalidades .row {
  padding: 5rem 0;
}

/* Faq */
.faq {
  text-align: center;
}

.faq h2 {
  margin-bottom: 2rem;
}

.accordion-header {
  margin-bottom: 0 !important;
}

.accordion-item {
  margin-bottom: 1rem;
}

.accordion-item, .accordion-button {
  border-radius: 50px !important;
}

.accordion-body {
  padding: 1rem 2rem;
  text-align: left;
}

.accordion-button {
  color: #45624E !important;
}

.accordion-button:not(.collapsed) {
  color: #2E3D30 !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

/* CTA */
.cta img {
  width: 100%;
}

/* Rodapé */
footer {
  padding: 1rem 0;
  text-align: center;
  letter-spacing: .5px;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #45624E;
}


/* Scroll */
#scroll::-webkit-scrollbar-track {
	border-radius: 0;
	background-color: #0d0d0d;
  border: 1px solid #0d0d0d;
  -webkit-box-shadow: inset 0 0 6px rgb(0, 0, 0);
}

#scroll::-webkit-scrollbar {
	width: 12px;
	background-color: #0d0d0d ;
  border: 1px solid #0d0d0d;
}

#scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #45624E;
}