@font-face {
  font-family: nunito;
  src: url(../fonts/Nunito/static/Nunito-Regular.ttf);
}

@font-face {
  font-family: nunito-bold;
  src: url(../fonts/Nunito/static/Nunito-Bold.ttf);
}

* {
  box-sizing: border-box;
  font-family: nunito;
}

body {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
}

h2 {
  font-family: nunito-bold;
  color: #2c1951;
  font-size: 2.77vw;
  line-height: 50px;
  margin-block-end: 0.5em;
  margin-block-start: unset;
}

h3 {
  font-family: nunito-bold;
  font-size: 2vw;
  margin-block-start: unset;
}

p {
  font-size: 1.3vw;
  margin-bottom: 8px;
  font-weight: 300;
  margin-block-start: unset;
}

/* SEÇÃO SEJA CONSULTORA E CADASTRO */
/* !!!!!!!!!!!! */
/* !!!!!!!!!!!! */
#seja-consultora {
  display: flex;
  flex-direction: column;
  padding-top: 2vh;
  margin-bottom: 8vh;
  width: 80vw;
}

#seja-consultora h2 {
  margin-top: 7.2vw;
}

#amarracao-seja-consultora {
  display: flex;
  justify-content: space-between;
}

#introducao-seja-consultora {
  width: 46.52vw;
}

#imagem-seja-consultora {
  background: url(../images/gif-seja-consultora.gif) no-repeat center;
  background-size: cover;
  border-radius: 1vw;
  margin-top: 3em;
  height: 32.04vw;
  min-height: 25.27vw;
  width: 100%;
}

#formulario-seja-consultora {
  display: flex;
  justify-content: flex-end;
  width: 26.04vw;
}

#formulario-seja-consultora form {
  align-items: center;
  background-color: #f2edff;
  border-radius: 0.5vw;
  display: flex;
  flex-direction: column;
  margin-top: 7.2vw;
  padding: 30px;
  width: 100%;
}

#formulario-seja-consultora h3 {
  margin-bottom: 1.9em;
  text-align: center;
}

#formulario-seja-consultora label {
  width: 100%;
}

#formulario-seja-consultora p {
  margin-block-end: 0.1em;
}

#formulario-seja-consultora input {
  background-color: white;
  border: 0px solid white;
  border-radius: 0.5vw;
  font-size: 1.2vw;
  height: 3em;
  margin-block-end: 1em;
  outline: unset;
  width: 100%;
}

#formulario-seja-consultora:nth-child(1) input {
  margin-top: 5em;
}

#formulario-seja-consultora #botao {
  background-color: #2c1951;
  font-size: 1.16vw;
  filter: drop-shadow(0px 4px 10px rgba(44, 25, 81, 0.4));
  color: #f2edff;
  font-weight: 300;
  letter-spacing: 0.2em;
  margin-top: 1.16vw;
  width: 18.33vw;
}

#formulario-seja-consultora #botao:hover {
  /*background-color: #444;*/
  cursor: pointer;
}

/* SEÇÃO DEPOIMENTO E OUTRAS CONSULTORAS */
/* !!!!!!!!!!!! */
/* !!!!!!!!!!!! */
#depoimentos-consultoras {
  align-items: center;
  background-color: #f2edff;
  display: flex;
  flex-direction: column;
  padding-top: 12vh;
  padding-bottom: 12vh;
  width: 100%;
}

#depoimentos-consultoras h2,
#depoimentos-consultoras p {
  text-align: center;
  width: 50%;
}

#depoimentos-consultoras p {
  margin-bottom: 3em;
}

#amaracao-depoimentos {
  margin-top: 2em;
  width: 50%;
}

.depoimento {
  display: flex;
  margin-bottom: 3.54vw;
}

.depoimento-imagem {
  background-size: cover;
  border-radius: 0.5vw;
  height: 9.51vw;
  width: 9.51vw;
}

.depoimento-frase {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin-left: 1.11vw;
  max-width: 35vw;
}

#depoimentos-consultoras .depoimento-frase p {
  color: #2c1951;
  display: flex;
  flex-direction: column;
  font-size: 1.38vw;
  margin: 0;
  text-align: start;
  width: auto;
}

#botao-volta-cadastro {
  background-color: #8606d4;
  border: none;
  border-radius: 4px;
  filter: drop-shadow(0px 4px 10px rgba(44, 25, 81, 0.4));
  color: #f2edff;
  font-size: 1.66vw;
  height: 6.11vw;
  margin: 2em 0;
  width: 26.87vw;
}

#botao-volta-cadastro:hover {
  background-color: #2c1951;
  color: white;
  cursor: pointer;
}

/* IMAGENS DOS DEPOIMENTOS AQUI */
#imagem-1 {
  background: url(../images/kit-consignado.svg) no-repeat center;
}
#imagem-2 {
  background: url(../images/comissao.svg) no-repeat center;
}
#imagem-3 {
  background: url(../images/invstimento.svg) no-repeat center;
}
#imagem-4 {
  background: url(../images/suporte.svg) no-repeat center;
}
