@import url('../../fonts/fontawesome-free-5.13.0-web/css/fontawesome.min.css');

body {
  font-family: 'Montserrat', sans-serif !important;
}

.header-image {
  margin-bottom: 30px;
}

.header-image > img {
  width: 400px;
}

.mobile {
  display: none !important;
}

#logo-ie-main {
  height: 45px;
}

#secad-campaign-page .campaign1-index-background-banner {
  width: 100%;
  background-image: url('../../imgs/secad/imagem.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 25px 10px;
  margin: 0;
  height: 50vw;
}

#secad-campaign-page .campaign2-index-background-banner {
  width: 100%;
  background-image: url('../../imgs/secad/imagem2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 25px 10px;
  margin: 0;
  height: auto;
}

.line {
  background-color: #fff;
  height: 0.3vw;
  width: 100%;
  margin: 1vw 0px;
}

#secad-panel {
  align-items: center;
  justify-content: center;
  margin: auto;
}

#secad-text-image {
  width: 50%;
  margin-top: 50px;
  margin-left: 50%;
  border-left: 10px solid black;
}

#secad-text-image > h2 {
  color: #4ab9bd;
  font-size: 3.9vw;
  font-weight: 700;
  padding-left: 20px;
}

#secad-text-image > span {
  color: #4ab9bd;
  font-size: 16pt;
  font-weight: 600;
}

body {
  background-color: #373435 !important;
}

#secad-index {
  width: 50%;
  margin-left: 8vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#secad-header-container > span {
  color: #fff;
  font-size: 3.7vw;
  font-weight: 900;
  margin-top: 20px;
  margin-bottom: 50px;
  margin-left: -4.5vw;
}

#secad-header-container > span > img {
  height: 3vw;
}

span.background-span {
  background: linear-gradient(transparent 50%, #4ab9bd 50%);
}

#secad-header-subtitle {
  margin-top: 1vw;
  margin-bottom: 6vw;
}

#secad-header-subtitle > h2 {
  color: #fff;
  font-size: 1.8vw;
  font-weight: 400;
}

#secad-header-container > a {
  background: #3bade4;
  font-size: 30px;
  padding: 15px 40px;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

#secad-header-container > a:hover {
  text-decoration: none;
}

section#secad-how-it-works {
  height: auto;
  padding: 10px;
  background: #fff;
}

.secad-how-it-works-text {
  width: 80%;
  height: 100%;
  padding: 30px 0px;
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.secad-benefits-text {
  margin: auto;
  padding: 2vw 0px;
}

.secad-how-it-works-text > h1,
h2.perguntas {
  font-size: 2vw;
  margin-bottom: 2vw;
  color: black;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secad-benefits-text > h1 {
  font-size: 2vw;
  margin-bottom: 1vw;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.secad-benefits-text > h2 {
  font-size: 1.2vw;
  margin-bottom: 2vw;
  color: #fff;
  font-weight: 300;
}

.secad-how-it-works-text > h1 > img,
.secad-benefits-text > h1 > img,
h2.perguntas > img {
  margin-right: 1vw;
  width: 2vw;
}

.secad-how-it-works-text > h2 {
  padding: 10px;
  font-size: 1.5vw;
  color: black;
  font-weight: 500;
  text-align: justify;
}

.secad-how-it-works-text > h2 > span {
  color: black;
  font-weight: 700;
}

ul.benefits {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  width: 90%;
  margin: auto;
}

ul.benefits > li {
  color: #fff;
  font-size: 1vw;
  text-align: center;
  margin: 0 auto;
}

ul.benefits > li > h1 {
  font-size: 1.3vw;
  color: #e4b142;
  margin: auto;
}

ul.benefits > li > img {
  height: 6vw;
  margin: auto;
  margin-bottom: 2vw;
}

section#secad-how-it-works.formulario {
  background-image: url('../../imgs/secad/imagem3.png');
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 49vw;
  display: flex;
}

.form-control {
  background-color: #edecef !important;
}

section#secad-share {
  background: #00ac8d;
  display: flex;
  flex-direction: column;
  padding: 20px 0 40px;
}

.footer-images {
  display: flex;
  text-align: center;
}

.footer-images > img {
  width: 300px;
  margin: auto;
}

.blocks {
  display: flex;
  margin-left: 50%;
  padding: 1vw;
}

#wrapper {
  width: 80%;
  margin: auto;
  display: grid;
  place-items: center;
}

.first-block {
  width: 50%;
  margin: auto;
  align-items: center;
  justify-content: center;
  display: flex;
}

.second-block {
  width: 50%;
  margin: auto;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.green-bottom {
  background-color: #4ab9bd;
  height: 10px;
  width: 7vw;
  margin-left: 14vw;
}

section#secad-how-it-works > div > div > h1 {
  text-transform: uppercase;
  color: white;
  font-size: 3.4vw;
  font-weight: 900;
  width: 50%;
}

section#secad-how-it-works-container {
  justify-content: space-around;
  padding-top: 15px;
}

section#secad-how-it-works-container > p {
  font-weight: 500;
}

section#secad-how-it-works-container > h5 {
  margin-top: 20px;
  font-weight: 500;
  float: right;
  font-size: 12px;
}

section#secad-how-it-works-container > p > span {
  font-weight: 700;
}

section#secad-how-it-works-container > div > span > h3 {
  margin: 0px 0 30px;
  text-transform: uppercase;
  font-size: 20px;
}

section#secad-how-it-works-container > div > span > p {
  font-size: 18px;
  max-width: 85%;
}

#secad-how-it-works-img {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

#secad-how-it-works-img :nth-child(1) {
  margin-right: 20px;
}

#secad-how-it-works-img > span {
  width: 100px;
  height: 95px;
}

.botao {
  display: block;
  margin: auto auto 15px auto;
  background: #efeeee;
  width: 80%;
  padding: 15px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  border: #fff;
  color: black;
}

.icon {
  float: right;
  margin-right: 16px;
  color: #e4b142;
  margin-left: 25px;
}

.botao.collapsed .icon {
  margin-top: -5px;
}

.icon > .fa-plus:before {
  display: none;
}
.icon > .fa-plus:after {
  font-family: 'Font Awesome 5 Free';
  content: '\f068';
}
.botao.collapsed .fa-plus:after {
  content: '\f067';
}

.card-saiba-mais {
  font-weight: 400;
  font-size: 14pt;
  max-width: 80%;
  margin: auto;
  margin-bottom: 40px;
  height: auto !important;
}

.saiba-mais {
  width: 80%;
  margin: auto !important;
}

.question {
  font-weight: 700;
  font-size: 16pt;
  margin-left: 13px;
  display: flex;
  align-items: center;
}

.texto-pergunta {
  width: 90%;
  font-size: 1vw;
}

.questions {
  display: flex;
  margin: 0 120px 50px;
}

.questions-iframe {
  text-align: center;
}

.questions-iframe > h1 {
  font-weight: 500;
  margin-top: 20px;
  font-size: 24px;
  color: #9abd8a;
}

.questions-iframe > h2 {
  font-weight: 500;
  font-size: 24px;
}

.secad-benefits-imgs {
  margin-top: 30px;
  display: inline-flex;
}

.secad-benefits-img {
  display: grid;
  text-align: center;
}

.secad-benefits-imgs > ul > li {
  margin-right: 45px;
}

.secad-benefits-img > img {
  margin: auto;
  width: 140px;
}

.secad-benefits-img > label {
  font-weight: 500;
  font-size: 25px;
  color: #fff;
}

.img-label {
  text-align: center;
  margin-top: 20px;
  font-weight: 500;
  font-size: 25px;
  color: #fff;
}

.img-bottom {
  display: flex;
  margin-top: 30px;
}

.img-bottom > img {
  margin: auto;
}

.form-info {
  margin-top: 20px;
  text-align: center;
}

#secad-benefits {
  padding: 50px;
  background: #fff;
  width: 100%;
  height: auto;
}

#secad-benefits > div {
  width: 75%;
}

.card {
  height: 28vw;
}

.card-header {
  background-color: white !important;
  text-align: center;
  border-bottom: 5px solid #4ab9bd !important;
  font-weight: 900;
  font-size: 1.7vw;
}

.card-text {
  font-weight: 400;
  font-size: 1.4vw;
  margin-bottom: 0;
}

.card-body > ul > li {
  font-weight: 400;
  font-size: 1.4vw;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.w-100 {
  max-width: 1000px !important;
}

#secad-benefits > div > img {
  padding: 20px;
}

#secad-benefits > div > h1 {
  font-size: 60px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  padding: 4px 2px 2px;
}

#secad-benefits-items {
  display: flex;
  justify-content: space-around;
  padding: 25px 8% 25px;
}

#secad-benefits-items > ul > li {
  color: #fff;
  font-size: 18px;
  list-style-type: circle;
  line-height: 1.8;
}

#secad-btn {
  width: 100%;
  display: flex;
}

#secad-btn > a {
  background: #4ab9bd;
  color: #fff;
  font-size: 2vw;
  width: 30vw;
  font-weight: 700;
  outline: none;
  letter-spacing: -0.5px;
  border: 2px solid #4ab9bd;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  margin: auto;
  margin-top: 30px;
  box-shadow: 2px 5px 10px #3c3b3b;
}

.secad-cta {
  width: 100%;
  display: flex;
  margin: auto;
  margin-top: 40px;
  align-items: center;
  justify-content: center;
}

.secad-cta > a {
  background: #4ab9bd;
  color: #fff;
  border-radius: 5px;
  font-size: 2vw;
  font-weight: 700;
  width: 35vw;
  outline: none;
  letter-spacing: -0.5px;
  border: 2px solid #4ab9bd;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
}

.secad-cta > a:hover {
  color: #fff;
}

/* FORMULARIO */
#btn-register-enviar {
  background-color: #4ab9bd;
  color: #fff;
  border-radius: 10px;
  margin: auto;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  width: 70%;
  height: 100%;
  padding: 10px;
  font-size: 20px;
  display: flex;
}

.terms {
  width: 25vw;
  margin: auto;
  text-align: center;
}

.secad-button-form {
  display: flex;
  height: 50px;
}

#form-title-register {
  font-weight: 700;
  font-size: 2.1vw;
  padding-top: 0px;
}

#form-register-terms-secad {
  font-family: 'Gotham Book';
  font-size: 16px;
  justify-content: center;
  display: flex;
  align-items: center;
}

small.secad {
  margin-left: 10px;
}

/* FIM FORMULARIO */

/* FAQ */
section#secad-faq {
  padding: 30px;
  background: #fff;
}

/* END FAQ */

/* SABER BLOCK  */
#saber-benefits {
  background: #222222;
  display: flex;
  flex-direction: column;
  padding: 20px 0 40px;
  width: 100%;
}

#saber-benefits > header > h2 > span {
  font-size: 25px;
  background: #ffffff;
  color: #c12c30;
  text-transform: uppercase;
  padding: 4px 2px 2px;
}

#saber-benefits-items {
  width: 80%;
  justify-content: space-around;
  margin: auto;
  padding: 25px 8% 25px;
}

#saber-benefits-items > p {
  color: #fff;
  font-size: 18px;
  list-style-type: circle;
  line-height: 1.8;
}

#saber-benefits-items > p > strong > span {
  color: #f29f1c;
}

.saber-img > img {
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.saber-href {
  text-decoration: underline;
}
/* FIM SABER BLOCK  */

@media (max-width: 1024px) {
  .texto-pergunta {
    font-size: 2vw;
  }
  .secad-how-it-works-text > h1,
  h2.perguntas {
    font-size: 3vw;
  }
  .terms {
    width: 100%;
  }
  section#secad-how-it-works.formulario {
    height: auto;
  }
  .form-control {
    height: calc(1em + 0.75rem + 2px) !important;
  }
}

@media (max-width: 960px) {
  #logo-saber-ie {
    display: flex;
  }
}

@media (max-width: 768px) {
  .secad-cta > a {
    font-size: 4vw;
    width: 65vw;
  }
}

@media (max-width: 450px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  #secad-campaign-page .campaign1-index-background-banner {
    background-image: url('../../imgs/secad/imagem-mobile.png');
    height: 120vw;
  }
  #secad-campaign-page .campaign2-index-background-banner {
    background-image: url('../../imgs/secad/imagem2-mobile.png');
    height: auto;
  }
  section#secad-how-it-works.formulario {
    background-image: url('../../imgs/secad/imagem3-mobile.png');
  }
  .secad-benefits-text > h1 {
    font-size: 5vw;
  }
  .secad-benefits-text > h2 {
    font-size: 3vw;
    width: 90%;
    margin: auto;
    margin-bottom: 5vw;
    text-align: center;
  }
  .blocks {
    margin: auto;
  }
  #wrapper {
    margin: 3vw auto;
  }
  #form-title-register {
    font-size: 5vw;
  }
  .secad-how-it-works-text > h1,
  h2.perguntas {
    font-size: 4vw;
  }
  .texto-pergunta,
  .secad-how-it-works-text > h2 {
    font-size: 3vw;
  }
  #secad-header-subtitle > h2 {
    font-size: 2.7vw;
  }
  #secad-index {
    width: 100%;
    margin: 11vw;
  }
  #secad-header-container > span {
    font-size: 8vw;
  }
  #secad-header-container > span {
    margin-left: -9.5vw;
  }
  #secad-header-container > span > img {
    height: 6vw;
  }
  #secad-btn > a {
    font-size: 4vw;
    width: 55vw;
  }
  ul.benefits > li > img {
    height: 10vw;
  }
  ul.benefits > li > h1 {
    font-size: 3vw;
  }
  ul.benefits > li {   
    font-size: 3vw;    
  }
}

@media (max-width: 280px) {
  #secad-header-subtitle > h2 {
    font-size: 2.5vw;
  }
  #logo-ie-main {
    display: none;
  }
}