@font-face{font-display: optional;font-family:cabinet grotesk;font-style:normal;font-weight:400;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Regular.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:100;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Thin.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:200;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Extralight.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:300;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Light.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:500;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Medium.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:700;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Bold.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:800;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Extrabold.woff) format('woff')}@font-face{font-family:cabinet grotesk;font-style:normal;font-weight:900;src:local('Cabinet Grotesk'),url(https://fonts.cdnfonts.com/s/85514/CabinetGrotesk-Black.woff) format('woff')}
@font-face{font-display: optional;font-family:inter;font-style:normal;font-weight:400;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Regular.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:400;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Italic.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:100;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Thin-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:100;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-ThinItalic-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:200;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-ExtraLight-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:200;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-ExtraLightItalic-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:300;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Light-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:300;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-LightItalic-BETA.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:500;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Medium.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:500;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-MediumItalic.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:600;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-SemiBold.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:600;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-SemiBoldItalic.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:700;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Bold.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:700;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-BoldItalic.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:800;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-ExtraBold.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:800;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-ExtraBoldItalic.woff) format('woff')}@font-face{font-family:inter;font-style:normal;font-weight:900;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-Black.woff) format('woff')}@font-face{font-family:inter;font-style:italic;font-weight:900;src:local('Inter'),url(https://fonts.cdnfonts.com/s/19795/Inter-BlackItalic.woff) format('woff')}
@font-face{font-display: optional;font-family:lato;font-style:normal;font-weight:400;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Regular.woff) format('woff')}@font-face{font-family:lato;font-style:italic;font-weight:400;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Italic.woff) format('woff')}@font-face{font-family:lato;font-style:normal;font-weight:250;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Hairline.woff) format('woff')}@font-face{font-family:lato;font-style:italic;font-weight:250;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-HairlineItalic.woff) format('woff')}@font-face{font-family:lato;font-style:normal;font-weight:300;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Light.woff) format('woff')}@font-face{font-family:lato;font-style:italic;font-weight:300;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-LightItalic.woff) format('woff')}@font-face{font-family:lato;font-style:normal;font-weight:700;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Bold.woff) format('woff')}@font-face{font-family:lato;font-style:italic;font-weight:700;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-BoldItalic.woff) format('woff')}@font-face{font-family:lato;font-style:normal;font-weight:900;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-Black.woff) format('woff')}@font-face{font-family:lato;font-style:italic;font-weight:900;src:local('Lato'),url(https://fonts.cdnfonts.com/s/14882/Lato-BlackItalic.woff) format('woff')}
@font-face{font-display: optional;font-family:roboto flex;font-style:normal;font-weight:400;src:local('Roboto Flex'),url(https://fonts.cdnfonts.com/s/84002/RobotoFlex[GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght].woff) format('woff')}

/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::placeholder {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Escala Cinza/300 */
  color: #a4a4a4;
}
body,
html {
  height: 100%;
  overflow-x: hidden;
}
/* Reset */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #11053b #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #1f8ef5;
  border-radius: 10px;
  border: 3px solid #ffffff;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2%;
}
.first-section {
  background-image: url("../img/background-section-1.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.first-section .container {
  /* padding: 0; */
}
.first-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 64px 0;
}
.nav-list{
  display: flex;
  list-style: none;
  gap: 40px;
}
.nav-list-mobile {
  display: flex;
  list-style: none;
  gap: 22px;
  position: relative;
}
.nav-list .nav-list-item a,
.nav-list-mobile a {
  font-family: "Inter";
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #575c60;
}
.nav-list-mobile li{
  border: 1px solid rgba(0, 94, 189, .1);
  width: 100%;
  text-align: center;
  max-width: 600px;
  padding: 12px 2%;
  border-radius: 4px; 
  position: relative;
}
.talk-to-specialist{
  border-radius: 1000px!important ;
  background-color: rgba(0, 94, 189, 1);
  color: #fff!important;
}
.talk-to-specialist:hover{
  cursor: pointer;
  border-radius: 1000px!important ;
  background-color: rgba(0, 94, 189, .9);
  color: #fff!important;
}
.talk-to-specialist a{
  color: #fff!important;
  font-weight: 600;
}
.talk-to-specialist a:hover{
  color: #fff!important;
}
.user-link{
  border: 0!important;
 
}
.user-link img{ 
  position: absolute!important;
  right: 0!important;
  top: -10px!important;
}
.cta-header-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.cta-btn-header {
  width: 100%;
  max-width: 250px;
  height: 40px;
  padding: 0 16px;
  border-radius: 1000px;
  background-color: #005ebd;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cta-btn-header > a{
	color: #fff;    text-decoration: none;
}
.main-section-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 32px 0;
}
.main-section-text-wrapper h1 {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 64px;
  color: #14181b;
  width: 100%;
  max-width: 700px;
}
.main-section-text-wrapper p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #575c60;
  width: 488px;
  margin-top: 8px;
}
.central-image-mobile {
  display: none;
}
.main-section-cta-wrapper p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #14181b;
  margin-bottom: 10px;
  width: 100%;
}
.main-section-cta-wrapper span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  max-width: 425px;
  color: #575c60;
  display: block;
}
.main-section-cta-wrapper {
  background-color: #fff;
  padding: 44px 24px;
  border-radius: 4px;
}
.main-section-cta-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 10px;
}
.main-section-cta-wrapper form input {
  height: 48px;
  padding: 16px;
  border: 1px solid #e5e5e5;
}
.main-section-cta-wrapper form input::placeholder {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #a4a4a4;
}
.main-section-cta-wrapper form button {
  width: 100%;
  max-width: 440px;
  height: 48px;
  background-color: #005ebd;
  border: 0;
  border-radius: 1000px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.tags-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  z-index: 10;
}
.tag-blue {
  width: 100%;
  max-width: 336px;
  height: 80px;
  background-color: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 100px;
  padding: 0 24px 0 8px;
}
.icon-and-desc {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-tag {
  padding: 20px;
  border-radius: 1000px;
  background-color: #bfe5ff;
}
.desc1 {
  width: 120px;
  height: 16px;
  background: #bfe5ff;
  border-radius: 100px;
  margin-bottom: 8px;
}
.desc2 {
  width: 91px;
  height: 16px;
  background: #e4f4ff;
  border-radius: 100px;
}
.tag-number {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #4b5053;
}

.tag-green {
  width: 100%;
  max-width: 336px;
  height: 80px;
  background-color: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 0 8px;
  margin-left: 50px;
}
.icon-and-desc.green {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-tag.green {
  padding: 20px;
  border-radius: 1000px;
  background: rgba(154, 255, 110, 0.32);
}
.desc1.green {
  width: 120px;
  height: 16px;
  background: #9aff6e;
  border-radius: 100px;
  margin-bottom: 8px;
}
.desc2.green {
  width: 91px;
  height: 16px;
  background: #d8ffc8;
  border-radius: 100px;
}
.tag-number.green {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #4b5053;
}

.tag-grey {
  width: 100%;
  max-width: 336px;
  height: 80px;
  background-color: #fff;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 0 8px;
}
.icon-and-desc.grey {
  display: flex;
  align-items: center;
  gap: 8px;
}
.icon-tag.grey {
  padding: 20px;
  border-radius: 1000px;
  background: #ebf1f6;
}
.desc1.grey {
  width: 120px;
  height: 16px;
  background: #ebf1f6;
  border-radius: 100px;
  margin-bottom: 8px;
}
.desc2.grey {
  width: 91px;
  height: 16px;
  background: #f2f9ff;
  border-radius: 100px;
}
.tag-number.grey {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #4b5053;
}
.main-section-second-part {
  display: flex;
  align-items: end;
  justify-content: center;
  position: relative; 
}

.central-image img {
  width: 100%;
}

.rating-text p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */
  width: 100%;
  max-width: 290px;
  /* Escala Cinza/900 */

  color: #14181b;
}
.rating-pics {
  display: flex;
  margin-top: 24px;
  margin-bottom: 24px;
  align-items: center;
}
.rating-pics > div {
  width: 56px;
  height: 56px;
  border-radius: 1000px;
  position: relative;
}
.rating-pics > div > img {
  position: absolute;
  width: 100%;
}
.rating-text-2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Escala Cinza/200 */

  color: #63686c;
}
.rating-pic-item-2 {
  position: relative;
  right: 20px;
}
.rating-pic-item-3 {
  position: relative;
  right: 40px;
}
.rating-pic-item-4 {
  position: relative;
  right: 60px;
}
.rating-pic-item-5 {
  position: relative;
  right: 80px;
}
.rating-pic-item-6 {
  position: relative;
  right: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a3c8f7;
}
.rating-pic-item-6 span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 8.76923px;
  line-height: 12px;
  color: #426b94;
}
.rating-text-2 {
  position: initial;
  margin: 0;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Escala Cinza/700 */

  color: #282d30;
}
.rating-text-2 {
  margin-bottom: 10px;
}
.rating-text-span {
  position: relative;
  right: 50px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Escala Cinza/200 */

  color: #63686c;
}
.stars {
  display: flex;
  gap: 10px;
}
.rate-note {
  margin-top: 10px;
}
.actual-note {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #33383c;
}
.value-note {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #707070;
  margin-left: 4px;
}
.img-arrows {
  position: relative;
  right: 175px;
  top: -25px;
}
.rate-seal-img {
  margin-top: 38px;
}
.rate-seal-img img {
  width: 100%;
  max-width: 332px;
}
.second-section {
  padding-bottom: 164px;
  background-image: url("../img/logo-bg.webp");
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.second-home-section {
  padding-bottom: 164px;
  background-image: url("../img/outlinelogo.webp");
  background-repeat: no-repeat;
  background-position: -7.25rem 30.125rem;
  background-size: 25%;
}

.video-intro {
  height: 55vh;
  width: 50vw;
  margin-bottom: 1.5rem;
}

.text-second-section {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Escala Cinza/300 */
  color: #575c60;
}
.text-second-section {
  margin-top: 96px;
}
.title-second-section {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */

  /* Escala Cinza/900 */
  color: #14181b;
  width: 100%;
  max-width: 592px;
  margin-top: 8px;
}
.left-part {
  margin-top: 32px;
  display: flex;
  gap: 32px;
}
.left-right-section-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.first-image {
  width: 100%;
  max-width: 280px;
  height: 423px;
  position: relative;
}
.first-image img {
  object-fit: cover;
  width: 100%;
  max-width: 423px;
  height: 423px;
  border-radius: 10px;
}
.second-image-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.img-2-wrapper {
  width: 100%;
  max-width: 280px;
  height: 168px;
}
.img-2-wrapper img {
  width: 100%;
  max-width: 280px;
  height: 168px;
  object-fit: cover;
  border-radius: 10px;
}
.right-part {
  width: 100%;
  max-width: 620px;
  height: 550px;
  overflow-y: scroll;
  direction: rtl;
}
.step-by-step {
  direction: ltr;
  padding: 0 0 0 22px;
  background-color: #fff;
}
.step {
  margin-top: 32px;
  background-color: #fff;
}
.number-step {
  display: flex;
  gap: 4px;
  justify-content: start;
  align-items: center;
}
.number {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1000px;
  background-color: #ebf1f6;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  /* Secundária/Main (S) */
  color: #1f8ef5;
}
.text-numnber-step {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */

  /* Escala Cinza/900 */
  color: #14181b;
}
.step-main-text {
  margin-top: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Escala Cinza/300 */
  color: #575c60;
  width: 100%;
  max-width: 500px;
}
.step-img {
  width: 100%;
  max-width: 500px;
  height: 1200px;
  background-color: #ccc;
}
.red-bg {
  background-color: red;
}
.third-section {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title-section-feed,
.title-2-section-feed,
.subtitle-secion-feed {
  text-align: center;
  margin-top: 16px;
}
.title-section-feed {
  background-color: #bfe5ff;
  width: 100%;
  max-width: 123px;
  padding: 4px;
  border-radius: 1000px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  text-align: center;

  /* Secundária/300 */

  color: #005ebd;
}
.title-2-section-feed {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  text-align: center;

  /* Escala Cinza/900 */
  color: #14181b;
}
.subtitle-secion-feed {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  text-align: center;

  /* Escala Cinza/200 */
  color: #63686c;
  width: 100%;
  max-width: 592px;
}
.slider-wrapper {
  margin-top: 64px;
  padding-bottom: 160px;
}
.glide__arrows {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.glide__arrow {
  width: 56px;
  height: 56px;
  background-color: #a4aaae;
  border-radius: 1000px;
  border: 0;
  cursor: pointer;
  color: #fff;
}
.glide__arrow:hover {
  background-color: #ccc;
}
.fourth-section {
  padding: 144px 0;
  background-color: #ebf1f6;
}
.fourth-section p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* or 120% */

  /* Escala Cinza/900 */
  color: #14181b;
  width: 100%;
  max-width: 592px;
  margin-bottom: 32px;
}
.fourth-section-text {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* or 120% */

  /* Escala Cinza/900 */
  color: #14181b;
}
.rating-pics span {
  height: fit-content;
}
.fourth-section .rating-pics {
  margin-bottom: 32px;
}
.fourth-section .playstore-rate {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Escala Cinza/200 */
  color: #63686c;
  margin-bottom: 10px;
}
.fourth-section > .container {
  display: flex;
  gap: 32px;
  justify-content: center;
  align-items: center;
}
.cta-app-wrapper {
  padding: 32px;
  background-color: #dde3e7;
  border-radius: 16px;
}
.cta-app-wrapper p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* or 125% */

  /* Escala Cinza/800 */
  color: #1e2226;
  margin-bottom: 24px;
}
.cta-app-wrapper a p {
  color: red;
}
.cta-app {
  display: flex;
  gap: 16px;
  background-color: #005ebd;
  padding: 12px 16px;
  border-radius: 4px;
  width: fit-content;
  margin-top: 24px;
}
.cta-app-wrapper span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */

  /* Escala Cinza/300 */
  color: #575c60;
}
.cta-text {
  display: flex;
  flex-direction: column;
}
.fourth-section {
  position: relative;
}
.fourth-section > img {
  position: absolute;
  top: -70px;
  left: 70%;
}
.fiveth-section {
  padding: 24px 0;
  background-color: #005ebd;
}
.fiveth-section > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fiveth-section-first-text {
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* or 120% */
  font-family: "Cabinet Grotesk";

  /* Escala Cinza/0 */
  color: #faffff;
  width: 100%;
  max-width: 490px;
}
.fiveth-section-second-text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */

  /* Escala Cinza/0 */
  color: #faffff;
  width: 100%;
  max-width: 490px;
}
.sixth-section {
  margin-top: 160px;
  position: relative;
  padding-bottom: 64px;
}
.title-1-section-doubt {
  background-color: #bfe5ff;
  padding: 4px 16px;
  display: block;
  width: fit-content;
  border-radius: 1000px;
  color: #005ebd;
  margin-bottom: 16px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  text-align: center;

  /* Secundária/300 */

  color: #005ebd;
}
.sixth-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.title-section-doubt {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  /* identical to box height, or 125% */
  text-align: center;

  /* Escala Cinza/900 */
  color: #14181b;
  margin-bottom: 16px;
}
.desc-section-doubt {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  text-align: center;

  /* Escala Cinza/200 */
  color: #63686c;
  width: 100%;
  max-width: 590px;
}
.talk-img {
  position: absolute;
  left: 0;
  top: 10px;
}
.talk-img-2 {
  position: absolute;
  right: 0;
  top: -100px;
}
.text-number-step {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  /* identical to box height, or 120% */

  /* Escala Cinza/900 */
  color: #14181b;
}
.drop-down-section {
  padding-bottom: 84px;
}
.drop-down {
  width: 100%;
  max-width: 592px;
  border-left: 4px solid #282d30;
  padding: 16px 32px;
  background-color: #f8f8f8;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  margin-bottom: 8px;
}
.title-drop-down {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height, or 150% */

  /* Escala Cinza/900 */
  color: #14181b;
  padding: 0 0 18px 0;
  border-bottom: 1px solid #ced4d9;
}
.text-drop-down {
  margin-top: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /* or 171% */

  /* Escala Cinza/300 */
  color: #575c60;
}
.drop-down > img {
  position: absolute;
  right: 20px;
  top: 22px;
}
.activeDropDown {
  height: fit-content !important;
}
.drop-down-section .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.drop-down-section ul {
  margin-left: 2%;
}
.drop-down-section li {
  list-style: none;
}
.seventh-section {
  padding: 64px 0 0 0;
  background-color: #005ebd;
  width: 100%;
}

.seventh-section p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* or 120% */
  text-align: center;

  /* Escala Cinza/0 */
  color: #faffff;
  width: 100%;
  max-width: 592px;
  margin-top: 24px;
}
.seventh-section a {
  background-color: #1f8ef5;
  padding: 16px 0;
  margin-top: 24px;
  border-radius: 1000px;
  display: block;
  width: 178px;

  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  /* identical to box height, or 171% */

  color: #ffffff;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 64px;
}
.seventh-section .container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.tg-icon-1 {
  position: absolute;
  top: -160px;
  left: 0;
  border-radius: 1000px;
}
.tg-icon-2 {
  position: absolute;
  bottom: 20px;
  left: 200px;
}
.tg-icon-3 {
  position: absolute;
  bottom: 0;
  right: 120px;
  width: 100%;
  max-width: 150px;
}

.tg-icon-4 {
  position: absolute;
  top: -30px;
  right: 120px;
  display: block;
}
.footer-1 {
  padding: 24px 0 40px 0;
  background-color: #0046a1;
}
.logo-and-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-footer p {
  width: 100%;
  max-width: 133px;
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  /* or 125% */

  color: #ffffff;
}
.seventh-section .container p {
  font-family: "Cabinet Grotesk";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* or 120% */
  text-align: center;

  /* Escala Cinza/0 */
  color: #faffff;
}
.footer-2 {
  background-color: #0046a1;
  padding: 40px 0;
}
.footer-2 .container {
  display: flex;
  align-items: top;
  justify-content: space-between;
}
.footer-2 ul li,
.footer-2 ul li a {
  color: #fff;
}
.footer-2 ul li {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  /* identical to box height */

  color: #ffffff;
  list-style: none;
}
.footer-2 ul li a {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;

  color: #ffffff;
  text-decoration: none;
}
.footer-copyright {
  padding: 8px 0;
  background-color: #003b93;
}
.footer-copyright p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */
  text-align: center;

  color: #ffffff;
}
.available {
  margin-bottom: 8px;
}
.app-icon {
  position: relative;
  top: 4px;
}
.nav-list-item-link:hover {
  color: #bfbfbf !important;
}
button,
.button-1-to-2,
.button-2-to-3,
.copy-pix-code,
.button-back-to-page {
  cursor: pointer !important;
}
button:hover,
.button-1-to-2:hover,
.button-2-to-3:hover,
.copy-pix-code:hover,
.button-back-to-page:hover {
  background-color: #1f8ef5 !important;
}
.step-main-text-2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Escala Cinza/300 */

  color: #575c60;
  padding: 8px 16px;
  background-color: #ebf1f6;

  width: 100%;
  max-width: 500px;
  margin-top: 16px;
}
.activeDropDown {
  border-left: 4px solid #ffc600;
}
.reclame-aqui-link-wrapper {
  margin-top: 16px;
  background-color: white;
  border-radius: 10px;
  margin: 3rem 0rem 0rem 2rem;
  padding: 1.5rem;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
}

.reclame-aqui-link {
  margin-top: 12px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Escala Cinza/300 */
  color: #575c60;
  text-decoration: none;
}
.reclame-aqui-link-wrapper img {
  position: relative;
  top: 2px;
  width: 32px;
}
.glide__slide img {
  width: 100%;
  max-width: 387px;
  border: 8px solid #c1e5ff;
}
.nav-list-mobile {
  z-index: 90;
}
.timer-container {
  position: relative;
  width: 100%;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  font-size: 2em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

#progress-bar-1 {
  width: 100%;
  max-width: 400px;
  height: 10px;
  background-color: #ddd;
}

#progress-bar-1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005ebd;
  transform-origin: left;
}

#timer {
  position: relative;
  z-index: 1;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  /* or 171% */

  /* Escala Cinza/300 */

  color: #575c60;
  margin: 10px 0;
}
.progress-bar-wrapper {
  background-color: #ccc;
  width: 100%;
  max-width: 400px;
}
.timer-text {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  /* or 171% */

  /* Escala Cinza/300 */

  color: #575c60;
}
.timer-container.none {
  display: none;
}
.main-section-cta-wrapper form button {
  animation: myAnim 1s ease 0s infinite normal forwards !important;
}

.link-h4{
	font-size: 16px;  
	font-family: 'inter';  
	text-decoration: none;  
	color: #005ebd;   
	display: flex;  
	justify-content: center;
}


.animated{ 
        animation: myAnimSecond 2s ease-in-out 0s infinite alternate-reverse both!important; 
} 
 
 
@keyframes myAnimSecond { 
	0% { 
  		animation-timing-function: ease-in;  opacity: 1; 
  		transform: translateY(-45px); 
  	} 
 	24% { 
  		opacity: 1; 
  	} 
 	40% { 
  		animation-timing-function: ease-in;  transform: translateY(-24px); 
 	} 
 	65% {  
 		animation-timing-function: ease-in; 
  		transform: translateY(-12px); 
  	} 
 	82% { 
  		animation-timing-function: ease-in;  transform: translateY(-6px); 
 	} 
 	93% {  
 		animation-timing-function: ease-in; 
  		transform: translateY(-4px); 
  	} 
 	25%, 55%, 75%, 87% {  
 		animation-timing-function: ease-out; 
  		transform: translateY(0px); 
  	} 
 	100% { 
  		animation-timing-function: ease-out;  opacity: 1; 
  		transform: translateY(0px); 
  	} 
}

 .BlcIcoWhatsapp {
     position: fixed;
     bottom: 10px;
     right: 20px;
     z-index: 1001;
     text-decoration: none !important;
     display: inline-block;
 }

.text-wrapper > h4, 
.text-wrapper p { 
  font-family: "Inter"; 
  font-style: normal; 
  font-weight: 600; 
  font-size: 14px; 
  line-height: 20px; 
  color: #01090e; 
}

span.waiting {    
	font-size: 16px;
    font-family: 'inter';    
    width: 100%;
    text-align: center;    
    font-weight: 600;
}
span.ctt.waiting_seconds {   
	width: 100%;
    text-align: center;    
    font-family: 'cabinet grotesk';
    font-size: 18px;    
    font-weight: 600;
}

section.first-section.first-section-home.texto-institucional {    
	padding-bottom: 56px;
}

.texto-institucional .container{
	padding: 22px;    
	background: #fff;
    border-radius: 8px;    
    font-family: Inter;
    display: flex;    
    flex-direction: column;
    justify-content: center;
}

.texto-institucional .container h1{
	font-family: "Cabinet Grotesk";
}

.texto-institucional .container p{
	margin-bottom:32px;
	text-align:justify; 
}
ul.text-left {    
	display: flex;
    flex-direction: column;    
    gap: 12px;
    margin-bottom: 32px;    
    text-align: justify;
}

input::placeholder { 
  font-size: 18px !important; 
  font-family: "Inter" !important; 
  font-style: normal !important; 
  font-weight: 500 !important; 
  color: #a4a4a4 !important; 
}
input { 
  font-size: 18px !important; 
  font-family: "Inter" !important; 
  font-style: normal !important; 
  font-weight: 500 !important; 
  color: #1a1a1a !important; 
}

p.garantia-absoluta {    
	font-style: normal;
    font-weight: 700;    
    font-size: 50px;
    line-height: 48px;    
    font-family: "Cabinet Grotesk";
    margin-bottom: 18px;    
    color: #faffff;
    width: 100%;    
    max-width: 490px;
}

@keyframes myAnim {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}
a.button-back-to-page {
  text-decoration: none;
  height: 48px;
}
.first-section-header-wrapper {
  position: fixed;
  top: 0;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
  background-image: initial !important;
  width: calc(100% - 15px);
}

.first-section-home {
  padding-top: 120px;
}
section.first-section.first-section-header-wrapper.scrolled {    
	height: 90px;
}

.first-section-header-wrapper.scrolled {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}
.form-cnpj a {
  width: 100%;
  text-decoration: none;
  color: #003b93;
  text-align: center;
}

#PAYMENT HEADER

.cta-header-wrapper2 {
    display: flex!important;
    gap: 8px!important;
    align-items: center!important;
}
.safe-payment-text-1{
    color: #8f8f8f;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

}
.safe-payment-text-2{
    color: #8f8f8f;
    font-family: Inter;
    font-size: 11.2px;
}

li.nav-list-item.talk-to-specialist {    
	display: flex;
    flex-direction: row;    
    align-items: center;
    justify-content: center;    
    gap: 16px;
}

img.atendimento-img {    
	position: initial!important;
}

.btn-text-pix { 
  transition: 0.3s !important; 
} 
.btn-text-pix.active { 
  transition: 0.3s !important; 
  opacity: 0; 
  overflow: hidden; 
}


.svg_laranja path {

	stroke: #FF9900;
}
.svg_vermelho path {

	stroke: #d80000;
}
.svg_verde path{ 

	stroke: #00B22D;
}
.svg_verde_2 path{ 
	stroke: #00B22D;
}
.svg_cinza path{

	stroke: #A8A8B7;
}
.svg_azul path{

	stroke: #005EBD;
}
.copy-info {
    background-color: #0046a1;
    color: #fff;
    padding: 22px 2%;
    text-align: center;
    width: 100%;
    font-family: 'lato';
    font-size: 12px;
    display:block;
}


/* CSS MULTA CSS MULTA */
.multa_wrapper{
    width: 26px;
    height: 26px;
    position: relative;
}
.checkbox-text-multa {
    margin-left: 8px;
}
.custom-checkbox-label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
.custom-checkbox{
    opacity: 0;
    position: relative;
    width: 26px;
    height: 26px;
    top:0;
}
.custom-checkbox-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    width: 26px;
    border: 1px solid rgba(177, 215, 255, 1);
    border-radius: 4px;
}
.custom-checkbox-label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-checkbox-label input[type="checkbox"]:checked + .checkmark:after {
    display: block;
}
.custom-checkbox-label input[type="checkbox"]:checked + .checkmark{
    background-color: rgba(0, 94, 189, 1);
}
.custom-checkbox-label .checkmark:after {
    position: absolute;
    left: 9px;
    top: 5px;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.checkbox-text {
    margin-left: 35px;
}

.multa-container-wrapper{
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
}
.text-multa{
font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */

/* Escala Cinza/400 */
color: #818181;

}
.valor-atraso-wrapper{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.valor-multa-atraso{
    font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
/* identical to box height, or 129% */

/* Escala Cinza/100 */
color: #707579;
}
.valor-atraso{
    font-family: 'Cabinet Grotesk';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
/* identical to box height, or 125% */
text-align: right;

/* Escala Cinza/300 */
color: #575C60;
}
.valor-total-atraso{
    font-family: 'Cabinet Grotesk';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
/* identical to box height, or 120% */

/* Escala Cinza/100 */
color: #707579;

}
.valor-total-atraso-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
}
.total-atraso{
    font-family: 'Cabinet Grotesk';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
/* identical to box height, or 120% */
text-align: right;

/* Escala Cinza/300 */
color: #575C60;
}
.multa-popup{
    font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
/* or 129% */

/* Escala Cinza/400 */
color: #818181;

}
.multa{
    position: relative;
    width: 100%;
}
.multa-popup{
    position: absolute;
    width: 320px;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 99;
    padding: 12px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    opacity: 0;
    pointer-events: none;
    transition: all .4s ease-in;
}
.question-box-multa:hover .multa-popup {
    transition: all .4s ease-in;
    opacity:1;
}
.multa-popup-mob{
    display: none;
}
.multa-popup > p, .multa-popup-mob > p{
    font-family: 'Roboto Flex';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
/* or 129% */

/* Escala Cinza/400 */
color: #818181;
}

.rating-wrapper{
  margin-bottom: 13.5rem;
}

.first-section-header-home {
  position: fixed;
  top: 56px;
  width: 100%;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
  background-image: initial !important;
}

.cta-icon-button {
  display: flex;
  align-items: center;
}

.cta-icon-button svg {
  margin-right: 16px;
}

.container-progress {
  background-color: #003B93;
  width: 100%;
  height: 56px;
}

.progress-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.first-section-progress-bar {
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
  background-image: initial !important;
}

.titulo-progress-bar {
  font-family: "Cabinet Grotesk", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: white;
}

.home-depoimentos {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.slider-wrapper-home {
  margin-top: 64px;
}

@media  (max-width:1025px){
  
  .cta-icon-button svg {
    visibility: hidden;
  }
}

@media  (max-width:768px){
    .question-box-multa{
        display: none;
    }

    .video-intro {
      height: 40vh;
      width: 90vw;
      margin-bottom: 1.5rem;
    }

    .multa-popup-mob{
        display: block!important;
        margin-top: 16px;
    
    }
    .rating-wrapper{
      margin-bottom: 0px;
    }
  
}

.cookie-consent-container {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.5), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  font-family: Arial, sans-serif;
  width: 100%;
  max-width: 1000px;
  position: fixed;
  bottom: 25px;
  left: 0;
  right: 0;
  padding: 0px 20px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  margin: 0 auto;
}

.cookie-consent-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap: 10px;
}

.cookie-consent-content p {
  font-size: 14px;
  margin: 0;
  flex: 1;
}

.cookie-consent-content a {
  color: #0000EE;
  text-decoration: none;
}

.btn-prosseguir {
  padding: 15px 30px;
  background-color: #007bff;
  border: none;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 15px;
  white-space: nowrap;
  font-weight: bold;
}

.btn-prosseguir:hover {
  background-color: #0056b3;
}

@media (max-width: 768px) {
  .cookie-consent-container {
    padding: 0;
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
  }

  .cookie-consent-content {
    flex-direction: column;
    text-align: center;
  }

  .cookie-consent-content p {
    padding-bottom: 5px;
  }

  .btn-prosseguir {
    width: 100%;
  }
}
/* CSS MULTA CSS MULTA */