* {
  padding: 0;
  margin: 0;
  text-decoration: none;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* font-family: 'Caecilia'; */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  font-family: "Inter" !important;
  font-weight: auto;
}

/* span{
    display: block;
}

.btn{
    cursor: pointer;
    padding: 16px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

@mixin section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 100px 40px 60px;
}

@mixin card{

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 25px;
    background: #ffffff;
    border-radius: 8px;
} */
.container {
  max-width: 1216px;
  width: 95%;
  margin: 0 auto;
  /* padding: 0 1.5vw; */
  display: flex;
}

h1, h2, h3, h4, h5 {
  font-weight: 700;
}

button {
  font-weight: 400;
  font-size: 13.3333px;
}

input {
  font-size: 13.3333px;
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v18-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v18-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter-v18-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter-v18-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ===== Caecilia ===== */
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/PMNCaeciliaSansHeadLight.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/PMNCaeciliaSansHeadRg.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/PMNCaeciliaSansHeadBd.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/PMNCaeciliaSansHeadHv.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* $xl: 1380px;

@function getOpacity($color, $opacity){
    @return rgba($color, $opacity);
}
 */
header {
  background-color: rgba(255, 255, 255, 0.6588235294);
  position: sticky;
  top: 0;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 999;
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 4rem;
  padding-bottom: 1rem;
  padding-inline: 3.2rem;
  border-bottom: 1px solid rgb(226, 232, 240);
}
header .container .logo {
  width: 180px;
}
header .container .logo img {
  width: 100%;
}
header .container nav ul {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  font-size: 1.4rem;
  margin-bottom: 0;
}
header .container nav ul li {
  list-style: none;
  font-weight: 500;
}
header .container nav ul li a {
  text-decoration: none;
  color: #020817;
  transition: all 0.3s ease-in-out;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid transparent;
}
header .container nav ul li a:hover {
  border-bottom: 2px solid #F97316;
}
header .container .end_nav {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
header .container .end_nav .get_started a, header .container .end_nav .sign_in a {
  font-size: 1.4rem;
  text-decoration: none;
  padding: 10px 16px;
  color: #FFFFFF;
  background-color: #F97316;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
header .container .end_nav .get_started a:hover, header .container .end_nav .sign_in a:hover {
  background-color: #F87E2C;
}
header .container .end_nav .languages {
  position: relative;
  cursor: pointer;
  padding: 1rem;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: flex-end;
}
header .container .end_nav .languages img {
  width: 16px;
}
header .container .end_nav .languages:hover {
  background-color: #FFEADB;
}
header .container .end_nav .languages .languages_buttons {
  position: fixed;
  top: 65px;
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
  border: 1px solid rgb(226, 232, 240);
  background-color: #FFFFFF;
  width: 125px;
  border-radius: 6px;
  cursor: pointer;
  padding: 0.5rem;
  display: none;
}
header .container .end_nav .languages .languages_buttons .english, header .container .end_nav .languages .languages_buttons .spanish {
  padding: 8px 0;
  font-size: 1.4rem;
  color: #020817;
  text-align: center;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
header .container .end_nav .languages .languages_buttons .english:hover, header .container .end_nav .languages .languages_buttons .spanish:hover {
  background-color: #FFEADB;
  border-radius: 6px;
}
header .container .end_nav .hamburger .hamburger-box {
  width: 0px;
}
header .container .end_nav .hamburger .hamburger-box .hamburger-inner {
  width: 30px;
}
header .container .end_nav .hamburger .hamburger-box .hamburger-inner::before, header .container .end_nav .hamburger .hamburger-box .hamburger-inner::after {
  width: 30px;
}
header .mobile_nav {
  background-color: #FFFFFF;
  display: none;
}
header .mobile_nav ul {
  display: flex;
  justify-content: center;
  padding: 3rem 5rem;
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
}
header .mobile_nav ul li {
  list-style: none;
}
header .mobile_nav ul li a {
  color: #020817;
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 500;
  text-decoration: none;
}
header .mobile_nav ul li .get_started, header .mobile_nav ul li .sign_in {
  background-color: #F97316;
  color: #FFFFFF;
  width: calc(100vw - 10rem);
  padding: 16px;
  text-align: center;
  font-weight: 500;
  border-radius: 6px;
  display: block;
}

main .hero {
  padding-top: 12.8rem;
}
main .hero .container {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3rem;
}
main .hero .container .hero_text {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  width: 60%;
}
main .hero .container .hero_text h1 {
  /* font-size: clamp(3vw, 6rem, 4rem); */
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -3px;
  width: 100%;
  margin-bottom: 0;
}
main .hero .container .hero_text h1 span {
  color: #F97316;
}
main .hero .container .hero_text p {
  font-size: clamp(1.6rem, 2rem, 2vw);
  color: #64748B;
  max-width: 600px;
  margin-bottom: 0;
}
main .hero .container .hero_text p span {
  font-weight: 500;
}
main .hero .container .hero_text .hero_buttons {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
main .hero .container .hero_text .hero_buttons a {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  text-decoration: none;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 10px 32px;
  border-radius: 6px;
  font-weight: 500;
  line-height: 2rem;
  transition: all 0.3s ease-in-out;
}
main .hero .container .hero_text .hero_buttons a:nth-child(1) {
  background-color: #F97316;
  color: #FFFFFF;
}
main .hero .container .hero_text .hero_buttons a:nth-child(1):hover {
  background-color: #F87E2C;
}
main .hero .container .hero_text .hero_buttons a:nth-child(2) {
  color: #020817;
  border: 1px solid rgb(226, 232, 240);
}
main .hero .container .hero_text .hero_buttons a:nth-child(2):hover {
  background-color: #FFEADB;
}
main .hero .container .hero_text .checked_text {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  margin-top: 24px;
}
main .hero .container .hero_text .checked_text .first_text, main .hero .container .hero_text .checked_text .second_text {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}
main .hero .container .hero_text .checked_text .first_text svg, main .hero .container .hero_text .checked_text .second_text svg {
  color: #F97316;
}
main .hero .container .hero_text .checked_text .first_text p, main .hero .container .hero_text .checked_text .second_text p {
  font-size: 1.2rem;
}
main .hero .container .get_started_form {
  width: 50%;
  max-width: 448px;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2.4rem;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 12px;
  justify-content: space-between;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}
main .hero .container .get_started_form .form_title {
  margin-bottom: 2.4rem;
}
main .hero .container .get_started_form .form_title h5 {
  font-size: 2.4rem;
  color: #020817;
}
main .hero .container .get_started_form .form_title p {
  font-size: 1.6rem;
  color: #64748B;
  margin-bottom: 0;
}
main .hero .container .get_started_form label {
  color: #020817;
  font-weight: 500;
  font-size: 1.4rem;
}
main .hero .container .get_started_form input {
  padding: 8px 12px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  margin: 8px 0 16px 0;
  outline-color: #F97316;
}
main .hero .container .get_started_form button {
  margin-block: 1.6rem;
  background: none;
  background-color: #F97316;
  color: #FFFFFF;
  border-radius: 8px;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
main .hero .container .get_started_form button:hover {
  background-color: #F87E2C;
}
main .hero .container .get_started_form p {
  font-size: 1.2rem;
  color: #64748B;
  margin-bottom: 0;
}
main .hero .container .get_started_form p a {
  text-decoration: underline;
  color: #64748B;
}
main .features {
  padding-top: 10rem;
}
main .features .container {
  flex-direction: column;
}
main .features .container h2, main .features .container .description {
  text-align: center;
}
main .features .container h2 {
  font-size: clamp(3rem, 3.6rem, 3vw);
  margin-bottom: 2rem;
  letter-spacing: -0.9px;
}
main .features .container h2 span {
  color: #F97316;
}
main .features .container .description {
  font-size: clamp(1.6rem, 1.8rem, 2vw);
  color: #64748B;
  max-width: 700px;
  width: 55%;
  margin: auto;
  margin-bottom: 3.2rem;
}
main .features .container .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  margin-block: 5rem;
}
main .features .container .cards .card {
  display: flex;
  flex-direction: column;
  width: 375px;
  padding: 24px;
  row-gap: 1.5rem;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
main .features .container .cards .card:hover {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}
main .features .container .cards .card svg {
  color: #F97316;
}
main .features .container .cards .card h3 {
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: -0.6px;
}
main .features .container .cards .card p {
  font-size: 1.6rem;
  text-align: center;
  color: #64748B;
  line-height: 24px;
  margin-bottom: 0;
}
main .how_it_works {
  display: none;
  margin-top: 10rem;
  padding-bottom: 10rem;
  background-color: #F9FAFB;
  padding-block: 10rem;
}
main .how_it_works .container {
  flex-direction: column;
}
main .how_it_works .container h2 {
  text-align: center;
  font-size: 3.6rem;
  line-height: 40px;
}
main .how_it_works .container .description {
  font-size: clamp(1.6rem, 1.8rem, 2vw);
  color: #64748B;
  text-align: center;
  margin-top: 2rem;
}
main .how_it_works .container .cards {
  display: flex;
  gap: 2rem;
  margin-top: 5rem;
  justify-content: center;
  flex-wrap: wrap;
}
main .how_it_works .container .cards .card {
  border: 1px solid rgb(226, 232, 240);
  padding: 20px;
  border-radius: 12px;
  background-color: #FFFFFF;
  width: 270px;
}
main .how_it_works .container .cards .card h3 {
  font-size: 2rem;
  line-height: 24px;
  color: #020817;
  text-align: center;
}
main .how_it_works .container .cards .card p {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  color: #64748B;
  text-align: center;
}
main .how_it_works .container .calls_flow {
  margin-top: 5rem;
}
main .how_it_works .container .calls_flow h3 {
  text-align: center;
  font-size: 2.4rem;
  line-height: 32px;
}
main .how_it_works .container .flow_cards {
  display: flex;
  justify-content: space-around;
  margin-top: 5rem;
  flex-wrap: wrap;
  gap: 2rem;
}
main .how_it_works .container .flow_cards .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 16px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  width: 230px;
  row-gap: 1rem;
}
main .how_it_works .container .flow_cards .card svg {
  color: #F97316;
}
main .how_it_works .container .flow_cards .card h4 {
  font-size: 1.6rem;
  line-height: 28px;
}
main .how_it_works .container .flow_cards .card p {
  font-size: 1.4rem;
  color: #64748B;
}
main .how_it_works .container .flow_cards .card:hover {
  background-color: #FFF1EB;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
main .how_it_works .container a {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  font-size: 1.4rem;
  color: #FFFFFF;
  background-color: #F97316;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3rem auto 0 auto;
  padding: 10px 32px;
  border-radius: 6px;
  font-weight: 500;
}
main .statistics .container {
  background-color: #F97316;
  padding: 6.4rem;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 3rem;
}
main .statistics .container .statistic {
  text-align: center;
  color: #FFFFFF;
}
main .statistics .container .statistic h2 {
  font-size: 4.8rem;
  line-height: 48px;
  margin-bottom: 0;
}
main .statistics .container .statistic h2 span {
  font-weight: 400;
  font-size: 4rem;
}
main .statistics .container .statistic p {
  font-size: 1.6rem;
  margin-top: 8px;
  margin-bottom: 0;
}
main .demo .container {
  background: linear-gradient(to bottom, #F9FAFB, #ffffff);
  padding-block: 10rem;
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
}
main .demo .container h2 {
  /* font-size: clamp(2rem, 3.6rem, 3vw); */
  font-size: 3rem;
  color: #020817;
  text-align: center;
  line-height: 40px;
  margin-bottom: 0;
}
main .demo .container p {
  color: #64748B;
  text-align: center;
  font-size: 1.8rem;
  line-height: 28px;
  width: 50%;
  margin: auto;
  margin-bottom: 32px;
}
main .demo .container .form_container {
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  max-width: 576px;
  width: 100%;
  /* width: 40%; */
}
main .demo .container .form_container .form_header {
  background-image: linear-gradient(to right, rgb(249, 115, 22), rgb(245, 158, 11));
  padding: 16px;
  border-radius: 6px 6px 0 0;
}
main .demo .container .form_container .form_header h3 {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  font-size: 1.4rem;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
main .demo .container .form_container .form_body {
  padding: 20px;
  border: 1px solid rgb(226, 232, 240);
  background-color: #FFFFFF;
}
main .demo .container .form_container .form_body form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
main .demo .container .form_container .form_body form .phone_number label {
  font-size: 1.4rem;
  color: #020817;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 4px;
}
main .demo .container .form_container .form_body form .phone_number .relative {
  position: relative;
  display: flex;
  align-items: center;
}
main .demo .container .form_container .form_body form .phone_number .relative svg {
  position: absolute;
  left: 10px;
  color: rgb(156, 163, 175);
  width: 20px;
}
main .demo .container .form_container .form_body form .phone_number .relative input {
  padding: 8px 12px 8px 40px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  width: 100%;
  font-size: 1.4rem;
}
main .demo .container .form_container .form_body form .phone_number .relative input:focus {
  outline-color: #F97316;
}
main .demo .container .form_container .form_body form .show_advanced_search {
  display: flex;
  align-items: center;
  justify-content: left;
  background: none;
  border: none;
  color: rgb(107, 114, 128);
  cursor: pointer;
  font-size: 1.4rem;
  /* padding-bottom: 1.6rem;
  border-bottom: 1px solid rgb(226, 232, 240); */
}
main .demo .container .form_container .form_body form .show_advanced_search:hover {
  color: #F97316;
}
main .demo .container .form_container .form_body form .second_part_form {
  display: none;
  flex-direction: column;
  row-gap: 2rem;
}
main .demo .container .form_container .form_body form .second_part_form .first_row {
  display: flex;
  gap: 2rem;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div {
  width: 50%;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div label {
  font-size: 1.4rem;
  color: #020817;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 4px;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div .relative {
  position: relative;
  display: flex;
  align-items: center;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div .relative svg {
  position: absolute;
  left: 10px;
  color: rgb(156, 163, 175);
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div .relative input {
  padding: 8px 12px 8px 40px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  width: 100%;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div .relative input:nth-child(1) {
  padding: 8px 12px;
}
main .demo .container .form_container .form_body form .second_part_form .first_row > div .relative input:focus {
  outline-color: #F97316;
}
main .demo .container .form_container .form_body form .second_part_form .second_row label {
  font-size: 1.4rem;
  color: #020817;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 4px;
}
main .demo .container .form_container .form_body form .second_part_form .second_row .relative {
  position: relative;
  display: flex;
  align-items: center;
}
main .demo .container .form_container .form_body form .second_part_form .second_row .relative svg {
  position: absolute;
  left: 10px;
  color: rgb(156, 163, 175);
}
main .demo .container .form_container .form_body form .second_part_form .second_row .relative input {
  padding: 8px 12px 8px 40px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  width: 100%;
}
main .demo .container .form_container .form_body form .second_part_form .second_row .relative input:focus {
  outline-color: #F97316;
}
main .demo .container .form_container .form_body form .find_matching_records {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  color: #FFFFFF;
  border: none;
  background-color: #F97316;
  text-align: center;
  padding: 8px 16px;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-weight: 500;
}
main .demo .container .form_container .form_body form .find_matching_records:hover {
  background-color: #F87E2C;
}
main .demo .container .form_container .form_body .form_details {
  font-size: 1.2rem;
  line-height: 16px;
  color: #64748B;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
}
main .demo .container .results_container {
  max-width: 576px;
  width: 100%;
}
main .demo .container .results_container > div {
  width: 100%;
}
main .demo .container .results_container > div > p {
  text-align: left;
  margin: 0;
  padding-block: 1rem;
  font-weight: 600;
  color: #020817;
}
main .demo .container .results_container > div .results_cards_container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
main .demo .container .results_container > div .results_cards_container .result_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid rgb(226, 232, 240);
  border-left-color: rgb(249, 211, 21);
  border-left-width: 4px;
  cursor: pointer;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
main .demo .container .results_container > div .results_cards_container .result_card:hover {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .avatar {
  background-color: rgb(255, 247, 237);
  padding: 20px;
  color: rgb(194, 65, 12);
  font-weight: 700;
  font-size: 1.5rem;
  border-radius: 50%;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info {
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info h4 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info .phone_number {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 10px;
  display: inline;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.4rem;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info .labels {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info .labels span {
  background-color: rgb(255, 247, 237);
  padding: 2px 10px;
  color: rgb(194, 65, 12);
  font-weight: 600;
  font-size: 1.2rem;
  border-radius: 10px;
}
main .demo .container .results_container > div .results_cards_container .result_card .right_content {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .demo .container .results_container > div .results_cards_container .result_card .right_content .percentage {
  font-size: 1.8rem;
  color: rgb(22, 163, 74);
  margin-bottom: 0;
}
main .demo .container .results_container > div .results_cards_container .result_card .right_content svg {
  color: rgb(100, 116, 139);
}
main .ai {
  margin-top: 10rem;
}
main .ai .container {
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
  background-color: #F9FAFB;
  padding-top: 9.6rem;
  background-color: #F9FAFB;
}
main .ai .container span {
  font-size: 1.8rem;
  line-height: 28px;
  padding: 8px 24px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 25px;
  font-weight: 500;
}
main .ai .container .next_gen_text {
  margin-bottom: 6.4rem;
}
main .ai .container .next_gen_text .next_gen_title {
  font-size: clamp(2.4rem, 4.8rem, 3.2vw);
  line-height: 48px;
  color: #020817;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: -1.2px;
  margin-bottom: 24px;
}
main .ai .container .next_gen_text .next_gen_description {
  color: #64748B;
  font-size: 2rem;
  line-height: 28px;
  text-align: center;
  max-width: 900px;
  width: 100%;
}
main .ai .container .ai_second_title {
  font-size: clamp(2rem, 3.6rem, 3vw);
  line-height: 40px;
  color: #020817;
  text-align: center;
  margin-bottom: 0;
  padding-top: 9.6rem;
}
main .ai .container .ai_description {
  color: #64748B;
  font-size: 1.8rem;
  line-height: 28px;
  text-align: center;
  max-width: 800px;
  width: 100%;
}
main .ai .container .ai_cards {
  display: flex;
  justify-content: center;
  /* flex-wrap: wrap; */
  gap: 3rem;
  width: 100%;
  flex-direction: column;
}
main .ai .container .ai_cards .main_ai_cards {
  display: flex;
  gap: 3rem;
  justify-content: center;
}
main .ai .container .ai_cards .main_ai_cards .problem_card {
  min-width: 500px;
  max-width: 496px;
  width: 50%;
  border: 1px solid rgb(254, 215, 170);
  padding: 24px;
  border-radius: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  height: auto;
}
main .ai .container .ai_cards .main_ai_cards .problem_card > div {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
main .ai .container .ai_cards .main_ai_cards .problem_card .problem_card_title {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .ai .container .ai_cards .main_ai_cards .problem_card .problem_card_title svg {
  color: #F97316;
}
main .ai .container .ai_cards .main_ai_cards .problem_card .problem_card_title h3 {
  font-size: 2.4rem;
  line-height: 24px;
  color: #020817;
  margin-bottom: 0;
}
main .ai .container .ai_cards .main_ai_cards .problem_card p, main .ai .container .ai_cards .main_ai_cards .problem_card li, main .ai .container .ai_cards .main_ai_cards .problem_card h4 {
  font-size: 1.6rem;
  line-height: 24px;
}
main .ai .container .ai_cards .main_ai_cards .problem_card li {
  margin-left: 30px;
}
main .ai .container .ai_cards .main_ai_cards .problem_card .solution {
  color: #64748B;
  margin-bottom: 0;
  text-align: justify;
}
main .ai .container .ai_cards .main_ai_cards .demo_card {
  min-width: 500px;
  width: 50%;
  min-height: 438px;
  border: 1px solid rgb(226, 232, 240);
  padding: 24px;
  border-radius: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  max-width: 496px;
  /* height: fit-content; */
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_title {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_title svg {
  color: #F97316;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_title h3 {
  font-size: 2.4rem;
  line-height: 24px;
  color: #020817;
  margin-bottom: 0;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button {
  background: none;
  padding: 2px 16px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  background-color: #F97316;
  color: #FFFFFF;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button:nth-child(1) {
  box-shadow: 0 10px 15px -3px rgb(249, 115, 22);
  animation: pulse 3s infinite;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button:nth-child(1):hover {
  background-color: #F87E2C;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button:disabled {
  background-color: transparent;
  color: #020817;
  opacity: 0.5;
  border: 1px solid rgb(226, 232, 240);
  cursor: not-allowed;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_up {
  display: none;
  flex-direction: column;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_up .progress_bar_head {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_up .progress_bar_head p {
  font-weight: 400;
  margin-bottom: 0;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_up .progress_container {
  position: relative;
  width: 100%;
  height: 10px;
  background: #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin: 2rem auto;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_up .progress_container .progress_bar_up {
  height: 100%;
  width: 0%;
  background: #F97316;
  transition: width 0.1s linear;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel {
  border: 1px solid rgb(226, 232, 240);
  padding: 6rem 8.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  row-gap: 1rem !important;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel > p {
  font-weight: 400;
  margin-bottom: 0;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel .individual_dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel .individual_dialog .key_info_dialog {
  border-radius: 4px !important;
  font-weight: 500;
  padding: 4px !important;
  border: none;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel .transcribing_detail {
  margin-bottom: 1rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .card_text_panel .dialog {
  color: #020817;
  font-weight: 400;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_down {
  display: flex;
  flex-direction: column;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_down .progress_bar_head {
  display: flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_down .progress_container {
  position: relative;
  width: 100%;
  height: 10px;
  background: #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin: 1rem auto;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_progress_down .progress_container .progress_bar {
  height: 100%;
  width: 100%;
  background: #F97316;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_completed {
  background-color: #FAFCFD;
  color: #020817;
  padding: 8px 16px;
  border-radius: 6px;
  /* font-size: 1.4rem; */
  border: 1px solid rgb(226, 232, 240);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .ai .container .ai_cards .main_ai_cards .demo_card .transcription_completed svg {
  color: rgb(22, 163, 74);
}
main .ai .container .ai_cards .main_ai_cards .demo_card strong {
  font-size: 1.6rem;
  line-height: 24px;
  color: #F97316;
  font-weight: 600;
}
main .ai .container .ai_cards .main_ai_cards .demo_card p {
  font-size: 1.6rem;
  color: #64748B;
  font-weight: 300;
  text-align: center;
}
main .ai .container .ai_cards .extracted_data_container {
  display: flex;
  justify-content: center;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data {
  display: flex;
  flex-direction: column;
  max-width: 1035px;
  width: 100%;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid rgb(226, 232, 240);
  padding: 2.4rem;
  row-gap: 2rem;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .title h3 {
  font-size: 2.4rem;
  line-height: 24px;
  color: #020817;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .title h3 svg {
  color: #18A44B;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info div label {
  font-size: 1.4rem;
  line-height: 20px;
  color: #64748B;
  font-weight: 500;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info div p {
  font-size: 1.6rem;
  line-height: 24px;
  color: #020817;
  padding: 0.8rem;
  border-radius: 6px;
  border: 1px solid rgb(226, 232, 240);
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .name p {
  background-color: #F4F9FF;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .health_conditions p {
  background-color: #FFF6F6;
  margin-bottom: 0%;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .email_address p {
  background-color: #F4FEF8;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .sport_team p {
  background-color: #F6F8FF;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .address p {
  background-color: #FBF8FF;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .hobbies p {
  background-color: #FFFBEE;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .birth p {
  background-color: #FFFAF2;
  margin-bottom: 0;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .append_to_crm button {
  background: none;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: rgb(22, 163, 74);
  border: none;
  color: #FFFFFF;
  border-radius: 6px;
  align-self: end;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info .append_to_crm button:hover {
  background-color: rgb(21, 128, 61);
}
main .ai .container .benefits {
  display: flex;
  flex-direction: column;
  text-align: center;
  row-gap: 1rem;
  margin-block: 5rem;
}
main .ai .container .benefits h3 {
  font-size: 1.8rem;
  line-height: 28px;
  color: #020817;
  margin-bottom: 0;
}
main .ai .container .benefits div {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
main .ai .container .benefits div p {
  font-size: 1.4rem;
  line-height: 20px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgb(226, 232, 240);
  font-weight: 500;
  margin-bottom: 0;
}
main .appen_qc .container {
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
  background: #F9FAFB;
  padding-top: 9.6rem;
  padding-bottom: 5rem;
}
main .appen_qc .container span {
  font-size: 1.8rem;
  line-height: 28px;
  padding: 8px 24px;
  border: 1px solid rgb(254, 215, 170);
  border-radius: 25px;
  font-weight: 500;
  background-color: #FFEDD5;
  color: rgb(154, 52, 18);
}
main .appen_qc .container .appen_qc_title {
  font-size: clamp(2rem, 3.6rem, 3vw);
  line-height: 40px;
  color: #020817;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: -0.9px;
  /* padding-top: 9.6rem; */
}
main .appen_qc .container .appen_qc_description {
  color: #64748B;
  font-size: 1.8rem;
  line-height: 28px;
  text-align: center;
  max-width: 735px;
  width: 100%;
  margin-bottom: 4.8rem;
}
main .appen_qc .container .try_demo_qc {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
main .appen_qc .container .try_demo_qc .appen_start_qc {
  font-size: 1.4rem;
  text-decoration: none;
  padding: 10px 16px;
  color: #FFFFFF;
  background-color: #F97316;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  border: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
main .appen_qc .container .try_demo_qc .appen_start_qc:hover {
  background-color: rgb(234, 88, 12);
}
main .appen_qc .container .try_demo_qc .appen_start_qc > svg {
  width: 16px;
  height: 16px;
}
main .appen_qc .container .try_demo_qc .test_again_qc {
  font-size: 1.4rem;
  text-decoration: none;
  padding: 10px 16px;
  color: #020817;
  background-color: #FFF;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  border: 1px solid rgb(226, 232, 240);
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  display: none;
}
main .appen_qc .container .try_demo_qc .test_again_qc:hover {
  background-color: rgb(255, 234, 219);
}
main .appen_qc .container .try_demo_qc .test_again_qc > svg {
  width: 16px;
  height: 16px;
}
main .appen_qc .container .cards_qc_container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  padding-inline: 16px;
}
main .appen_qc .container .cards_qc_container .chat_container {
  border: 1px solid rgb(226, 232, 240);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  border-radius: 8px;
  width: 100%;
  background-color: #FFF;
  max-width: 1152px;
  min-height: 494px;
  max-height: 496px;
  overflow-y: auto;
  position: relative;
  grid-column: span 2;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 16px;
  position: sticky;
  top: 0;
  background-color: #FFF;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_header h3 {
  font-size: 2.4rem;
  line-height: 24px;
  color: #020817;
  letter-spacing: -0.6px;
  font-weight: 600;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_header span {
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #64748B;
  font-weight: 400;
  background-color: transparent;
  border: none;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc {
  display: flex;
  flex-direction: column;
  padding-inline: 24px;
  padding-bottom: 24px;
  row-gap: 1.5rem;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .qc_chat_instruction {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  line-height: 24px;
  color: #64748B;
  text-align: center;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc #typingQcChat {
  display: none;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .message_container_qc {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .message_container_qc .person {
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .message_container_qc .message {
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .message_container_qc .message .highlight_qc {
  background-color: rgb(187, 247, 208);
  color: rgb(22, 101, 52);
  padding: 0;
  border: none;
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 400;
  border-radius: 0;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .agent {
  max-width: 80%;
  background-color: rgb(239, 246, 255);
  color: rgb(30, 58, 138);
  border: 1px solid rgb(191, 219, 254);
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .agent .person {
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .customer {
  max-width: 80%;
  align-self: flex-end;
  color: rgb(17, 24, 39);
  background-color: rgb(249, 250, 251);
  border: 1px solid rgb(229, 231, 235);
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .customer .customer {
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .chat_container .chat_content_qc .message_alert {
  color: rgb(127, 29, 29);
  background-color: rgb(254, 242, 242);
  border-color: rgb(254, 202, 202);
}
main .appen_qc .container .cards_qc_container .right_cards {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  background-color: #FFF;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_header {
  padding: 24px;
  text-align: center;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_header > h3 {
  font-size: 1.8rem;
  line-height: 28px;
  letter-spacing: -0.5px;
  color: #020817;
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .transcription_progress_up_qc {
  display: none;
  flex-direction: column;
  padding-inline: 24px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .transcription_progress_up_qc .progress_bar_head {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .transcription_progress_up_qc .progress_bar_head p {
  font-weight: 400;
  margin-bottom: 0;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .transcription_progress_up_qc .progress_container {
  position: relative;
  width: 100%;
  height: 10px;
  background: #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  margin: 2rem auto;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .transcription_progress_up_qc .progress_container .progress_bar_up_qc {
  height: 100%;
  width: 0%;
  background: #F97316;
  transition: width 0.1s linear;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards {
  padding-inline: 24px;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards .qc_evaluation_card {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 8px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards .qc_evaluation_card > svg {
  width: 16px;
  height: 16px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards .qc_evaluation_card .qc_info {
  text-align: center;
  width: 100%;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards .qc_evaluation_card .qc_info > b {
  font-size: 1.4rem;
  line-height: 20px;
  color: rgb(156, 163, 175);
  font-weight: 500;
  width: 85%;
  display: inline-block;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_evaluation .qc_evaluation_content_cards .qc_evaluation_card .qc_info > p {
  font-size: 1.2rem;
  line-height: 16px;
  color: #64748B;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  background-color: #FFF;
  display: none;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_header {
  padding: 24px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_header .qc_score {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_header .qc_score > h3 {
  font-size: 2.4rem;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: #020817;
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_header .qc_score > b {
  font-size: 3rem;
  line-height: 36px;
  letter-spacing: -0.6px;
  color: #16A34A;
  padding: 8px 16px;
  background-color: rgb(240, 253, 244);
  border-radius: 8px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_header > span {
  background-color: rgba(39, 195, 92, 0.992);
  color: #FFF;
  border: none;
  padding: 2px 10px;
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content {
  display: flex;
  flex-direction: column;
  padding-inline: 24px;
  padding-bottom: 24px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_summary_title > svg {
  width: 16px;
  height: 16px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_summary_title > b {
  font-size: 1.4rem;
  line-height: 20px;
  color: #020817;
  font-weight: 600;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content > p {
  color: #64748B;
  font-size: 1.4rem;
  line-height: 22.75px;
  text-align: center;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_strengths_title {
  color: #16A34A;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  margin-bottom: 8px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content ul li {
  color: #64748B;
  font-size: 1.4rem;
  line-height: 20px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content ul li::marker {
  color: #16A34A;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_weaknesses_title {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 8px;
  color: #F97316;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_weaknesses_title > svg {
  width: 16px;
  height: 16px;
}
main .appen_qc .container .cards_qc_container .right_cards .qc_final_score .qc_final_score_content .qc_weaknesses li::marker {
  color: #F97316;
}
main .appen_ft .container {
  flex-direction: column;
  align-items: center;
  row-gap: 2rem;
  background: linear-gradient(#F9FAFB, #FFF);
  padding-top: 9.6rem;
}
main .appen_ft .container span {
  font-size: 1.8rem;
  line-height: 28px;
  padding: 8px 24px;
  border: 1px solid rgb(254, 215, 170);
  border-radius: 25px;
  font-weight: 500;
  background-color: #FFEDD5;
  color: rgb(154, 52, 18);
}
main .appen_ft .container .appen_ft_title {
  font-size: clamp(2rem, 3.6rem, 3vw);
  line-height: 40px;
  color: #020817;
  text-align: center;
  margin-bottom: 0;
  letter-spacing: -0.9px;
  /* padding-top: 9.6rem; */
}
main .appen_ft .container .appen_ft_description {
  color: #64748B;
  font-size: 1.8rem;
  line-height: 28px;
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin-bottom: 4.8rem;
}
main .appen_ft .container .chat_container {
  border: 1px solid rgb(226, 232, 240);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  border-radius: 8px;
  width: 100%;
  background-color: #FFF;
  max-width: 1152px;
  max-height: 414px;
  overflow-y: auto;
  position: relative;
}
main .appen_ft .container .chat_container .chat_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  padding-bottom: 16px;
  position: sticky;
  top: 0;
  background-color: #FFF;
}
main .appen_ft .container .chat_container .chat_header h3 {
  font-size: 2rem;
  line-height: 28px;
  color: #020817;
  letter-spacing: -0.6px;
  font-weight: 600;
}
main .appen_ft .container .chat_container .chat_header span {
  font-size: 1.2rem;
  line-height: 16px;
  letter-spacing: -0.6px;
  color: #EA580C;
  padding: 2px 10px;
}
main .appen_ft .container .chat_container .chat_content {
  display: flex;
  flex-direction: column;
  padding-inline: 24px;
  padding-bottom: 24px;
  row-gap: 1.5rem;
}
main .appen_ft .container .chat_container .chat_content .message_container_ft {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
main .appen_ft .container .chat_container .chat_content .message_container_ft .person {
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
}
main .appen_ft .container .chat_container .chat_content .message_container_ft .message {
  font-size: 1.4rem;
  line-height: 20px;
}
main .appen_ft .container .chat_container .chat_content .agent {
  max-width: 85%;
  background-color: rgb(239, 246, 255);
  color: rgb(30, 58, 138);
  border: 1px solid rgb(191, 219, 254);
}
main .appen_ft .container .chat_container .chat_content .agent .person {
  font-weight: 600;
}
main .appen_ft .container .chat_container .chat_content .customer {
  align-self: flex-end;
  color: rgb(17, 24, 39);
  background-color: rgb(249, 250, 251);
  border: 1px solid rgb(229, 231, 235);
}
main .appen_ft .container .chat_container .chat_content .customer .customer {
  font-weight: 600;
}
main .appen_ft .container .chat_container .chat_content .message_alert {
  color: rgb(127, 29, 29);
  background-color: rgb(254, 242, 242);
  border-color: rgb(254, 202, 202);
}
main .appen_ft .container .start_ft {
  background-color: rgb(234, 88, 12);
  border: none;
  padding: 6px 32px;
  border-radius: 6px;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 28px;
  font-weight: 500;
  margin-top: 32px;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
main .appen_ft .container .start_ft:hover {
  background-color: rgb(194, 65, 12);
}
main .appen_ft .container .ft_test_another {
  background-color: #FFF;
  border: none;
  padding: 6px 32px;
  border-radius: 6px;
  color: #F97316;
  font-size: 1.8rem;
  line-height: 28px;
  font-weight: 500;
  margin-top: 32px;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgb(254, 215, 170);
  display: none;
}
main .appen_ft .container .ft_test_another:hover {
  background-color: rgb(255, 247, 237);
  color: #020817;
}
main .appen_ft .container .ft_demo_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  max-width: 1152px;
  width: 100%;
  margin-top: 32px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  height: -moz-fit-content;
  height: fit-content;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_header {
  padding-inline: 24px;
  padding-top: 24px;
  padding-bottom: 16px;
  text-align: center;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_header h3 {
  font-weight: 600;
  letter-spacing: -0.45px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body {
  padding-bottom: 24px;
  padding-inline: 24px;
  text-align: center;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body > p {
  color: #64748B;
  font-size: 1.4rem;
  line-height: 20px;
  padding-top: 48px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .loading_ft {
  font-size: 1.6rem;
  color: #64748B;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card {
  display: flex;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
  padding: 12px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card > div {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card p {
  font-size: 1.4rem;
  line-height: 17.5px;
  color: #020817;
  margin-bottom: 0;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card span {
  border: 1px solid rgb(226, 232, 240);
  background-color: transparent;
  font-size: 1.2rem;
  line-height: 16px;
  color: #020817;
  padding: 4px 8px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card b {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_alert_card {
  padding: 16px;
  background-color: rgb(254, 242, 242);
  border: 1px solid rgb(254, 202, 202);
  border-radius: 8px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_alert_card p {
  font-size: 1.4rem;
  line-height: 20px;
  color: #991B1B;
  font-weight: 600;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_alert_card span {
  font-size: 1.2rem;
  line-height: 16px;
  color: #991B1B;
  padding: 2px 10px;
  background-color: rgb(254, 226, 226);
  border: 1px solid rgb(254, 202, 202);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container > b {
  color: #F97316;
  font-size: 3rem;
  line-height: 36px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container > span {
  font-size: 1.2rem;
  line-height: 16px;
  color: #9A3412;
  font-weight: 600;
  padding: 2px 10px;
  width: -moz-fit-content;
  width: fit-content;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary {
  display: flex;
  flex-direction: column;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .summary_title {
  display: flex;
  align-items: center;
  text-align: left;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .summary_title svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .summary_title > b {
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 600;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary > p {
  font-size: 1.4rem;
  line-height: 22.8px;
  color: #64748B;
  margin-top: 12px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgb(187, 247, 208);
  background-color: rgb(240, 253, 244);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card .strengths_title {
  display: flex;
  align-items: center;
  text-align: left;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 8px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card .strengths_title svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card .strengths_title > b {
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 600;
  color: #166534;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card ul {
  padding: 0;
  margin: 0;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .strengths_card ul li {
  list-style: none;
  font-size: 1.4rem;
  line-height: 20px;
  color: #15803D;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgb(254, 202, 202);
  background-color: rgb(254, 242, 242);
  margin-top: 2rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card .weaknesses_title {
  display: flex;
  align-items: center;
  text-align: left;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 8px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card .weaknesses_title svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card .weaknesses_title > b {
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: 600;
  color: #991B1B;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card ul {
  padding: 0;
  margin: 0;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_2_container .ai_summary .weaknesses_card ul li {
  list-style: none;
  font-size: 1.4rem;
  line-height: 20px;
  color: #B91C1C;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card {
  padding: 16px;
  background-color: rgb(240, 253, 244);
  border: 1px solid rgb(187, 247, 208);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .whatsapp_title {
  display: flex;
  align-items: center;
  text-align: left;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .whatsapp_title svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .whatsapp_title > span {
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
  padding: 2px 10px;
  background-color: rgb(220, 252, 231);
  color: #166534;
  border: 1px solid rgb(187, 247, 208);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .message_content {
  background-color: #FFF;
  border: 1px solid rgb(187, 247, 208);
  border-radius: 8px;
  padding: 12px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .message_content > p {
  font-size: 1.4rem;
  line-height: 22.8px;
  color: #020817;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .message_content .highlighted {
  font-weight: 600;
  color: #2563EB;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card > button {
  font-size: 1.2rem;
  line-height: 16px;
  background-color: rgb(22, 163, 74);
  border: none;
  border-radius: 6px;
  padding: 12px;
  color: rgb(248, 250, 252);
  font-weight: 600;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card > button:hover {
  background-color: rgb(21, 128, 61);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card {
  padding: 16px;
  background-color: rgb(255, 247, 237);
  border: 1px solid rgb(254, 215, 170);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_title {
  display: flex;
  align-items: center;
  text-align: left;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_title svg {
  width: 16px;
  height: 16px;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_title > span {
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
  padding: 2px 10px;
  background-color: rgbargb(255, 237, 213);
  color: rgb(154, 52, 18);
  border: 1px solid rgb(254, 215, 170);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_content {
  font-size: 1.4rem;
  line-height: 20px;
  color: #020817;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_content b {
  font-weight: 600;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card .back_office_content p {
  margin: 0;
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card > button {
  font-size: 1.2rem;
  line-height: 16px;
  background-color: rgb(255, 255, 254);
  border: 1px solid rgb(254, 215, 170);
  border-radius: 6px;
  padding: 12px;
  color: rgb(227, 86, 13);
  font-weight: 600;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .back_office_card > button:hover {
  background-color: rgb(255, 247, 237);
  color: #020817;
}
main .testimonials .container {
  flex-direction: column;
  padding-block: 9.6rem;
}
main .testimonials .container h2 {
  font-size: clamp(2.5rem, 3.6rem, 3vw);
  line-height: 40px;
  color: #020817;
  text-align: center;
  margin-bottom: 1rem;
}
main .testimonials .container .description {
  font-size: 1.8rem;
  line-height: 28px;
  color: #64748B;
  text-align: center;
}
main .testimonials .container .testimonials_cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5rem;
  gap: 2rem;
}
main .testimonials .container .testimonials_cards .card {
  height: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  width: 500px;
  padding: 24px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 8px;
  justify-content: space-between;
}
main .testimonials .container .testimonials_cards .card .stars svg {
  color: #F97316;
}
main .testimonials .container .testimonials_cards .card p {
  font-size: 1.8rem;
  line-height: 28px;
  color: #020817;
  text-align: center;
  margin-bottom: 0;
}
main .testimonials .container .testimonials_cards .card span {
  text-align: center;
}
main .testimonials .container .testimonials_cards .card .client_name {
  font-size: 1.6rem;
  line-height: 24px;
  color: #020817;
  font-weight: 600;
}
main .testimonials .container .testimonials_cards .card .job_position {
  font-size: 1.4rem;
  color: #64748B;
  line-height: 20px;
}
main .testimonials .container .swiper {
  width: 75%;
  height: 100%;
}
main .testimonials .container .swiper .swiper-button-next, main .testimonials .container .swiper .swiper-button-prev {
  position: static;
  margin-top: 10px;
  transition: all 0.3s ease-in-out;
}
main .testimonials .container .swiper .swiper-button-next::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='8' height='8' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14'/><path d='m12 5 7 7-7 7'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10px 15px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 100%;
}
main .testimonials .container .swiper .swiper-button-prev::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='8' height='8' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m12 19-7-7 7-7'/><path d='M19 12H5'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10px 15px;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 100%;
}
main .pricing {
  padding-top: 10rem;
}
main .pricing .container {
  flex-direction: column;
}
main .pricing .container h2 {
  font-size: clamp(2.5rem, 3.6rem, 3vw);
  line-height: 40px;
  color: #020817;
  text-align: center;
  margin-bottom: 1rem;
}
main .pricing .container .description {
  font-size: 1.8rem;
  line-height: 28px;
  color: #64748B;
  text-align: center;
}
main .pricing .container .cards {
  display: flex;
  gap: 3rem;
  justify-content: center;
  margin-top: 5rem;
  flex-wrap: wrap;
}
main .pricing .container .cards .card {
  padding: 1.5rem;
  border: 1px solid rgb(226, 232, 240);
  border-radius: 6px;
  width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  /* justify-content: space-between; */
  /* align-items: center; */
}
main .pricing .container .cards .card h3 {
  font-size: 2.4rem;
  line-height: 32px;
  color: #020817;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
}
main .pricing .container .cards .card .price {
  font-size: 3.6rem;
  color: #020817;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0;
}
main .pricing .container .cards .card .price span {
  font-size: 1.6rem;
  line-height: 24px;
  color: #64748B;
  font-weight: 400;
}
main .pricing .container .cards .card .description_card {
  text-align: center;
  color: #64748B;
  font-size: 1.4rem;
  line-height: 20px;
  margin-bottom: 2rem;
}
main .pricing .container .cards .card .needs {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
main .pricing .container .cards .card .needs div {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
main .pricing .container .cards .card .needs div svg {
  color: #F97316;
}
main .pricing .container .cards .card .needs div p {
  font-size: 16px;
  line-height: 24px;
  color: #020817;
  margin-bottom: 0;
}
main .pricing .container .cards .card a {
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 20px;
  color: #020817;
  padding: 8px 16px;
  border: 1px solid rgb(226, 232, 240);
  text-align: center;
  margin-top: 2rem;
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}
main .pricing .container .cards .card a:hover {
  background-color: #FFEADB;
}
main .pricing .container .cards .main_card {
  border: 1px solid #F97316;
  box-shadow: 0 10px 15px -3px rgba(249, 115, 22, 0.1), 0 4px 6px -4px rgba(249, 115, 22, 0.1);
}
main .pricing .container .cards .main_card a {
  background-color: #F97316;
  transition: all 0.3s ease-in-out;
  color: #FFFFFF;
}
main .pricing .container .cards .main_card a:hover {
  background-color: #F87E2C;
}
main .pricing .container .free_trial {
  text-align: center;
  font-size: 1.6rem;
  line-height: 24px;
  color: #64748B;
  margin-block: 5rem;
}
main .about-us {
  padding-top: 10rem;
}
main .about-us .container {
  flex-direction: column;
}
main .about-us .container h2 {
  font-size: clamp(3rem, 3.6rem, 3vw);
  text-align: center;
  margin-bottom: 2rem;
  letter-spacing: -0.9px;
}
main .about-us .container h2 span {
  color: #F97316;
}
main .about-us .container .description {
  width: 100%;
  margin: auto;
  max-width: 1100px;
  text-align: justify;
  margin-bottom: 5rem;
  color: #64748B;
  font-size: clamp(1.6rem, 1.8rem, 2vw);
}
main .terms-conditions {
  padding-bottom: 5rem;
  padding-top: 10rem;
}
main .terms-conditions .container {
  gap: 2rem;
  flex-direction: column;
}
main .terms-conditions .container h1 {
  font-size: clamp(3rem, 3.75rem, 3vw);
  margin-bottom: 3rem;
}
main .terms-conditions .container h2 {
  font-size: clamp(2rem, 2.75rem, 2vw);
  text-align: left;
  margin-bottom: 1.5rem;
  letter-spacing: -0.9px;
}
main .terms-conditions .container h2 span {
  color: #F97316;
}
main .terms-conditions .container .description {
  width: 100%;
  margin: auto;
  text-align: justify;
  margin-bottom: 1rem;
  font-size: clamp(1.6rem, 1.8rem, 2vw);
}
main .terms-conditions .container ul li {
  font-size: clamp(1.4rem, 1.6rem, 2vw);
  margin-bottom: 0.5rem;
}
main .terms-conditions .container .terms-item {
  padding-top: 2rem;
  border-top: 2px solid #e8e8e8;
}

footer {
  border-top: 1px solid rgb(226, 232, 240);
  padding-block: 5rem;
}
footer .container {
  flex-direction: column;
  align-items: center;
}
footer .container .footer_links {
  padding-inline: 16px;
  display: flex;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 5rem;
  border-bottom: 1px solid rgb(226, 232, 240);
}
footer .container .footer_links > div {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
footer .container .footer_links > div > div {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
}
footer .container .footer_links > div > div svg {
  color: #F97316;
}
footer .container .footer_links > div > div p {
  font-size: 2rem;
  line-height: 28px;
  color: #020817;
  font-weight: 800;
  margin-bottom: 0;
}
footer .container .footer_links > div > div p span {
  color: #F97316;
}
footer .container .footer_links > div .footer_phrase {
  color: #64748B;
  font-size: 1.4rem;
}
footer .container .footer_links > div .social_media {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
footer .container .footer_links > div .social_media a {
  text-decoration: none;
}
footer .container .footer_links > div .social_media a .social {
  color: #64748B;
}
footer .container .footer_links .column {
  text-align: center;
}
footer .container .footer_links .column h3 {
  font-size: 1.8rem;
  line-height: 28px;
  color: #020817;
  margin-bottom: 0;
}
footer .container .footer_links .column div img {
  width: 16px;
  height: 16px;
  color: #64748B;
}
footer .container .footer_links .column a {
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 20px;
  color: #64748B;
}
footer .container .footer_links .column a:hover {
  color: #020817;
}
footer .container .footer_bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  flex-wrap: wrap;
  padding-inline: 16px;
}
footer .container .footer_bottom p, footer .container .footer_bottom a {
  display: inline-block;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 20px;
  color: #64748B;
  padding-bottom: 1rem;
  padding-top: 3rem;
}
footer .container .footer_bottom div {
  display: flex;
  gap: 2rem;
}

/* ===== MODAL ===== */
.modal-content {
  padding: 24px;
  row-gap: 1rem;
}
.modal-content .btn-close {
  align-self: end;
}
.modal-content .modal-header {
  padding: 0;
  justify-content: center;
}
.modal-content .modal-header h2 {
  text-align: center;
  font-size: 3rem;
}
.modal-content .main_info {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 6px;
  border: 2px solid #F97316; /* TODO */
  background-color: rgba(255, 224, 187, 0.2039215686);
  row-gap: 1rem;
}
.modal-content .main_info .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-bottom: 1rem;
}
.modal-content .main_info .title svg {
  color: #F97316;
}
.modal-content .main_info .title h5 {
  margin: 0;
  color: #F97316;
  font-size: 1.6rem;
}
.modal-content .main_info .row_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-content .main_info .row_1 .full_name span {
  font-weight: 600;
  font-size: 1.4rem;
}
.modal-content .main_info .row_1 .full_name p {
  font-size: 1.4rem;
}
.modal-content .main_info .row_1 .phone_number {
  text-align: end;
}
.modal-content .main_info .row_1 .phone_number span {
  font-weight: 600;
  font-size: 1.4rem;
}
.modal-content .main_info .row_1 .phone_number p {
  font-size: 1.4rem;
}
.modal-content .main_info .row_2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.modal-content .main_info .row_2 .current_address span {
  font-weight: 600;
  font-size: 1.4rem;
}
.modal-content .main_info .row_2 .current_address p {
  font-size: 1.4rem;
}
.modal-content .main_info .row_2 .main_email {
  text-align: end;
}
.modal-content .main_info .row_2 .main_email span {
  font-weight: 600;
  font-size: 1.4rem;
}
.modal-content .main_info .row_2 .main_email p {
  font-size: 1.4rem;
}
.modal-content nav > div button {
  color: #F97316;
  font-size: 1.4rem;
}
.modal-content nav > div button:hover {
  color: #020817;
}
.modal-content .names {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid rgb(228, 228, 231);
}
.modal-content .names .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.modal-content .names .title svg {
  color: #16abf9;
}
.modal-content .names .title h5 {
  margin: 0;
  font-size: 1.6rem;
}
.modal-content .names .information p {
  padding: 1rem;
  border-radius: 6px;
  background-color: #F9FAFB;
  font-size: 1.4rem;
}
.modal-content .phones {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid rgb(228, 228, 231);
}
.modal-content .phones .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.modal-content .phones .title svg {
  color: #33b448;
}
.modal-content .phones .title h5 {
  margin: 0;
  font-size: 1.6rem;
}
.modal-content .phones .information p {
  padding: 1rem;
  border-radius: 6px;
  background-color: #F9FAFB;
  font-size: 1.4rem;
}
.modal-content .addresses {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid rgb(228, 228, 231);
}
.modal-content .addresses .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.modal-content .addresses .title svg {
  color: #a9108c;
}
.modal-content .addresses .title h5 {
  margin: 0;
  font-size: 1.6rem;
}
.modal-content .addresses .information p {
  padding: 1rem;
  border-radius: 6px;
  background-color: #F9FAFB;
  font-size: 1.4rem;
}
.modal-content .emails {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1rem;
  border-radius: 6px;
  border: 1px solid rgb(228, 228, 231);
}
.modal-content .emails .title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.modal-content .emails .title svg {
  color: #400099;
}
.modal-content .emails .title h5 {
  margin: 0;
  font-size: 1.6rem;
}
.modal-content .emails .information p {
  padding: 1rem;
  border-radius: 6px;
  background-color: #F9FAFB;
  font-size: 1.4rem;
}

/* ===== SPINNERS ===== */
/* DEMO SPINNER */
.spinner_container {
  display: flex;
  justify-content: center;
}

.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #F97316;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}

.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}

.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}

.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}

.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}

.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
/* Appendify QC Chat Loader */
/* HTML: <div class="typing_qc_chat"></div> */
.typing_qc_chat {
  width: 56px;
  height: 32px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side, #3b82f6 90%, #0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 50.333333% 30%;
  animation: l3 1s infinite linear;
  padding: 12px;
  border-radius: 8px;
  background-color: rgb(219, 234, 254);
}

@keyframes l3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
/* FT Evaluation Ckecklist Spinner */
.loader {
  width: 48px;
  height: 48px;
  border-radius: 50% !important;
  display: inline-block;
  border: none !important;
  background-color: transparent !important;
  border-top: 3px solid #F97316 !important;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  padding: 0 !important;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/inter-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/inter-v18-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/inter-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/inter-v18-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/inter-v18-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/inter-v18-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ===== Caecilia ===== */
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/PMNCaeciliaSansHeadLight.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/PMNCaeciliaSansHeadRg.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/PMNCaeciliaSansHeadBd.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Caecilia";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/PMNCaeciliaSansHeadHv.TTF"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@media screen and (min-width: 1275px) {
  main .hero .container {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media screen and (min-width: 1230px) {
  main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button {
    width: 30%;
  }
}
@media screen and (max-width: 1229px) {
  main .ai .container .ai_cards .main_ai_cards .demo_card .card_buttons button {
    padding: 10px 16px;
  }
}
@media screen and (max-width: 1100px) {
  main .testimonials .container .swiper {
    width: 100%;
  }
}
@media screen and (max-width: 1179px) {
  main .hero .container .hero_text {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  main .hero .container .hero_text .hero_buttons {
    flex-direction: column;
    row-gap: 2rem;
    width: 75%;
  }
  main .hero .container .hero_text .hero_buttons a {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (max-width: 1080px) {
  main .ai .container .ai_cards .main_ai_cards {
    flex-wrap: wrap;
    justify-content: center;
  }
  main .appen_ft .container .ft_demo_cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 2rem;
  }
  main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1030px) {
  main .appen_qc .container .cards_qc_container {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media screen and (max-width: 1080px) {
  header .container .desktop_nav {
    display: none;
  }
  header .container .end_nav .get_started, header .container .end_nav .sign_in {
    display: none;
  }
}
@media screen and (min-width: 1081px) {
  header .container .hamburger {
    display: none;
  }
}
@media screen and (max-width: 880px) {
  main .statistics .container {
    justify-content: space-around;
  }
}
@media screen and (max-width: 768px) {
  header .container .desktop_nav {
    display: none;
  }
  header .container .end_nav .get_started, header .container .end_nav .sign_in {
    display: none;
  }
  main .demo .container .form_container .form_body form .second_part_form .first_row {
    flex-direction: column;
  }
  main .demo .container .form_container .form_body form .second_part_form .first_row > div {
    width: 100%;
  }
}
@media screen and (max-width: 709px) {
  main .ai .container .ai_cards .extracted_data .title h3 {
    flex-direction: column;
    row-gap: 1rem;
    text-align: center;
  }
  main .ai .container .ai_cards .extracted_data .key_info {
    grid-template-columns: repeat(1, 1fr);
  }
  main .ai .container .ai_cards .extracted_data .key_info .append_to_crm button {
    margin-top: 2rem;
    width: 100%;
    align-self: center;
    justify-content: center;
  }
  footer .container .footer_links {
    flex-direction: column;
    row-gap: 2rem;
    align-items: flex-start;
  }
  footer .container .footer_links .column {
    align-items: flex-start;
  }
}
@media screen and (max-width: 640px) {
  main .hero {
    padding-top: 3rem;
  }
  main .hero .container .hero_text h1 {
    font-size: 4rem;
  }
  main .ai .container .ai_cards .problem_card {
    min-width: auto;
  }
  main .ai .container .ai_cards .demo_card {
    min-width: auto;
  }
  main .ai .container .ai_cards .demo_card .card_buttons {
    flex-direction: column;
    row-gap: 2rem;
  }
  main .ai .container .ai_cards .demo_card .card_text_panel {
    padding: 50px;
  }
}
@media screen and (max-width: 551px) {
  footer .container .footer_bottom {
    justify-content: center;
  }
  footer .container .footer_bottom a {
    padding: 0;
  }
}
@media screen and (min-width: 537px) {
  main .features .container .description {
    width: 100%;
  }
  main .ai .container {
    /* .description {
        width: 100%;
    } */
  }
  main .ai .container .ai_cards .demo_card .card_text_panel .transcription_completed {
    flex-direction: column;
  }
  main .demo .container .form_container {
    width: 100%;
  }
}
@media screen and (max-width: 537px) {
  main {
    /* .demo {
        .container {
            .results_container {
                //width: 381.81px;
                width: 100%;
            }
        }
    } */
  }
  main .hero .container .hero_text .hero_buttons {
    width: 100%;
  }
  main .features .container .description {
    width: 100%;
  }
}
@media screen and (min-width: 415px) and (max-width: 537px) {
  main .demo .container .form_container {
    width: 381.81px;
  }
}
@media screen and (max-width: 515px) {
  main .appen_qc .container .cards_qc_container .chat_container .chat_header {
    flex-direction: column;
    text-align: center;
  }
}
@media screen and (max-width: 510px) {
  main .ai .container .ai_cards .main_ai_cards .problem_card, main .ai .container .ai_cards .main_ai_cards .demo_card {
    min-width: 100%;
  }
  .modal-content .main_info .row_2 {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1rem;
  }
  .modal-content .main_info .row_2 .main_email {
    text-align: left;
  }
}
@media screen and (max-width: 430px) {
  main .demo .container .results_container > div .results_cards_container .result_card .left_content .main_info h4 {
    text-align: left;
  }
  .modal-content .main_info {
    row-gap: 0.5rem;
  }
  .modal-content .main_info .row_1 {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.5rem;
  }
  .modal-content .main_info .row_1 .phone_number {
    text-align: left;
  }
}
@media screen and (max-width: 425px) {
  main .ai {
    margin-top: 0;
  }
  main .ai .container .ai_cards .extracted_data_container .extracted_data .key_info {
    grid-template-columns: repeat(1, 1fr);
  }
  main .testimonials .container {
    padding-block: 0;
  }
}
@media screen and (max-width: 400px) {
  main .appen_qc .container .try_demo_qc {
    flex-direction: column;
    row-gap: 1.5rem;
    width: 100%;
  }
  main .appen_qc .container .try_demo_qc .appen_start_qc, main .appen_qc .container .try_demo_qc .test_again_qc {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 393px) {
  main .hero .container .hero_text .checked_text .first_text {
    text-align: left;
    align-items: flex-start;
  }
  main .hero .container .hero_text .checked_text .second_text {
    text-align: left;
    align-items: flex-start;
  }
}
@media screen and (max-width: 375px) {
  main .demo .container .results_container > div .results_cards_container .result_card .left_content {
    -moz-column-gap: 1;
         column-gap: 1;
  }
  main .demo .container .results_container > div .results_cards_container .result_card .right_content {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  main .ai .container .ai_cards .demo_card .card_title {
    flex-direction: column;
    row-gap: 1rem;
    text-align: center;
  }
  main .ai .container .ai_cards .demo_card .card_text_panel .transcription_completed {
    flex-direction: column;
  }
  main .appen_ft .container .ft_demo_cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
  main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card > div {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_1_container .ft_info_card > div p {
    font-size: 1.2rem;
  }
  main .appen_ft .container .ft_demo_cards .ft_demo_card .ft_demo_card_body .ft_demo_card_result_3_container .whatsapp_card .message_content .highlighted {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 340px) {
  header .container {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  header .container .end_nav {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
}
@media screen and (max-width: 320px) {
  main .hero {
    margin-top: 3rem;
  }
  main .hero .container .get_started_form {
    min-width: 290px;
  }
  main .features .container .description {
    width: 100%;
  }
  main .demo .container .form_container .form_body form .find_matching_records {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    font-size: 1.2rem;
  }
  main .demo .container .results_container > div .results_cards_container .result_card {
    padding: 2rem 1rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  main .ai .container .description {
    font-size: 1.4rem;
    width: 100%;
  }
  main .ai .container .ai_cards .demo_card .card_text_panel {
    padding: 50px !important;
  }
  main .ai .container .ai_cards .demo_card .card_text_panel p {
    font-size: 1.5rem;
  }
  footer .container .footer_bottom {
    justify-content: left;
  }
  footer .container .footer_bottom > div {
    flex-direction: column;
  }
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}/*# sourceMappingURL=main.css.map */