/*@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Work+Sans:100,300,400,700,800,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Martel:100,300,400,700,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Cutive+Mono:400,600,700,800,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Proxima+Nova:400,600,700,800,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,800,900");*/
/*@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900");*/

/**
 * @license
 * MyFonts Webfont Build ID 3887971, 2020-04-07T08:10:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 *  
 * You may obtain a valid license from one of MyFonts official sites.
 * http://www.fonts.com
 * http://www.myfonts.com
 * http://www.linotype.com
 * 
 * 
 * Webfonts copyright: Copyright © 2012 by Fontfabric. All rights reserved.
 * 
 * © 2020 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/3b5363");*/
  
/*@font-face {
  src: url('/fonts/Nexa-ExtraLight/font.eot');
  font-family: 'Nexa-ExtraLight';
  src: url('/fonts/Nexa-ExtraLight/font.woff2') format('woff2'), url('/fonts/Nexa-ExtraLight/font.woff') format('woff'), url('/fonts/Nexa-ExtraLight/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-ExtraLight/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-Thin/font.eot');
  font-family: 'Nexa-Thin';
  src: url('/fonts/Nexa-Thin/font.woff2') format('woff2'), url('/fonts/Nexa-Thin/font.woff') format('woff'), url('/fonts/Nexa-Thin/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-Thin/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-Light/font.eot');
  font-family: 'Nexa-Light';
  src: url('/fonts/Nexa-Light/font.woff2') format('woff2'), url('/fonts/Nexa-Light/font.woff') format('woff'), url('/fonts/Nexa-Light/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-Light/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-ExtraLightItalic/font.eot');
  font-family: 'Nexa-ExtraLightItalic';
  src: url('/fonts/Nexa-ExtraLightItalic/font.woff2') format('woff2'), url('/fonts/Nexa-ExtraLightItalic/font.woff') format('woff'), url('/fonts/Nexa-ExtraLightItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-ExtraLightItalic/font.ttf') format('truetype');
}*/
/*@font-face {
  src: url('/fonts/Nexa-BlackItalic/font.eot');
  font-family: 'Nexa-BlackItalic';
  src: url('/fonts/Nexa-BlackItalic/font.woff2') format('woff2'), url('/fonts/Nexa-BlackItalic/font.woff') format('woff'), url('/fonts/Nexa-BlackItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-BlackItalic/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-Black/font.eot');
  font-family: 'Nexa-Black';
  src: url('/fonts/Nexa-Black/font.woff2') format('woff2'), url('/fonts/Nexa-Black/font.woff') format('woff'), url('/fonts/Nexa-Black/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-Black/font.ttf') format('truetype');
}*/
@font-face {
  src: url('https://www.quickchat.ai/fonts/Nexa-Heavy/font.eot');
  font-family: 'Nexa-Heavy';
  src: url('https://www.quickchat.ai/fonts/Nexa-Heavy/font.woff2') format('woff2'), url('https://www.quickchat.ai/fonts/Nexa-Heavy/font.woff') format('woff'), url('https://www.quickchat.ai/fonts/Nexa-Heavy/font.eot?#iefix') format('embedded-opentype'), url('https://www.quickchat.ai/fonts/Nexa-Heavy/font.ttf') format('truetype');
}
/*@font-face {
  src: url('/fonts/Nexa-HeavyItalic/font.eot');
  font-family: 'Nexa-HeavyItalic';
  src: url('/fonts/Nexa-HeavyItalic/font.woff2') format('woff2'), url('/fonts/Nexa-HeavyItalic/font.woff') format('woff'), url('/fonts/Nexa-HeavyItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-HeavyItalic/font.ttf') format('truetype');
}*/
@font-face {
  src: url('https://www.quickchat.ai/fonts/Nexa-ExtraBold/font.eot');
  font-family: 'Nexa-ExtraBold';
  src: url('https://www.quickchat.ai/fonts/Nexa-ExtraBold/font.woff2') format('woff2'), url('https://www.quickchat.ai/fonts/Nexa-ExtraBold/font.woff') format('woff'), url('https://www.quickchat.ai/fonts/Nexa-ExtraBold/font.eot?#iefix') format('embedded-opentype'), url('https://www.quickchat.ai/fonts/Nexa-ExtraBold/font.ttf') format('truetype');
}
/*@font-face {
  src: url('/fonts/Nexa-ExtraBoldItalic/font.eot');
  font-family: 'Nexa-ExtraBoldItalic';
  src: url('/fonts/Nexa-ExtraBoldItalic/font.woff2') format('woff2'), url('/fonts/Nexa-ExtraBoldItalic/font.woff') format('woff'), url('/fonts/Nexa-ExtraBoldItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-ExtraBoldItalic/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-BoldItalic/font.eot');
  font-family: 'Nexa-BoldItalic';
  src: url('/fonts/Nexa-BoldItalic/font.woff2') format('woff2'), url('/fonts/Nexa-BoldItalic/font.woff') format('woff'), url('/fonts/Nexa-BoldItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-BoldItalic/font.ttf') format('truetype');
}*/
/*@font-face {
  src: url('/fonts/Nexa-ThinItalic/font.eot');
  font-family: 'Nexa-ThinItalic';
  src: url('/fonts/Nexa-ThinItalic/font.woff2') format('woff2'), url('/fonts/Nexa-ThinItalic/font.woff') format('woff'), url('/fonts/Nexa-ThinItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-ThinItalic/font.ttf') format('truetype');
}*/
@font-face {
  src: url('https://www.quickchat.ai/fonts/Nexa-Bold/font.eot');
  font-family: 'Nexa-Bold';
  src: url('https://www.quickchat.ai/fonts/Nexa-Bold/font.woff2') format('woff2'), url('https://www.quickchat.ai/fonts/Nexa-Bold/font.woff') format('woff'), url('https://www.quickchat.ai/fonts/Nexa-Bold/font.eot?#iefix') format('embedded-opentype'), url('https://www.quickchat.ai/fonts/Nexa-Bold/font.ttf') format('truetype');
}
/*@font-face {
  src: url('/fonts/Nexa-Regular/font.eot');
  font-family: 'Nexa-Regular';
  src: url('/fonts/Nexa-Regular/font.woff2') format('woff2'), url('/fonts/Nexa-Regular/font.woff') format('woff'), url('/fonts/Nexa-Regular/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-Regular/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-RegularItalic/font.eot');
  font-family: 'Nexa-RegularItalic';
  src: url('/fonts/Nexa-RegularItalic/font.woff2') format('woff2'), url('/fonts/Nexa-RegularItalic/font.woff') format('woff'), url('/fonts/Nexa-RegularItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-RegularItalic/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-BookItalic/font.eot');
  font-family: 'Nexa-BookItalic';
  src: url('/fonts/Nexa-BookItalic/font.woff2') format('woff2'), url('/fonts/Nexa-BookItalic/font.woff') format('woff'), url('/fonts/Nexa-BookItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-BookItalic/font.ttf') format('truetype');
}
@font-face {
  src: url('/fonts/Nexa-LightItalic/font.eot');
  font-family: 'Nexa-LightItalic';
  src: url('/fonts/Nexa-LightItalic/font.woff2') format('woff2'), url('/fonts/Nexa-LightItalic/font.woff') format('woff'), url('/fonts/Nexa-LightItalic/font.eot?#iefix') format('embedded-opentype'), url('/fonts/Nexa-LightItalic/font.ttf') format('truetype');
}*/
@font-face {
  src: url('https://www.quickchat.ai/fonts/Nexa-Book/font.eot');
  font-family: 'Nexa-Book';
  src: url('https://www.quickchat.ai/fonts/Nexa-Book/font.woff2') format('woff2'), url('https://www.quickchat.ai/fonts/Nexa-Book/font.woff') format('woff'), url('https://www.quickchat.ai/fonts/Nexa-Book/font.eot?#iefix') format('embedded-opentype'), url('https://www.quickchat.ai/fonts/Nexa-Book/font.ttf') format('truetype');
}

:root {
  /*--details: #5850ec;*/
  /*--details: #00de98;*/
  /*--details: #007bff;*/
  --details: #6273f6;
  /*--details: #0070e8;*/
}

html {
  /*overflow-x: hidden !important;*/
  max-width: 100%;
  scroll-behavior: smooth;
}

body {
  /*font-family: "Cutive Mono", sans-serif !important;s*/
  /*font-family: "Helvetica Neue", sans-serif !important;*/
  /*font-family: "Proxima Nova", sans-serif !important;*/
  /*font-family: "Lato", sans-serif !important;*/
  font-family: "Nexa-Book", sans-serif !important;
  /*font-family: "Nunito", sans-serif !important; */
  font-weight: 400;
  /*background-color: rgb(248,249,250) !important;*/
  /*background-color: #fff !important;*/
  background-image: linear-gradient(285deg,#faf3f9,#edf3f7 80%);
  /*background-color: #edf3f7 !important;*/
  /*background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232f1756' fill-opacity='0.08'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
  color: #000 !important;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  max-width: 100%;
}

body.modal-open {
  overflow: hidden !important;
  height: 100vh;
  position: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-family: "Martel", serif; */
  font-family: "Nexa-Bold", sans-serif !important; 
  /*font-family: "Rubik", sans-serif !important;*/
  /*font-family: "Nunito", sans-serif !important; */
  /*font-weight: 700 !important;*/
  /*font-family: "Nexa-Heavy", sans-serif !important; */
  /*font-family: "Proxima Nova", sans-serif !important;*/
  /*font-family: "Lato", sans-serif;*/
  /*font-weight: 600 !important;*/
  /*color: #fff;*/
  /*color: #243141;*/
  /*color: #181818;*/
  color: #333;
  letter-spacing: 1px;
}

p {
  color: #333;
}

li {
  color: #333;
}

a {
  color: var(--details) !important;
  transition: color .3s ease;
  text-decoration: none !important;
}

a:hover {
  cursor: pointer !important;
  color: #333 !important;
  transition: color .3s ease;
  text-decoration: none !important;
}

.click:hover {
  cursor: pointer;
}

button {
  /*font-family: "Helvetica Neue", sans-serif !important;*/
  /*background-color: #333;*/
  /*background-color: var(--details);*/
  background-color: #181818;
  /*background-color: #EE0007;*/
  font-family: "Nexa-Bold", sans-serif !important;
  color: #fff;
  font-size: 16px !important;
  /*font-weight: 500;*/
  border-radius: 8px !important;
  /*border: 1px solid var(--details);*/
  border: 1px solid #181818;
  padding: 8px 16px;
  margin: 0px !important;
  min-width: 160px;
  outline: none !important;
  box-shadow: none;
}

button:hover {
  cursor: pointer !important;
  opacity: 0.9;
  /*color: #fff !important;*/
  /*background-color: rgba(0,0,0,0.1) !important;*/
  /*text-decoration: underline !important;*/
}

button:disabled:hover {
  cursor: default !important;
}

input:not([type='checkbox']) {
  padding: 8px 12px;
  width: calc(100% - 165px);
  max-width: 250px;
  font-size: 16px !important;
  color: #000;
  border-radius: 8px !important;
  border: 1px solid #fff;
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:not([type='checkbox']):disabled {
  background-color: #fff;
}

.navbar-container {
  position: fixed !important;
  width: 100%;
  z-index: 2;
  /*background-color: #fff;*/
  /*background-color: rgba(244,245,245,.08);*/
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 15px 0px;
  transition: padding .2s ease-in;
}

@media (max-width: 370px) {
  .navbar-container.slim .navbar.light {
    background-color: rgba(0,0,0,0.3) !important;
  }
  .navbar-container.slim .navbar {
    background-color: #edf3f7;
  }
}

.navbar-container.slim {
  padding: 0px !important;
}

.navbar-container.show-border {
  /*border-bottom: 1px solid rgba(0,0,0,0.1) !important;*/
  padding: 3px 0px !important;
  transition: padding .2s ease-in;
}

.navbar {
  height: 60px;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

.navbar.light a {
  color: #fff !important;
}

.navbar .circle-loader-small,
.loading .circle-loader-small {
  border-left-color: rgba(0,0,0,0.6) !important; 
  border-color: rgba(0,0,0,0.15); 
  border-width: 3px; 
  margin-top: 2px;
  width: 1.1rem;
  height: 1.1rem;
}

.navbar .preloader-container-small span,
.loading .preloader-container-small span {
  margin-left: 5px; 
  font-size: 15px;
  color: #555;
}

.navbar .saved {
  text-align: center;
  font-size: 15px;
  color: #555;
  margin-bottom: 0;
  display: none;
}

.navbar .saved svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  margin-top: -4px;
}

.navbar .menu {
  float: right;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-in;
}

.navbar .menu.show {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .2s ease-in;
}

.navbar .menu a {
  margin-left: 24px;
}

.navbar .menu button {
  padding: 6px 16px;
  min-width: unset;
  border: none;
  background-color: var(--details);
}

.navbar.light .menu button {
  background-color: rgba(255,255,255,0.3);
}

.navbar .logo,
.footer .logo,
.contact-form-container .logo {
  width: 100%; 
  max-width: 150px;
  margin-left: -6px;
}

.contact-form-container .logo-col {
  /*max-width: 110px;*/
  max-width: 500px;
  margin: 0 auto;
  padding: 50px 10px 30px 10px;
}

.logo-col {
  display: block;
  padding-right: 5px !important;
}

.logo-col a,
.logo-col .powered-by-openai {
  display: block;
  max-width: 150px;
}

.logo-col .powered-by-openai {
  width: 110px;
  margin: 3px 0 0 0;
}

.business-header,
.business-options,
.hero,
.cta,
.footer,
.copyright,
.plan,
.submitted,
.contact-form-container {
  max-width: 1100px; 
  margin-left: auto !important;
  margin-right: auto !important;
}

.contact-form-container {
  padding: 0 10px;
}

.plan {
  max-width: 450px;
  padding-top: 100px;
  padding-bottom: 50px;
  /*background-color: #f1f1f1;*/
  /*border-radius: 8px;*/
}

.plan.narrow {
  animation: narrowWindow ease-out 0.5s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

.plan.wide {
  animation: wideWindow ease-in 0.3s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

.contact-form {
  /*height: 350px;*/
  max-width: 500px;
  min-height: 350px;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.04);
  display: flex;
  margin: 0 auto 140px auto;
}

.contact-form .row {
  width: 100%;
  margin: 0;
}

.contact-form h1 {
  /*font-family: 'Nexa-Bold', sans-serif !important;*/
  font-size: 24px;
  margin: 45px 5px 20px 5px;
}

.contact-form .error-msg {
  display: none;
  text-align: center;
  color: #ff6666;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 4px;
}

.contact-form label {
  font-family: 'Nexa-Bold', sans-serif;
  font-size: 14px;
  margin: 10px 5px 4px 5px;
  color: #333;
}

.contact-form p {
  font-size: 16px;
  margin: 0 5px 10px 5px;
}

.contact-form p b {
  font-family: 'Nexa-Bold', sans-serif;
}

.contact-form input:not([type='checkbox']):hover,
.contact-form textarea:hover {
  border-color: #1868FB !important;
  transition: border 0.3s ease-in;
}

.contact-form input:not([type='checkbox']),
.contact-form textarea {
  border-radius: 8px;
  /*border-color: #e1e1e1;*/
  border-color: #F3F6FB;
  width: 100%;
  max-width: unset;
  /*background-color: #fff;*/
  background-color: #F3F6FB;
  margin: 4px 0 8px 0;
  padding: 8px 12px;
  /*color: #000;*/
  color: #37383C;
  box-shadow: none;
  outline: none;
  transition: border 0.3s ease-out;
}
.contact-form textarea {
  resize: none;
  min-height: 150px;
}

.contact-form input:not([type='checkbox']):focus,
.contact-form textarea:focus {
  /*border-color: var(--details);*/
  /*border-color: #0070c9;*/
  border-color: #1868FB !important;
  /*box-shadow: inset 0 0 1px var(--details) !important;*/
  /*box-shadow: 0 0 0 1px #0070c9 !important;*/
  box-shadow: 0 0 0 4px rgba(24,104,251,.2)!important
  /*box-shadow: 0 0 2px var(--details) !important;*/
}

.contact-form button {
  width: 100%;
  margin-top: 8px !important;
  /*background-color: var(--details);*/
  /*border-color: var(--details);*/
}

.contact-form .btn-link {
  text-align: center;
  margin-top: 20px;
  text-decoration: none !important;
  font-family: 'Nexa-Bold', sans-serif !important;
}

.business-header {
  margin-top: 100px;
}

.business-header h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 56px;
}

.business-options {
  max-width: 800px;
  margin-bottom: 100px;
}

.business-options .col-12 {
  padding: 10px;
}

.business-options .col-12 .business-option {
  min-height: 350px;
  padding: 25px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.04);
  display: flex;
}

.business-options .col-12 .business-option h2 {
  font-size: 22px;
  /*text-align: center;*/
  /*max-width: 240px;*/
  margin-bottom: 12px;
  /*margin-top: 25px;*/
}

.business-options .col-12 .business-option p {
  font-size: 16px;
  color: #555;
  margin-bottom: 12px;
}

.business-options .col-12 .business-option p b {
  color: #333;
  font-family: 'Nexa-Bold', sans-serif !important;
}

.business-options .col-12 .business-option p a.external-link {
  font-size: 16px;
}

.business-options .col-12 .business-option button {
  padding: 6px 24px;
  margin-top: 20px !important;
  background-color: var(--details);
  border-color: var(--details);
  /*width: 100%;*/
}

.business-options .col-12 .business-option .business-option-integration {
  height: 30px;
  margin: 3px;
}

.business-options .col-12 .business-option .business-option-integration:hover {
  cursor: pointer;
}

.submitted {
  padding: 220px 0;
  max-width: 640px;
}

.submitted h1 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 22px;
}

.submitted h5 {
  text-align: center;
  font-size: 18px;
  font-family: 'Nexa-Book', sans-serif !important;
  line-height: 1.5;
  max-width: 500px;
  margin: 0 auto;
}

.loading {
  padding: 280px 0;
}

.plan .plan-select {
  text-align: center;
}

.plan .buttons-container {
  text-align: center;
  background-color: #f1f1f4;
  /*max-width: 335px;*/
  display: inline-block;
  width: auto;
  margin: 30px auto;
  border-radius: 8px;
  padding: 5px;
}

.plan .buttons-container button {
  background-color: transparent;
  color: #c1c1c1;
  border: none;
  min-width: 160px;
}

.plan .buttons-container button:hover {
  opacity: 1;
}

.plan .buttons-container button.active {
  background-color: #fff;
  color: #000;
}

.plan .plan-forms {
  width: 100%;
  background-color: #fff;
  border-radius: 12px;
  padding: 35px 20px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.04);
}

.plan .plan-forms h1 {
  text-align: left;
  font-size: 24px;
  margin-bottom: 20px;
}

.plan .plan-forms p {
  margin: 0 0 8px 0;
  text-align: left;
}

.plan .plan-forms p.comment {
  margin-top: -6px;
  font-size: 13px;
  color: #666;
}

.plan .plan-forms ul {
  margin-bottom: 8px;
}

.plan .plan-forms .buttons-menu {
  border-top: 1px solid #e1e1e1;
}

.plan .plan-forms .buttons-menu button {
  display: block;
  width: 100%;
  margin: 0 !important;
  background-color: #fff;
  color: var(--details);
  border: none;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 0px !important;
  /*background-color: #f1f1f1;*/
  color: #555;
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}

.plan .plan-forms button:hover {
  background-color: #f1f1f1;
  opacity: 1;
}

.plan .plan-forms button .emoji {
  height: 16px;
  float: right;
  margin: 4px 0;
}

.plan .plan-forms .header {
  display: flex;
  align-items: center;
}

.plan .plan-forms .header h1 {
  margin: 0;
  margin-left: -35px;
  width: 100%;
  text-align: center;
  /*font-size: 20px;*/
}

.plan .plan-forms .header .back-btn {
  border-radius: 30px !important;
  width: 40px;
  height: 40px;
  padding: 0;
  min-width: unset;
  background-color: transparent;
  border: none;
  /*color: #a1a1a1;*/
  color: #000;
  margin: 0 0 0 -5px !important;
  z-index: 1;
}

.plan .plan-forms .header .back-btn:hover {
  background-color: rgb(226,226,226);
  opacity: 1;
  /*color: #000;*/
}

.plan .plan-forms .header .back-btn .icon {
  height: 25px;
  width: 100%;
}

.plan .plan-forms .plan-form {
  /*margin: 20px 0;*/
}

.plan .plan-forms .plan-form .buttons-container {
  width: 100%;
  margin: 5px auto;
  border: 1px solid #e1e1e1;
}

.plan .plan-forms .plan-form .buttons-container button {
  min-width: calc(25% - 3.5px);
}

.plan .plan-forms .plan-form h2 {
  font-size: 16px !important;
  margin: 24px 0 8px 0px;
  font-family: 'Nexa-Bold', sans-serif !important;
}

.plan .plan-forms .plan-form input:not([type='checkbox']),
.plan .plan-forms .plan-form textarea {
  border-radius: 8px;
  border-color: #e1e1e1;
  width: 100%;
  max-width: unset;
  background-color: #fff;
  padding: 8px 12px;
  color: #000;
  /*resize: none;*/
  box-shadow: none;
  outline: none;
}

.plan .plan-forms .plan-form textarea {
  min-height: 100px;
}

.plan .plan-forms .plan-form input:not([type='checkbox']):focus,
.plan .plan-forms .plan-form textarea:focus {
  border-color: var(--details);
}

.plan .plan-forms .plan-form input[type='checkbox'] {
  margin-right: 12px;
}

.plan .plan-forms .plan-form .add-question-btn {
  margin: 8px 0 0 0 !important;
  width: 100%;
  background-color: transparent;
  border: 0;
  border-color: #a1a1a1;
  /*color: var(--details);*/
  font-family: 'Nexa-Book', sans-serif !important;
  /*text-align: left;*/
}

.plan .plan-forms .submit-form-btn {
  margin-top: 16px !important;
  width: 100%;
  background-color: var(--details);
  border: 0;
}

.plan table {
  width: 100%;
}

.plan table td {
  width: 50%;
}

.integrations {
  margin-top: 80px;
  background-color: #fff;
}

.integrations p {
  text-align: center;
  margin: 14px auto 24px auto;
  max-width: 500px;
  /*margin: 0 auto;*/
  /*padding: 0 15px;*/
  font-size: 18px;
}

.integrations .integrations-scheme {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 50px auto; 
  padding: 0 15px;
  opacity: 0;
}

.integrations .integrations-scheme.animate {
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards; 
}

.sticky {
  position: -webkit-sticky; 
  position: sticky;
  top: 0px;
}

.hero .intro,
.integrations .intro,
.examples-container .intro,
.cta .intro,
.plan .intro {
  /*color: #5E6AD2;*/
  color: var(--details);
  font-family: 'Nexa-Bold', sans-serif !important;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 30px;
}

.hero {
  min-height: 750px;
  height: 100vh;
}

.hero .text {
  /*padding-top: 180px;*/
  padding-top: 130px;
  padding-bottom: 40px;
}

.hero .text h1 {
  font-size: 64px;
  margin: 0 auto 16px auto;
  text-align: center;
  max-width: 800px;
  letter-spacing: 2px;
  /*font-weight: 800;*/
  color: #222;
  /*color: #fff;*/
}

.hero .text h1 .emoji {
  height: 56px;
  margin: 0 6px 19px 6px;
}

.hero .text h2 {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 5px;
  /*color: var(--details);*/
  color: #fff;
  margin-bottom: 20px;
}
.hero .text .bullets {
  max-width: 480px;
  margin: 24px auto;
  padding-left: 12px;
}

.hero .text .bullets h3 {
  margin: 8px 0;
  text-align: left;
}

.hero .text .bullets h3 b {
  margin-left: 5px;
}

@media (max-width: 460px) {
  .hero .text .bullets h3 {
    font-size: 20px;
  }
  .talktoai .col {
    padding-top: 30px !important;
  }
}

@media (max-width: 370px) {
  .hero .text .bullets h3 {
    font-size: 18px;
  }
}

.hero .text h3 {
  font-family: 'Nexa-Book', sans-serif !important;
  text-align: center;
  /*font-weight: 400;*/
  font-size: 23px;
  line-height: 1.3;
  margin: 24px auto;
  color: #333;
  /*color: #fff;*/
  max-width: 700px;
}

.hero .text h3 b {
  font-family: 'Nexa-Bold', sans-serif !important;
}

.hero .text p {
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
}

.hero .text .subheader {
  font-size: 22px;
  font-family: 'Nexa-Book', sans-serif !important;
  line-height: 1.4;
  /*color: #95a2b3;*/
  /*color: #8a94a6;*/
  color: #181818;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

.hero .text .emoji {
  height: 20px;
  margin-right: 8px;
  margin-bottom: 4px;
}

.hero .text .buttons-container {
  /*display: inline-flex;*/
  text-align: center;
}

.hero .text .buttons-container a {
  display: inline-block;
  margin: 5px;
}

.hero .text .buttons-container button {
  background-color: var(--details);
  border: 2px solid var(--details); 
  margin-bottom: 12px !important;
}

.hero .text .buttons-container button.emerson-btn {
  background-color: transparent; 
  border: 2px solid var(--details); 
  color: var(--details); 
}

.hero .text .buttons-container button.emerson-btn:hover {
  background-color: var(--details);
  color: #fff;
}

.hero .text button {
  display: block;
  /*margin: 14px auto !important;*/
  /*min-width: 335px;*/
  min-width: 350px;
  border: none;
  padding: 10px 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px !important;
  /*box-shadow: #f1f1f1 0px 0px 3px 1px !important;*/
  /*backdrop-filter: blur(1.5rem);*/
  /*-webkit-backdrop-filter: blur(1.5rem);*/
  /*filter: saturate(1.3);*/
  /*transition: all 0.2s ease-out !important;*/
}

.hero .text button span {
  filter: brightness(100%) !important;
}

.hero .text button:hover {
  /*opacity: 1 !important;*/
  backdrop-filter: brightness(95%) !important;
  -webkit-backdrop-filter: brightness(95%) !important;
  /*backdrop-filter: brightness(110%) !important;*/
  /*-webkit-backdrop-filter: brightness(110%) !important;*/
  /*filter: brightness(90%) !important;*/
  /*transition: all 0.2s ease-in !important;*/
}

/*.hero .text p {
  font-size: 15px;
  font-family: "Nexa-Thin";
  color: #e4e4e4;y
  margin: 20px 0;
}

.hero .text p i {
  color: #fff;
}*/

.hero .text ul,
.cta ul {
  list-style: none;
  /*display: inline-flex;*/
  margin: 18px 0px 18px 0px !important;
  padding: 0;
}

.hero .text ul li,
.cta ul li {
  font-size: 14px;
  font-family: 'Nexa-Book', sans-serif;
  /*color: #e4e4e4;*/
  color: #000;
  display: inline-block;
  margin-bottom: 8px;
  letter-spacing: 0px;
}

.hero .text ul li:before,
.cta ul li:before {
  content: '✅';
  margin-right: 6px;
  margin-left: 20px;
  color: #fff;
}

.hero .text .get-started-form {
  text-align: center;
}

.hero .text .get-started-form input,
.cta .get-started-form input,
.subscribe input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /*background-color: #e9ebf4;*/
  border: 2px solid #181818;
  /*border-right-width: 0;*/
}

.hero .text .get-started-form button,
.cta .get-started-form button,
.subscribe button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; 
  margin-left: -5px !important;
  border: 2px solid #181818;
}

.hero .text .get-started-form p,
.cta .get-started-form p {
  color: #181818;
  letter-spacing: 1px;
  margin: 8px 0;
}

.hero .text .get-started-form b,
.cta .get-started-form b {
  font-weight: 800;
}

#request-access-thank-you-msg {
  border-radius: 8px;
  max-width: 420px;
  text-align: left;
  background-color: #f1f1f1;
  padding: 8px 12px;
}

.newsletter {
  padding: 100px 0 0 0;  
}

.newsletter .col-sm-7 {
  padding-right: 50px;
}

.newsletter .emoji {
  height: 20px;
  margin: 0 4px 6px 2px;
}

.newsletter .footer {
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 40px;
  font-size: 14px;
  color: #777;
}

.newsletter .footer a {
  margin-right: 20px;
}

.cta .links {
  max-width: 600px;
  margin: 0 auto;
}

.cta .links p {
  text-align: center;
  font-size: 15px;
}

.cta .links p a {
  margin-left: 16px;
}

.cta .links p a:after,
.business-option p a.external-link:after {
  content: '↗';
  font-size: 20px;
  margin-left: 4px;
}

@media (max-width: 767px) {
  .hero .text .sticky {
    padding-top: 150px;
  }
  .hero .demo {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .hero .demo .header {
    display: block !important;
  }
  .business-header {
    margin-top: 75px;
  }
  .business-header h1 {
    font-size: 40px;
  }
  .business-options {
    margin-bottom: 75px;
  }
  .left-col {
    margin-bottom: 30px;
  }
  .examples-container .left-col .buttons-container {
    text-align: center;
    margin-top: -25px !important;
  }
  .examples-container .left-col .buttons-container button {
    display: inline-block;
    margin: 5px !important;
  }
}

@media (max-width: 650px) {
  .navbar .menu a {
    margin-left: 10px;
  }
  .navbar .menu button {
    padding: 6px 10px !important;
  }
  /*.hero .text {
    padding-top: 180px;
  }*/
  .hero .text h1 {
    font-size: 54px !important;
  }
  .hero .text h1 .emoji {
    height: 40px;
    margin: 0 3px 15px 3px;
  }
  .examples-container h1 {
    font-size: 36px !important;
    padding: 0 10px;
  }
}

@media (max-width: 460px) {
  .navbar .menu a {
    font-size: 13px !important;
    margin-left: 5px !important;
  }
  .navbar .menu button {
    font-size: 13px !important; 
    padding: 4px 8px !important;
  }
  .hero .intro {
    font-size: 12px;
  }
  .hero .text {
    padding-top: 100px;
  }
  .hero .text h1 {
    font-size: 46px !important;
  }
  .hero .text h2 {
    font-size: 16px !important;
  }
  .hero .text .subheader {
    font-size: 18px;
  }
  .hero .text .buttons-container a {
    width: 100%;
  }
  .hero .text button {
    min-width: unset !important;
    width: 100%;
  }
  .hero .text .get-started-form,
  .cta .get-started-form {
    text-align: center;
  }
  .hero .text .get-started-form .tooltips,
  .cta .get-started-form .tooltips {
    display: block !important;
  }
  .hero .text .get-started-form .tooltips .tooltiptext,
  .cta .get-started-form .tooltips .tooltiptext {
    top: -35px !important;
    width: 100% !important;
  }
  .hero .text .get-started-form input,
  .cta .get-started-form input,
  .subscribe input {
    width: 100% !important;
    max-width: unset;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .hero .text .get-started-form button,
  .cta .get-started-form button,
  .subscribe button {
    margin-top: 10px !important;
    width: 100% !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important; 
    margin-left: 0px !important;
  }
  .subscribe .follow-container {
    display: block !important;
  }
  .subscribe input {
    margin: 0 0 10px 0 !important;
  }
  .hero .text ul,
  .cta ul {
    margin-left: -12px !important;
  }
  .hero .text ul li,
  .cta ul li {
    /*font-size: 14px !important;*/
  }
  .hero .text ul li:before,
  .cta ul li:before {
    margin-right: 4px !important;
    margin-left: 12px !important;
  }
  /*.cta {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }*/
  .examples-container .message {
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  .examples-container .sticky {
    /*padding-top: 0px !important;*/
  }
  .modal .modal-body .col-12 {
    padding: 0 5px !important;
  }
  .newsletter {
    padding-top: 30px !important;
  }
  .newsletter .col-sm-7 {
    padding-right: 0px !important;
  }
  .contact-form h1 {
    margin-top: 8px;
  }
  .contact-form {
    padding: 20px 0px !important;
  }
  .business-options .col-12 .business-option .business-option-integration {
    margin: 1px !important;
  }
  .demo .message {
    font-size: 18px !important;
  }
  .team .subheader,
  .product .subheader,
  .section-subheader,
  .talktoai .subheader {
    font-size: 20px !important;
  }
  .examples-container .right-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .examples-container .messages {
    padding: 20px 20px 10px 30px !important;
  }
}

@media (max-width: 400px) {
  .navbar .logo-col {
    max-width: 120px !important;
  }
  .navbar .powered-by-openai {
    width: 80px !important;
  }
}

.demo {
  /*display: flex;*/
  padding-top: 120px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Helvetica Neue', sans-serif !important;
  /*font-family: "system-ui" !important;*/
  min-height: 930px;
  background-color: #fff;
}

.demo .header {
  display: none;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}

.demo .messages {
  /*background-color: #fff;*/
  /*height: 500px;*/
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  /*overflow-y: auto;*/
}

.demo .messages::-webkit-scrollbar {
  display: none;
}

.demo .message-container {
  display: none;
  align-items: flex-end;
  position: relative;
}

.demo .message-container .profile-picture-sm {
  border-radius: 50%; 
  width: 100%; 
  max-width: 32px;
  max-height: 32px;
  margin: auto;
  margin: 0 8px 8px 0;
}

.demo .message-container .status-sm {
  position: absolute;
  left: 22px;
  bottom: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #00de98;
}

.demo .message {
  padding: 7px 16px;
  border-radius: 22px;
  width: fit-content;
  word-break: break-word;
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.demo .message.bot {
  background-color: #f1f1f1;
  /*background-color: #fff;*/
  text-align: left;
}

.demo .message.human {
  display: none;
  background-color: var(--details);
  text-align: left;
  margin-left: auto;
  color: #fff;
  max-width: 80%;
}

.examples-container {
  /*background-image: linear-gradient(180deg,#1f292e,#111719);*/
}

.examples {
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
  max-width: 1000px;
  margin: 0px auto !important; 
  /*padding-top: 20px;*/
  /*padding-bottom: 20px;*/
}

.examples .sticky {
  padding-top: 60px;
  padding-bottom: 10px;
  /*background-color: #fff;*/
  z-index: 1;
}

.examples .col {
  padding-left: 0;
  padding-right: 0;
}

.integrations .intro,
.plan .intro {
  margin-top: 6px;
  margin-bottom: 6px;
  text-align: center;
}

.integrations h1,
.plan h1 {
  text-align: center;
  font-size: 35px;
  /*margin-top: 100px;*/
  margin-bottom: 0px;
}

.examples-container .left-col {
  /*background-color: #181818;*/
  /*padding-top: 150px;*/
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
}

.examples-container .left-col button {
  font-size: 22px !important;
  display: block;
  padding: 6px 20px;
  min-width: unset;
  margin: 10px 0 10px auto !important;
  letter-spacing: 1px;
  background-color: transparent;
  border: none;
  font-family: 'Nexa-Bold', sans-serif !important;
  color: #a1a1a1;
}

.examples-container .left-col button.selected {
  /*background-color: #242e33;*/
  background-color: #fefefe;
  color: #333;
}

.examples-container .left-col button:hover {
  /*background-color: #242e33;*/
  background-color: #fefefe;
  opacity: 1;
}

.examples-container .left-col .buttons-container {
  margin: auto 0;
  width: 100%;
}

.buttons-container button .icon {
  margin-left: 8px;
}

.examples-container .right-col {
  /*background-color: #181818;*/
  min-height: 530px;
}

.examples-container .messages {
  background-color: #fff;
  min-height: 550px;
  /*max-height: 500px;*/
  padding: 30px 30px 20px 30px;
  border-radius: 20px;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  /*overflow*/-y: scroll;
  font-family: 'Helvetica Neue', sans-serif !important;
}

.examples-container .message-container {
  display: none;
  /*display: inline-flex;*/
  align-items: flex-end;
  position: relative;
}

.examples-container .message-container .profile-picture-sm {
  border-radius: 50%; 
  width: 100%; 
  max-width: 40px;
  max-height: 40px;
  margin: auto;
  margin: 0 8px 10px 0;
}

.examples-container .message-container .status-sm {
  position: absolute;
  left: 28px;
  bottom: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: #00de98;
}

.examples-container .message {
  padding: 6px 16px;
  border-radius: 18px;
  width: fit-content;
  /*max-width: 500px;*/
  word-break: break-word;
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.4;
}

.examples-container .message.bot {
  background-color: #f1f1f1;
  text-align: left;
}

.examples-container .message.human {
  display: none;
  background-color: var(--details);
  text-align: left;
  margin-left: auto;
  color: #fff;
  max-width: 80%;
}

.examples-container h1 {
  text-align: center; 
  padding-top: 60px; 
  font-size: 50px;
}

.cta {
  padding-top: 80px;
  padding-bottom: 120px;
  /*display: flex;*/
}

.cta h1 {
  text-align: center;
  font-size: 40px;
  margin-top: 50px;
  margin-bottom: 0px;
}

.cta .get-started-form {
  /*text-align: center;*/
  max-width: 415px;
  margin: 40px auto 30px auto;
}

.footer {
  padding-bottom: 40px;
  padding-top: 20px;
  /*background-color: #333;*/
}

.footer .logo-col p {
  margin: 24px 0;
  max-width: 200px;
}

.footer .col-12 {
  padding: 15px;
}

.footer h3 {
  color: #fff;
  font-size: 16px;
  font-family: 'Nexa-Bold', sans-serif !important;
  /*font-weight: 700;*/
  margin: 8px 0 24px 0;
}

.footer p {
  /*text-align: center;*/
  font-size: 14px;
  color: #fff;
}

.footer p a,
.footer .icon-link {
  /*margin-right: 20px;*/
  color: #a1a1a1 !important;
}

.footer p a:hover,
.footer .icon-link:hover {
  color: #fff !important;
}

.footer p .break {
  margin: 0px 5px;
}

.footer .icon-link,
.contact .icon-link {
  display: inline-block !important;
}

.footer .icon,
.contact .icon {
  height: 20px;
  margin-right: 14px;
  /*color: #fff;*/
  vertical-align: sub;
}

._3i0k6___Layout__cls1.mJVDY___Layout__isNotEmbedded {
  background-color: transparent !important;
}

.people .icon {
  height: 18px;
  margin-right: 10px;
  vertical-align: sub;
}

.footer .icon-link:hover {
  /*color: var(--details) !important;*/
  /*opacity: 0.8;*/
  color: #fff !important
}

.copyright p {
  text-align: center;
  margin: 8px 0;
  font-size: 12px;
}

.people,
.section-title {
  max-width: 600px;
  margin: 40px auto 30px auto !important;
}

.investors {
  max-width: 600px;
  margin: 30px auto !important; 
}

.section-subheader {
  max-width: 600px;
  font-size: 24px;
  font-family: 'Nexa-Book', sans-serif !important;
  line-height: 1.4;
  color: #181818;
  margin: 0px auto 20px auto;
  padding: 0 15px;
  letter-spacing: 1px;
}

.section-subheader {
  max-width: 600px;
  font-size: 24px;
  font-family: 'Nexa-Book', sans-serif !important;
  line-height: 1.4;
  color: #181818;
  margin: 0px auto 20px auto;
  padding: 0 15px;
  letter-spacing: 1px;
}

.contact-container {
  background-color: #fff;
  padding: 75px 0;
}

.contact-container .section-title {
  margin-top: 10px !important;
}

.contact {
  max-width: 600px;
  margin: 20px auto !important;
}

.section-title {
  padding: 0 15px;
}

.team,
.product,
.legal {
  max-width: 600px;
  margin: 0 auto !important;
}

.team .col {
  padding-top: 150px;
}

.talktoai {
  max-width: 600px;
  margin: 0 auto !important;
}

.talktoai .col {
  padding-top: 70px;
  /*padding-bottom: 120px;*/
}

.talktoai h1,
.talktoai h2 {
  color: #fff !important;
}

.talktoai h2 a {
  color: #fff !important;
  text-decoration: underline !important;
}

.talktoai .header {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px;
}

.talktoai .header img {
  width: 70px; 
  height: 70px; 
  border-radius: 50%; 
  margin-right: 5px; 
  margin-bottom: 8px;
}

@media (max-width: 530px) {
  /*.talktoai .header {
    font-size: 38px !important;
  }*/
  /*.talktoai .header img {
    width: 80px !important; 
    height: 80px !important;
  }*/
  /*.talktoai .subheader {
    font-size: 18px !i/mportant;
  }*/
  /*.talktoai button {
    font-size: 14px !important;
    letter-spacing: 1px !important;
  }*/
  /*.talktoai button svg {
    height: 20px !important;
    width: 20px !important;
  }*/
  .talktoai .subheader {
    margin-top: 20px !important;
  }
  .talktoai p {
    font-size: 16px !important;
  }
}

.talktoai .subheader {
  font-weight: 800;
  margin: 32px 0 16px 0;
  /*opacity: 0.9;*/
}

.talktoai p {
  color: #fff !important;
  font-size: 18px;
  word-break: break-word;
  margin-bottom: 8px;
}

.talktoai p.footer {
  font-size: 14px;
  padding: 0;
  margin: 40px 0 40px 0;
}

.talktoai p a {
  color: #fff !important;
  text-decoration: underline !important;
}

.talktoai button {
  width: 100%;
  max-width: 550px;
  /*text-transform: uppercase;*/
  letter-spacing: 2px;
  margin: 16px auto 16px auto !important;
  padding: 10px;
  /*background-color: #fff; */
  /*background-color: rgba(255,255,255,0.3);*/
  background-color: rgba(0,0,0,0.2);
  /*border: 1px solid rgb(168, 168, 168);*/
  border: none;
  backdrop-filter: blur(1.5rem);
  filter: saturate(1.3);
  /*color: #000;*/
  color: #fff;
  /*font-family: 'Nexa-Book', sans-serif !important;*/
  text-transform: uppercase;
}

.talktoai button:hover {
  border-color: rgb(41, 41, 41);
  background-color: rgba(0,0,0,0.3);
  cursor: pointer !important;
}

/*.talktoai button#talktoai-telegram-btn:hover {
  background-color: #0088cc;
}

.talktoai button#talktoai-messenger-btn:hover {
  background-color: #0084ff;
}*/

.talktoai button svg {
  height: 22px;
  width: 22px;
  margin-right: 4px;
  margin-top: -4px;
}

.talktoai a svg {
  height: 22px;
  width: 22px;
  color: #fff;
  margin: 0 8px 4px 8px;
}

.talktoai a svg:hover {
  opacity: 0.7;
}

.legal .col {
  padding-top: 150px;
  padding-bottom: 80px;
}

.product .col {
  padding-top: 80px;
  /*padding-top: 150px;*/
}

.team .header,
.product .header,
.legal .header {
  font-size: 56px;
  margin-bottom: 25px;
}

.team .subheader,
.product .subheader,
.legal .subheader,
.talktoai .subheader {
  font-size: 24px;
  font-family: 'Nexa-Book', sans-serif !important;
  line-height: 1.4;
  color: #181818;
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.talktoai .subheader {
  margin-bottom: 20px;
  font-size: 22px;
}

.product .subheader b,
.section-subheader b {
  font-family: 'Nexa-Bold', sans-serif !important;
}

.legal h5 {
  margin-top: 32px;
}

.legal p b {
  font-family: 'Nexa-Bold', sans-serig !important;
}

.people .bio {
  text-align: center;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.04);
  margin-bottom: 20px;
}

.people p {
  margin: 8px 0;
}

.people p.previously {
  font-size: 14px;
}

.people img {
  max-width: 200px;
  margin: 10px;
}

.people i {
  /*color: #333;*/
  margin: 4px;
}

.people .social-icon {
  width: 16px;
  height: 16px;
  margin: 4px;
  /*filter: grayscale(100%); */
}

/*.people a:hover .social-icon {
  filter: grayscale(0%) !important;
}*/ 

.investors .col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.investors .investor {
  margin: 10px 10px 30px 10px;
}

.preloader {
  width: 50px; 
  height: 50px; 
  margin-top: -10px; 
  margin-left: -5px;
}

.preloader-container-small {
  width: 100%;
  text-align: center;
  position: relative;
}

.tooltips {
  position: relative;
  display: inline;
}

.tooltips .tooltiptext {
  visibility: hidden;
  background-color: #ff6666;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  font-size: 14px;
  top: -45px;
  left: 0;
  width: calc(100% - 4px);
  /*left: 50%;*/
  /*width: 250px;*/
  /*margin-left: -125px;*/
  position: absolute;
  z-index: 1;
}

.tooltips:hover .tooltiptext {
  /*visibility: visible;*/
}

.modal-backdrop {
  z-index: 10001 !important;
  backdrop-filter: blur(1rem);
  -webkit-backdrop-filter: blur(1rem);
}

.modal {
  z-index: 10002 !important;
}

.modal h1 {
  /*text-align: center;*/
  font-size: 30px;
  margin: 25px 16px 16px 16px;
}

.modal h2 {
  font-size: 24px;
  margin: 32px 16px 16px 16px;
}

.modal p {
  font-size: 18px;
  margin: 16px;
}

.modal p .emoji {
  height: 17px;
  margin: 0 4px 6px 2px;
}

.modal .modal-body {
  text-align: center;
  padding: 0;
}

.modal .modal-body .row {
  margin: 0;
}

.modal .modal-body .col-12 {
  padding: 20px 30px;
}

.modal .modal-body img.widget {
  width: 100%;
  max-width: 250px;
  margin: 10px auto 30px auto;
}

.modal .modal-body img.integrations {
  width: 100%;
  margin: 10px auto 30px auto;
}

.modal .modal-body iframe {
  margin-bottom: 16px;
}

.modal .close {
  font-size: 40px !important;
  min-width: unset;
  position: absolute;
  right: 16px;
  top: 4px;
  z-index: 1;
}

.modal#my-account p {
  text-align: left;
}

.modal#my-account img {
  width: calc(100% - 80px);
  margin: 0px 40px;
}

.subscribe {
  display: block;
  align-items: center;
  z-index: 1020;
  width: 100%;
  max-width: 432px;
  margin: 20px auto 25px auto;
}

.subscribe .text-container {
  display: block;
  vertical-align: bottom;
}

.subscribe #follow-error-message {
  margin-bottom: 0;
  font-size: 0.8rem !important;
  color: #EF3340;
}

.subscribe p.message {
  text-align: center;
  margin: 5px 0;
}

.subscribe .follow-container {
  display: flex;
  align-items: center;  
  width: 100%;
  padding: 0 16px;
}

.subscribe input {
  outline: none;
  box-shadow: none;
  background-color: #fff;
  font-size: 0.9rem;
  font-weight: 400;
  border: 2px solid #181818;
  border-radius: 5px;
  display: inline-block;
  padding: 8px 12px;
  height: 36px;
  color: #333;
  width: calc(100% - 125px);
  margin-right: -2px;
  max-width: unset;
}

.subscribe input:focus {
  outline: none;
  box-shadow: none;
}

.subscribe button {
  padding: 4px 10px;
  outline: none !important;
  box-shadow: none !important;
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: 5px;
  display: inline-block;
  width: 120px;
  min-width: 120px;
  margin: 0px !important;
}

.subscribe button:focus {
  outline: none;
  box-shadow: none;
}

.subscribe .consent #consent_text a {
  color: inherit !important;
  text-decoration: underline !important;
}

#consent {
  padding: 0px;
  /*display: none;*/
  transform: display 1s ease-out;
  text-align: left;
}

#consent_intro {
  margin: 0px 0 3px 0;
  font-size: 0.7rem !important;
  color: var(--font4) !important;
}

.consent-text {
  display: flex;
  margin: 8px 0px !important;
}
.consent-text label {
  font-size: 12px;
  margin-bottom: 0 !important;
  color: #666;
  font-family: 'Nexa-Book', sans-serif;
  /*font-size: 16px;*/
  /*margin: 0 5px 10px 5px;*/
}

.consent-text label a {
  color: inherit !important;
  text-decoration: underline !important;
}

.consent-text label:hover {
  cursor: pointer;
}

.consent-text:hover,
#consent_text:hover {
  cursor: pointer;
}

#checkbox_consent_label.error {
  border-color: #ff6666;
  background-color: #ffe5e5;
}

/*#consent {
  font-size: 0.7rem !important;
  line-height: 0.9rem;
  color: #333 !important;
  margin: 12px 0 0 0 !important;
  text-align: left;
}*/

#consent input[type=checkbox] {
  height: 20px;
  margin-right: 10px;
  padding: 0;
}

#consent input[type=checkbox]:hover {
  cursor: pointer;
}

/*#consent input[type=checkbox] + label {
  background-color: white;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 3px;
  height: 14px;
  width: 14px;
  margin: 0;
  display: inline-block;
  position: absolute;
  z-index: 1;
}

#consent input[type=checkbox]:hover + label {
  background-color: rgba(0,0,0,0.05);
}

#consent input[type=checkbox]:checked + label {
  background-color: #32CD32 !important;
  border-color: #32CD32 !important;
}*/

/*#consent input[type=checkbox]:checked + label:after {
  content: "\2713";
  font-size: 0.9rem;
  padding-left: 1px;
  color: var(--font0);
  line-height: 0.8rem;
}*/

.circle-loader-small {
  font-size: 12px;
  margin-top: 3px;
  /*margin-bottom: calc(5em/6);*/
  border: 4px solid rgba(0, 0, 0, 0.2);
  /*border-left-color: #3232ff;*/
  border-left-color: #000;
  animation: loader-spin 0.8s linear infinite;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
}

.preloader-container {
  width: 100%;
  text-align: center;
  min-height: 100px;
  position: relative;
}

.circle-loader {
  font-size: 12px;
  margin: 200px;
  /*margin-bottom: calc(5em/6);*/
  border: 4px solid rgba(0, 0, 0, 0.2);
  /*border-left-color: #3232ff;*/
  border-left-color: #000;
  animation: loader-spin 0.8s linear infinite;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

#checkmark {
  display: none;
  animation-duration: 600ms;
  animation-delay: 0.4s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
  font-size: 17px;
  opacity: 0;
  height: calc(2em/2);
  width: calc(2em/4);
  transform-origin: left top;
  border-right: 4px solid #000;
  border-top: 4px solid #000;
  content: '';
  /*left: calc(2em/6 + 2em/12 + 133px);*/
  /*top: calc(2em/2 + 21px);*/
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: 2px;
}

.load-complete {
  border-left-color: rgba(0, 0, 0, 0.2);
  border-color: #000;
  transition: border 1000ms ease-out;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: calc(2em/4);
    opacity: 1;
  }
  40% {
    height: calc(2em/2);
    width: calc(2em/4);
    opacity: 1;
  }
  100% {
    height: calc(2em/2);
    width: calc(2em/4);
    opacity: 1;
  }
}

@-webkit-keyframes slide {
  0% {
    top: -50px;
    opacity: 0;
  }
  100% {
    top: 10px;
    opacity: 1;
  }
}

@keyframes fadeInAnimation { 
  0% { 
    opacity: 0; 
  } 
  100% { 
    opacity: 1; 
   } 
} 

@keyframes wideWindow { 
  0% { 
    max-width: 450px; 
  } 
  100% { 
    max-width: 700px;
   } 
} 

@keyframes narrowWindow { 
  0% { 
    max-width: 700px; 
  } 
  100% { 
    max-width: 450px;
   } 
} 

#quickchat-intro-div {
  width: 260px !important;
  /*box-shadow: var(--details) 0px 0px 10px 4px !important;*/
}