@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

html {
  scroll-behavior: smooth;
}

header ul {
  display: none;
}

header .width-menu-desktop {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100;
}

header .bar-header {
  height: 59px;
  background-color: #F6F6F6;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.14);
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  z-index: 10;
  top: 0px;
}

header .bar-header .width-menu-desktop {
  width: 100%;
}

header .container-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-left: 26px;
  padding-right: 26px;
}

header .logo {
  height: 45px;
  width: 150px;
}

.section-hero {
  margin-top: 73px;
}

.section-hero .buttons-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.section-hero h1 {
  font-weight: bold;
  font-size: 32px;
  line-height: 44px;
  color: #053977;
  padding: 0px 20px;
}

.section-hero .text-section-hero {
  padding: 0px 20px;
  height: 148px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.section-hero .text-section-hero p {
  /* text/medium/4 */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.section-hero .text-section-hero img {
  width: 92.96px;
  height: 92.96px;
}

.section-hero .ctas-section-hero {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
  height: 198px;
  overflow-x: clip;
}

.section-hero .ctas-section-hero a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  z-index: 2;
  position: relative;
  right: 26px;
  top: -19px;
}

.section-hero .ctas-section-hero a:nth-child(1) {
  border-radius: 10px;
  text-align: center;
  font-weight: 700;
  color: #00FFD1;
  width: 225px;
  height: 50px;
  font-size: 21px;
  line-height: 24px;
  background-color: #053977;
  -webkit-transition: .3s;
  transition: .3s;
}

.section-hero .ctas-section-hero a:nth-child(1):hover {
  background: #fff;
  color: #053977;
}

.section-hero .ctas-section-hero a:nth-child(2) {
  width: 138px;
  height: 38px;
  border: 2px solid #053977;
  color: #053977;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.section-hero .ctas-section-hero a:nth-child(2):hover {
  color: #fff;
  border: 2px solid #fff;
}

.section-hero .ctas-section-hero .celular-deitado {
  position: absolute;
  z-index: 1;
  max-width: 409.6px;
  width: 109%;
  left: -23px;
  overflow-x: hidden;
}

.section-hero .ctas-section-hero .banner-green {
  position: absolute;
  width: 100%;
  height: 198px;
  background: #9ef7ff;
  left: 0px;
  -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
  bottom: 0px;
}

.section-hero .ctas-section-hero .banner-green::after {
  content: "";
  position: absolute;
  width: 112px;
  height: 25px;
  bottom: 10px;
  left: 0px;
  bottom: 10px;
  background: #9ef7ff;
  /* bg */
  -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
  border-radius: 0px 100px 100px 0px;
}

.section-hero .ctas-section-hero .banner-green::before {
  content: "";
  position: absolute;
  width: 112px;
  height: 25px;
  bottom: 10px;
  right: 0px;
  bottom: 35px;
  background: #9ef7ff;
  /* bg */
  -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
  border-radius: 100px 0px 0px 100px;
}

.conheca {
  padding-top: 130px;
  overflow-x: hidden;
}

.conheca h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  /* or 131% */
  text-align: center;
  color: #053977;
}

.conheca h2 span {
  color: #000;
}

.conheca .imagem-1-conheca {
  width: 485px;
  left: -103px;
  position: relative;
  max-width: 693.7px;
}

.conheca .imagem-2-conheca {
  width: 460.65px;
  left: -42px;
  position: relative;
  max-width: 699.8px;
}

.conheca .imagem-3-conheca {
  width: 460.65px;
  left: -85px;
  position: relative;
}

.conheca .imagem-4-conheca {
  width: 460.65px;
  left: -45px;
  position: relative;
}

.conheca .cta-container2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.conheca .container-infos-conheca {
  padding-left: 26px;
  padding-right: 26px;
  padding-bottom: 40px;
}

.conheca ul {
  list-style: none;
  margin-bottom: 30px;
}

.conheca ul h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #053977;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.conheca ul h3 img {
  margin-right: 10px;
  width: 42px;
  height: 42px;
}

.conheca ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.conheca ul li img {
  width: 18px;
  height: 18px;
  margin-right: 18px;
}

.conheca .cta-conheca {
  background: #053977;
  border-radius: 10px;
  width: 225px;
  height: 50px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  color: #00FFD1;
  -webkit-transition: .3s;
  transition: .3s;
}

.conheca .cta-conheca:hover {
  background: #00FFD1;
  color: #053977;
}

.provaSocial {
  background: #00FED0;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 21px 16px 21px 19px;
  margin-top: 37px;
  margin-bottom: 100px;
  max-width: 1139px;
  margin-left: 16px;
  margin-right: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.provaSocial .container-provaSocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.provaSocial .container-provaSocial span {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #053977;
  position: relative;
  top: 10px;
}

.provaSocial .container-provaSocial > div {
  position: relative;
  top: -40px;
  font-weight: bold;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #053977;
}

.provaSocial .container-provaSocial p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-left: 10px;
}

.confira {
  padding-left: 26px;
  padding-right: 26px;
}

.confira h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  color: #053977;
  margin-bottom: 63px;
  width: 1200px;
}

.confira h2 span {
  color: #000;
}

.confira .flex-confira {
  max-width: 1341px;
  margin: 0 auto;
}

.confira .item-confira {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 40px;
  margin-right: 40px;
  width: 100%;
}

.confira .item-confira img {
  width: 42px;
  height: 42px;
  margin-right: 10px;
  position: relative;
  top: -10px;
}

.confira .item-confira > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.confira .item-confira > div h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #053977;
}

.confira .item-confira > div p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.planos {
  overflow-x: hidden;
}

.planos .overlay-blue {
  position: absolute;
  background: #F1F7FF;
  z-index: -1;
  height: 535px;
  width: 100%;
}

.planos .container-text-planos {
  padding-top: 100px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 42px;
  text-align: center;
}

.planos .container-text-planos h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  color: #053977;
  margin-bottom: 15px;
}

.planos .container-text-planos p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.planos .container-tabela-planos {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 70px;
}

.planos .container-tabela-planos .buttons-tabela {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.planos .container-tabela-planos .buttons-tabela button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #373737;
  background: #fff;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 14px;
  padding: 18px 15px;
  cursor: pointer;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

.planos .container-tabela-planos .buttons-tabela button::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 4px;
  background: #50D18E;
  bottom: 0px;
  left: 0px;
  -webkit-transition: .3s;
  transition: .3s;
}

.planos .container-tabela-planos .buttons-tabela button.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #50D18E;
  bottom: 0px;
  left: 0px;
  -webkit-transition: .3s;
  transition: .3s;
}

.planos .container-tabela-planos .buttons-tabela button:hover::after {
  width: 100%;
}

.planos .carrossel-princing {
  display: -webkit-box;
  padding-bottom: 82px;
  padding-right: 30px;
  width: 100%;
  overflow-x: scroll;
}

.planos .card {
  margin-right: 30px;
  margin-left: 16px;
  width: 307px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
  padding-bottom: 30px;
  position: relative;
}

.planos .card .img-recomendado {
  position: absolute;
  position: absolute;
  right: -14px;
  top: -16px;
}

.planos .card .img-sombra {
  position: absolute;
  position: absolute;
  right: -27px;
  top: -24px;
  z-index: -1;
}

.planos .card .princing-text h4 {
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  padding-top: 34px;
  padding-bottom: 44px;
}

.planos .card .princing-text .valor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.planos .card .princing-text .valor span {
  font-size: 24px;
  line-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #000000;
}

.planos .card .princing-text .valor p {
  font-weight: 300;
  font-size: 60px;
  line-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #053977;
}

.planos .card .princing-text .mensal-anual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 40px;
}

.planos .card .princing-text .mensal-anual span {
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #000000;
}

.planos .card .princing-text .span-gratis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 14px;
  margin-bottom: 20px;
}

.planos .card .princing-text .span-gratis span {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.planos .card .img-card {
  position: relative;
  top: -15px;
}

.planos .card .line-green {
  height: 1px;
  width: 257px;
  background-color: #00F095;
  margin: 0 auto;
  margin-bottom: 30px;
  margin-top: 30px;
}

.planos .card .line-green2 {
  margin-top: 20px;
}

.planos .card .description-card {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  padding-right: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.planos .card .description-card::after {
  content: "•";
  position: absolute;
  left: 10px;
  top: 0px;
}

.planos .card ul {
  padding-left: 10px;
  padding-right: 10px;
}

.planos .card ul li {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.planos .card ul li img {
  width: 18px;
  height: 18px;
  margin-right: 9px;
}

.planos .card a {
  background: #053977;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  width: 225px;
  color: #00FFD1;
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  text-decoration: none;
  margin: 33px auto 0px auto;
}

.planos .card a:hover {
  background: #00FFD1 !important;
  color: #053977 !important;
}

.planos .card .cta-card-gratis {
  background: transparent;
  color: #053977;
  border: 1px solid #053977;
}

.planos .card .cta-card-gratis:hover {
  background: #053977 !important;
  color: #fff !important;
}

.planos .card2 {
  height: 578px;
  margin-left: 0px;
  position: relative;
}

.planos .card2 .mais-planos, .planos .card2 .overlay-button {
  position: absolute;
  background-color: #00F095;
  color: #053977;
  border: none;
  outline: none;
  width: 176px;
  height: 50px;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  right: -110px;
  top: 295px;
  z-index: -1;
  cursor: pointer;
}

.planos .card2 .overlay-button {
  background: transparent;
  z-index: 1;
  cursor: pointer;
  top: 230px;
}

.planos .card2 .overlay-button:hover {
  background: none !important;
}

.tabelas .cta-abrir-tabelas {
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #053977;
  text-decoration: none;
  width: 225px;
  height: 66px;
  border: 1px solid #053977;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  margin-top: 82px;
  margin-bottom: 100px;
  -webkit-transition: .3s;
  transition: .3s;
}

.tabelas .cta-abrir-tabelas:hover {
  background: #053977;
  color: #fff;
}

.prova-social-section .prova-social-text {
  padding-top: 60px;
  margin: 0 25px;
  text-align: center;
  padding-bottom: 47px;
}

.prova-social-section .prova-social-text h2 {
  font-weight: bold;
  font-size: 45px;
  line-height: 34px;
  color: #053977;
}

.prova-social-section .prova-social-text p {
  margin-top: 20px;
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.prova-social-section .container-slide {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.prova-social-section .swiper .swiper-pagination {
  position: relative;
  bottom: inherit;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.prova-social-section .swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  background-color: #012F6D;
}

.prova-social-section .container-comentarios {
  padding-bottom: 82px;
}

.prova-social-section .container-provaSocial {
  margin-left: 10px;
  padding-left: 10px;
  margin-left: 75px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 249px !important;
  background: #00FFD1;
  height: 243px;
  border-radius: 10px;
}

.prova-social-section .container-provaSocial img {
  position: absolute;
  right: -65px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 136px;
  height: 136px;
}

.prova-social-section .container-provaSocial span {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #053977;
  position: relative;
  top: 10px;
}

.prova-social-section .container-provaSocial > div {
  position: relative;
  top: -62px;
  font-weight: bold;
  font-size: 32px;
  line-height: 44px;
  text-align: center;
  color: #053977;
}

.prova-social-section .container-provaSocial p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  width: 162px;
}

.prova-social-section .container-comentarios .container-provaSocial:nth-child(1) {
  margin-left: 10px;
}

.prova-social-section .coment {
  background: #00FFD1;
  max-width: 1139px;
  width: 90%;
  height: 255px;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 120px;
  padding-right: 38px;
  padding-left: 25px;
  position: relative;
}

.prova-social-section .coment .aspas {
  position: absolute;
  font-weight: bold;
  font-size: 55px;
  line-height: 65px;
  /* or 118% */
  font-family: "Poppins";
  font-style: italic;
  text-align: center;
  top: 16px;
  left: 25px;
  /* cor / 1 */
}

.prova-social-section .coment p {
  font-weight: 500;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
  margin-bottom: 15px;
}

.prova-social-section .coment span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #053977;
}

.prova-social-section .coment .coment-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 40px;
  padding-top: 34px;
}

.cadastro {
  background-color: #053977;
  padding: 45px 25px;
}

.cadastro h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  color: #FFFFFF;
  margin-bottom: 60px;
}

.cadastro form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cadastro form input {
  height: 60px;
  width: 100%;
  left: 25px;
  top: 7305px;
  border-radius: 10px;
  border: none;
  padding-left: 20px;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 11px;
}

.cadastro form input::-webkit-input-placeholder {
  text-align: center;
}

.cadastro form input:-ms-input-placeholder {
  text-align: center;
}

.cadastro form input::-ms-input-placeholder {
  text-align: center;
}

.cadastro form input::placeholder {
  text-align: center;
}

.cadastro form button {
  height: 50px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  color: #053977;
  position: relative;
  top: -15px;
}

.cadastro form a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #053977;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 11px;
}

.cadastro form a:hover {
  background: #00FFD1;
  color: #053977;
}

.cadastro ul {
  margin-top: 60px;
}

.cadastro ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 12px;
}

.cadastro ul li img {
  width: 18px;
  height: 18px;
  margin-right: 9px;
}

.carousel-cell {
  margin-right: 100px;
}

.faq {
  padding-left: 26px;
  padding-right: 26px;
  padding-bottom: 60px;
  margin-top: 150px;
}

.faq h2 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #053977;
  mix-blend-mode: normal;
  opacity: 0.96;
}

.faq .accordion {
  width: 100%;
  max-width: 1000px;
  margin-top: 36px;
}

.faq .accordion-item {
  background-color: #fff;
}

.faq .accordion-item-header {
  color: #012F6D;
  cursor: pointer;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 9px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f1f1f1;
}

.faq .accordion-item-header p {
  max-width: 281px;
}

.faq .accordion-item-header img {
  width: 22px;
  height: 22px;
  -webkit-transition: .2s;
  transition: .2s;
}

.faq .accordion-item-header.active img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq .accordion-item-header.active + .accordion-item-body {
  margin-bottom: 20px;
}

.faq .accordion-item-body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .2s ease-out;
  transition: max-height .2s ease-out;
}

.suporte .overlay-blue-suporte {
  width: 100%;
  height: 415px;
  background: #F1F7FF;
  position: absolute;
  z-index: -1;
}

.suporte .text-suporte {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.suporte .text-suporte h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  color: #053977;
}

.suporte .text-suporte img {
  height: 141px;
  width: 123px;
}

.suporte .container-cards-suporte {
  margin-top: 43px;
  padding-left: 25px;
  padding-right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px;
}

.suporte .card {
  width: 100px;
  height: 138px;
  background: #FFFFFF;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.12));
          filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.12));
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.suporte .card img {
  width: 42px;
  height: 42px;
  position: absolute;
  top: -21px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.suporte .card p {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #053977;
}

.suporte .card p span {
  font-weight: bold;
}

.blog {
  padding-top: 100px;
  padding-bottom: 100px;
  background: #F1F7FF;
}

.blog h2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 34px;
  color: #053977;
  text-align: left;
  padding-left: 27px;
  padding-right: 27px;
}

.blog .container-blog {
  display: -webkit-box;
  width: 100%;
  overflow-x: scroll;
  padding-left: 16px;
  padding-top: 60px;
  padding-bottom: 36px;
}

.blog .card {
  height: 455px;
  width: 273px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 28px;
  margin-right: 40px;
  -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.15);
}

.blog .card img {
  width: 100%;
  height: 104px;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog .card h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #053977;
  margin-top: 26px;
  padding-left: 20px;
  padding-right: 20px;
}

.blog .card p {
  font-size: 14px;
  line-height: 22px;
  color: #585858;
  padding-left: 20px;
  padding-right: 20px;
}

.blog .card a {
  margin-left: 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  text-decoration: none;
}

.blog .card a img {
  height: 10px;
  width: 10px;
}

.blog .cta-blog {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  text-decoration: none;
  width: 168px;
  height: 38px;
  border: 1px solid #053977;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-radius: 10px;
  margin-top: 22px;
  color: #053977;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.blog .cta-blog:hover {
  background-color: #053977;
  color: #fff;
}


.footer {
  background-color: #202024;
  padding: 96px 26px 47px 26px;
}

.footer .container {
  max-width: 1489px;
  margin: 0 auto;
}

.footer .intro-footer {
  margin-bottom: 53px;
}

.footer .intro-footer img {
  height: 41px;
  width: 211px;
}

.footer .intro-footer p {
  font-size: 14px;
  line-height: 22px;
  color: #FFFFFF;
  margin-top: 18px;
  font-weight: 400;
}

.footer .novidades {
  max-width: 350px;
}

.footer .novidades h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 27px;
}

.footer .card-novidades {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid #383838;
  padding-bottom: 13px;
  margin-bottom: 10px;
}

.footer .card-novidades > img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 24px;
}

.footer .card-novidades p {
  color: #FFFFFF;
  margin-bottom: 11px;
}

.footer .card-novidades span {
  font-size: 12px;
  line-height: 22px;
  color: #A2A2A2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .card-novidades span img {
  width: 15px;
  height: 16px;
  margin-right: 12px;
}

.footer .card-novidades > div {
  position: relative;
  top: -5px;
}

.footer .navegacacao {
  margin-top: 54px;
  max-width: 120px;
  width: 100%;
}

.footer .navegacacao h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 26px;
}

.footer .navegacacao ul {
  list-style: none;
}

.footer .navegacacao ul a {
  text-decoration: none;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
  -webkit-transition: .3s;
  transition: .3s;
}

.footer .navegacacao ul a:hover {
  color: #00F095;
}

.footer .contatos {
  margin-top: 100px;
}

.footer .contatos h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 27px;
}

.footer .contatos .telefone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer .contatos .telefone img {
  margin-right: 25px;
}

.footer .contatos .telefone p {
  font-size: 20px;
  line-height: 30px;
  color: #00F095;
}

.footer .contatos .icons-socials {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .copy {
  margin-top: 67px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  font-weight: 400px;
}

.footer .copy span {
  color: #00F095;
}

@media (max-width: 1100px) {
  .section-hero .ctas-section-hero .celular-deitado {
    display: block;
  }
  .banner-desktop {
    display: none;
  }
  .planos .carrossel-princing {
    padding-top: 72px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1080px) {
  header .width-menu-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1491px;
    margin: 0 auto;
  }
  header .container-logo {
    width: 255px;
    padding: 0;
  }
  header .open-menu {
    display: none;
  }
  header ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 1016px;
  }
  header ul li a {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    position: relative;
  }
  header ul li a::after {
    position: absolute;
    content: "";
    width: 0%;
    height: 3px;
    background-color: #00F095;
    left: 0px;
    bottom: 0px;
    -webkit-transition: .3s;
    transition: .3s;
  }
  header ul li a:hover::after {
    width: 100%;
  }
  .section-hero .ctas-section-hero .celular-deitado {
    display: none;
  }
  .conheca .imagem-1-conheca,
  .conheca .imagem-2-conheca,
  .conheca .imagem-3-conheca,
  .conheca .imagem-4-conheca {
    left: 0px;
    width: 693.7px;
  }
  .conheca .imagem-3-conheca,
  .conheca .imagem-1-conheca {
    left: -28px;
  }
  .celular-deitado {
    display: none;
  }
  .banner-desktop {
    display: block;
    z-index: 1;
    right: -60px;
    position: absolute;
    width: 700px;
    top: 33px;
  }
  .banner-desktop img {
    width: 100%;
  }
  .section-hero {
    padding-top: 107px;
    margin-top: 0px;
  }
  .section-hero h1 {
    font-size: 55px;
    line-height: 65px;
    color: #053977;
  }
  .section-hero p {
    margin-bottom: 9px;
  }
  .section-hero .text-section-hero p {
    font-size: 24px;
    line-height: 38px;
  }
  .container-text-hero {
    width: 730px;
  }
  .container-hero-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1328px;
    margin: 0 auto;
    position: relative;
  }
  .section-hero .ctas-section-hero {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-hero .ctas-section-hero .buttons-flex {
    width: 1328px;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .section-hero .ctas-section-hero .buttons-flex a {
    right: -18px;
  }
  .section-hero .ctas-section-hero a {
    margin-right: 50px;
    font-size: 22px;
  }
  .section-hero .ctas-section-hero a:nth-child(1) {
    font-weight: bold;
    width: 330px;
    height: 60px;
  }
  .section-hero .ctas-section-hero a:nth-child(2) {
    font-weight: bold;
    width: 255px;
    height: 60px;
    font-size: 22px;
    margin-top: 0px;
  }
  .section-hero .ctas-section-hero .banner-green::after {
    bottom: -7px;
    width: 573.44px;
  }
  .section-hero .ctas-section-hero .banner-green::before {
    bottom: 173px;
    width: 455.68px;
  }
  .conheca h2 {
    margin: 0 auto;
    font-size: 45px;
    line-height: 65px;
    text-align: center;
    max-width: 1110px;
    width: 100%;
  }
  .conheca .container-infos-conheca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .conheca .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .conheca .cta-container2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .conheca .cta-conheca {
    width: 330px;
    margin-top: 41px;
  }
  .conheca ul {
    width: 600px;
  }
  .conheca ul li {
    font-size: 20px;
    line-height: 30px;
  }
  .conheca ul li img {
    width: 28px;
    height: 28px;
  }
  .conheca ul h3 {
    font-weight: bold;
    font-size: 32px;
    line-height: 44px;
  }
  .conheca ul h3 img {
    width: 65px;
    height: 65px;
  }
  .provaSocial {
    margin: 0 auto;
    height: 178px;
    position: relative;
    top: 88px;
  }
  .provaSocial img {
    width: 218.67px;
    height: 241.68px;
    position: relative;
    top: -50px;
    left: 74px;
  }
  .provaSocial .container-provaSocial p {
    font-size: 24px;
    line-height: 38px;
  }
  .provaSocial .container-provaSocial p span {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
  }
  .confira {
    padding-top: 283px;
    background: #F9F9F9;
    padding-bottom: 92px;
  }
  .confira h2 {
    width: 1296px;
    font-size: 45px;
    line-height: 65px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 69px;
  }
  .confira .flex-confira {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .confira .flex-confira .item-confira {
    max-width: 445px;
    margin-right: 30px;
  }
  .confira .flex-confira .item-confira > div h3 {
    font-size: 26px;
    line-height: 34px;
  }
  .confira .flex-confira .item-confira > div p {
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
  }
  .confira .flex-confira .item-confira img {
    width: 65px;
    height: 65px;
    margin-right: 30px;
  }
  .planos .carrossel-princing {
    padding-bottom: 78px;
    padding-top: 60px;
  }
  .planos .overlay-blue {
    height: 899px;
  }
  .planos .container-text-planos h2 {
    font-size: 45px;
    line-height: 65px;
  }
  .planos .container-text-planos p {
    max-width: 917px;
    margin-left: auto;
    margin-right: auto;
  }
  .planos .carrossel-princing {
    padding-top: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-x: hidden;
  }
  .planos .carrossel-princing .card2 ul {
    margin-top: 9px;
  }
  .planos .carrossel-princing .card {
    width: 445px;
    height: 480px;
    padding-bottom: 50px;
  }
  .planos .carrossel-princing .card .princing-text .mensal-anual {
    margin-right: 122px;
  }
  .planos .carrossel-princing .card a {
    margin-top: 63px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .planos .carrossel-princing .card a:hover {
    background-color: #064a9f;
    color: #fff;
  }
  .planos .carrossel-princing .card .line-green {
    width: 388px;
  }
  .planos .carrossel-princing .card .img-card {
    text-align: center;
  }
  .planos .carrossel-princing .card .description-card, .planos .carrossel-princing .card ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 23px;
  }
  .planos .carrossel-princing .card .description-card {
    margin-bottom: 36px;
  }
  .planos .carrossel-princing .card .description-card, .planos .carrossel-princing .card ul {
    padding-left: 45px;
    padding-right: 45px;
  }
  .planos .carrossel-princing .card .description-card::after, .planos .carrossel-princing .card ul::after {
    left: 32px;
  }
  .planos .carrossel-princing .card ul li img {
    width: 28px;
    height: 28px;
  }
  .tabelas .cta-abrir-tabelas {
    width: 540px;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    /* identical to box height, or 109% */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0px;
    margin-bottom: 120px;
  }
  .cadastro {
    padding: 52px 25px 70px 25px;
  }
  .cadastro h2 {
    width: 834px;
    font-size: 45px;
    line-height: 65px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 60px;
  }
  .cadastro form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 831px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cadastro form input {
    background: #DEDEDE;
    border-radius: 10px;
    width: 444px;
    height: 60px;
  }
  .cadastro form input::-webkit-input-placeholder {
    color: #8D8D8D;
    font-size: 18px;
    line-height: 21px;
  }
  .cadastro form input:-ms-input-placeholder {
    color: #8D8D8D;
    font-size: 18px;
    line-height: 21px;
  }
  .cadastro form input::-ms-input-placeholder {
    color: #8D8D8D;
    font-size: 18px;
    line-height: 21px;
  }
  .cadastro form input::placeholder {
    color: #8D8D8D;
    font-size: 18px;
    line-height: 21px;
  }
  .cadastro form button {
    width: 330px;
    height: 60px;
  }
  .cadastro ul {
    margin-top: 40px;
    max-width: 831px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cadastro ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .cadastro ul li img {
    width: 28px;
    height: 28px;
    margin-right: 19px;
  }
  .suporte .overlay-blue-suporte {
    height: 343px;
  }
  .suporte .text-suporte {
    position: relative;
    width: 1110px;
    margin-left: auto;
    margin-right: auto;
  }
  .suporte .text-suporte h2 {
    max-width: 921px;
    font-size: 45px;
    line-height: 65px;
  }
  .suporte .text-suporte img {
    position: absolute;
    right: -28px;
    width: 239px;
    top: 181px;
    height: 271px;
  }
  .suporte .container-cards-suporte {
    max-width: 823px;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 46px;
    position: relative;
    left: -117px;
    margin-bottom: 83px;
  }
  .suporte .card {
    width: 254px;
    height: 122px;
    padding-left: 42px;
    padding-right: 42px;
  }
  .suporte .card p {
    font-size: 16px;
    line-height: 24px;
  }
  .faq {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 97px;
  }
  .faq h2 {
    font-size: 45px;
    line-height: 65px;
  }
  .faq .accordion-item-header {
    padding-bottom: 18px;
  }
  .faq .accordion-item-header p {
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    max-width: 100%;
  }
  .faq .accordion-item-header img {
    width: 28px;
    height: 28px;
  }
  .faq .accordion-item-body-content {
    font-size: 20px;
    line-height: 30px;
  }
  .blog h2 {
    font-size: 45px;
    line-height: 65px;
    /* identical to box height, or 144% */
    text-align: center;
  }
  .blog .container-blog {
    overflow-x: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 51px;
  }
  .blog .cta-blog {
    margin-top: 4px;
    height: 60px;
    width: 330px;
    font-size: 22px;
    line-height: 24px;
  }
  .footer .intro-footer, .footer .copy {
    max-width: 1490px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  .footer .intro-footer p, .footer .copy p {
    font-size: 20px;
    line-height: 30px;
  }
  .footer .infos-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1302.13px;
    margin: 0 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .footer .infos-footer h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 34px;
  }
  .footer .novidades {
    max-width: 350px;
  }
  .footer .navegacacao {
    max-width: 190px;
    margin-top: 0px;
  }
  .footer .navegacacao ul li {
    margin-bottom: 10.5px;
  }
  .footer .contatos {
    margin-top: 0px;
  }
  .footer .flex-contatos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer .flex-contatos a {
    text-decoration: none;
  }
  .footer .flex-contatos .icons-socials {
    margin-top: 0px;
  }
  .footer .flex-contatos .icons-socials img {
    margin-left: 70px;
  }
  .footer .flex-contatos img {
    width: 24px;
    height: 24px;
  }
  .footer .flex-contatos p {
    font-size: 20px;
    line-height: 30px;
  }
}

.tabela-comparacao {
  background-color: #f9f9f9;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 70px;
  display: none;
}

.tabela-comparacao .flex-container-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.tabela-comparacao .container-planos-otimizou {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
}

.tabela-comparacao .buttons-tabela {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0px;
  top: 0px;
}

.tabela-comparacao .buttons-tabela button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #373737;
  background: #fff;
  border: 1px solid transparent;
  font-weight: 400;
  font-size: 14px;
  padding: 18px 15px;
  cursor: pointer;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}

.tabela-comparacao .buttons-tabela button::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 4px;
  background: #50D18E;
  bottom: 0px;
  left: 0px;
  -webkit-transition: .3s;
  transition: .3s;
}

.tabela-comparacao .buttons-tabela button:hover::after {
  width: 100%;
}

.tabela-comparacao .buttons-tabela button::before {
  margin-right: 8px;
  content: url(./images/calendar-button.svg);
}

.tabela-comparacao .buttons-tabela button.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #50D18E;
  bottom: 0px;
  left: 0px;
}

.tabela-comparacao .container-tabela-comparacao {
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 100px;
}

.tabela-comparacao ul li {
  background-color: #fff;
  font-weight: 500;
  font-size: 14px;
  color: #545454;
  height: 59px;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}

.tabela-comparacao ul li p {
  margin-right: 10px;
  color: #6a767e;
  font-size: 12px;
  display: none;
}

.tabela-comparacao ul li:nth-last-child(1) {
  height: 100px;
}

.tabela-comparacao ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #50d18e;
  border: 2px solid #50d18e;
  color: #fff;
  font-size: 12px;
  padding: 12px 32px 10px;
  text-decoration: none;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: .3s;
  transition: .3s;
}

.tabela-comparacao ul li a:hover {
  background-color: #56db96;
  border: 2px solid #56db96;
}

.tabela-comparacao .grey {
  background-color: #f9f9f9;
}

.tabela-comparacao .title-card {
  background-color: #fff;
  height: 150px;
  width: 100%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.tabela-comparacao .title-card h3 {
  font-size: 25px;
  font-weight: 500;
  color: #313646;
}

.tabela-comparacao .title-card p {
  font-size: 20px;
  color: #ababab;
  font-weight: 500;
}

.tabela-comparacao .title-card span {
  font-size: 14px;
  color: #ababab;
}

.tabela-comparacao .icons-planos li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tabela-comparacao .planos-otimizou {
  max-width: 260px;
  width: 100%;
  position: relative;
}

.tabela-comparacao .planos-otimizou::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  top: 0px;
  left: 0px;
  background-color: #34495e;
}

.tabela-comparacao .div-container-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.tabela-comparacao .div-container-double .container-card-planos {
  max-width: 260px;
  width: 100%;
  position: relative;
}

.tabela-comparacao .div-container-double .container-card-planos::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  top: 0px;
  left: 0px;
  background-color: #50D18E;
}

.tabela-comparacao .div-container-double .recomendado {
  position: absolute;
  bottom: 100%;
  background-color: #50d18e;
  color: #fff;
  width: 100%;
  text-transform: uppercase;
  padding: 10px 0;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
}

@media (max-width: 1140px) {
  .tabela-comparacao .flex-container-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabela-comparacao ul li p {
    display: block;
  }
  .tabela-comparacao .buttons-tabela {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabela-comparacao .buttons-tabela button {
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .tabela-comparacao .buttons-tabela button::before {
    position: absolute;
    left: 10px;
  }
  .tabela-comparacao .container-tabela-comparacao {
    padding-bottom: 37px;
  }
  .tabela-comparacao .planos-otimizou {
    display: none;
  }
  .tabela-comparacao .div-container-double {
    margin-bottom: 80px;
  }
  .tabela-comparacao .div-container-double .container-card-planos {
    max-width: 100%;
  }
}

@media (max-width: 1500px) {
  body {
    overflow-x: hidden;
  }
  header .width-menu-desktop {
    max-width: 90%;
    margin: 0 auto;
  }
  .banner-desktop {
    overflow: hidden;
    width: 602px;
    right: 0px;
  }
  .banner-desktop img {
    width: 100%;
  }
  .confira h2 {
    max-width: 1200px;
    width: 100%;
  }
  .confira .flex-confira {
    max-width: 1341px;
    margin: 0 auto;
  }
  .confira .item-confira {
    margin-right: 0px !important;
  }
  .provaSocial {
    width: 90%;
    max-width: 1000px;
    height: auto;
  }
  .provaSocial .container-provaSocial {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .provaSocial .container-provaSocial > div {
    top: -41px;
  }
}

@media (max-width: 1350px) {
  .conheca .imagem-1-conheca, .conheca .imagem-2-conheca, .conheca .imagem-3-conheca, .conheca .imagem-4-conheca {
    width: 487px;
  }
  .banner-desktop {
    width: 500px;
  }
  .conheca ul h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .conheca ul h3 img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 1100px) {
  header ul {
    min-width: 900px;
  }
  .section-hero .container-text-hero {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .conheca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .conheca h2 {
    max-width: 500px;
    padding-right: 26px;
    padding-left: 26px;
  }
  .conheca .container-infos-conheca {
    width: 600px;
    max-width: 100%;
  }
  .conheca .imagem-1-conheca,
  .conheca .imagem-2-conheca,
  .conheca .imagem-3-conheca,
  .conheca .imagem-4-conheca {
    transform: scale(0.7);
    left: 0px;
  }
  .provaSocial {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .confira {
    max-width: 652px;
    margin-left: auto;
    margin-right: auto;
  }
  .cadastro h2 {
    max-width: 600px;
    width: 100%;
  }
  .suporte .container-cards-suporte,
  .suporte .text-suporte {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .faq {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .cadastro h2, .cadastro form, .cadastro ul {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .planos .container-text-planos {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog h2, .blog .container-blog {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .intro-footer, .footer .infos-footer, .footer .contatos {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer .navegacacao {
    max-width: 100%;
  }
  .provaSocial .container-provaSocial > div {
    top: -25px;
  }
  .prova-social-section .prova-social-text h2 {
    font-size: 26px;
    line-height: 34px;
  }
  .prova-social-section .prova-social-text p {
    font-size: 1rem;
    line-height: 24px;
  }
  .prova-social-section .coment .aspas {
    font-size: 42px;
    top: 19px;
  }
  .prova-social-section .coment {
    height: auto;
    padding-bottom: 34px;
  }
  .prova-social-section .coment p {
    font-size: 16px;
    line-height: 24px;
  }
  .prova-social-section .coment span {
    font-size: 14px;
  }
}

@media (max-width: 700px) {
  .depoimento {
    padding-left: 20px;
    padding-right: 20px;
  }
  header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    list-style: none;
    background: #fff;
    left: 0px;
    top: 59px;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 30px;
  }
  header ul.active {
    max-height: 332px;
  }
  header ul li {
    border-bottom: 1px solid #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header ul a {
    color: #8d8d8d;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-hero {
    margin-top: 0px;
    padding-top: 73px;
  }
  .tabela-comparacao .div-container-double {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tabela-comparacao .div-container-double .container-card-planos {
    margin-bottom: 70px;
  }
  .active-princings {
    margin-left: 20px;
  }
  .planos .active-princings .card {
    margin-right: 20px !important;
  }
  .conheca {
    padding-top: 100px;
  }
  .conheca .imagem-2-conheca {
    transform: scale(0.7);
    /* left: -37px; */
    left: -60px;
  }
}

@media (max-width: 500px) {
  .conheca .imagem-1-conheca {
    width: 485px;
    /* left: -103px; */
    left: -50px;
    max-width: 693.7px;
  }
  .conheca .imagem-2-conheca {
    transform: scale(0.7);
    width: 460.65px;
    max-width: 699.8px;
  }
  .conheca .imagem-3-conheca {
    width: 460.65px;
    /* left: -85px; */
    left: -65px;
  }
  .conheca .imagem-4-conheca {
    width: 460.65px;
    left: -45px;
  }
  .provaSocial {
    max-width: 343px;
    width: 100%;
  }
  .provaSocial .container-provaSocial > div {
    top: -35px;
  }
}

.planos .active-princings {
  display: none;
}

.planos .active-princings .card {
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  top: 75px;
  width: 300px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ddd;
}

.planos .active-princings .card ul li {
  font-size: 13px;
  margin-bottom: 13px;
}

.planos .active-princings .card .description-card {
  font-size: 13px;
}

.planos .active-princings .card .line-green {
  width: 215px;
}

.planos .active-princings .card .princing-text .valor p {
  font-size: 50px;
}

.planos .active-princings .gratis {
  top: 120px;
}

.planos .active-princings .card.basico {
  height: 590px;
  top: -35px;
  position: relative;
}

.planos .active-princings .card.basico a {
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.planos .active-princings .card .description-card, .planos .active-princings .card ul {
  padding-left: 20px;
  padding-right: 20px;
}
/*# sourceMappingURL=style.css.map */