* {
  box-sizing: border-box;
  margin: 0;
}

html,
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

@media (min-width: 768.98px) and (max-width: 992px) {
  html,
  body {
    font-size: 14px;
  }
}

@media (max-width: 1281px) {
  html,
  body {
    font-size: 12px;
  }
}

body {
  background-color: #fff;
  font-family: "Cairo", sans-serif;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

input {
  font-family: "Cairo", sans-serif;
}

input:focus-visible,
textarea:focus-visible {
  outline: none;
}

/***** Componentes *****/
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0.45rem 2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 175% */
  letter-spacing: 0.75px;
  border-radius: 1rem;
  cursor: pointer;
}

.btn-rounded {
  border-radius: 70px;
}

.btn:hover {
  opacity: 0.8;
}

.btn-primary {
  color: #fff;
  background-color: #ff007c;
  border-color: #ff007c;
}

.btn-primary:hover {
  color: #fff;
}

.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
  height: 3.75rem;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.lead-form .wpcf7-response-output {
  display: none;
}

.email-lead-form {
  display: flex;
  gap: 8px;
}

.email-lead-form__input-area {
  position: relative;
}

.email-lead-form__input-area input {
  display: flex;
  width: 20.875rem;
  height: 3.75rem;
  padding: 1rem 1rem 1rem 3rem;
  align-items: center;
  border-radius: 1rem;
  border: 1px solid #d6d8e7;
  background: #fcfcfc;
  color: #231f20;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0.04688rem;
}

@media (max-width: 991px) {
  .email-lead-form__input-area input {
    padding: 1rem 1rem 1rem 3.5rem;
    width: 21.875rem;
  }
}

@media (max-width: 767.98px) {
  .email-lead-form {
    width: 100% !important;
    flex-wrap: wrap;
    display: grid;
  }

  .email-lead-form__input-area,
  .email-lead-form .btn-black {
    flex: 1;
    height: 3.75rem;
  }

  .email-lead-form__input-area input {
    width: 100%;
  }
}

.email-lead-form__input-area img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  z-index: 2;
}

.email-lead-form__input-area ::-webkit-input-placeholder {
  font-family: "Cairo", sans-serif;
  color: #231f20;
}
.email-lead-form__btn-area {
  width: 100%;
}

.email-lead-form__btn-area p,
.email-lead-form__btn {
  height: 100%;
  width: 100%;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  z-index: 8;
}

/***** Modal *****/
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

/* .modal.fade.show {
  display: flex !important;
  justify-content: center;
  align-items: center;
} */

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
  overflow: hidden;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in,
.modal-backdrop.show {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

/***** container *****/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

@media (min-width: 1281px) {
  .container {
    width: 75rem;
  }
}

@media (min-width: 1366px) {
  .container {
    width: 80rem;
  }
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

/***** Header *****/
.main-header {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 8;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
}

.page-header {
  height: 100px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.69rem;
}

@media (min-width: 768px) {
  .page-header {
    justify-content: space-between;
  }
}

.page-header .logo a {
  display: flex;
}

.page-header .logo img {
  max-width: 9.875rem;
}

/***** Menu *****/

.page-header .menu {
  width: 100%;
}

.page-header .menu ul {
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.page-header .menu a {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: 0.04688rem;
}

.page-header .btn {
  display: none;
  font-size: 0.875rem;
}

/***** Menu Mobile *****/

.menuToggle {
  display: block;
  position: relative;
  top: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  a {
    text-decoration: none;
    color: #232323;
    transition: all 0.3s ease;
    &:hover {
      color: #8d57fc;
    }
  }
  input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
    -webkit-touch-callout: none;
  }
  span {
    position: relative;
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #ff007c;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
      background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    &:first-child {
      transform-origin: 0% 0%;
    }
    &:nth-last-child(2) {
      transform-origin: 0% 100%;
    }
  }
}

.menuToggle {
  input {
    &:checked ~ span {
      opacity: 1;
      transform: rotate(45deg) translate(-2px, -1px);
      background: #8d57fc;
      &:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
      }
      &:nth-last-child(2) {
        transform: rotate(-45deg) translate(0, -1px);
      }
    }
    &:checked ~ .menuItem {
      transform: none;
    }
  }
}

.menuItem {
  position: absolute;
  width: 300px;
  padding: 50px;
  padding-top: 125px;
  background: linear-gradient(131deg, #ffa700 0%, #ffa1cf 56.49%, #a97eff 100%);
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  li {
    padding: 5px 0;
    font-size: 22px;
  }
}

.menu-mobile {
  display: none;
  .menuToggle {
    position: fixed;
    right: 0;
    top: 40px;
    input {
      right: 50px;
    }
    span {
      right: 50px;
    }
  }
  .menuItem {
    right: 0;
    margin: -100px 0 0 0;
    transform: translate(100%, 0);
    border-radius: 0 0 0 10px;
    li {
      a {
        color: #000;
        font-size: 1.25rem;
        font-weight: 700;
        letter-spacing: 0.04688rem;

        &:hover {
          padding-left: 5px;
        }
      }
      div.buttons {
        margin: 2rem auto 0;
        display: block !important;
        a {
          margin: auto;
          display: block !important;
          color: #fff;
        }
      }
    }
  }
}

@keyframes text-slide-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@media (max-width: 992px) {
  .page-header .menu-mobile {
    display: block !important;
  }

  .page-header .menu {
    display: none !important;
  }

  .page-header .buttons {
    display: none !important;
  }
}

/***** Menu Mobile *****/

/***** Menu *****/

@media (min-width: 768px) {
  .page-header .btn {
    display: flex;
  }
}

/***** Footer *****/
.page-footer {
  background-color: #fff;
}

.footer-content {
  background-color: #fff;
  padding: 3rem 0;
}

.footer-content__image img {
  max-width: 17.3125rem;
  margin-bottom: 2.3rem;
}

.footer-nav-area {
  display: flex;
  gap: 10rem;
  position: relative;
}

@media (max-width: 767.98px) {
  .footer-nav-area {
    gap: 0;
  }

  .footer-nav-area__button {
    display: none;
  }
}

.footer-nav-area__title {
  color: #646464;
  text-transform: uppercase;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  margin-bottom: 20px;
  display: block;
}

.footer-nav-area nav {
  display: flex;
  flex-direction: column;
}

.footer-nav-area ul,
.footer-policy-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-nav-area ul li a {
  color: #44484f;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.0175rem;
}

.footer-nav-area .footer-nav-area__social {
  margin-top: 1.3rem;
  display: flex;
  gap: 1.25rem;
}

.footer-nav-area .footer-nav-area__social img {
  max-width: 1.875rem;
  max-height: 1.875rem;
  width: 100%;
  height: 100%;
}

.footer-nav-area__button {
  position: absolute;
  bottom: 0px;
}

.footer-policy-nav {
  border-top: 1px solid #000;
  padding: 2.8rem 0 3.8rem 0;
}

.footer-policy-nav nav ul {
  display: flex;
  justify-content: space-between;
}

.footer-policy-nav ul li a {
  color: #646464;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0.04688rem;
}

.footer-info {
  text-align: center;
  font-size: small;
  font-weight: 600;
  line-height: 1.15;
}

/***** Página inicial blog *****/
main {
  display: flex;
  margin: 20px 0;
}

.row-content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0;
  flex-wrap: wrap;
}

/* Estilos para os posts */
.content-area,
.single-page section.content-area.content-thin {
  order: 2;
  width: 100%;
}

@media (min-width: 768px) {
  .content-area {
    max-width: 820px;
  }

  .single-page section.content-area.content-thin {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .content-area {
    max-width: 630px;
    order: 1;
  }

  .single-page section.content-area.content-thin {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .content-area {
    max-width: 820px;
  }

  .single-page section.content-area.content-thin {
    max-width: 100%;
  }
}

.post-content {
  background-color: #fff;
  clear: both;
  margin-bottom: 2em;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.post-thumbnail {
  text-align: center;
  padding: 0.5em 0.5em;
  margin-bottom: 20px;
  max-height: 266px;
  overflow: hidden;
}

.post-thumbnail img {
  display: block;
  margin: 0 auto 15px;
  height: auto;
  max-width: 100%;
  width: auto;
}

.post-header {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.post-header::after {
  content: "";
  height: 2px;
  display: block;
  width: 50px;
  margin: 10px auto;
  background: #702cfb;
}

.post-header h2 {
  margin-bottom: 14px;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
  font-size: 26px;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .post-header h2 {
    font-size: 30px;
  }
}

.post-header h2 a {
  color: #212121;
}

.post-header h2 a:hover,
.post-header h2 a:focus {
  color: #702cfb;
}

.post-meta {
  clear: both;
  color: #727272;
  text-transform: lowercase;
  font-weight: 300;
  letter-spacing: 2px;
  font-weight: 700;
}

.single .post-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.post-meta .author-thumbnail {
  display: flex;
  gap: 1rem;
}

.post-content hr {
  display: none;
}

.post-content-text {
  color: #424242;
  text-align: justify;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  padding: 0 2em;
  padding-bottom: 2.5em;
}

@media (min-width: 768px) {
  .post-content-text {
    padding: 0 4em;
    padding-bottom: 2.5em;
  }
}

.post-content-text p {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.read-more {
  margin-bottom: 1.2em;
  text-align: center;
  text-transform: uppercase;
}

.read-more a {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #702cfb;
  color: #212121;
}

.read-more a:hover {
  background-color: #702cfb;
  color: #fff;
}

.pagination {
  flex: 1 1 100%;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
  margin: 1em 0 1em;
  width: 100%;
  order: 3;
}

@media (min-width: 992px) {
  .pagination {
    order: 2;
    max-width: 630px;
  }
}

@media (min-width: 1200px) {
  .pagination {
    order: 2;
    max-width: 820px;
  }
}

.pagination .page-numbers {
  background-color: #fff;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  color: #414141;
  float: left;
  font-size: 13px;
  width: 40px;
  margin: 0px 3px;
  border-radius: 50%;
  height: 40px;
  line-height: 41px;
  text-align: center;
  text-decoration: none;
}

.pagination .current {
  background-color: #702cfb;
  border: 1px solid #702cfb;
  color: #fff;
}

/* Estilos para a sidebar */
.sidebar {
  max-width: none;
  width: 100%;
  order: 1;
}

@media (min-width: 992px) {
  .sidebar {
    max-width: 300px;
    order: 2;
  }
}

.sidebar .widget {
  background-color: #fff;
  color: #727272;
  font-size: 16px;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 24px 24px 24px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

.sidebar .widget-title {
  font-size: 18px;
  margin-top: -24px;
  margin-left: -24px;
  margin-right: -24px;
  margin-bottom: 2em;
  padding: 1.5em 1.5em 0;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
}

.sidebar .widget-title::after {
  position: absolute;
  width: 50px;
  display: block;
  height: 4px;
  bottom: -15px;
  background-color: #702cfb;
  content: "";
}

.widget-recent-posts {
  display: none;
}

@media (min-width: 992px) {
  .widget-recent-posts {
    display: block;
  }
}

.widget-recent-posts ul {
  list-style: none;
  padding: 0;
}

.widget-recent-posts ul li {
  border-bottom: 1px solid #ddd;
  padding: 0.5em 0;
}

.widget-recent-posts ul li a {
  text-decoration: none;
  color: #727272;
}

.widget-recent-posts ul li a:hover,
.widget-recent-posts ul li a:focus {
  text-decoration: none;
  color: #702cfb;
}

/* Estilos para o campo de busca */
.searchform .box {
  width: 100%;
  display: flex !important;
  border-radius: 10px;
}

.custom-search-wrap {
  display: flex;
  width: 100%;
  position: relative;
}

.custom-search-wrap input {
  border-radius: 5px;
  height: 50px;
  width: 100%;
  padding: 10px;
  border: 1px solid;
}

.custom-search-wrap button {
  border: none;
  background: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  cursor: pointer;
}

.search-icon {
  display: block;
  width: 20px;
  height: 20px;
}

.search-icon svg {
  width: 100%;
  height: 100%;
}

.search-icon svg path {
  fill: #702cfb;
}

li.lang-item {
  display: inline-flex;
}

li.lang-item.current-lang {
  border-bottom: solid 3px #702cfb;
}

div.header-flags {
  text-align: right;
  padding-bottom: 10px;
}

/***** Fale com um especialista *****/

.specialist-page-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.specialist-contact-description {
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}

@media (min-width: 992px) {
  .specialist-contact-description {
    max-width: 1200px;
  }
}

.left-specialist-content {
  flex: 0 0 100%;
}

@media (min-width: 992px) {
  .left-specialist-content {
    flex: 0 0 600px;
  }
}

.specialist-contact-title {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  color: #2c3e50;
  font-weight: 300;
}

.specialist-contact-title strong {
  font-weight: 700;
}

.specialist-contact-description p {
  font-size: 1.2rem;
  color: #7f8c8d;
  max-width: 100%;
  margin: 0 auto 2rem;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .specialist-contact-description p {
    max-width: 800px;
  }
}

.specialist-contact-body__col {
  display: flex;
  justify-content: center;
  padding: 0 2rem;
}

.left-specialist-content .illustration {
  text-align: center;
  margin: 0;
}

@media (min-width: 992px) {
  .specialist-contact-description p {
    margin: 2rem 0;
  }
}

.left-specialist-content .illustration img {
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
}

.wpcf7 {
  width: 100%;
  background: white;
  padding: 2.5rem 2rem;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.wpcf7-form-control {
  width: 100%;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.page-template-page-home .wpcf7-form-control {
  margin-bottom: 0;
}

.wpcf7-form-control:focus {
  border-color: #27ae60;
  box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.2);
  outline: none;
}

.wpcf7-textarea {
  min-height: 150px;
  resize: vertical;
}

.wpcf7-submit {
  background: #27ae60;
  color: white;
  border: none;
  padding: 15px 30px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.wpcf7-submit:hover {
  background: #219653;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
}

.wpcf7-submit:active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  .specialist-contact-title {
    font-size: 2rem;
  }

  .specialist-contact-description p {
    font-size: 1rem;
  }

  .wpcf7 {
    padding: 1.5rem;
  }
}

@media (max-width: 480px) {
  .specialist-contact-title {
    font-size: 1.8rem;
  }

  .specialist-contact-body__col {
    padding: 0 1rem;
  }

  .wpcf7-form-control {
    padding: 12px;
  }

  .wpcf7-submit {
    width: 100%;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.specialist-contact-description,
.illustration,
.specialist-contact-body__col {
  animation: fadeIn 0.6s ease-out forwards;
}

.illustration {
  animation-delay: 0.2s;
}

.specialist-contact-body__col {
  animation-delay: 0.4s;
}

/***** Front page *****/

.front-page-section-one {
  background-image: url("../img/bg-section-one.png");
  background-position: top -20rem center;
  background-size: cover;
}

.intro {
  display: flex;
}

.intro__col {
  width: 50%;
}

.intro__col1 {
  width: 43.25rem;
  margin-bottom: 2rem;
}

.intro__title {
  color: #936edf;
  font-size: 3.9rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.0875rem;
  margin-top: 3.69rem;
  margin-bottom: 1.5rem;
}

.intro__text {
  color: #231f20;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.096px;
  max-width: 32.75rem;
  margin-bottom: 2rem;
}
.front-page-section-one .buttons a {
  width: 26.25rem;
  padding: 1rem;
}
.intro__image {
  position: relative;
}

.intro__image img {
  max-width: 90%;
  /* position: absolute; */
  left: 0;
  margin: 2rem;
}

@media (max-width: 1280px) {
  .intro__image img {
    max-width: 80%;
  }
}

.msg.section .intro__title {
  color: #ff007c;
  text-align: center;
  font-size: 3.625rem;
  line-height: 120%;
  letter-spacing: 0.025rem;
}

.msg.section .intro__text {
  color: #231f20;
  text-align: center;
  font-size: 1.8125rem;
  font-weight: 500;
  letter-spacing: 0.00725rem;
  max-width: 100%;
  padding: 0 11.5rem;
}

@media (max-width: 767.98px) {
  /* .intro.section .intro__col {
    display: none;
  } */

  .intro.section .intro__col1 {
    width: 100%;
    display: block;
    text-align: center;
  }

  .intro.section .intro__text,
  .msg.section .intro__text {
    color: #231f20;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.096px;
    max-width: 100%;
    padding: 0 15%;
  }

  .intro.section .buttons {
    display: flex;
    justify-content: center;
  }
}

.about {
  margin-top: 8rem;
}

.about__image {
  text-align: center;
  margin-bottom: 2.5rem;
}

.about__image a img {
  max-width: 29.875rem;
  width: 100%;
  height: 100%;
}

.about__text {
  width: 56.5rem;
  color: #231f20;
  text-align: center;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.025rem;
  margin: 0 auto;
  max-width: 100%;
}

.chat-area {
  margin-top: 5.75rem;
  display: flex;
  gap: 4.75rem;
  justify-content: center;
}

@media (max-width: 992px) {
  .chat-area {
    flex-wrap: wrap;
  }

  .front-page-section-one {
    background-image: url(../img/bg-section-one-resp.png);
    background-position: top 0rem center;
  }
}

.chat-area .chatbot {
  width: 23.4375rem;
  border-radius: 1.25rem;
  background: #fff;
  overflow: hidden;
}

.chatbot__header {
  display: flex;
  margin-bottom: 1.3rem;
  padding: 2rem 2rem 0;
}

.chatbot__header .avatar {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 3.125rem;
  border: 1px dashed #fff;
  overflow: hidden;
}

.chatbot__header .avatar img {
  width: 100%;
  height: 100%;
}

.chatbot__header .infos {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
}

.chatbot__header .infos .infos__name {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
}

.chatbot__header .infos .infos__status {
  color: #676767;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
}

.chatbot__header .close {
  width: 2.8125rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.chatbot__header .close svg {
  width: 20px;
}

.chatbot__search-area {
  border-bottom: 1px solid #2d3f65;
  padding: 0 4px;
  display: flex;
  margin: 0 2rem;
  margin-bottom: 1rem;
}

.chatbot__search-area input {
  border: none;
  background: transparent;
  padding: 0 0 5px 0;
  color: #2d3f65;
  font-size: 0.875rem;
  font-weight: 400;
  flex: 1;
}

.chatbot__search-area svg {
  width: 15px;
}

.chatbot__content-area {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  padding: 0 2rem;
  min-height: 40rem;
  align-items: baseline;
  overflow: auto;
  max-height: 640px;
}

.chatbot__content-area::-webkit-scrollbar {
  width: 0.5rem;
}

.chatbot__content-area::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(221, 221, 221, 0.4);
}

.chatbot__content-area::-webkit-scrollbar-thumb {
  background-color: rgba(147, 98, 251, 0.26);
}

.chatbot__content-area .assistant-text,
.chatbot__content-area .user-text {
  max-width: 16.75rem;
}

.chatbot__content-area .assistant-text__content {
  border-radius: 0.625rem;
  background: rgba(147, 98, 251, 0.26);
  padding: 0.75rem 1.3rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.chatbot__content-area .assistant-text__time,
.chatbot__content-area .user-text__time {
  width: 100%;
  display: block;
  text-align: right;
  padding-right: 10px;
  color: #676767;
  font-size: 0.65rem;
  font-weight: 400;
}

.chatbot__content-area .user-text {
  margin-left: auto;
}

.chatbot__content-area .user-text__content {
  border-radius: 0.625rem;
  background: rgba(221, 221, 221, 0.26);
  padding: 0.75rem 1.3rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.chatbot__send-message-area {
  background: rgba(221, 221, 221, 0.4);
  padding: 1.3rem 1.2rem 1.3rem 2.37rem;
  display: flex;
}

.chatbot__send-message-area input {
  display: flex;
  width: 16.75rem;
  height: 2.9375rem;
  padding: 1rem;
  align-items: center;
  border-radius: 0.625rem;
  border: 0px solid #d6d8e7;
  background: #fcfcfc;
  color: #231f20;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0.04688rem;
}

.chatbot__send-message-area button {
  background: transparent;
  border: none;
  flex: 1;
}

.chat-area__col--text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.chat-area__col--text .item {
  width: 19.1875rem;
  border-top: 1px solid #702cfb;
}

@media (max-width: 992px) {
  .chat-area__col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }

  .chat-area__col--text {
    gap: 2rem;
    order: 2;
  }

  .chat-area__col:nth-child(2) {
    padding: 0 10rem;
  }

  .chat-area__col:last-child {
    padding: 0 10rem;
  }
}

@media (max-width: 840px) {
  .chat-area__col,
  .chat-area__col:nth-child(2),
  .chat-area__col:last-child {
    padding: 0 3rem;
  }

  .chat-area__col--text .item {
    width: 100%;
  }

  .chat-area {
    gap: 2rem;
  }

  .why-use-area.section .why-use-area__content {
    justify-content: space-evenly;
  }

  .why-use-area.section .why-use-area__content .item {
    min-width: 35%;
  }

  .benefits__content div.item {
    width: 100%;
  }

  .benefits__content div.item p.text {
    padding-right: 0rem;
    font-size: 1.625rem;
  }
}

.chat-area__col--text .item .item__title {
  color: #702cfb;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.03rem;
  padding: 0.5rem 0;
}

.chat-area__col--text .item .item__text {
  color: #646464;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4375rem;
  letter-spacing: -0.0225rem;
}

.trial-area {
  width: 56.625rem;
  margin: 5.75rem auto 0;
  padding: 0 5rem 2rem;
  max-width: 100%;
}

.trial-area__title {
  text-align: center;
  color: #ff007c;
  font-family: Cairo;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 1rem;
}

.trial-area__text {
  color: #231f20;
  text-align: center;
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.02625rem;
  margin-bottom: 2.06rem;
}

.trial-area .email-lead-form {
  margin: 0 auto;
  width: fit-content;
}

.why-use-area {
  background-color: #ff007c;
  padding: 2rem 3rem 2.8rem;
}

.why-use-area__title,
.benefits__title {
  color: #000;
  font-size: 3.9rem;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.11944rem;
  padding-bottom: 2.5rem;
}

h2.benefits__title {
  color: #000000;
  margin: 3.25rem 0 0;
}

@media (max-width: 1280.98px) {
  .why-use-area__title,
  .benefits__title {
    max-width: 100%;
    text-align: center;
  }
}

.why-use-area__content,
.benefits__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.why-use-area__content .item {
  width: 15.3125rem;
}

.benefits__content .item {
  width: 50%;
}

.benefits__content .item .number {
  color: #fff;
  font-family: Cairo;
  font-size: 2.87931rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.05756rem;
}

.benefits__content .item .number::before {
  content: ".";
  color: #fff;
  font-family: Cairo;
  font-size: 3rem;
  position: absolute;
  margin-left: -20px;
  line-height: 0.85;
}

.benefits__content .item .text {
  color: #000000;
  font-family: Cairo;
  font-size: 1.71106rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.05rem;
  padding: 1rem 5rem 3rem 0rem;
}

.about-cards__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.04181rem;
  max-width: 80rem;
}

.about-cards__content .card {
  display: flex;
  width: 600px;
  padding: 2.28138rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.80606rem;
  border-radius: 0.95056rem;
  background: #fff;
  box-shadow: 0px 12.16734px 24.33468px -9.12551px rgba(0, 0, 0, 0.12);
}

.about-cards__content .card p {
  color: #ff007c;
  font-family: Cairo;
  font-size: 2.87931rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.04563rem;
}

.about-cards__content .card:last-child p {
  color: #0f1e32;
}

.about-cards__content .card ul.resources-list {
  color: #646464;
  font-family: Cairo;
  font-size: 1.71106rem;
  font-style: normal;
  font-weight: 400;
  line-height: 229%;
}

@media (max-width: 991.98px) {
  .why-use-area.section .why-use-area__title,
  .why-use-area.section .benefits__title {
    font-size: 4.375rem;
  }

  .benefits__content .item .number {
    font-size: 2.5rem;
  }

  .benefits__content .item .text {
    font-size: 2rem;
  }

  div.benefits__content {
    margin: 0 2rem;
  }

  .why-use-area__content .item {
    width: 10.3125rem;
  }

  .about-cards__content {
    flex-direction: column;
    align-items: center;
    margin-top: 3.25rem;
  }

  .about-cards__content .card {
    width: 80%;
  }
}

.why-use-area__content .item .number {
  color: #fff;
  font-size: 2.87931rem;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.08875rem;
}

.why-use-area__content .item .text {
  color: #000;
  font-size: 1.71106rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.0325rem;
}

.numbers-area .separator {
  background: #000;
  width: 0.0625rem;
  height: 11.9375rem;
  display: block;
}

@media (max-width: 767.98px) {
  .numbers-area .separator {
    display: none;
  }
}

.numbers-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2.63rem 0 3.19rem;
}

@media (max-width: 767.98px) {
  .numbers-area {
    display: none;
  }
}

.numbers-area__item {
  width: 14.75rem;
}

.numbers-area__item .number {
  color: #000;
  font-size: 7.433rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.14869rem;
}

.numbers-area__item .text {
  color: #000;
  font-size: 1.8125rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.03625rem;
  height: 3.988rem;
}

.about-services-area {
  background-image: url("../img/bg-section-numbers-bottom.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% 29rem, auto;
  padding-top: 3rem;
  padding-bottom: 13rem;
}

@media (min-width: 1920px) {
  .about-services-area {
    padding-top: 5rem;
  }
}

@media (max-width: 991px) {
  .about-services-area {
    background-image: none, none;
    padding-top: 0;
    padding-bottom: 5rem;
  }
}
@media (max-width: 991px) {
  .about-services-area__header {
    text-align: center;
  }

  .about-services-area__text {
    margin: 0 auto;
  }
}

.about-services-area__title {
  color: #ffab0c;
  font-family: Cairo;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.06944rem;
  margin-top: 3.25rem;
  margin-bottom: 1rem;
}

.about-services-area__text {
  color: #231f20;
  font-family: Cairo;
  font-size: 1.35rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 31.5px */
  letter-spacing: 0.084px;
  max-width: 39.5rem;
  margin-bottom: 1rem;
}

.about-services-area__header ul {
  margin-bottom: 2.25rem;
  padding-left: 5rem;

  li {
    font-size: 1.15rem;
  }
}

.about-services-area__items {
  display: flex;
  justify-content: space-between;
  width: 80rem;
}

@media (max-width: 1440px) {
  .about-services-area__items {
    justify-content: space-evenly;
    width: 100%;
  }
}

.about-services-area__items .item {
  width: 31rem;
}

.about-services-area__items .item .item__icone {
  margin-bottom: 3.33rem;
}

@media (max-width: 1440px) {
  .about-services-area__items {
    flex-direction: column;
    align-items: center;
  }

  .about-services-area__items .item {
    width: 80%;
    display: flex;
    gap: 1rem;
  }

  .about-services-area__items .item:last-child .item__icone {
    margin-bottom: 0rem;
  }
}

@media (max-width: 640px) {
  .trial-area {
    padding: 0 1rem 2rem;
  }
  .why-use-area {
    padding: 2rem 1rem 2.8rem;
  }

  .about-cards__content .card {
    width: 90%;
  }

  .about-cards__content .card {
    padding: 2.28138rem 1rem;
  }

  .about-services-area__items .item {
    flex-direction: column;
    align-items: center;
    gap: 0rem;
  }

  .about-services-area__items .item:last-child .item__icone {
    margin-top: 2rem;
  }

  .about-services-area__items .item .item__icone {
    margin-bottom: 0rem;
  }

  .about-services-area__items .item svg {
    width: 100px;
    height: 100px;
  }

  .about-services-area__items .item__content {
    text-align: center;
  }

  .social-proof-area.section .social-proof-area__text {
    padding-top: 1rem;
  }

  .intro__title {
    font-size: 3.5rem;
    line-height: 1;
    margin-top: 1.5rem;
  }
}

.about-services-area__items .item svg {
  filter: drop-shadow(
    0px 11.074015617370605px 22.14803123474121px rgba(0, 0, 0, 0.12)
  );
}

.about-services-area__items .item .item__title {
  color: #ffab0c;
  font-family: Cairo;
  font-size: 2.87931rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.05756rem;
}

.about-services-area__items .item .item__text {
  color: #656565;
  font-family: Cairo;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.0375rem;
}

.social-proof-area {
  background-color: #ffab0c;
  padding: 5rem 0 3.5rem;
}

.social-proof-area__text {
  width: 66.4375rem;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1.63rem;
  max-width: 95%;
  margin: auto;
  padding-bottom: 1rem;
}

.social-proof-area__text svg {
  position: absolute;
  top: 3%;
}

.social-proof-area__infos {
  display: flex;
  max-width: 95%;
  width: 66.4375rem;
  margin: auto;
}

.social-proof-area__infos .avatar {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 3.125rem;
  border: 1px solid #fff;
  overflow: hidden;
}

.social-proof-area__infos .avatar img {
  width: 100%;
  height: 100%;
}

.social-proof-area__infos .infos {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
}

.social-proof-area__infos .infos .infos__name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
  color: #000;
}

.social-proof-area__infos .infos .infos__company {
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
}

.lead-capture-area.section {
  background-color: #ffab0c;
}

.page-template-page-faq .lead-capture-area,
.page-template-page-sistema-de-cobranca .lead-capture-area {
  background-color: #ffab0c;
  padding: 5rem 0;
  background: linear-gradient(131deg, #ffa700 0%, #ffa1cf 56.49%, #a97eff 100%);
}

.lead-capture-area,
.page-template-page-faq .lead-capture-area,
.page-template-page-sistema-de-cobranca .lead-capture-area {
  padding: 5rem;
}

.lead-capture-area .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.25rem;
  width: 100%;
}

.lead-capture-area__title {
  color: #041527;
  font-family: Cairo;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 3.85rem */
  letter-spacing: -0.07rem;
  padding-left: 13.5rem;
}

@media (max-width: 991.98px) {
  .lead-capture-area .container {
    flex-direction: column;
    text-align: center;
  }

  .lead-capture-area__title {
    padding-left: 0rem;
  }
}

.lead-capture-area .email-lead-form {
  width: 20.875rem;
  flex-wrap: wrap;
}

.lead-capture-area .email-lead-form__input-area,
.lead-capture-area .email-lead-form .btn-black {
  flex: 1;
  height: 3.75rem;
}

.partners-area.section {
  border: solid 2px #c9ced4;
  border-left: none;
  border-right: none;
  padding: 3.06rem;
}

.partners-area.section .container {
  display: flex;
  gap: 3.125rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  stroke-width: 2px;
  stroke: var(--neutral-gray-300, #c9ced4);
}

.partners-area.section .container img {
  width: 6.875rem;
  height: 6.875rem;
}

.partners-area.section .container div {
  width: 22.375rem;
}

.partners-area.section .container div p {
  color: #7e7e7e;
  font-family: Cairo;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 1.875rem */
  letter-spacing: -0.03125rem;
}

/***** FAQ page *****/

.tooltip {
  border-bottom: 1px dotted #000;
  cursor: pointer;
}

.tooltip p {
  font-size: 1rem;
  margin-top: 15px;
  text-align: center;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 20%;
  width: 15rem;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.faq-area {
  margin-top: 5.37rem;
}

.faq-area__title {
  color: #231f20;
  text-align: center;
  font-size: 3rem;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: -0.06rem;
  width: 100%;
  border-bottom: 1px solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.faq-area__item {
  width: 100%;
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  padding: 2.25rem 2.25rem 16px 2.25rem;
}

.faq-area__question {
  display: flex;
  justify-content: space-between;
}

.faq-area__question .text {
  color: #231f20;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.03rem;
}

.faq-area__question .icon {
  display: flex;
  align-items: center;
  transition: all 0.25s ease-out;
}

.active .faq-area__question .icon {
  transform: rotate(180deg);
}

.faq-area__answer {
  color: #231f20;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.02rem;
  overflow: hidden;
  height: 0;
  transition: all 0.25s ease-out;
}

.active .faq-area__answer {
  margin-top: 1rem;
  height: fit-content;
  transition: all 0.25s ease-in-out;
}

/***** Modal Soluções *****/

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: none !important;
}

.modal-dialog-solution {
  width: 1366px;
  margin: 30px auto;
  max-width: 95%;
}

.modal-dialog-solution .close {
  color: #5956e9;
  text-align: center;
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
}

.modal-dialog-solution .modal-content {
  padding: 2rem;
}

.modal-dialog-solution .modal-header {
  padding: 0px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  border: none;
  padding-bottom: 1.5rem;
}

.modal-dialog-solution .modal-title {
  color: #424242;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.0625rem;
}

.modal-dialog-solution .items-list {
  display: flex;
  gap: 5rem;
}

@media (max-width: 767.98px) {
  .modal-dialog-solution .items-list {
    gap: 1.5rem;
    flex-wrap: wrap;
  }
}

.modal-dialog-solution .items-list__col {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.modal-dialog-solution .item__title {
  display: flex;
  align-items: center;
  gap: 0.75rem;

  color: #373b42;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.025rem;
  margin-bottom: 1rem;
}

.modal-dialog-solution .item__title span {
  display: block;
  line-height: 1;
}

.modal-dialog-solution .item__content {
  padding-left: 1.75rem;
  color: #9e9e9e;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.0175rem;
}

/***** Modal Comtato *****/

.modal-dialog-contact {
  width: 900px;
  margin: 30px auto;
  max-width: 95%;
}

.modal-dialog-contact .modal-header {
  padding: 0;
  border: none;
}

.modal-dialog-contact .close {
  color: #5956e9;
  text-align: center;
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1rem;
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 1.8rem;
  top: 1.25rem;
  z-index: 9;
}

.modal-dialog-contact .modal-body {
  padding: 0;
  display: flex;
}

.modal-dialog-contact .col-text {
  width: 22.1875rem;
  padding: 0 2.5rem 0 3.88rem;
  display: flex;
  flex-direction: column;
  gap: 1.88rem;
  justify-content: center;
}

@media (max-width: 767.98px) {
  .modal-dialog-contact .col-text {
    display: none;
  }
}

.modal-dialog-contact .col-text .logo {
  width: 9.875rem;
  max-width: 100%;
}

.modal-dialog-contact .col-text .modal-description .modal-title {
  width: 13.25rem;
  max-width: 100%;
  color: #424242;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.03rem;
  margin-bottom: 0.5rem;
}

.modal-dialog-contact .col-text .modal-description p {
  width: 12.5rem;
  max-width: 100%;
  color: #9e9e9e;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
}

.modal-dialog-contact .col-form {
  background: #f4f1fa;
  flex: 1;
  padding: 5.5rem 6.62rem 5.12rem 6.44rem;
  min-height: 600px;
}

.col-form .wpcf7 {
  display: flex;
  align-items: center;
}

.col-form input {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 400;
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  padding-bottom: 6px;
  margin-bottom: 12px;
  width: 100%;
}

.col-form p ::-webkit-input-placeholder {
  font-family: "Cairo", sans-serif;
  color: #808080;
}

.ContactForm .location div.item:first-child {
  display: none;
}

.ContactForm div.info {
  margin-bottom: 20px;
}

.col-form .location {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 12px;
  margin-bottom: 12px;
  gap: 10px;
}

@media (max-width: 767.98px) {
  .col-form .location .item {
    width: 100%;
  }
}

.col-form .location > p {
  width: 50%;
}

.col-form label {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 400;
}

.col-form select {
  border-radius: 0.25rem;
  border: 1px solid #9ea4ac;
  padding: 0.25rem 0.5rem;
  background: transparent;
  /* width: 10rem; */
  font-family: "Cairo", sans-serif;
  color: #191c1f;
}

@media (max-width: 767.98px) {
  .col-form select {
    width: 100%;
  }
}

.col-form textarea {
  color: #808080;
  font-size: 0.875rem;
  font-weight: 400;
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  padding-bottom: 6px;
  margin-bottom: 12px;
  height: 70px;
}

.col-form .wpcf7-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 175% */
  letter-spacing: 0.75px;
  border-radius: 3.08238rem;
  cursor: pointer;
  color: #fff;
  background-color: #ff007c;
  border-color: #ff007c;
  width: 6rem;
}

.col-form input.wpcf7-validates-as-required {
  margin-bottom: 1rem;
}

.col-form .wpcf7-not-valid-tip {
  color: #ff007c;
  font-size: 0.6875rem;
  font-weight: 400;
}

.section {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.5s;
  -webkit-transition: opacity 0.5s, transform 0.5s;
  -moz-transition: opacity 0.5s, transform 0.5s;
  -ms-transition: opacity 0.5s, transform 0.5s;
  -o-transition: opacity 0.5s, transform 0.5s;
}

.section--active {
  opacity: 1;
  transform: translateY(0);
}

.message--dots span {
  animation: blink 0.7s infinite;
}

.assistant-text {
  display: none;
}

.user-text {
  display: none;
}

.wpcf7-form.sent .ContactForm {
  display: none;
}

.wpcf7-form.sent .wpcf7-response-output {
  color: #936edf;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.0875rem;
  margin: 0;
  margin-top: 3.69rem;
  margin-bottom: 1.5rem;
  border: none;
}

.wpcf7-form .wpcf7-response-output {
  color: #936edf;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.0875rem;
  margin: 0;
  margin-top: 3.69rem;
  margin-bottom: 1.5rem;
  border: none;
}

.col-form select {
  color: #808080;
}

/*CSS Page Contact*/
/* Pagina de contato -- Split Layout */
.page-template-page-contato .contact-section {
  padding: 0;
}

.page-template-page-contato .contact-split {
  display: flex;
  min-height: calc(100vh - 80px);
}

/* Lado esquerdo: proposta de valor */
.page-template-page-contato .contact-split__left {
  flex: 1;
  background: linear-gradient(135deg, #6941c6 0%, #ff0071 100%);
  color: #fff;
  padding: 4rem 3.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-template-page-contato .contact-split__label {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  opacity: 0.85;
  margin-bottom: 1rem;
  display: block;
}

.page-template-page-contato .contact-split__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.25rem;
  color: #fff;
  border-bottom: none;
  letter-spacing: normal;
  padding: 0;
}

.page-template-page-contato .contact-split__text {
  font-size: 1.125rem;
  line-height: 1.6;
  opacity: 0.92;
  margin-bottom: 2rem;
  max-width: 100%;
}

.page-template-page-contato .contact-split__benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.page-template-page-contato .contact-split__benefits li {
  font-size: 1rem;
  font-weight: 500;
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.4;
}

.page-template-page-contato .contact-split__benefits li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  color: #a5f3c4;
  font-weight: 700;
  font-size: 1.125rem;
}

/* Lado direito: formulario */
.page-template-page-contato .contact-split__right {
  flex: 1;
  background: #fff;
  padding: 4rem 3.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-template-page-contato .contact-split__form-label {
  font-size: 0.75rem;
  color: #6941c6;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1.5rem;
  display: block;
}

.page-template-page-contato .contact-form {
  width: 100%;
}

.page-template-page-contato .contact-form label {
  font-size: 0.875rem;
  color: #344054;
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: block;
}

.page-template-page-contato .contact-form input[type="text"],
.page-template-page-contato .contact-form input[type="email"],
.page-template-page-contato .contact-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #d0d5dd;
  background: #f9fafb;
  color: #101828;
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 1rem;
}

.page-template-page-contato .contact-form input[type="text"]:focus,
.page-template-page-contato .contact-form input[type="email"]:focus,
.page-template-page-contato .contact-form textarea:focus {
  outline: none;
  border-color: #6941c6;
  box-shadow: 0 0 0 3px rgba(105, 65, 198, 0.15);
  background: #fff;
}

.page-template-page-contato .contact-form textarea {
  min-height: 120px;
  resize: vertical;
}

.page-template-page-contato .contact-form .wpcf7-submit {
  width: 100%;
  color: #fff;
  background: linear-gradient(90deg, #ff0071, #ff3d90);
  border: none;
  padding: 0.875rem 2rem;
  font-family: "Cairo", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.75px;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  margin-top: 0.5rem;
}

.page-template-page-contato .contact-form .wpcf7-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(255, 0, 113, 0.35);
}

.page-template-page-contato .contact-form .wpcf7-submit:active {
  transform: translateY(0);
}

/* Estilo das mensagens de validacao do CF7 */
.page-template-page-contato .wpcf7-not-valid-tip {
  color: #f04438;
  font-size: 0.8125rem;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  display: block;
}

.page-template-page-contato .wpcf7-response-output {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  margin-top: 1rem;
  font-size: 0.875rem;
}

/* Responsivo: empilha em mobile */
@media (max-width: 768px) {
  .page-template-page-contato .contact-split {
    flex-direction: column;
    min-height: auto;
  }

  .page-template-page-contato .contact-split__left {
    padding: 2.5rem 1.5rem;
  }

  .page-template-page-contato .contact-split__title {
    font-size: 1.75rem;
  }

  .page-template-page-contato .contact-split__text {
    font-size: 1rem;
  }

  .page-template-page-contato .contact-split__right {
    padding: 2rem 1.5rem;
  }
}

/***** Page Sistema de Cobrança *****/

body.page-template-page-sistema-de-cobranca .lead-form1 {
  display: none;
}

body.page-template-page-sistema-de-cobranca section div.container {
  width: 100%;
  padding: 0;
}

body.page-template-page-sistema-de-cobranca .intro__col1 {
  width: 45rem;
  margin-bottom: 0;
}

@media (max-width: 1440px) {
  body.page-template-page-sistema-de-cobranca .intro__col1 {
    width: 35rem;
  }

  .intro__col {
    width: 50%;
  }
}

body.page-template-page-sistema-de-cobranca .intro__col2 {
  display: flex;
  align-items: center;
}

body.page-template-page-sistema-de-cobranca div.section {
  padding: 2rem 16.65% 4rem;
}

body.page-template-page-sistema-de-cobranca div.intro.section {
  background: linear-gradient(105deg, #8d57fc 5.95%, #702cfb 101.61%);
}

body.page-template-page-sistema-de-cobranca .intro__title {
  color: #000;
  font-family: Cairo;
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 5.25rem */
  letter-spacing: -0.0875rem;
}

body.page-template-page-sistema-de-cobranca .intro__title div {
  color: #f9f7fd;
}

body.page-template-page-sistema-de-cobranca .intro__text.title {
  color: #fff6f9;
  font-weight: 700;
  line-height: 1.625rem; /* 108.333% */
}

body.page-template-page-sistema-de-cobranca .intro__text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 120%; /* 1.8rem */
  letter-spacing: -0.03rem;
  max-width: 28.875rem;
}

body.chatbot__content-area div.buttons .btn {
  color: #fbf9ff;
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  width: 16rem;
}

body.page-template-page-sistema-de-cobranca div.intro__image img {
  position: relative;
  min-width: 400px;
}

body.page-template-page-sistema-de-cobranca .help.section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

body.page-template-page-sistema-de-cobranca .help.section .intro__title {
  color: #702cfb;
  text-align: center;
  font-size: 3.24925rem;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  letter-spacing: 0;
  margin: 0.5rem 0 2.5rem;
  width: 80rem;
}

body.page-template-page-sistema-de-cobranca .help.section .help__content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}

body.page-template-page-sistema-de-cobranca .help.section .help__image {
  width: 45%;
}

body.page-template-page-sistema-de-cobranca .help.section .help__card {
  width: 40rem;
  max-width: 45%;
  border-radius: 1.25rem;
  border: 1px solid #ff007c;
  background: rgba(217, 217, 217, 0);
  padding: 1rem 0.25rem 2rem;
}

body.page-template-page-sistema-de-cobranca .help.section .help__card h3 {
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.436rem; /* 82.058% */
  letter-spacing: -0.035rem;
  text-align: center;
  border-bottom: solid 3px #ff007c;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

body.page-template-page-sistema-de-cobranca .help.section .help__card ul {
  color: #231f20;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.4375rem; /* 127.778% */
  letter-spacing: -0.0225rem;
  list-style: none;
  padding-left: 2.25rem;
}

body.page-template-page-sistema-de-cobranca .help.section .help__card ul li {
  margin-top: 1rem;
}

body.page-template-page-sistema-de-cobranca
  .help.section
  .help__card
  ul
  li::after {
  content: " ";
  border-bottom: solid 5px #ff007c;
  border-radius: 0.5rem;
  position: absolute;
  width: 4.46431rem;
}

body.page-template-page-sistema-de-cobranca
  .help.section
  .help__card
  ul
  li
  div {
  font-weight: 400;
}

body.page-template-page-sistema-de-cobranca .slide.section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: linear-gradient(105deg, #ff007c 5.95%, #702cfb 101.61%);
}

body.page-template-page-sistema-de-cobranca .slide.section .tns-outer {
  max-width: 70vw;
}

body.page-template-page-sistema-de-cobranca .slide.section .intro__title {
  color: #fbf9ff;
  text-align: center;
  font-size: 3.24594rem;
  font-weight: 700;
  margin: 0.5rem 0 1.25rem;
  width: 50rem;
}

body.page-template-page-sistema-de-cobranca {
  .slide.section {
    padding-bottom: 28.5rem;
    padding-left: 25%;
    padding-right: 25%;

    .my-slider {
      display: flex;
      gap: 0.25rem;
    }

    .tns-nav {
      position: relative;
      bottom: 0;
      text-align: center;
      margin-bottom: 1.25rem;

      button {
        margin: 0 0.25rem;
        width: 15px;
        height: 15px;
        border: 1px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
      }

      .tns-nav-active {
        background-color: #ffa71b;
        border-color: #ffa71b;
      }
    } /* .tns-nav */

    .slider__card {
      width: 55rem;
      background-color: #f8f4ff;
      border-color: #cb8fe7;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      padding: 2rem 0 4rem;
      margin: 0 2rem;
    }

    .slider__title {
      color: #8b53fc;
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 1.625rem; /* 92.857% */
      text-align: center;
    }

    .slider__title::before {
      content: " ";
      border-bottom: solid 5px #ff007c;
      border-radius: 0.5rem;
      position: absolute;
      top: 60px;
      width: 4.46431rem;
    }

    .slider__img {
      width: 100%;
      text-align: center;
      margin: 1.5rem 0 1.25rem;
    }

    .slider__text {
      color: #000;
      font-size: 1.5rem;
      font-weight: 400;
      line-height: 120%; /* 1.35rem */
      letter-spacing: -0.0225rem;
      width: 90%;
      margin: auto;
    }
  } /* slide.section */

  .inovation.section {
    background-color: transparent;
    background-image: url(../img/elipse.svg);
    background-position: top 0rem center;
    background-size: cover;
    margin-top: -23vw;

    .inovation__header {
      text-align: center;
      img {
        margin-top: 1.5rem;
      }

      h2 {
        color: #702cfb;
        text-align: center;
        font-size: 3.24925rem;
        font-weight: 700;
        margin: 0 0 2.25rem;
      }
    } /*.inovation__header*/

    .inovation__cards {
      display: flex;
      justify-content: space-around;
      align-items: stretch;
      flex-wrap: wrap;
      gap: 2rem;

      .cards__card {
        width: 30%;
        border-radius: 1.25rem;
        border: 1px solid #ff007c;
        background: rgba(217, 217, 217, 0);
        padding: 1rem 0.25rem 2rem;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
        position: relative;

        h3 {
          color: #000;
          font-size: 1.75rem;
          font-style: normal;
          font-weight: 800;
          line-height: 1.625rem; /* 92.857% */
        }

        h3::before {
          content: " ";
          border-bottom: solid 5px #702cfb;
          border-radius: 0.5rem;
          position: absolute;
          top: 50px;
          width: 50%;
          left: 25%;
        }

        img {
          margin-top: 3.25rem;
        }

        div {
          color: #000;
          font-size: 1.125rem;
          font-style: normal;
          font-weight: 400;
          line-height: 120%; /* 1.35rem */
          letter-spacing: -0.0225rem;
          text-align: left;
          padding: 1.55rem;

          span {
            color: #702cfb;
          }
        }
      } /*.cards__card*/
    } /* .inovation__cards */
  } /* inovation.section */

  .tax.section {
    background: #ffab0c;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    h2 {
      text-align: center;
      margin-top: 0.9rem;
      color: #702cfb;
      font-size: 51.988px;
      font-weight: 700;
      text-align: center;
    }

    .tax__title {
      color: #000;
      font-size: 1.75rem;
      font-weight: 700;
      line-height: 120%; /* 2.1rem */
      letter-spacing: -0.035rem;
      margin-bottom: 0.81rem;
    }

    .tax__text {
      color: #000;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 120%; /* 2.1rem */
      letter-spacing: -0.035rem;
      max-width: 68.14056rem;
      margin-bottom: 4rem;
    }

    .tax__cards {
      display: flex;
      justify-content: space-evenly;
      align-items: stretch;
      flex-wrap: nowrap;
      gap: 2rem;

      div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 20rem;
        min-width: 185px;
        border-radius: 1.25rem;
        background: #fbf9ff;
        text-align: center;
        color: #000;
        font-size: 2rem;
        font-weight: 700;
        line-height: 120%; /* 1.8rem */
        letter-spacing: -0.03rem;
        padding: 2rem 1rem 2.13rem;

        div {
          max-width: 100%;
        }

        h3 {
          color: #ff007c;
          text-align: center;
          font-family: Cairo;
          font-size: 4.375rem;
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 5.25rem */
          letter-spacing: -0.0875rem;
          margin-top: 2.5rem;
        }
      }
    } /*.tax__cards*/

    .buttons {
      a {
        margin: 1.88rem auto 0;
      }
    }
  } /* .tax.section */

  .choice.section {
    background: #fc2d92;
    position: relative;

    .choice__header {
      position: absolute;
      left: 0;
      width: 100%;
      height: 5rem;
      background-image: url(../img/choice.svg);
      background-position: top -0 center;
      background-repeat: no-repeat;
      transform: translateY(-5rem);
    }

    .intro__title {
      color: #fff4f4;
      text-align: center;
      font-size: 4.375rem;
      font-weight: 700;
      line-height: 110%; /* 4.8125rem */
      letter-spacing: -0.0875rem;
      text-align: center;
      margin: 0;

      div {
        color: #702cfb;
        font-size: 3.75rem;
      }
    }

    .choice__text {
      color: #fff;
      font-size: 1.75rem;
      font-weight: 700;
      line-height: 120%; /* 2.1rem */
      letter-spacing: -0.035rem;
      max-width: 57.4375rem;
      margin: 0.5rem auto 2.3rem;

      span {
        color: #712dfc;
      }
    }

    .choice__text.last__text {
      max-width: 73.6875rem;
      margin: 3rem auto 0;
    }

    .choice__cards {
      display: flex;
      flex-wrap: nowrap;
      align-items: stretch;
      justify-content: space-evenly;
      flex-direction: row;
      gap: 2rem;

      div.vs {
        width: 5.5rem;
        min-width: 0px;
        background: transparent;
        text-align: center;
        color: #fff;
        text-align: center;
        font-size: 4.375rem;
        font-weight: 900;
        line-height: normal;
        padding: 2rem 1rem 2.13rem;
        align-items: center;
        align-self: center;
      }

      div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 27.5rem;
        min-width: 215px;
        border-radius: 1.25rem;
        background: #fbf9ff;
        text-align: center;
        color: #702cfb;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 120%; /* 2.1rem */
        padding: 2rem 1rem 1.37rem;

        img {
          width: 50%;
          height: auto;
          margin: 0 auto;
        }

        h3 {
          text-align: center;
          color: #702cfb;
          font-size: 1.75rem;
          font-weight: 700;
          line-height: 1.625rem; /* 92.857% */
          margin: 0 auto;
          max-width: 11rem;

          span {
            color: #ff007c;
          }
        }
      }

      div.choice__market img {
        max-width: 30%;
        margin: 1.5rem auto;
      }
    } /*.choice__cards*/
  } /* .choice.section */

  .video.section {
    background-color: #f8f4ff;
    background-image: url(../img/elipse1.svg);
    background-position: top 0rem center;
    background-size: cover;

    .intro__title {
      color: #000;
      text-align: center;
      font-size: 1.75rem;
      font-weight: 700;
      line-height: normal;
      width: 100%;
      margin: 0.5rem auto;
    }

    section {
      width: 100%;
      overflow: hidden;
      position: relative;
      left: 0;

      ::before,
      ::after {
        content: " ";
        position: absolute;
        z-index: 9;
        width: 180px;
        height: 100%;
        top: 0;
      }

      ::after {
        right: 0;
        background: linear-gradient(
          to left,
          #ffffff 0%,
          rgba(255, 255, 255, 0) 100%
        );
      }

      ::before {
        left: 0;
        background: linear-gradient(
          to right,
          #ffffff 0%,
          rgba(255, 255, 255, 0) 100%
        );
      }

      div.slick-track {
        width: 100%;
        align-self: center;
        margin: 1rem 0 0;
        display: flex;
        align-items: center;

        img {
          display: block;
          width: 50%;
          max-width: 150px;
          margin: 0 auto;
          min-width: 75px;
        }
      } /* div */
    } /* section */

    iframe {
      width: 100%;
      min-height: 37vw;
      border: none;
      margin: 2rem 0 5vw;
    }
  } /* video.section */

  .revolution.section {
    background: #f8f4ff;

    .revolution__img {
      width: 100%;
      margin: 0;
      text-align: center;

      img {
        max-width: 30rem;
        min-width: 300px;
      }
    }

    .container {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: center;

      .intro__title {
        width: 100%;
        color: #702cfb;
        text-align: right;
        font-size: 3.24925rem;
        font-weight: 700;
        text-align: center;
        margin: 0;
      }

      .intro__title.title1 {
        margin: 0 0 2rem;
      }

      .intro__title.title2 {
        margin: 3rem 0 2rem;
      }

      .container__section {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem;

        div {
          width: 45%;
          max-width: 38rem;
          min-width: 26rem;
        }

        .revlution__card {
          background-color: #fbf9ff;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
          padding: 2rem 1.75rem;
          border-radius: 1.25rem;

          div:nth-child(2) {
            margin-bottom: 4rem;
          }

          .card__title {
            width: 100%;
            color: #702cfb;
            font-size: 1.125rem;
            font-weight: 700;
          }

          .card__text {
            width: 100%;
            min-width: 0;
            color: #000;
            font-size: 1.125rem;
            font-weight: 400;
            line-height: 120%;
            letter-spacing: -0.0225rem;
          }
        } /* .revlution__card */
      } /* .container__section */
    } /* .container */
  } /* revolution.section */

  .lead-capture-area.section {
    .container {
      .lead-capture-area__title {
        color: #fff;
        font-family: Cairo;
        font-size: 3.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 3.85rem */
        letter-spacing: -0.07rem;
      }
    } /* .container */
  } /* lead-capture-area.section */

  .faq-area.section {
    background: #fff;
    margin: 0;

    .faq-area__title {
      color: #702cfb;
      text-align: center;
      font-size: 3.24925rem;
      font-weight: 700;
      line-height: normal;
      border-color: #000;
    }
  } /* faq-area.section */
} /* body.page-template-page-sistema-de-cobranca */

body.page-template-page-sistema-de-cobranca-V2 {
  .banner-section {
    padding-bottom: 6rem;

    div.container {
      background-color: transparent;
      background-image: url(../img/bg-banner.jpg);
      background-position: top 0rem right;
      background-size: cover;
      height: 42.5rem;
      border-radius: 40px;

      div.content {
        max-width: 50%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 5.75rem 0 0 5.5rem;

        div {
          font-family: Inter;
          font-size: 3.75rem;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.07;
          letter-spacing: -1.2px;
          text-align: left;
          color: #0f0e12;

          span {
            font-weight: 800;
            color: #ff007c;
          }

          div {
            font-family: Inter;
            font-size: 1.25rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #0d0d12;
            margin: 1.2rem 0 1.75rem;
          }
        }

        div.buttons a {
          height: 60px;
          width: 271px;
          font-family: Inter;
          font-size: 1rem;
          font-weight: bold;
        }
      }
    }
  }
} /* body.page-template-page-sistema-de-cobranca-V2 */

@keyframes bannermove {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@-webkit-keyframes bannermove {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}

@media (max-width: 1440px) {
  body.page-template-page-sistema-de-cobranca div.section {
    padding: 2rem 10% 3.5rem;
  }
  body.page-template-page-sistema-de-cobranca .help.section .help__card {
    max-width: 50%;
  }
}

@media (max-width: 1281px) {
  body.page-template-page-sistema-de-cobranca div.section {
    padding: 2rem 5% 4rem;
  }
}

@media (max-width: 991px) {
  .intro.section {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;

    .intro__col {
      width: 75%;
    }

    .intro__col2 {
      display: block;
    }

    .intro__col.intro__col1 {
      text-align: center;

      p {
        margin: 2rem auto;
      }

      .intro__title {
        margin-top: 0;
      }

      .intro__text {
        /* color: #FFFFFF; */
        padding: 0;
        max-width: none;
      }

      div.buttons {
        display: flex;
        justify-content: space-around;
        margin: 2rem auto 0;
      }
    }
  }

  body.page-template-page-sistema-de-cobranca {
    .help.section {
      .help__content {
        flex-direction: column;
        gap: 2rem;

        .help__card {
          width: 80%;
          max-width: none;
        }
      }
    }
  }

  body.page-template-page-sistema-de-cobranca .slide.section {
    padding-bottom: 22rem;
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (max-width: 1440px) {
  body.page-template-page-sistema-de-cobranca .intro__title,
  body.page-template-page-sistema-de-cobranca .help.section .intro__title,
  body.page-template-page-sistema-de-cobranca .slide.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .inovation.section
    .inovation__header
    .intro__title,
  body.page-template-page-sistema-de-cobranca .tax.section .intro__title,
  body.page-template-page-sistema-de-cobranca .choice.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .revolution.section
    .container
    .intro__title,
  body.page-template-page-sistema-de-cobranca
    .faq-area.section
    .container
    .faq-area__title {
    font-size: 3.25rem;
    line-height: 120%;
  }

  body.page-template-page-sistema-de-cobranca {
    .inovation.section {
      margin-top: -28vw;
    }
  }
}

@media (max-width: 1280px) {
  body.page-template-page-sistema-de-cobranca {
    .inovation.section {
      margin-top: -25vw;
    }
  }
}

@media (max-width: 992px) {
  body.page-template-page-sistema-de-cobranca
    .inovation.section
    .inovation__cards
    .cards__card {
    min-width: 25rem;
  }
}

@media (max-width: 768px) {
  body.page-template-page-sistema-de-cobranca div.page-header {
    padding: 0 1rem;
  }

  body.page-template-page-sistema-de-cobranca .intro__title,
  body.page-template-page-sistema-de-cobranca .help.section .intro__title,
  body.page-template-page-sistema-de-cobranca .slide.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .inovation.section
    .inovation__header
    .intro__title,
  body.page-template-page-sistema-de-cobranca .tax.section .intro__title,
  body.page-template-page-sistema-de-cobranca .choice.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .revolution.section
    .container
    .intro__title,
  body.page-template-page-sistema-de-cobranca
    .faq-area.section
    .faq-area__title {
    font-size: 3rem;
  }

  body.page-template-page-sistema-de-cobranca
    .choice.section
    .intro__title
    div {
    font-size: 2.75rem;
    line-height: 100%;
  }

  body.page-template-page-sistema-de-cobranca .choice.section .choice__text {
    font-size: 1.5rem;
    font-weight: 500;
  }

  body.page-template-page-sistema-de-cobranca div.intro__image img {
    min-width: 200px;
  }

  body.page-template-page-sistema-de-cobranca .slide.section {
    padding-bottom: 18rem;
  }

  body.page-template-page-sistema-de-cobranca
    .faq-area.section
    .inovation__cards
    .cards__card {
    width: 80%;
  }

  body.page-template-page-sistema-de-cobranca {
    .inovation.section {
      .inovation__header {
        img {
          max-width: 70%;
        }
      }
    }

    .revolution.section {
      .revolution__img {
        img {
          max-width: 70%;
        }
      }

      .container {
        .intro__title.title1 {
          margin: 0 0 2rem;
        }

        .intro__title.title2 {
          margin: 2rem 0 2rem;
        }
      }
    }
  }
}

@media (max-width: 640px) {
  body.page-template-page-sistema-de-cobranca .intro__title,
  body.page-template-page-sistema-de-cobranca .help.section .intro__title,
  body.page-template-page-sistema-de-cobranca .slide.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .inovation.section
    .inovation__header
    .intro__title,
  body.page-template-page-sistema-de-cobranca .tax.section .intro__title,
  body.page-template-page-sistema-de-cobranca .choice.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .revolution.section
    .container
    .intro__title,
  body.page-template-page-sistema-de-cobranca
    .revolution.section
    .faq-area__title {
    font-size: 2.5rem;
  }

  body.page-template-page-sistema-de-cobranca
    .choice.section
    .intro__title
    div {
    font-size: 2.25rem;
  }

  body.page-template-page-sistema-de-cobranca .choice.section .choice__text {
    font-size: 1.25rem;
  }

  body.page-template-page-sistema-de-cobranca .slide.section {
    padding-bottom: 15rem;
  }

  body.page-template-page-sistema-de-cobranca .slide.section .tns-outer {
    max-width: 95vw;
  }

  body.page-template-page-sistema-de-cobranca .tax.section {
    .tax__cards {
      flex-direction: column;
      align-items: center;

      div {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 30rem;
        max-width: 90%;

        div {
          max-width: 50%;
          background-color: transparent;
          min-width: 0;
        }

        h3 {
          margin-top: 0;
        }
      }
    }

    .tax__text {
      font-size: 1.25rem;
    }
  }

  body.page-template-page-sistema-de-cobranca {
    .choice.section {
      .choice__cards {
        align-items: center;
        flex-direction: column;
        gap: 0rem;

        div {
          min-width: 0;
          max-width: 90%;
        }

        div.vs {
          font-size: 3.5rem;
          line-height: 1;
        }
      }
    }
  }
}

@media (max-width: 440px) {
  body.page-template-page-sistema-de-cobranca .intro__title,
  body.page-template-page-sistema-de-cobranca .help.section .intro__title,
  body.page-template-page-sistema-de-cobranca .slide.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .inovation.section
    .inovation__header
    .intro__title,
  body.page-template-page-sistema-de-cobranca .tax.section .intro__title,
  body.page-template-page-sistema-de-cobranca .choice.section .intro__title,
  body.page-template-page-sistema-de-cobranca
    .revolution.section
    .container
    .intro__title {
    font-size: 2rem;
  }

  body.page-template-page-sistema-de-cobranca
    .choice.section
    .intro__title
    div {
    font-size: 1.55rem;
  }

  body.page-template-page-sistema-de-cobranca .slide.section {
    padding-bottom: 12rem;

    .slider__img {
      margin-top: 3rem;
    }
  }

  .slider__title::before {
    top: 70px !important;
  }
}

/***** Page Sistema de Cobrança *****/

/*CSS Page Test Chat*/
body.page-template-page-teste-chat,
body.page-template-page-teste-chat-feedback {
  overflow: hidden;
  background-color: #eceff1;
}

.page-template-page-teste-chat .main-header,
.page-template-page-teste-chat-feedback .main-header {
  position: none;
  z-index: 999;
}

.page-template-page-teste-chat .header,
.page-template-page-teste-chat-feedback .header {
  position: fixed;
  background-color: #eceff1;
  height: 90px;
  z-index: 9999;
  padding: 15px 0 0;
  width: 100%;
}

.page-template-page-teste-chat .logo,
.page-template-page-teste-chat-feedback .logo {
  max-width: 250px;
  margin: 0 auto;
  background-color: #eceff1;
}

.test-chat .ContactForm {
  margin-top: 5rem;
}

.test-chat .ContactForm .scale div p {
  text-align: center;
}

.page-template-page-teste-chat
  .ContactForm
  input:not(input[type="radio"], input[type="submit"]),
.page-template-page-teste-chat-feedback
  .ContactForm
  input:not(input[type="radio"], input[type="submit"]) {
  color: #808080;
  font-size: 1.5rem;
  font-weight: 400;
  background: transparent;
  border: none;
  border-bottom: 1px solid;
  padding-bottom: 6px;
  margin-bottom: 12px;
  width: 100%;
  height: 3rem;
}

.page-template-page-teste-chat-feedback
  .ContactForm
  input:not(input[type="radio"], input[type="submit"]) {
  padding-bottom: 0;
  width: 60%;
}

.page-template-page-teste-chat-feedback
  .ContactForm
  input:not(input[type="radio"], input[type="submit"]):before {
  content: "1";
  position: absolute;
  left: -20px;
  font-weight: 900;
  color: #936edf;
  font-size: 1rem;
  top: -10px;
}

.page-template-page-teste-chat-feedback
  .ContactForm
  input:not(input[type="radio"], input[type="submit"]):after {
  content: "10";
  position: absolute;
  right: -30px;
  font-weight: 900;
  color: #936edf;
  font-size: 1rem;
  top: -10px;
}

.page-template-page-teste-chat .ContactForm .item p,
.page-template-page-teste-chat-feedback .ContactForm .item p {
  text-align: center;
}

.page-template-page-teste-chat .ContactForm .item p input,
.page-template-page-teste-chat-feedback .ContactForm .item p input {
  text-align: center;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 1rem;
  margin: 2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  font-family: "Cairo", sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
  letter-spacing: 0.75px;
  border-radius: 3.08238rem;
  cursor: pointer;
  color: #fff;
  background-color: #ff007c;
  border-color: #ff007c;
  width: 6rem;
}

.page-template-page-teste-chat .ContactForm .option-item span,
.page-template-page-teste-chat-feedback .ContactForm .option-item span {
  margin: 10px;
}

.page-template-page-teste-chat .ContactForm p,
.page-template-page-teste-chat-feedback .ContactForm p {
  color: #808080;
  font-size: 1.5rem;
  text-align: left;
}

.test-chat .wrap {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.test-chat header {
  position: absolute;
  top: 50%;
  right: 5%;
  z-index: 900;
  width: 90%;
}

.test-chat section h2 {
  margin-bottom: 14px;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  font-weight: 700;
  font-style: normal;
  color: #936edf;
  line-height: 1.2;
  font-size: 4vw;
  padding: 20px 100px 0;
  margin-top: 40px;
}

.test-chat section ul {
  padding: 3rem 10%;
}

.test-chat section ul li {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-align: left;
}

.test-chat section p {
  padding: 0 20%;
  font-size: 2.5rem;
}

.test-chat header label.arrows.next {
  position: absolute;
  right: 0;
  left: auto;
}

.bnt-page div {
  display: flex;
  justify-content: center;
}

.btn.btn-primary.btn-rounded.back-slide,
.btn.btn-primary.btn-rounded.next-slide {
  margin: 3em 1em;
  width: 200px;
}

.test-chat .ContactForm div.item > p {
  display: none;
}

.test-chat header label {
  margin-left: 4px;
  color: black;
  cursor: pointer;
  display: inline-block;
  line-height: 4.25em;
  font-family: sans-serif;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  left: 0;
}

.test-chat header label:hover {
  opacity: 0.8;
}

.test-chat header .arrows {
  width: 48px;
  height: 48px;
  border-color: #000;
  display: none;
}

.test-chat header label {
  border-bottom: 6px solid;
  border-left: 6px solid;
  transform: rotate(45deg);
}

.test-chat header .next {
  border-bottom: 6px solid;
  border-left: 6px solid;
  transform: rotate(-135deg);
}

.test-chat .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 5em 1em 0;
  background-color: #eceff1;
  background-position: 50% 50%;
  background-size: cover;
  transition: left 0s 0.75s;
  -webkit-transition: left 0s 0.75s;
  -moz-transition: left 0s 0.75s;
  -ms-transition: left 0s 0.75s;
  -o-transition: left 0s 0.75s;
}

.test-chat .slide-one,
.slide-two,
.slide-three,
.slide-four {
  background-color: #eceff1;
}

.test-chat section > p {
  margin-top: 7rem;
  font-size: 2.5vw;
  line-height: 4vw;
}

.test-chat section.slide-three > p,
.test-chat section.slide-four > p {
  margin-top: 3rem;
  font-size: 2.5vw;
  line-height: 3vw;
}

.test-chat section.slide-five img {
  width: 250px;
  margin: 25px;
}

.test-chat .sex > {
  display: flex;
  align-items: baseline;
}

.test-chat .partners {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  margin-top: 3em;
  gap: 2em;
}

.test-chat section .partners p {
  padding: 0;
}

.test-chat .partners div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  position: relative;
}

.test-chat .partners div > img {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
}

.test-chat .wrap > input[type="radio"] {
  display: none;
}

.test-chat [id^="slide"]:not(:checked) + .slide {
  opacity: 0;
}

.test-chat [id^="slide"]:checked + .slide {
  left: 0;
  z-index: 100;
  transition: left 1s ease-out;
  animation: slide-up 1s ease-in-out;
  -webkit-animation: slide-up 1s ease-in-out;
  overflow: auto;
  position: fixed;
  top: 0;
}

.test-chat .slide h1 {
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s 0.5s, opacity 0.5s;
  animation: slide-up 1s ease-in-out;
  -webkit-animation: slide-up 1s ease-in-out;
}

.test-chat [id^="slide"]:checked + .slide h1 {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s 0.5s;
  animation: slide-up 1s ease-in-out;
  -webkit-animation: slide-up 1s ease-in-out;
}

@keyframes slide-up {
  0% {
    opacity: 0;
  }
  90% {
    display: block;
  }
  100% {
    opacity: 1;
  }
}

.chat-feedback section > p {
  margin-top: 3rem;
  padding: 0;
}

.chat-feedback .btn.btn-primary.btn-rounded.next-slide {
  margin: 2em auto;
  width: 350px;
}

.chat-feedback .ContactForm > div {
  margin: 25px 0;
}

.chat-feedback span.wpcf7-form-control-wrap {
  margin: 25px 0;
  width: 100%;
  text-align: center;
}

.chat-feedback span.wpcf7-form-control-wrap textarea {
  width: 100%;
}

.chat-feedback .ContactForm .xp p,
.chat-feedback .ContactForm .virtual p {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}

.chat-feedback .ContactForm .scale > .div-scale::after {
  content: attr(data-after);
  position: relative;
  bottom: 30px;
  font-weight: 900;
  color: #ff7230;
  font-size: 1.5rem;
}

@media (min-width: 1300px) and (max-width: 1400px) {
  .test-chat section h2 {
    margin-top: 20px;
  }
}

@media (max-width: 992px) {
  .test-chat section h2 {
    margin-top: 2em;
    font-size: 2.5rem;
  }

  .test-chat section > p {
    font-size: 1.75rem;
    line-height: 1.25;
    padding: 0 5%;
    font-weight: 700;
  }

  .test-chat section.slide-three > p,
  .test-chat section.slide-four > p {
    font-size: 1.75rem;
    line-height: 1.25;
    padding: 0 5%;
    font-weight: 700;
  }

  form.wpcf7-form.init {
    margin-bottom: 5em;
  }

  .test-chat .ContactForm .sex p,
  .test-chat .ContactForm .work p {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
  }

  .test-chat section p {
    padding: 0 5%;
  }

  .test-chat .ContactForm .sex label,
  .test-chat .ContactForm .work label,
  .test-chat .ContactForm .xp label,
  .test-chat .ContactForm .virtual label {
    display: flex;
    flex-direction: row-reverse;
  }

  .bnt-page {
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .bnt-page div {
    display: flex;
    justify-content: center;
  }

  .btn.btn-primary.btn-rounded.back-slide {
    width: 50vw;
    border-radius: 0;
    margin: 0;
    background-color: #ff911d;
  }

  .btn.btn-primary.btn-rounded.next-slide {
    width: 50vw;
    border-radius: 0;
    margin: 0;
  }
  .btn.btn-primary.btn-rounded.single.next-slide {
    width: 100vw;
    border-radius: 0;
    margin: 0;
  }

  .chat-feedback .btn.btn-primary.btn-rounded.single.next-slide {
    width: 80vw;
    border-radius: 70px;
    margin: 0 auto;
    margin-top: 1em;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    max-width: 280px;
  }
}

@media (max-width: 640px) {
  .test-chat section h2 {
    margin-top: 2em;
  }

  .test-chat section > p {
    line-height: 1.25;
  }

  .test-chat section.slide-three > p,
  .test-chat section.slide-four > p {
    line-height: 1.25;
  }

  .test-chat header .arrows {
    width: 24px;
    height: 24px;
  }
  .page-template-page-teste-chat .ContactForm .option-item span,
  .page-template-page-teste-chat-feedback .ContactForm .option-item span {
    margin: 5px 10px;
  }

  .test-chat .partners div > a > img {
    width: 200px;
  }
}

@media (max-width: 440px) {
  .test-chat section h2 {
    font-size: 2.25rem;
    padding: 20px 50px 0;
  }

  .test-chat section > p,
  .test-chat section.slide-three > p,
  .test-chat section.slide-four > p {
    font-size: 1.5rem;
  }
}

.page-template-page-sistema-de-cobranca-V2 {
  padding: 0;

  * {
    font-family: "Cairo", sans-serif;
    /* padding: 0;
        margin: 0;
        color: #101828; */
  }

  html {
    height: 100%;
  }

  body {
    background-color: #fcfcfd;
    height: 100%;
    min-height: 100vh;
    overflow-x: hidden;
  }

  .container-dregade {
    background: linear-gradient(360deg, #f1eaff 0%, #ffffff 100%);
  }

  .secundary-color {
    color: rgba(255, 0, 124, 1);
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 20px;
  }

  button {
    background-color: rgba(255, 0, 124, 1);
    border-radius: 80px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 16px;
    border: none;
    color: white;
    cursor: pointer;
    width: fit-content;
    &:hover {
      opacity: 0.8;
    }
  }

  section {
    width: 100%;
    min-height: fit-content;

    @media (max-width: 1000px) {
      height: fit-content;
      .container {
        max-width: 1920px;
        width: calc(100%);
        margin: 0 auto;
      }
    }
  }

  /* Section */
  .section-banner {
    height: 690px;

    .container {
      height: 100%;
      width: calc(100% - 144px);
      margin: 0 auto;
      background-size: cover;
      background-color: #f2e9f6;
      background-position: bottom center;
      background-image: url(../img/banner-backgorund.svg);
      background-repeat: no-repeat;
      border-radius: 50px;
      display: flex;
      justify-content: space-between;
      overflow: hidden;

      & > div {
        height: 100%;
      }

      .left {
        padding: 110px 0 0 120px;
        display: flex;
        max-width: 502px;
        width: 100%;
        flex-direction: column;
        gap: 20px;
        height: 100%;
        letter-spacing: -2%;

        h1 {
          font-size: 3.75rem;
          font-weight: 600;
          line-height: 64px;

          .natural-bot {
            font-weight: 800;
            color: rgba(255, 0, 124, 1);
          }
        }

        h4 {
          font-weight: 500;
          font-size: 20px;
          line-height: 24px;
        }

        button {
          margin-top: 10px;
        }

        @media (max-width: 1000px) {
          padding: 36px 16px 0px 16px;
          text-align: center;
          max-width: calc(100% - 32px);
          align-items: center;

          h1 {
            font-size: 2rem;
            font-weight: 600;
            line-height: 32px;
            display: flex;
            flex-direction: column;

            .natural-bot {
              font-weight: 800;
              color: rgba(255, 0, 124, 1);
            }
          }
        }
      }

      .container-image {
        max-width: 50%;

        img {
          @media (max-width: 1000px) {
            height: 288px;
          }
        }

        @media (max-width: 1000px) {
          max-width: 100%;
          display: flex;
          justify-content: end;
        }
      }

      @media (max-width: 1000px) {
        margin: 0 auto;
        width: 100%;
        border-radius: 0;
        flex-direction: column;
      }
    }

    @media (max-width: 1000px) {
      height: fit-content;
      width: 100%;
    }
  }

  /* Section */
  .section-solutions {
    .container {
      padding-top: 96px;
      max-width: 1920px;
      width: calc(100% - 144px);
      margin: 0 auto;

      @media (max-width: 1000px) {
        width: 100%;
        padding-top: 48px;
      }

      h2,
      h3,
      h4 {
        text-align: center;
      }

      h4 {
        text-transform: uppercase;
        color: rgba(112, 44, 251, 1);
        line-height: 16px;
        margin-bottom: 16px;
      }

      h2 {
        line-height: 40px;
        margin-bottom: 20px;
      }

      h3 {
        line-height: 28px;
        font-weight: 400;
        color: rgba(71, 84, 103, 1);
      }

      .container-solutions-board {
        display: flex;
        padding-top: 40px;
        align-items: center;
        justify-content: center;
        gap: 30px;

        @media (max-width: 1000px) {
          flex-direction: column;
          img {
            max-width: 344px;
          }
        }

        img {
          border-radius: 24px;
          box-shadow: -6px 15px 50px 0px rgba(112, 44, 251, 0.26);
        }

        .container-solutions {
          display: flex;
          flex-direction: column;
          padding: 16px 16px 16px 24px;
          gap: 32px;
          max-width: 576px;
          width: 100%;

          @media (max-width: 1000px) {
            max-width: calc(100% - 40px);
            gap: 15px;
          }

          .solution-info {
            h3 {
              font-weight: 700;
              text-align: left;
              color: rgba(112, 44, 251, 1);
              line-height: 30px;
              margin-bottom: 8px;
            }

            span {
              font-weight: 400;
              line-height: 24px;
              font-size: 1rem;
              color: #475467;
            }
          }
        }
      }
    }
  }

  /* Section */
  .section-info {
    overflow-x: hidden;

    .container {
      width: calc(100% - 144px);
      max-width: 1128px;
      margin: 0 auto;
      padding-top: 96px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 40px;

      h4 {
        color: rgba(112, 44, 251, 1);
        font-weight: 600;
      }

      .text {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
      }

      h2 {
        text-align: center;
        line-height: 40px;
        margin-bottom: 20px;
      }

      button {
        display: flex;
        align-items: center;

        img {
          margin-left: 8px;
        }
      }

      @media (max-width: 1000px) {
        width: 100%;
        padding-top: 48px;
      }

      .swiper {
        overflow: visible !important;

        .container-button {
          display: flex;
          gap: 30px;
          width: 100%;
          justify-content: center;
        }

        .swiper-button-prev {
          transform: rotate(180deg);
        }

        .swiper-button-prev,
        .swiper-button-next {
          margin-top: 20px;
          position: relative;
          height: auto;
          top: auto;
          height: 40px;
          min-height: 40px;
          width: 40px;
          min-width: 40px;
          padding: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: transparent;
          border: 2px gray solid;

          img {
            margin-left: 8px;
          }

          &::after {
            content: "";
          }
        }

        width: 100%;
        height: 100%;

        .swiper-slide {
          text-align: center;
          font-size: 18px;
          padding: auto;
          min-height: 433px;
          height: 100%;
          gap: 2rem;
          background: #fff;
          display: flex;
          justify-content: start;
          align-items: start;
          border-radius: 20px;
          flex-direction: column;

          @media (max-width: 600px) {
            width: calc(100% - 30px) !important;
            margin: 0 15px;
            margin-right: 47px !important;
            min-height: 350px;
          }

          h4 {
            color: #23262f;
            text-align: left;
            padding-left: 2rem;
          }

          img {
            display: block;
            width: 40px;
            height: 40px;
            margin-top: 64px;
            object-fit: cover;
            margin-left: 2rem;

            @media (max-width: 600px) {
              margin-top: 32px;
            }
          }

          p {
            margin: 1rem 2rem 40px 2rem;
            text-align: left;
            width: calc(100% - 4rem);
            color: rgba(119, 126, 144, 1);
            font-size: 14px;
          }
        }
      }
    }
  }

  /* Section */
  .section-inovation {
    background-image: url(../img/session-inovation.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;

    @media (max-width: 1000px) {
      background-image: url(../img/session-inovation-mobile.svg);
    }

    .container {
      padding-top: 96px;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;

      h2 {
        font-size: 44px;
        line-height: 44px;
        margin-bottom: 96px;

        @media (max-width: 1000px) {
          font-size: 40px;
          margin-bottom: 48px;
        }
      }

      @media (max-width: 1000px) {
        padding-top: 48px;
      }

      .container-card-inovation {
        display: flex;
        margin: 0 auto;
        padding: 0 12px;
        gap: 32px;
        justify-content: center;

        @media (max-width: 1000px) {
          width: 90%;
          flex-direction: column;
          align-items: center;
          gap: 20px;
        }
      }
    }

    .divider {
      background: rgba(230, 232, 236, 1);
      width: 100%;
      height: 1px;
    }

    .card-inovation {
      max-width: 352px;
      width: 100%;
      box-shadow: 0px 4px 26.3px 0px rgba(0, 0, 0, 0.25);
      border-radius: 24px;
      overflow: hidden;
      background-color: rgba(252, 252, 253, 1);

      img {
        height: 300px;
        width: 100%;
      }

      .card-inovation-info {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 24px;

        span {
          font-size: 14px;
          color: rgba(119, 126, 144, 1);
        }
      }
    }

    .container-taxas {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding-top: 96px;

      .button-taxas {
        padding: 5px 25px;
        margin-bottom: 20px;
      }

      h1 {
        text-align: center;
        font-size: 56px;
        line-height: 56px;
        font-weight: 700;
        margin-bottom: 24px;
        color: white;

        @media (max-width: 1000px) {
          font-size: 30px;
          line-height: 38px;
          margin: 30px;
        }
      }

      .hide-mobile {
        max-width: 800px;
        line-height: 26px;
        font-weight: 500;
        padding: 0 60px;
        margin-bottom: 56px;
        color: white;

        @media (max-width: 1000px) {
          display: none;
        }
      }

      h3 {
        text-align: center;
      }

      .container-taxa-payment {
        background-color: white;
        width: 710px;
        height: 314px;
        box-shadow: 0px 4px 40.5px 0px rgba(215, 228, 249, 0.46);
        border-radius: 2.5rem;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 48px;

        @media (max-width: 1000px) {
          margin-top: 24px;
          height: fit-content;
          width: calc(100% - 88px);
          padding: 32px;
        }

        .methods {
          gap: 2rem;
          display: flex;
          align-items: end;

          @media (max-width: 1000px) {
            flex-direction: column;
            align-items: center;
          }

          h1 {
            color: #1a1c1e;
            line-height: 93px;
            font-size: 72px;
            margin-bottom: 0;

            @media (max-width: 1000px) {
              width: 100%;
              text-align: center;
              margin-left: 0;
              margin-right: 0;
            }
          }

          h3 {
            color: rgba(255, 0, 124, 1);

            @media (max-width: 1000px) {
              width: 100%;
              text-align: center;
            }
          }

          .divider {
            width: 4px;
            height: 100%;
            max-height: 98px;

            @media (max-width: 1000px) {
              width: 100%;
              height: 4px;
            }
          }

          & > div {
            display: flex;
            align-items: start;
            justify-content: start;
            flex-direction: column;
          }
        }
      }

      @media (max-width: 1000px) {
        padding-top: 48px;
      }
    }
  }

  .section-retability {
    .container {
      max-width: 1000px;
      margin: 0 auto;
      margin-top: 96px;

      @media (max-width: 1000px) {
        margin-top: 48px;
      }

      h4 {
        text-transform: uppercase;
        color: rgb(112, 44, 251);
        text-align: center;
        line-height: 16px;
        margin-bottom: 16px;
      }

      h2 {
        text-align: center;
        line-height: 40px;
        margin-bottom: 24px;
      }

      p {
        text-align: center;
        line-height: 28px;
        font-size: 20px;
        width: calc(100% - 3rem);
        margin: 0 1.5rem;
      }

      .my-cards {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 333px;
        margin: 0 12px;
        margin-top: 64px;

        @media (max-width: 1000px) {
          margin-top: 48px;
          height: fit-content;
          max-height: 550px;
        }
      }

      .my-card {
        gap: 28px;
        display: flex;
        box-shadow: 0px -9px 52.85px 0px rgba(215, 228, 249, 0.5);
        background-color: white;
        max-width: 736px;
        width: calc(100% - 80px);
        border-radius: 1.5rem;
        z-index: 2;
        height: 100%;
        justify-content: space-between;
        flex-direction: column;
        padding: 40px;

        @media (max-width: 1000px) {
          padding: 15px;
        }

        .divider {
          width: 4px;
          height: 100%;
          max-height: 98px;
          background-color: rgba(232, 237, 239, 1);

          @media (max-width: 1000px) {
            width: 100%;
            height: 4px;
          }
        }

        .container-info {
          display: flex;
          gap: 40px;
          justify-content: space-around;

          @media (max-width: 1000px) {
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }

          .infos {
            gap: 0.8rem;
            display: flex;
            align-items: start;

            @media (max-width: 1000px) {
              flex-direction: column;
              align-items: center;
              flex-direction: column;
            }

            span {
              margin: 0;
              text-align: left;
              width: 140px;

              b {
                color: rgba(255, 0, 124, 1);
              }
            }

            & > div {
              display: flex;
              align-items: start;
              justify-content: start;
              flex-direction: column;
            }

            h3 {
              color: rgba(255, 0, 124, 1);
            }

            @media (max-width: 1000px) {
              h3 {
                width: 100%;
                text-align: left;
              }

              .divider {
                width: 100%;
                height: 4px;
              }
            }
          }
        }

        p {
          font-weight: 500;
          font-size: 20px;
          line-height: 26px;
          text-align: center;
          margin: 0 33px;
          width: calc(100% - 66px);

          @media (max-width: 1000px) {
            margin: 0 15px;
            width: calc(100% - 30px);
          }
        }
      }

      .my-card-II,
      .my-card-III {
        box-shadow: 0px -9px 52.85px 0px rgba(215, 228, 249, 0.5);
        background-color: white;
        border-radius: 1.5rem;
      }

      .my-card-II {
        min-height: 245px;
        max-width: 755px;
        width: calc(100% - 60px);
        transform: translate(0px, -213px);
        z-index: 1;
      }

      .my-card-III {
        min-height: 213px;
        max-width: 689px;
        width: calc(100% - 130px);
        transform: translate(0px, -400px);
        z-index: 0;
      }
    }
  }

  /* Section */
  .section-video {
    @media (max-width: 1000px) {
      margin-top: 125px;
    }

    .container {
      margin: 0 auto;
      width: fit-content;
      height: fit-content;
      background-position: right;
      background-repeat: no-repeat;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;

      @media (max-width: 1000px) {
        width: calc(100% - 40px);
        overflow: hidden;
      }

      button {
        margin-top: 60px;
        padding: 5px 25px;
      }

      h2 {
        text-align: center;
        line-height: 56px;
        margin-top: 24px;

        @media (max-width: 1000px) {
          font-size: 28px;
          line-height: 34px;
        }
      }

      .animation-chef {
        position: absolute;
        top: 40px;
        right: -200px;
        z-index: 2;

        @media (max-width: 1150px) {
          display: none;
        }
      }

      .swiper {
        margin-top: 45px;
        max-width: 1000px !important;

        @media (max-width: 1100px) {
          max-width: 100%;
        }

        .swiper-wrapper {
          margin: 0 auto !important;

          @media (max-width: 1100px) {
            max-width: 100%;
          }
        }
      }

      .video {
        border-radius: 18px;
        margin: 0 auto;
        margin-top: 83px;
        width: 100%;
        height: 100%;
        min-height: 445px;
        max-width: 790px;

        @media (max-width: 600px) {
          min-height: 194px;
        }

        @media (max-width: 1000px) {
          margin-top: 40px;
        }
      }
    }

    .swiper-methods-payments {
      .swiper-wrapper {
        width: 100%;
        max-width: 1200px;
      }

      img {
        height: 40px;
        @media (max-width: 1000px) {
          max-width: none;
        }
      }
    }
  }

  /* Section */
  .section-natural-bot-info {
    margin-top: 118px;

    @media (max-width: 1000px) {
      margin-top: 48px;
    }
    .container {
      padding: 0 1rem;
      @media (max-width: 1000px) {
      }

      max-width: 1200px;
      width: calc(100% - 2rem);
      display: flex;
      flex-direction: column;
      margin: 0 auto;

      .solutions {
        min-height: 502px;
        height: fit-content;

        .solutions-info {
          display: flex;
          gap: 60px;

          img {
            width: fit-content;
          }

          @media (max-width: 1000px) {
            flex-direction: column;
            align-items: center;
          }
        }
      }

      .profits {
        .solutions-info {
          display: flex;
          gap: 60px;
          .text-container {
            margin-top: 67px;
          }

          img {
            width: fit-content;
          }

          @media (max-width: 1000px) {
            flex-direction: column-reverse !important;
            align-items: center;
            .text-container {
              margin-top: 0px;
            }
          }
        }
      }

      .solutions,
      .profits {
        display: flex;
        align-items: center;

        .ilustration {
          box-shadow: 0px -11.79px 16.95px 0px rgba(255, 255, 255, 0.6) inset;
        }

        .text-container {
          img {
            height: 40px;
            width: auto;

            @media (max-width: 1000px) {
              width: 100%;
              object-fit: contain;
            }
          }

          h2 {
            font-weight: 700;
            font-size: 36px;
            line-height: 56px;

            @media (max-width: 1000px) {
              text-align: center;
              line-height: 40px;
            }
          }

          .container-text {
            display: flex;
            gap: 40px;
            margin-top: 23px;

            h3 {
              color: rgba(112, 44, 251, 1);
            }

            p {
              color: rgba(119, 126, 144, 1);
              width: calc(100% - 2rem);
            }

            @media (max-width: 1000px) {
              flex-direction: column;
            }
          }
        }
      }
    }
  }

  /* Section */
  .section-more-about {
    .container {
      width: calc(100% - 242px);
      max-width: 1920px;
      margin: 0 auto;
      border: 2px solid rgba(232, 232, 232, 1);
      border-radius: 24px;
      gap: 64px;
      display: flex;
      height: fit-content;
      padding: 48px 40px;

      @media (max-width: 1000px) {
        flex-direction: column;
        gap: 0px;
        border: none;
        border-top: 2px solid rgba(232, 232, 232, 1);
        border-bottom: 2px solid rgba(232, 232, 232, 1);
        border-radius: 0;
        width: calc(100% - 32px);
        padding: 32px 16px;
      }

      .left {
        width: 50%;
        display: flex;
        flex-direction: column;
        img {
          width: fit-content;
        }
        @media (max-width: 1000px) {
          width: 100%;
          flex-direction: column-reverse;
        }

        .text {
          h2 {
            line-height: 44px;
            margin-bottom: 20px;
          }
          p {
            width: 60%;
            margin-bottom: 28px;

            @media (max-width: 1000px) {
              width: 100%;
            }
          }
        }
      }

      .container-expandable {
        width: 50%;
        gap: 2rem;
        display: flex;
        flex-direction: column;

        .expandable {
          gap: 0.5rem;
          display: flex;
          flex-direction: column;
        }

        @media (max-width: 1000px) {
          width: 100%;
        }

        .expandable-title {
          display: flex;
          gap: 24px;
          cursor: pointer;
          justify-content: space-between;
          h3 {
            line-height: 28px;
            font-size: 18px;
            color: rgba(112, 44, 251, 1);
          }
        }

        .icon {
          height: 20px;
          width: 20px;
          min-height: 20px;
          min-width: 20px;
          max-height: 20px;
          max-width: 20px;
          border-radius: 100%;
          border: 2px solid rgba(112, 44, 251, 1);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          margin: 0;
          font-size: 20px;
          font-weight: 900;
          position: relative;

          &::after {
            content: "+";
            color: rgba(112, 44, 251, 1);
            position: absolute;
            height: fit-content;
            top: 50%;
            left: 50%;
            transform: translate(-50%, calc(-50% - 3px));
          }
        }

        .expandable-contatent-open .icon {
          height: 20px;
          width: 20px;
          border-radius: 100%;
          border: 2px solid rgba(112, 44, 251, 1);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          margin: 0;
          font-size: 20px;
          font-weight: 900;
          position: relative;
          min-height: 20px;
          min-width: 20px;
          max-height: 20px;
          max-width: 20px;

          &::after {
            content: "-";
            color: rgba(112, 44, 251, 1);
            position: absolute;
            height: fit-content;
            top: 50%;
            left: 50%;
            transform: translate(-50%, calc(-50% - 3px));
          }
        }

        .expandable-contatent {
          overflow: hidden;
        }

        /* Estilo inicial para conteúdo fechado */
        .expandable-contatent .expandable-content-wrapper {
          max-height: 0px;
          opacity: 0;
          overflow: hidden;
          transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
        }

        /* Estilo para conteúdo aberto */
        .expandable-contatent-open
          .expandable-contatent
          .expandable-content-wrapper {
          max-height: 1000px; /* Ajuste conforme necessário */
          height: fit-content;
          opacity: 1;
        }
      }
    }
  }

  /* Section */
  .section-conteiner-form {
    margin-top: 96px;
    .container {
      margin: 0 auto;
      overflow: hidden;
      max-width: 1970px;
      width: calc(100% - 152px);
      background-image: url(../img/banner-backgorund.svg);
      background-size: cover;
      background-position: bottom;
      background-repeat: no-repeat;
      border-radius: 24px;

      @media (max-width: 1400px) {
        width: 100%;
        border-radius: 0;
      }

      .container-gradient {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        display: flex;
        padding: 49px 64px 49px 64px;
        /* width: calc(100% - 128px); */
        height: 100%;
        background-image: linear-gradient(
          88.41deg,
          rgba(51, 24, 158, 0.5) 1.35%,
          rgba(190, 51, 255, 0) 110.81%
        );

        @media (max-width: 1400px) {
          flex-direction: column;
          padding-bottom: 0;
        }

        .lead.email-lead-form {
          .btn {
            color: #fff;
            background-color: #ff007c;
            border-color: #ff007c;
          }

          @media (max-width: 1400px) {
            flex-direction: column;
            padding: 64px 12px 18px 12px;
            width: calc(100% - 24px);
            gap: 2rem;
          }
        }

        /* @media (max-width: 1000px) {
                    flex-direction: column;
                    padding: 64px 12px 18px 12px;
                    width: calc(100% - 24px);
                    gap: 2rem;
                } */
      }

      button {
        padding: 12px 20px;
        background-color: rgba(112, 44, 251, 1);
        width: 360px;
        text-align: center;
        border-radius: 8px;
        display: flex;
        justify-content: center;
      }

      h2 {
        width: 480px;
        line-height: 38px;
        color: white;
        width: fit-content;
        min-width: 50%;

        @media (max-width: 1400px) {
          text-align: center;
          min-width: 65%;
        }
      }

      form {
        display: flex;
        flex-direction: column;
        gap: 1rem;

        @media (max-width: 1400px) {
          padding: 0;
        }

        .input-container {
          position: relative;
          width: 100%;

          max-width: 306px;
        }

        .input-container input {
          width: 100%;
          border-radius: 8px;
          border: none;
          padding: 12px 14px;
          padding-left: 40px; /* Espaço para o ícone */
        }

        .input-container .icon {
          position: absolute;
          left: 10px;
          top: 50%;
          transform: translateY(-50%);
          pointer-events: none; /* A imagem não interfere na interação com o input */
          height: 20px; /* Ajuste a altura conforme necessário */
          width: 20px; /* Ajuste a largura conforme necessário */
        }
      }
    }
  }
}

/*Nova Homepage - V2*/

:root {
  --home-page-text-color: #475467;
  --home-page-white-color: #fcfcfc;
  --home-page-secondary-color: #ff007c;
  --home-page-gray-color: #68727d;
  --home-page-primary-color: #702cfb;
  --home-page-purple: #ebe1ff;
  --home-page-purple-background: #fbf9ff;
  --home-page-gradient-background: linear-gradient(
    360deg,
    #f1eaff 0%,
    #ffffff 80.51%
  );
  --home-page-gradient-title: linear-gradient(
    76.16deg,
    #503c79 -3.3%,
    #6a128b 75.8%
  );
}

@keyframes homePageFadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body.page-template-page-home,
body.home.page-template-default {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Cairo", sans-serif;

  button:not(.close) {
    cursor: pointer;
    width: fit-content;
    height: 60px;
    padding: 16px 24px 16px 24px;
    gap: 8px;
    display: flex;
    border-radius: 79px;
    border: none;

    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 1px;
    text-align: left;

    color: var(--home-page-white-color);
    background-color: var(--home-page-secondary-color);
    align-items: center;
    text-transform: uppercase;
    font-family: "Cairo", sans-serif;
    & > img {
      width: 20px;
      height: 20px;
    }

    & > a {
      color: var(--home-page-white-color);
    }

    &:hover {
      background-color: #c90263;
    }

    @media (max-width: 1000px) {
      font-size: 16px;
      font-weight: 900;
      line-height: 28px;
      letter-spacing: 2px;
      text-align: left;
    }
  }

  h2 {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.02em;
    padding: 0;
    margin: 0;
    text-align: center;
    color: var(--home-page-secondary-color);

    @media (max-width: 1000px) {
      font-size: 30px;
      line-height: 34px;
      text-align: center;
    }
  }

  h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    margin: 0;
    color: var(--home-page-primary-color);

    @media (max-width: 1000px) {
      font-size: 20px;
      font-weight: 700;
      line-height: 20px;
      text-align: left;
    }
  }

  h4 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    line-height: 28px;
    text-align: center;
    color: var(--home-page-gray-color);
  }

  h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-align: left;
    margin: 0;
    color: var(--home-page-primary-color);
  }

  p:not(.ContactForm) {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin: 0;
    color: var(--home-page-text-color);
  }

  section {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    & > .container {
      /* margin: 0 auto; */
      max-width: 1280px;
      width: 100%;
      /* padding: 32px 80px; */
    }
  }

  .order1 {
    order: 1;
    display: flex;
  }
  .order2 {
    order: 2;
  }
  .order3 {
    order: 3;
  }
  .order4 {
    order: 4;
  }
  .order5 {
    order: 5;
  }
  .order6 {
    order: 6;
  }
  .order7 {
    order: 7;
  }
  .order8 {
    order: 8;
  }
  .order9 {
    order: 9;
  }
  .order10 {
    order: 10;
  }

  .display-none {
    display: none !important;
  }

  .section-background-gradient {
    background: var(--home-page-gradient-background);
  }

  .container-form {
    background: var(--home-page-primary-color);
    display: flex;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/container-form.svg);
    border-radius: 1rem;
    height: fit-content;
    align-items: center;
    max-width: 1280px;

    display: flex;
    justify-content: space-between;

    @media (max-width: 1000px) {
      flex-direction: column;
      gap: 32px;

      & > form {
        flex-direction: column;
      }
    }

    & > div {
      & > h3 {
        font-size: 36px;
        font-weight: 700;
        line-height: 44px;
        letter-spacing: -0.02em;
        text-align: left;

        color: white;
      }

      & > p {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        color: rgba(255, 255, 255, 0.9);
      }
    }

    & > form {
      display: flex;
      width: fit-content;
      height: fit-content;
      align-items: center;
      gap: 1rem;

      @media (max-width: 1000px) {
        align-items: start;
        width: 100%;
      }

      & > button {
        width: 271px;
        height: 60px;
        /* padding: 12px 24px 12px 24px; */
        border-radius: 79px 0px 0px 0px;
        letter-spacing: 1px;
        border-radius: 8px;
        text-transform: none;
        font-family: Cairo;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 24px;
        /* letter-spacing: 0.02em; */
        display: flex;
        align-items: center;
        justify-content: center;

        @media (max-width: 1000px) {
          width: 100%;
        }
      }
    }

    .input-container {
      position: relative;
      width: 360px;
      height: fit-content;

      @media (max-width: 500px) {
        width: calc(100% - 48px);
      }

      & > input {
        max-width: 306px;
        width: calc(100% - 6px);
        border-radius: 8px;
        font-size: 18px;
        border: none;
        padding: 12px 14px;
        padding-left: 40px; /* Espaço para o ícone */
      }

      & > .icon {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none; /* A imagem não interfere na interação com o input */
        height: 20px; /* Ajuste a altura conforme necessário */
        width: 20px; /* Ajuste a largura conforme necessário */
      }
    }
  }

  .container-icon {
    padding: 14px;
    border-radius: 0.5rem;
    max-height: 48px;
    max-width: 48px;
    display: flex;
    height: fit-content;
    width: fit-content;
    background-color: var(--home-page-purple);

    img {
      min-width: 20px;
      width: 20px;
      height: 20px;
      min-height: 20px;
    }
  }

  /* Section */

  .section-intro {
    position: relative;
    min-height: 886.5px;
    background-image: url(../img/background-intro.png);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    display: flex;

    & > img {
      min-height: 275px;
      object-fit: cover;

      width: 100%;
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;

      @media (max-width: 1000px) {
        min-height: 360px;
      }
    }

    .container {
      display: flex;
      align-items: center;
      gap: 24px;
      max-width: 1216px;
      justify-content: space-between;
      margin: auto;
      padding: 16px;

      @media (max-width: 1000px) {
        flex-direction: column;
      }

      & > .container-title {
        display: flex;
        width: 50%;
        height: 100%;
        margin-top: -100px;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        flex-direction: column;
        & > .title {
          max-width: 674px;
          /* margin: 0 0.9rem 1.5rem 0; */
          display: inline-block;
          overflow-wrap: break-word;
          font-weight: 800;
          font-size: 4rem;
          line-height: 1.063;
          background: var(--home-page-gradient-title);
          color: var(--grad-type, transparent);
          background-clip: text;
          -webkit-background-clip: text;
        }

        & > p {
          font-size: 24px;
          font-weight: 600;
          max-width: 548px;
          line-height: 28px;
          color: var(--home-page-gray-color);
          letter-spacing: -0.10000000149011612px;
          text-align: left;
        }

        & > button {
          margin-top: 12px;
        }

        @media (max-width: 1000px) {
          margin-top: 0;
          gap: 20px;
          width: 100%;

          & > .title {
            font-size: 3rem;
            font-weight: 800;
            max-width: 100%;
            padding-top: 20px;
          }
          & > p {
            font-size: 18px;
            font-weight: 600;
            max-width: 100%;
          }
        }
      }
      & > .container-img {
        height: fit-content;
        max-width: 470px;
        width: calc(100% - 32px);
        max-height: 778px;
        display: flex;
        align-items: center;
        position: relative;

        & > .bubble-message {
          position: absolute;
        }

        & > .bubble-message-I {
          top: 260px;
          right: 0;
          animation: homePageFadeIn 1s;

          @media (max-width: 470px) {
            top: 19%;
          }
        }

        & > .bubble-message-II {
          left: 0;
          top: 320px;
          animation: homePageFadeIn 3s;

          @media (max-width: 470px) {
            top: 27.5%;
          }
        }

        & > .bubble-message-III {
          top: 472px;
          right: -35px;
          animation: homePageFadeIn 5s;

          @media (max-width: 470px) {
            top: 49.5%;
          }
        }

        & > .bubble-message-IV {
          right: 5px;
          top: 534px;
          animation: homePageFadeIn 7s;

          @media (max-width: 470px) {
            top: 58.5%;
          }
        }

        & > .bubble-message-V {
          top: 578px;
          left: 0px;
          animation: homePageFadeIn 9s;

          @media (max-width: 470px) {
            top: 64.5%;
          }
        }

        flex-direction: column;
        & > .phone {
          margin: auto;
          margin-top: 110px;
          min-height: 750px;
          align-self: flex-end;
        }
        @media (max-width: 1000px) {
          & > .phone {
            min-height: auto;
            width: 100%;
            margin-top: 0;
            margin-bottom: 70px;
          }
        }
      }
    }
  }

  /* Section */

  .section-information {
    display: flex;
    .container {
      padding: 0px 32px 0px 32px;
      /* max-width: 1280px; */
      display: flex;
      flex-direction: column;
      margin: 0 auto;

      & > h2 {
        max-width: 768px;
        margin: auto;
        margin-bottom: 20px;
      }

      & > button {
        margin: 0 auto;
      }
      & > .container-info {
        margin: 56px 0 40px 0;
        display: flex;
        gap: 64px;

        & > img {
          width: 50%;
        }
        & > .infos {
          display: flex;
          width: 50%;
          flex-direction: column;
          justify-content: space-between;

          & > .card-info {
            width: 100%;

            gap: 20px;
            margin-bottom: 1rem;
            display: flex;
            & > .text {
              display: flex;
              flex-direction: column;
              gap: 8px;
              h4 {
                line-height: 30px;
                font-weight: 700;
                text-align: left;
                color: var(--home-page-primary-color);
              }
              p {
                line-height: 24px;
                font-size: 16px;
              }
            }
          }
        }
      }

      @media (max-width: 1000px) {
        padding: 16px;
        & > .container-info {
          flex-direction: column-reverse;
          gap: 2rem;
          position: relative;

          & > img {
            width: 100%;
          }

          & > .infos {
            & > .card-info {
              padding: 16px 0;
              margin: 0;
              gap: 12px;
              flex-direction: column;
            }
            width: 100%;
          }
        }
      }
    }
  }

  /* Section */
  .section-steps {
    display: flex;
    margin-top: 48px;
    & > .container {
      justify-content: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 auto;
      max-width: 1280px;
      padding: 32px 80px;

      & > button {
        margin-top: 24px;
        margin-bottom: 32px;
      }
      h5 {
        margin-bottom: 1rem;
      }
      & > h2,
      h5 {
        align-self: flex-start;
      }

      @media (max-width: 1000px) {
        padding: 0 24px;

        & > h2,
        h5 {
          align-self: center;
          & > span {
            display: none;
          }
        }

        & > button {
          margin-top: 32px;
          margin-bottom: 64px;
        }
      }

      & .content {
        margin: 40px 0;
        display: flex;
        flex-direction: column;
        gap: 36px;
        div:nth-child(1) {
          display: flex;

          justify-content: space-between;
          gap: 36px;
          img {
            width: calc(50% - 18px);
          }
          @media (max-width: 850px) {
            gap: 18px;
          }
        }

        div:nth-child(2) {
          width: 100%;
          display: flex;
          justify-content: space-between;
          gap: 36px;
          img {
            width: calc(33% - 24px);
          }
          @media (max-width: 850px) {
            gap: 18px;
          }
        }

        @media (max-width: 850px) {
          & > div {
            flex-direction: column;
            & > img {
              width: 100% !important;
            }
          }
        }
      }
    }
  }

  .section-copiloto {
    & > .container {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      align-items: center;

      & > .card {
        margin: 48px auto 32px auto;
        overflow: hidden;
        width: calc(100%);
        border-radius: 20px;
        background-color: var(--home-page-white-color);

        .tab-copilot-container-content {
          padding: 48px;
          gap: 24px;
          flex-direction: column;
          height: fit-content;

          display: flex;

          @media (max-width: 1000px) {
            padding: 24px;
            gap: 12px;
          }
        }

        .tab-copilot-container {
          overflow: hidden;
          border-bottom: 1px solid #e6e8ec;
          display: flex;
          & > .tab-copilot-item {
            min-width: 52px;
            padding: 16px 32px;
            display: flex;
            justify-content: center;
            height: 44px;
            align-items: center;
            justify-content: center;
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: -0.005em;
            text-align: center;
            cursor: pointer;
            color: #919ba9;
            box-sizing: content-box;

            @media (max-width: 700px) {
              font-size: 14px;
              font-weight: 700;
            }
          }
          & > .select-copilot-item {
            background-color: var(--home-page-purple-background);
            border-bottom: solid 4px var(--home-page-primary-color);
            color: #702cfb;
          }
        }
      }

      @media (max-width: 1280px) {
        & > .card {
          width: calc(100% - 48px);
          .tab-copilot-container-content {
            padding: 24px;

            & > p {
              font-size: 16px;
              font-weight: 500;
            }
          }
        }
      }
    }
  }

  /* Section */
  .section-partners {
    position: relative;
    padding-bottom: 10%;

    h2 {
      margin: 50px auto;
    }

    .swiper-wrapper {
      display: flex;
      justify-content: space-around;
    }

    .image-bottom {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }

  /* Section */
  .section-video {
    position: relative;
    display: flex;

    & > .container {
      padding: 88px 80px 0px 80px;
      margin: 0 auto;
      box-sizing: content-box;

      @media (max-width: 700px) {
        padding: 40px 10px 0px 10px;
      }
    }

    & > img {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }

  /* Section */
  .section-benefit-solution {
    background-image: url(../img/section-benefit-details.svg);
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    box-sizing: content-box;

    @media (max-width: 1000px) {
      background-size: cover;
    }

    & > .container {
      padding: 32px 80px;
      box-sizing: content-box;

      @media (max-width: 1000px) {
        padding: 16px !important;
        width: calc(100% - 32px);
        box-sizing: border-box;
      }

      /* display: flex; */
      margin: 0 auto;
      & > .card {
        /* width: 100%; */
        width: calc(100% - 112px);
        flex-direction: column;
        gap: 44px;
        padding: 56px;
        display: flex;
        align-items: self-start;
        min-height: fit-content;
        justify-content: center;
        height: fit-content;
        border-radius: 32px;
        box-shadow: 0px 4px 40.5px 0px #d7e4f975;
        background-color: var(--home-page-white-color);
        position: relative;
        box-sizing: content-box;

        @media (max-width: 1000px) {
          padding: 56px 10px;
          width: 100%;
        }

        & > button {
          margin-top: 95px;
          align-self: center;

          @media (max-width: 1000px) {
            display: none;
          }
        }

        .container-info {
          width: calc(50% - 44px);
          position: absolute;
          right: 64px;
          display: flex;
          box-sizing: content-box;

          @media (max-width: 1000px) {
            position: relative !important;
            width: 100% !important;
            right: 0 !important;

            & > .menu-benefit {
              display: flex;
              gap: 24px;
              align-items: center;

              & > button {
                display: flex;
                margin-bottom: 20px;
              }

              & > img {
                padding: 1rem 0;
              }
            }
          }
        }

        .select-tablink {
          background-color: var(--home-page-purple-background) !important;
          color: var(--home-page-primary-color) !important;
          font-weight: 700 !important;
          border-left: var(--home-page-primary-color) solid 4px !important;
          width: calc(100% - 56px) !important;
          box-sizing: content-box;

          @media (max-width: 1000px) {
            & > img {
              transform: rotate(270deg) !important;
            }
          }
        }

        & > .drop-down {
          flex-direction: column;
          width: calc(50% - 24px);
          box-sizing: content-box;

          @media (max-width: 1000px) {
            width: 100% !important;
          }
        }

        .menu-benefit {
          flex-direction: column;
          display: flex;
          gap: 40px;
          box-sizing: content-box;

          & > button {
            display: none;
          }

          justify-content: space-between;

          & > img {
            width: 100%;
            max-width: 560px;
            max-height: 406px;
            padding: 0;
            box-sizing: content-box;
          }

          & > div {
            display: flex;
            flex-direction: column;
            gap: 24px;
            box-sizing: content-box;

            & > h4 {
              text-align: left;
            }
          }
        }

        .tablink {
          font-size: 20px;
          color: var(--home-page-text-color);
          font-weight: 600;
          padding: 16px 24px;
          height: 30px;
          width: calc(100% - 52px);
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer;
          box-sizing: content-box;

          & > img {
            min-width: fit-content;
            height: 18px;
            padding: 6px;
            box-sizing: content-box;

            @media (max-width: 1000px) {
              transform: rotate(90deg);
            }
          }
        }

        & > div {
          display: flex;
          /* gap: 0.5rem; */
          width: 100%;
          box-sizing: content-box;
          & > div {
            width: 100%;
            box-sizing: content-box;
          }
        }

        & > h2 {
          text-align: left;
        }

        @media (max-width: 1000px) {
          & > div {
            flex-direction: column;
          }
        }
      }
    }
  }

  /* Section */
  .section-ideal-delivery {
    display: flex;
    .container {
      margin: auto;
      margin-top: 32px;
      margin-bottom: 64px;
      display: flex;
      flex-direction: column;
      gap: 64px;
      align-items: center;
      font-family: "Cairo", sans-serif;

      @media (max-width: 1000px) {
        gap: 24px;
      }

      & > span {
        font-family: "Cairo", sans-serif;
        font-size: 18px;
        font-style: italic;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        color: rgba(104, 114, 125, 1);
      }

      & > div {
        max-width: 1280px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        margin: auto;
        justify-content: center;
        height: 100%;

        & > div {
          width: 280px;
          height: 276px;
          position: relative;
          & > img {
            width: 280px;
            height: 276px;
            object-fit: cover;
            object-position: bottom;
            border-radius: 7px;
          }
          display: flex;
          & > p {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.9);
            padding: 12px 16px;
            margin: auto;
            box-shadow: 0px 1px 3px 0px #1018281a;
            width: calc(100% - 56px);
            border-radius: 8px;
            left: 12px;
            bottom: 12px;
            display: flex;
            justify-content: center;
            align-items: center;

            font-family: "Cairo", sans-serif;
            font-size: 24px;
            font-weight: 700;
            line-height: 30px;
            letter-spacing: -0.01em;
            text-align: center;
            color: var(--home-page-primary-color);
            box-sizing: content-box;

            /*box-shadow: 0px 1px 2px -1px #1018281A;*/
          }
        }

        @media (max-width: 700px) {
          gap: 18px;
          height: 160px;
          & > div {
            width: calc(50% - 32px);
            height: 160px;
            & > p {
              font-size: 14px;
              padding-top: 3px;
              padding-bottom: 3px;
              box-sizing: content-box;
            }
          }
          & > div > img {
            width: 100%;
            height: 160px;
            /*           width: calc(50% - 36px); */
          }
          & > div:last-child {
            width: calc(100% - 44px); /*calc(100% - 46px);*/
            height: 160px;
            & > img {
              width: 100%;
              object-position: left;
              height: 160px;
            }
          }
        }
      }
    }
  }

  /* Section */
  .compare-features-table {
    .container {
      display: flex;
      flex-direction: column;
      margin: 34px auto;
      padding: 16px;
      align-items: center;
      gap: 32px;
      box-sizing: content-box;

      @media (max-width: 1280px) {
        width: calc(100% - 32px);
      }

      .container-form {
        padding: 48px 44px;
        gap: 73px;
        width: calc(100% - 88px);
        width: 100%;

        & > div > h3 {
          font-size: 24px;

          @media (max-width: 1000px) {
            font-size: 18px;
            font-weight: 700;
            line-height: 24px;
          }
        }

        @media (max-width: 1000px) {
          gap: 32px;
          padding: 24px 15px 0;
        }
      }

      .table-container {
        width: 100%;
        margin: auto;
        border-radius: 1rem;
        border: 1px solid #eaebf0;
        box-shadow: 0px -9px 52.85px 0px rgba(215, 228, 249, 0.5);
        overflow-x: auto;
      }
      table {
        width: 100%;
        border-collapse: collapse;
        margin: 0;
      }
      tbody {
        background-color: white;
      }
      th,
      td {
        padding: 16px 68px;
        text-align: center;

        @media (max-width: 1000px) {
          padding: 6px 15px;
        }

        & > img {
          width: none;
          max-width: none;
        }
      }
      th {
        background-color: #f9f9f9;
        border-bottom: #eaebf0 1px solid;
      }
      th:first-child {
        background: rgba(120, 84, 247, 1);
        color: white;
        font-weight: bold;
      }
      td {
        border-bottom: 1px solid #dddddd;
        color: #68727d;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
      }

      td:first-child {
        color: rgba(37, 37, 37, 1);
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
      }
      td img {
        max-height: 20px;
        vertical-align: middle;
        margin-right: 10px;
      }
    }
  }

  /* Section */
  .section-success-busnnies {
    padding-bottom: 50px;

    .container {
      margin: auto;
      display: flex;
      gap: 44px;
      flex-direction: column;

      .container-cards {
        display: flex;
        gap: 24px;

        .card {
          display: flex;
          width: 50%;
          padding: 32px;
          background-color: rgba(255, 255, 255, 1);
          gap: 24px;
          border-radius: 16px;
          border: 1px 0px 0px 0px;
          opacity: 0px;
          border: 1px solid var(--Stroke-Light-Base, rgba(234, 235, 240, 1));

          & div {
            font-size: 20px;

            & p {
              font-size: 24px;
              font-weight: 700;
            }
          }
        }
      }

      .container-form {
        padding: 64px 44px;
        margin-bottom: 103px;

        @media (max-width: 1280px) {
          padding: 44px 24px 0;
          width: 100%;

          & h3 {
            font-size: 28px;
            font-weight: 700;
            line-height: 32px;
          }

          & p {
            font-size: 18px;
            font-weight: 600;
          }
        }
      }

      @media (max-width: 1280px) {
        padding: 0px 16px;

        width: calc(100% - 32px);

        .container-cards {
          width: calc(100%);
          flex-direction: column;

          .card {
            width: 100%;
            padding: 20px;
            flex-flow: column;
            gap: 12px;

            & div {
              font-size: 16px;
              line-height: 24px;

              & p {
                font-size: 20px;
                font-weight: 700;
                color: #702cfb;
                margin-bottom: 4px;
              }
            }
          }
        }
      }
    }
  }
}

body.post-type-archive-material {
  .page-header .page-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.02em;
    padding: 0;
    margin: 0;
    text-align: center;
    color: var(--home-page-secondary-color);
  }

  .content-area.content-grid {
    width: 100%;
    max-width: none;

    .grid {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px;

      .grid-item {
        flex: 1 1 calc(25% - 20px);
        max-width: 18rem;
        min-width: 18rem;
        box-sizing: border-box;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 10px;
        background-color: #fff;
        border-radius: 15px;
        overflow: hidden;
        border: 2px solid #ff007c;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;

        .post-category {
          text-align: left;
          padding: 10px;
          font-size: 16px;
          font-weight: 900;
          color: #ff007c;
          text-transform: uppercase;
        }

        .post-thumbnail {
          text-align: center;
          margin-bottom: 15px;
          width: 100%;
          height: 300px;
          overflow: hidden;

          img {
            width: 100%;
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 10px;
          }
        }

        .post-header {
          text-align: center;
          padding: 10px;

          h2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            font-size: 16px;
            text-transform: none;
          }
        }

        .post-content-text {
          text-align: justify;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden;
          padding: 0 1em;
        }

        .post-header {
          text-align: center;
          margin-bottom: 0px;
        }
      }
    }
  }
}

body.single-material {
  .content-area.content-single {
    width: 100%;
    max-width: none;
  }

  .content-single .post-content figure {
    text-align: center;
  }
}