@font-face {
  font-family: Fat Ink Font;
  src: url('../fonts/Fat-Ink-Regular-Font.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --accent-teal: #004e61;
  --accent-green: #46a756;
  --accent-orange: #e14617;
  --white: #fff;
  --text-color: #333;
  --accent-cyan: #74d4c3;
  --paragraph-text: #333c;
  --accent-yellow: gold;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.page-wrap {
  flex-flow: column;
  width: auto;
  font-family: Inter, sans-serif;
  display: flex;
  overflow: visible;
}

.section-style1 {
  flex-flow: column;
  flex: none;
  width: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-style1.align-centerstretch {
  justify-content: center;
  align-items: stretch;
}

.section-style1.features {
  background-image: url('../images/smarties-tree_01-1.png'), url('../images/smarties-tree_01-1.png');
  background-position: 120% 70%, -20% 70%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.section-style1.bg-greengradient {
  background-image: linear-gradient(#46a7561a, #fff0);
}

.section-style1.journey {
  background-image: linear-gradient(#46a7561a, #fff0 50%, #46a7561a 104%);
  overflow: visible;
}

.section-style1.smallcta {
  background-image: url('../images/smarties_hero-curve.svg'), linear-gradient(#fff0, #46a7561a);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 102%, auto;
}

.section-style1.footer {
  background-color: var(--accent-teal);
}

.section-style1.overflow-show {
  overflow: visible;
}

.section-style1.testimonials {
  padding-bottom: 5vw;
  display: none;
}

.section-style1.afterhero-cta {
  background-image: linear-gradient(#fff, #e1461780);
  overflow: visible;
}

.section-style1.hero {
  flex: 1;
}

.container-style1 {
  flex-flow: column;
  flex: 1;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar {
  z-index: auto;
  background-color: #ddd0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.smarties_logo-arvin-1 {
  object-fit: cover;
  width: 200px;
  overflow: hidden;
}

.navtext {
  color: #333c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
}

.navtext:hover, .navtext.w--current {
  color: var(--accent-green);
}

.button {
  grid-column-gap: 8px;
  background-color: var(--accent-orange);
  color: var(--white);
  text-align: center;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.button.outline {
  border: 1px solid var(--accent-orange);
  background-color: var(--white);
  color: var(--accent-orange);
}

.button.getwidget {
  border-radius: 50px;
  width: 200px;
  height: 90px;
  line-height: 1.4;
}

.button.gray {
  color: #555;
  background-color: #e0e0e0;
}

.navbar-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.section-hero {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 5vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.heading {
  color: var(--text-color);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 4.165vw;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.heading.sub {
  font-size: 2.083vw;
  line-height: 1.5;
}

.heading.subsmaller {
  font-size: 1.9rem;
  line-height: 1.3;
}

.hero-mic-button-content {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-hero-card {
  grid-column-gap: 10px;
  background-color: #fff6;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 250px;
  margin-right: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  transform: rotate(-5deg);
  box-shadow: 0 3px 6.9px #0000001a;
}

.cta-hero-card._w-200 {
  width: 300px;
}

.paragraph {
  color: #004e61;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.paragraph.mob-small {
  font-size: 1rem;
  line-height: 1.5;
}

.paragraph.free-wdiget {
  color: #333;
  letter-spacing: -.5px;
  letter-spacing: -.5px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.smarties-arrow {
  object-fit: cover;
  transform-style: preserve-3d;
  flex: none;
  position: absolute;
  top: -31.5px;
  right: 86%;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(-1deg);
}

.smarties-arrow.letsfindout {
  width: 150px;
  height: 70px;
  top: 22%;
  left: 48%;
  right: auto;
  transform: none;
}

.button-wave {
  background-color: #fff0;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: relative;
}

.mic-button {
  z-index: 3;
  cursor: pointer;
  background-color: #10b981;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 7.9px #0000001a, inset 0 -3px 10px 4px #0003;
}

.mic-button:hover {
  transform: translate(0, 2px);
  box-shadow: inset 0 2px 20px #0003, 0 4px 7.9px #0000001a, inset 0 -3px 5.3px #0000001a;
}

.subheader {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}

.subheader.mobile {
  display: none;
}

.subheader.desktop-small {
  color: #333c;
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 400;
}

.subheader.mobi-small {
  display: none;
}

.section-navhero {
  background-image: linear-gradient(#ffd70005, #74d4c380);
  flex-flow: column;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-extradetails-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 51px;
  right: 95%;
}

.hero-images {
  width: 100vw;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-curve {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-image-bear {
  width: 30%;
  position: absolute;
  inset: auto auto 0% -5%;
}

.image-100 {
  width: 100%;
}

.image-100.fit-contain {
  object-fit: contain;
}

.hero-vine-left {
  width: 15%;
  position: absolute;
  inset: 9% auto auto -8%;
  overflow: hidden;
  transform: rotate(-80deg);
}

.hero-vine-right {
  width: 8%;
  position: absolute;
  inset: 9% -3% auto auto;
  overflow: hidden;
  transform: rotate(104deg);
}

.description-div {
  padding-top: 15vw;
  padding-bottom: 15vw;
  display: flex;
}

.description-text-details {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.h2 {
  color: var(--text-color);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.h2.text-green {
  color: var(--accent-teal);
  font-weight: 700;
}

.h2.text-green.mob-text-center {
  font-size: 1.5rem;
}

.h2.mob-text-center {
  font-size: 1.75rem;
}

.container-style2 {
  flex-flow: column;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-style2.zindex-2 {
  z-index: 10;
  position: relative;
}

.container-style2.zindex-2.cta {
  z-index: 4;
}

.description-image-container {
  justify-content: flex-end;
  align-items: center;
  width: 45%;
  height: 50%;
  margin-bottom: 10%;
  display: flex;
  position: absolute;
  left: auto;
  right: 0%;
}

.smarties-image-div {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.smarties-image {
  object-fit: contain;
  flex: none;
  overflow: hidden;
}

.smarties-bear-looking {
  z-index: 2;
  width: 60%;
  position: absolute;
  top: 280px;
  left: 0%;
  right: auto;
}

.smarties-tree-description {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  right: -10%;
}

.rock-image {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 20%;
  position: absolute;
  inset: auto 37% -39% auto;
}

.description-sunt {
  width: 10%;
  position: absolute;
  inset: 0% auto auto 4%;
  overflow: hidden;
}

.description-vine-left {
  width: 10%;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
  transform: rotate(-80deg);
}

.features-main-content {
  grid-row-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 12vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-description-hd {
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.bear-image-lookup {
  transform-style: preserve-3d;
  width: 30%;
  position: absolute;
  inset: auto auto 0% -17%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.smartie-image-present {
  transform-style: preserve-3d;
  width: 30%;
  position: absolute;
  inset: auto -17% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.beginjourney-hd-div {
  grid-column-gap: 10px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 5rem 10%;
  text-decoration: none;
  display: flex;
}

.h1-style2 {
  color: #004e61;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.h1-style2.smaller {
  font-size: 4rem;
}

.beginjourney-div {
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 20vw;
  padding-bottom: 20vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.beginjourney-div.start {
  padding-bottom: 10vw;
}

.section-text-content-div {
  z-index: 2;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.section-text-content-div.align-center {
  grid-row-gap: 24px;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
}

.h3-style1 {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.h3-style1.text-center {
  text-align: center;
  line-height: 1.2;
}

.h3-style1.text-green {
  color: #004e61;
  line-height: 1.2;
}

.p-style1 {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.p-style1.text-center {
  text-align: center;
}

.p-style1.text-center.uppercase {
  text-transform: uppercase;
}

.p-style1.smaller {
  font-size: 16px;
}

.p-style1.smaller.bold {
  color: #333;
}

.p-style1.bigger {
  color: #333;
  font-size: 1.25rem;
}

.p-style1.left {
  text-align: left;
}

.p-style1.text-right {
  text-align: right;
}

.p-style1.bold {
  color: #333;
}

.p-style1.center {
  text-align: center;
}

.section-image-contain {
  flex: none;
  width: 48%;
  height: 100%;
  position: relative;
  bottom: -200px;
}

.section-image-contain.position-normal {
  bottom: auto;
}

.button-extradetails-right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 51px;
  left: 99%;
}

.button-extradetails-right.letsfindout {
  top: 100%;
  bottom: auto;
  left: 55%;
}

.section-hero-w-60 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  display: flex;
  position: relative;
}

.cta-hero-clickhere {
  grid-column-gap: 10px;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: rotate(7deg);
}

.cta-hero-clickhere.letsfindout {
  transform: rotate(-7deg);
}

.feature-tab-textcontent {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 1;
  margin-left: 16px;
  display: flex;
}

.feature-tab-content-paragraph {
  border-style: solid;
  border-width: undefinedpx;
  color: #333c;
  border-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.feature-tab-content-hd {
  border-style: solid;
  border-width: undefinedpx;
  color: #004e61;
  border-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.feature-tabs {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  display: flex;
}

.feature-tabmenu-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 30%;
  margin-right: 20px;
  display: flex;
}

.feature-tabs-content {
  flex: 1;
  overflow: visible;
}

.journey-steps {
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 20vw;
  padding-bottom: 20vw;
  text-decoration: none;
  display: flex;
}

.section-step-count {
  grid-row-gap: 10px;
  color: var(--white);
  text-align: center;
  background-color: #004e61;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-count-div {
  z-index: 4;
  margin-top: 20%;
  margin-bottom: 30%;
  margin-left: -20px;
  position: sticky;
  top: 40%;
  right: 0;
}

.image-attractnewcustomer-div {
  width: 150%;
  position: absolute;
  top: 50%;
  left: -34%;
  transform: translate(0, -40%);
}

.image-turnbuyers-div, .image-createloyal-div {
  width: 130%;
  position: absolute;
  top: 50%;
  left: -22%;
  transform: translate(0, -55%);
}

.section-hero-w-40 {
  width: 60%;
}

.section-hero-w-40.mob {
  width: 40%;
}

.pricing-main-content {
  grid-row-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vw;
  padding-bottom: 10vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card-pricing {
  grid-row-gap: 33px;
  border: 1px solid var(--white);
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 28px 19px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.card-pricing:hover {
  border-color: var(--accent-teal);
}

.card-pricing.pro {
  border: 1px solid var(--accent-cyan);
}

.card-pricing.pro:hover {
  border-color: var(--accent-teal);
}

.card-pricing-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pricing-title {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 35%;
  padding-left: 16px;
  text-decoration: none;
  display: flex;
}

.pricing-title-sub {
  color: var(--paragraph-text);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.56rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.pricing-title-main {
  color: var(--accent-teal);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.pricing-title-main.pro {
  background-image: linear-gradient(90deg, var(--accent-green), var(--accent-teal));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.icon-arrow {
  object-fit: cover;
  flex: none;
  width: 25px;
  height: 25px;
  overflow: hidden;
}

.feature-single {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.feature-single.text-bold {
  font-weight: 700;
}

.pro-pricing-progress {
  background-image: linear-gradient(0deg, #46a75633, #fff0);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 640px;
  padding: 30px 20px;
  display: flex;
  overflow: hidden;
}

.pricing-pro-progress-div {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: 55px;
  padding: 19px 33px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.progress-linebg {
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #0003;
}

.progress-step-div {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 30px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: -5px;
}

.progress-step {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.progress-step-text {
  color: var(--accent-teal);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.progress-num {
  grid-row-gap: 10px;
  background-color: #004e61;
  border: 2px solid #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 10px 4px #00000040;
}

.progress-num-2 {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 2px 4.5px #0003;
}

.progress-num-dot {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 8px;
  height: 8px;
  text-decoration: none;
  display: flex;
}

.pricing-pro-right {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 49%;
  text-decoration: none;
  display: flex;
}

.pricing-pro-left {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 49%;
  text-decoration: none;
  display: flex;
}

.pricing-textcontent {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.tabmenu-text-3 {
  color: #004e61;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}

.tabmenu-text-3.text-center {
  text-align: center;
}

.tabmenu-text-4 {
  color: #333c;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.pricing-item-2 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.pricing-center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.progress-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: 20px;
  display: flex;
}

.roi-calculator-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 80%;
  display: flex;
}

.roi-tabmenu-div {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.roi-tabmenu {
  grid-column-gap: 20px;
  background-color: var(--white);
  color: var(--accent-teal);
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 49px;
  padding: 20px 30px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.roi-tabmenu:hover {
  background-color: #004e611a;
}

.roi-tabmenu.w--current {
  background-color: var(--accent-teal);
  color: var(--white);
}

.untitled {
  object-fit: cover;
  width: 30px;
  height: 30px;
}

.roi-tabs {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.roi-tabs.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.roi-tabs-content {
  width: 100%;
  overflow: visible;
}

.roi-form-row {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.roi-form-row.vertical {
  border-bottom-style: none;
  flex-flow: column;
  align-items: stretch;
}

.roi-form-row.channels {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
}

.roi-form-row.noborder {
  border-bottom-style: none;
}

.togglecheck {
  cursor: pointer;
  background-color: #ced7e0;
  background-image: url('../images/smarties-toggle-black-circle.svg');
  background-position: 10% 45%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 100px;
  width: 50px;
  min-width: 30px;
  height: 30px;
  min-height: 16px;
  margin-top: 0;
  margin-right: 0;
  transition: all .2s;
  box-shadow: inset 0 2px 7px -2px #0003;
}

.togglecheck.w--redirected-checked {
  background-color: #0000;
  background-image: url('../images/smarties-toggle-black-circle.svg');
  background-position: 85% 45%;
  background-size: 20px 20px;
  border-style: none;
}

.callduration-input {
  color: #333;
  text-align: center;
  background-color: #3333330d;
  border: 1px solid #d6d6d6;
  border-radius: 20px;
  min-width: 80px;
  max-width: 200px;
  height: 45px;
  margin-bottom: 0;
  padding-left: 12px;
  padding-right: 0;
  font-size: 1.1rem;
  font-weight: 500;
  overflow: visible;
  box-shadow: inset 0 2px 4px -1px #00000026;
}

.callduration-input:focus, .callduration-input:focus-visible, .callduration-input[data-wf-focus-visible] {
  background-color: #3333331f;
}

.roi-form-left {
  flex: none;
  width: 60%;
}

.checkbox-label-2 {
  display: none;
}

.roi-card {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  padding: 45px;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.roi-form-label-contain {
  width: 50%;
}

.roi-btn-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.roi-text {
  color: var(--paragraph-text);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
}

.roi-form-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.callduration-row {
  justify-content: center;
  align-items: center;
  display: flex;
}

.callduration-btn {
  opacity: .8;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.callduration-btn:hover {
  opacity: 1;
}

.roi-form-bot {
  flex-flow: wrap;
  place-content: flex-start space-between;
  align-items: flex-start;
  display: flex;
}

.togglecheck_container {
  background-color: var(--accent-teal);
  border-radius: 100px;
  align-items: center;
  width: 50px;
  min-width: 30px;
  height: 30px;
  min-height: 16px;
  margin-bottom: 0;
  display: flex;
}

.roi-form-textfield-contain {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.roi-form-textfield-contain.align-right {
  justify-content: flex-end;
  align-items: center;
}

.cta-content {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13vw;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta-content.small {
  padding-top: 5vw;
  padding-bottom: 10vw;
}

.cta-content.small.mt-0 {
  padding-top: 0;
}

.cta-content.bottom {
  padding-bottom: 5vw;
}

.content-description {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 65%;
  padding: 7px 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-description.lite-cta {
  width: 70%;
  max-width: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.content-description._w-70 {
  width: 80%;
}

.cta-btn-container {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.footer-content {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2vw;
  padding-bottom: 2vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.copyright-text {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.roi-calculator-content {
  grid-row-gap: 70px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vw;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.navright {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nav-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section--partners {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5vw 10% 10vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.partners-left {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  text-decoration: none;
  display: flex;
}

.partners-right {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 45%;
  text-decoration: none;
  display: flex;
}

.search {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--accent-teal);
  background-color: #f5f6fa;
  background-image: url('../images/smarties-search.svg');
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 30vw;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 20px 10px 50px;
  font-size: 1.125rem;
  line-height: 1.5;
  display: flex;
  overflow: hidden;
}

.usecase-main-content {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10vw;
  padding-bottom: 10vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.usecase-center {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.usecase-center._w-100 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: relative;
}

.use-case-tab-base {
  color: #333333b3;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f5f5;
  border-radius: 9999px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  font-size: .8rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.use-case-tab-base:hover {
  color: #333333e6;
  background-color: #004e611a;
}

.use-case-tab-base.w--current {
  color: var(--white);
  background-color: #004e61b3;
}

.usecase-tabmenu-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.usecase-tabpane-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  place-content: flex-start;
  width: 100%;
  padding: 20px 15px;
  display: flex;
  overflow: visible;
}

.use-case-card {
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 24%;
  padding: 24px 24px 0;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 16px 1px #00000026;
}

.use-case-card:hover {
  box-shadow: inset 0 1px 6px #00000026;
}

.use-case-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.use-case-category-row {
  grid-column-gap: 9px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.industry-icon {
  background-color: #004e61;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 4px #00000040;
}

.vector {
  object-fit: cover;
}

.uc-category-text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.heading-and-subheading {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.heading-and-icon {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.uc-card-header {
  color: #181d27;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.uc-card-header.text-green {
  color: #004e61;
}

.uc-card-header.text-green.cta {
  text-align: center;
  font-size: 1.6rem;
}

.icon-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  text-decoration: none;
  display: flex;
}

.arrow-up-right {
  object-fit: cover;
  overflow: hidden;
}

.supporting-text {
  color: #535862;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: none;
}

.demo-label {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
}

.demo-label.small {
  font-size: .9rem;
  font-weight: 500;
}

.check {
  object-fit: cover;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.p-text {
  font-size: 1.2em;
  line-height: 1.5em;
}

.p-text.text-bold {
  color: #004e61;
  font-size: 1.4em;
  font-weight: 700;
}

.p-text.sub {
  color: var(--text-color);
  font-size: 1.2em;
  font-weight: 600;
}

.popup-step4 {
  display: none;
}

.btn-close {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.btn-close:hover {
  opacity: 100;
}

.btn-close.absolute {
  position: absolute;
  inset: 20px 20px auto auto;
}

.demo-countdown-text {
  color: #0c2d57;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2em;
  display: block;
}

.user-avatar {
  z-index: 20;
  box-shadow: none;
  cursor: pointer;
  background-color: #eaeaea;
  border: 2px solid #fdf7ee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 161px;
  height: 161px;
  min-height: 157px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.user-avatar:hover {
  border: 2px solid #004e6180;
}

.text-popup-hd.text-center {
  text-align: center;
}

.popup-card {
  background-color: #fff;
  border-radius: 15px;
  width: 900px;
  padding: 7px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px 8px #00000024;
}

.popup-card.waitlist {
  width: 500px;
  padding: 10px;
}

.popup-card.preview-site {
  width: 700px;
  padding: 10px;
}

.popup-card.newdemo-02 {
  width: 600px;
  height: 520px;
  padding: 10px;
  display: none;
}

.popup-card.newdemo-05 {
  width: 750px;
  height: 720px;
  padding: 10px;
  display: none;
}

.popup-card.newdemo-01 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 600px;
  height: 520px;
  padding: 10px;
  display: flex;
}

.popup-card.newdemo-04 {
  width: 750px;
  height: 720px;
  padding: 10px;
  display: none;
}

.popup-card.newdemo-03 {
  width: 600px;
  height: 520px;
  padding: 10px;
  display: none;
}

.popup-btn-div {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.popup-btn-div.wide {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
}

.popup-btn-div.stretch {
  justify-content: center;
  align-items: stretch;
}

.smarties-avatar {
  z-index: 20;
  cursor: pointer;
  background-color: #fdf7ee;
  border: 2px solid #fdf7ee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 161px;
  height: 161px;
  min-height: 157px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 0 17px 8px #00000012;
}

.smarties-avatar:hover {
  border: 2px solid #e1461736;
}

.smarties-avatar.no-shadow {
  box-shadow: none;
}

.smartie-number {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 24px;
  font-size: 16px;
  display: flex;
}

.demo-popup {
  z-index: 15;
  display: none;
  position: fixed;
}

.audio-wave {
  filter: hue-rotate(229deg);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: absolute;
}

.audio-wave.user {
  filter: none;
  display: none;
}

.popup-wrapper {
  z-index: 30;
  background-color: #000000ba;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.text-field {
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 44px;
}

.smartie--listening {
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  display: none;
  position: relative;
}

.demo-progress {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.demo-form {
  flex: 1;
  align-self: stretch;
}

.countodown-text-contain {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.countodown-text-contain.left {
  justify-content: flex-start;
  align-items: flex-start;
}

.static-status {
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.static-status.mt-50 {
  margin-top: 60px;
}

.countdown-video-contain {
  background-color: #e9e9e9;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0;
}

.popup-step3 {
  display: none;
}

.demo-countdown-waitingtext {
  color: #2c2c2c99;
  display: block;
}

.demo-countdown-waitingtext.main {
  color: #2c2c2ccc;
  text-align: center;
  font-weight: 700;
}

.analyze-text {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.smartie--talking {
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  display: none;
  position: relative;
}

.progress-bar {
  background-color: #fff;
  border-radius: 20px;
  width: 62%;
  height: 15px;
  position: absolute;
  inset: 62px auto 0%;
  overflow: hidden;
  box-shadow: inset 0 2px 4px #0003;
}

.field-label {
  color: #414651;
  font-weight: 500;
}

.checkbox {
  background-color: #f5f5f5;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
}

.form-row {
  margin-bottom: 20px;
}

.form-row.horizontal {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.progress-num-4 {
  grid-row-gap: 10px;
  background-color: #004e61;
  border: 2px solid #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 10px 4px #00000040;
}

.checkbox-field {
  font-size: 14px;
}

.progress-step-div-2 {
  z-index: 10;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 722px;
  height: 89px;
  padding: 10px 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.countdown-embed {
  width: 110%;
  height: 110%;
  display: none;
}

.popup-hd {
  border-bottom: 1px solid #cfcfcf;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 20px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.2rem;
  display: flex;
}

.popup-hd.smaller {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
}

.popup-hd.smaller.talk {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.popup-hd.waitlist {
  text-align: center;
  text-align: center;
  border-bottom-style: none;
  flex-flow: column;
  padding-left: 20px;
}

.popup-hd.demo-video {
  text-align: center;
  border-bottom-style: none;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
}

.text-span {
  color: var(--accent-green);
  font-weight: 500;
}

.sample-question {
  font-size: 1rem;
  line-height: 1.5em;
}

.image-buildthebuzz-div {
  width: 150%;
  position: absolute;
  left: -35%;
  transform: translate(0, -60%);
}

.image-followpath-div {
  width: 130%;
  position: absolute;
  left: -19%;
  transform: translate(0, -60%);
}

.slider {
  background-color: #ddd0;
  width: 100%;
  height: 650px;
}

.slider-arrow {
  color: var(--accent-green);
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  box-shadow: 0 2px 5px #0003;
}

.slide-nav {
  display: none;
}

.journey-content {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.journey-left {
  z-index: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.journey-buildbuzz-popup {
  z-index: 99;
  display: none;
  position: fixed;
  inset: 0%;
}

.journey-popup-maincard {
  background-color: #fff;
  border-radius: 20px;
  width: 90%;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 0 20px 8px #00000024;
}

.journey-popup-main {
  background-image: linear-gradient(#fff0, #46a7564d);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  position: relative;
}

.journey-close {
  position: absolute;
  inset: 10px 15px auto auto;
}

.journey-popup-center {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-height: 90vh;
  padding: 10px 30px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.journeypopup-image-contain {
  flex: none;
  width: 35%;
  height: 100%;
}

.journey-attractschoppers-popup, .journey-turnshoppers-popup, .journey-createloyal-popup {
  z-index: 99;
  display: none;
  position: fixed;
  inset: 0%;
}

.use-case-character-div {
  background-image: linear-gradient(#46a7561a, #fff0);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 130px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.usecase-character-image {
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.div-block-4 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.chat-popup {
  z-index: 30;
  grid-column-gap: .833vw;
  grid-row-gap: .833vw;
  background-color: #fff;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 400px;
  padding-left: .521vw;
  padding-right: .521vw;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  box-shadow: -16px 0 12px #00000014;
}

.smartie-bubble {
  grid-column-gap: 10px;
  background-color: #fdf7ee;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-size: .875rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.smartie-talking-action {
  align-self: stretch;
}

.form-block {
  margin-bottom: 0;
}

.smartie-chat-container {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  height: 55vh;
  padding: 10px 20px;
  display: flex;
  box-shadow: 0 4px 16px 1px #00000026;
}

.smartie-bubble-container {
  grid-column-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 276px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.chat-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  padding: 20px 10px;
  display: flex;
}

.chat-content.scroll {
  flex: 1;
  height: 100%;
  overflow: auto;
}

.textarea-div {
  flex: 1;
  align-self: stretch;
  display: flex;
}

.user-bubble {
  grid-column-gap: 10px;
  background-color: #eee;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  font-size: .875rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.smarties-avatar-small {
  background-color: #fdf7ee;
  background-image: url('../images/smarties-head.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 50px;
  height: 50px;
  min-height: 54px;
}

.user-bubble-container {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: flex-end;
  max-width: 265px;
  text-decoration: none;
  display: flex;
}

.chat-form {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  display: flex;
}

.write-chat {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 1px solid #cfcfcf;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.smartie-talk-container {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: none;
}

.talk-to-smartie-actions {
  font-size: .9rem;
  display: none;
}

.button-send {
  border-radius: 50%;
  box-shadow: 0 0 8px 5px #0003;
}

.chat-form-div {
  flex: 1;
}

.chat-type-area {
  color: #333;
  border: 1px #000;
  height: 100%;
  margin-bottom: 0;
  font-size: 1rem;
}

.chat-hd {
  font-size: 1.8rem;
}

.smartie-chat {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  background-color: #e1461726;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 10px;
  font-family: Inter, sans-serif;
  display: none;
}

.smartie-chat:hover {
  background-color: #e1461740;
}

.smartie-talk {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  background-color: #e1461726;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 3px 10px;
  font-family: Inter, sans-serif;
  display: flex;
}

.smartie-talk:hover {
  background-color: #e1461740;
}

.chat-time {
  color: #0000008a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .7rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.hero-image-smartie {
  cursor: pointer;
  width: 30%;
  position: absolute;
  inset: auto -5% 0% auto;
}

.smartie-indicator {
  z-index: 5;
  width: 90px;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translate(-50%);
}

.smartie-indicator.freewidget {
  opacity: .8;
  opacity: .8;
  display: none;
  top: -91px;
  transform: rotate(180deg);
}

.smartie-avatar {
  mix-blend-mode: darken;
  display: block;
  position: relative;
}

.chat-smartie-hover-div {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 72px;
  display: none;
  position: absolute;
  inset: -15% 0% 0% -5%;
}

.chat-smartie-hover {
  width: 220px;
  transform: rotate(-14deg);
}

.section-uc {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 1vw;
  padding-bottom: 3vw;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.uc-left {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 45%;
  text-decoration: none;
  display: flex;
}

.backtomain {
  grid-column-gap: 10px;
  color: var(--accent-teal);
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  font-size: 1.125rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.arrow-left {
  object-fit: cover;
  overflow: hidden;
}

.uc-right {
  width: 50%;
  padding-right: 20px;
}

.wave-contain {
  justify-content: center;
  align-items: center;
  height: 100px;
  display: flex;
  overflow: hidden;
}

.uc-image {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80%;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.client-container {
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 98%;
  margin: 1rem auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonials-card-container {
  display: flex;
}

.testimonials-card-container._2nd {
  margin-left: -20%;
}

.testimonials-text {
  font-size: 13px;
}

.section-clients {
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  display: flex;
}

.testimonial-card {
  color: #333;
  background-color: #fff;
  border-radius: 20px;
  width: 400px;
  margin: 10px;
  padding: 7px 19px;
  box-shadow: 0 0 19px #00000014;
}

.client-image {
  flex: none;
  align-self: stretch;
  max-width: none;
  height: auto;
  display: flex;
}

.avatar-testimonial {
  width: 50px;
  height: 50px;
}

.testimonial-card-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.h3 {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.h4 {
  color: var(--accent-teal);
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.h4.mt-0 {
  margin-top: 0;
}

.h4.demotext {
  color: var(--paragraph-text);
  text-align: center;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.h4.text-cemter {
  text-align: center;
}

.section-header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1vw;
  padding-bottom: 1vw;
  display: flex;
  position: relative;
}

.section-header.mainuc {
  padding-top: 5vw;
}

.back-wrap {
  z-index: 5;
  position: absolute;
  inset: 20px auto auto 0%;
}

.section-mainuc {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-user {
  color: #000000b3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.step-slider-div {
  flex: none;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.slide-nav-2 {
  display: none;
}

.keytechniques-slider {
  background-color: #ddd0;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.keytechniques-sliderdiv {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
}

.key-techniques-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  text-decoration: none;
  display: flex;
}

.keytechniques-right {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
}

.keytechniques-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.more-use-case {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  align-content: flex-start;
  width: 100%;
  display: none;
}

.btn-moreusecase-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.showless-btndiv {
  display: none;
}

.uc-formblock {
  margin-bottom: 0;
}

.tabarrow-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.tab-left {
  z-index: 10;
  color: var(--accent-green);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.tab-left:hover {
  box-shadow: inset 0 2px 5px #0003;
}

.uc-tabmenu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  place-content: flex-start;
  align-items: center;
  width: 94%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tab-right {
  z-index: 10;
  color: var(--accent-green);
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.tab-right:hover {
  box-shadow: inset 0 2px 5px #0003;
}

.card-pricing-body {
  width: 100%;
  display: none;
}

.card-pricing-body.advanced {
  display: none;
}

.mobile-more-use-case {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  align-content: flex-start;
  width: 100%;
  display: flex;
}

.instruction-text {
  margin-bottom: 20px;
}

.smartie-menu-container {
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 55vh;
  padding: 40% 20px 10px;
  display: flex;
}

.chat-menu-btn {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.chat-menu-btn:hover {
  background-color: #faf5eb;
  transform: translate(0, -3px);
}

.chat-menu-btn-icon {
  background-color: #e1461726;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.chatmenu-avatar {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  padding-left: 1px;
  padding-right: 1px;
  display: flex;
  position: absolute;
  inset: auto -8px -4px auto;
}

.pricing-item-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.pricing-description {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  text-decoration: none;
  display: flex;
}

.lite-content {
  background-image: linear-gradient(0deg, #46a75633, #fff0);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 20px 30px;
  display: flex;
  overflow: hidden;
}

.whatdoesitdo-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  margin-bottom: 30px;
  display: flex;
}

.whatitdoes-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  place-content: flex-start space-between;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.whatitdoes-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 48%;
  display: flex;
}

.whatitdoes-textdiv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.smartie-chat-popup-container {
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  height: 55vh;
  padding: 10px 20px;
  display: none;
  box-shadow: 0 4px 16px 1px #00000026;
}

.enterdemo-promptdiv {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 70vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  display: flex;
}

.uc-demosub-text {
  margin-top: 10px;
  margin-bottom: 20px;
}

.cta-afterhero-clickhere {
  z-index: 2;
  grid-column-gap: 10px;
  background-color: #fff;
  background-image: none;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 80px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: none;
  position: absolute;
  top: 8%;
  bottom: auto;
  left: 87%;
  box-shadow: inset 0 2px 11px #0003;
}

.cta-afterhero-clickhere.bubble {
  background-image: linear-gradient(180deg, var(--white), #ffeae5 57%, #ffcec0);
  box-shadow: none;
  border-radius: 80px;
  display: none;
  top: 0%;
}

.freewidget-arrow {
  object-fit: cover;
  transform-style: preserve-3d;
  flex: none;
  display: block;
  position: absolute;
  inset: -44% 0% auto auto;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(-100deg);
}

.freewidget-arrow.bubble {
  top: -10%;
}

.span-herounderline {
  text-underline-offset: 5px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  text-decoration: underline;
  text-decoration-thickness: 5px;
}

.span-smartie {
  text-shadow: 0 8px 13px #3030306b;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-right: -20px;
  padding-right: 25px;
}

.hero-subsubtext {
  position: absolute;
  inset: -10% 30% auto auto;
}

.freewidget-subtexts-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 660px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.freewidget-btncontain {
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 180px;
  display: flex;
  position: relative;
}

.freewidget-outer2 {
  cursor: pointer;
  background-color: #e146171a;
  border-radius: 70px;
  width: 85%;
  height: 80%;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.freewidget-outer3 {
  cursor: pointer;
  background-color: #e146171a;
  border-radius: 60px;
  width: 75%;
  height: 65%;
  margin: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.freewidget-outer3:hover {
  background-color: #007acc33;
}

.freewidget-btn-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.freewidget-outer1 {
  cursor: pointer;
  background-color: #e146171a;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.backtotop {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #9e9e9e;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5vw;
  font-size: .875rem;
  line-height: 1.2;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.backtotop:hover {
  transform: translate(0, -5px);
}

.icon-backtotop {
  background-color: #9e9e9e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.graph-icon {
  background-color: #c9c9c9;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

.graph-icon.green {
  background-color: #6c9f4f;
}

.graph-legend {
  align-self: stretch;
  margin-top: 10px;
  display: flex;
}

.graph-row {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.with-smarties {
  background-color: #6c9f4f;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 25%;
  height: 43%;
}

.with-smarties._3, .with-smarties._1 {
  height: 81%;
}

.with-smarties.new2 {
  height: 73%;
}

.current-trends {
  background-color: #c9c9c9;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 25%;
  height: 57%;
}

.current-trends._1 {
  height: 27%;
}

.current-trends.new3 {
  height: 47.79%;
}

.feature-graph-image-div-2 {
  border-bottom: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  align-items: flex-end;
  width: 85%;
  height: 100%;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
}

.span-sourcelink-2 {
  border-style: solid;
  border-width: undefinedpx;
  color: #46a756;
  border-color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  text-decoration: underline;
}

.feature-tabcontent-2 {
  grid-column-gap: 30px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 474.391px;
  padding: 60px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.feature-tabcontent-2._3 {
  height: 550px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.feature-tab-content-sourcetext-2 {
  border-style: solid;
  border-width: undefinedpx;
  color: #838383cc;
  border-color: #fff;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.feature-tab-content-sourcetext-2.mb-10 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.graph-col {
  color: #333c;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5%;
  font-size: .688rem;
  display: flex;
}

.feature-tablink-2 {
  grid-column-gap: 20px;
  color: #004e61;
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.feature-tablink-2:hover {
  background-color: #e5edef;
}

.feature-tablink-2.w--current {
  color: #fff;
  background-color: #004e61;
}

.feature-tab-count-2 {
  color: #004e61;
  background-color: #fff;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  line-height: 1;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 7px #0003;
}

.feature-tab-count-2.w--current {
  background-color: #004e61;
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.popup-sub-heading {
  font-size: 20px;
  font-weight: 500;
}

.popup-step2-2 {
  display: none;
}

.progress-step-3 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
}

.progress-num-5 {
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 2px 4.5px #0003;
}

.popup-step1-2 {
  display: none;
}

.feature-single-3 {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.website-preview {
  background-color: #e9e9e9;
  width: 100%;
  height: 438.125px;
  margin-top: 10px;
  margin-bottom: 0;
}

.popup-step2-5 {
  display: block;
}

.popup-content-2 {
  margin-bottom: 10px;
  padding: 16px 60px;
}

.button-4 {
  grid-column-gap: 8px;
  color: #fff;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 25px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.div-block-5 {
  background-color: #f9f9f9;
  padding: 18px 30px;
}

.div-block-6 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.icon-mic-image {
  width: 50%;
}

.mob-arrow-down-div {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.journey-arrowdown {
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.graph-contain {
  justify-content: space-between;
  width: 30%;
  height: 100%;
  display: flex;
}

.feature-graph-textdiv {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 10%;
  margin-right: 5px;
  display: flex;
}

.vertical-graphtext {
  color: #333c;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 5%;
  font-size: .688rem;
  display: flex;
  transform: rotate(-90deg);
}

.free-widget-item {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.mobile-herohd-hide {
  display: flex;
}

.mobile-herohd-show {
  display: none;
}

.span-mobile-hd {
  color: var(--accent-teal);
  font-weight: 700;
}

.slide, .pro-slide {
  width: 100%;
  overflow: hidden;
}

.pro-slide-mask {
  width: 100%;
}

.pricing-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 4px;
  display: flex;
}

.pricing-cat-div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.h2-style1 {
  color: var(--text-color);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.h2-style1.text-left {
  text-align: left;
}

.h2-contain {
  width: 85%;
  margin-bottom: 24px;
}

.bullet-style1 {
  background-color: #f36f47;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  margin-top: 9px;
  box-shadow: 0 2px 5px -1px #f36f47;
}

.bullet-style1.green {
  box-shadow: 0 2px 5px -1px var(--accent-teal);
  background-color: #004e61b3;
  background-image: none;
  margin-top: 8px;
}

.pricing-tag {
  color: var(--paragraph-text);
  background-color: #ececec;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.pricing-tag.pro {
  background-image: linear-gradient(90deg, var(--accent-green), var(--accent-yellow));
  color: var(--white);
  text-shadow: 0 1px 9px #0003;
  font-weight: 600;
}

.cta-card {
  grid-row-gap: 10px;
  background-color: #fff;
  background-image: url('../images/smarties-vine-02-1.png'), url('../images/smarties-vine-03-1.png');
  background-position: 98% -70%, 1% 150%;
  background-repeat: no-repeat, no-repeat;
  background-size: 10%, 15%;
  border-radius: 30px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  padding: 56px 15%;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 8px #0003;
}

.cta-card.cta {
  box-shadow: none;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-left: 0%;
  padding-right: 0%;
}

.section-freewidget {
  position: relative;
  overflow: hidden;
}

.section-counts-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  display: flex;
  position: absolute;
  inset: auto -86px auto auto;
}

.step-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.step-label {
  color: #333c;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 20px;
  margin-right: 10px;
  padding: 5px 10px;
  display: none;
  box-shadow: 0 1px 13px #0003;
}

.step-block {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

.section-step-countsmall {
  color: #4c666db3;
  background-color: #e2e2e2cc;
  border: .75px solid #b4b4b4;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px -2px #00000029;
}

.section-step-countsmall:hover {
  background-color: #d6ebf0;
}

.section-step-countsmall.w--current {
  color: #fff;
  background-color: #004e61;
  transition: all .2s;
}

.step-indicator {
  background-color: #44a5542e;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  display: none;
  position: absolute;
  inset: 0%;
}

.step-indicator.w--current {
  display: block;
}

.cta-p-container {
  width: 85%;
}

.seesmarties-arrow-2 {
  object-fit: cover;
  flex: none;
  position: absolute;
  bottom: -33px;
  left: 84%;
  overflow: hidden;
}

.arrownext, .arrowprev {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.user-avatar-2 {
  z-index: 20;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fdf7ee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  min-height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 0 17px 8px #00000012;
}

.user-avatar-2:hover {
  border: 2px solid #004e6180;
}

.call-smartie-2 {
  color: #33333396;
  background-color: #44a5540d;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  padding-top: 15px;
  padding-bottom: 21px;
  display: flex;
  position: relative;
}

.call-smartie-number-2 {
  color: #004e61;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 13px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1em;
  display: flex;
}

.smartie-pulse {
  z-index: 15;
  background-color: #44a5540d;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.smartie-number-2 {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  font-size: 16px;
  display: flex;
}

.smartie-number-2.call {
  flex-flow: row;
}

.chat-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.show-number-2 {
  text-align: center;
  background-color: #44a5540d;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 40%;
  display: flex;
}

.smarties-talk-block {
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.talk-to-smartie {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.smarties-avatar-2 {
  z-index: 20;
  cursor: pointer;
  background-color: #fdf7ee;
  border: 2px solid #fdf7ee;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  box-shadow: 0 0 17px 8px #00000012;
}

.smarties-avatar-2:hover {
  border: 2px solid #e1461736;
}

.smarties-avatar-2.no-shadow {
  box-shadow: none;
  box-shadow: none;
  width: 160px;
  height: 160px;
}

.call-icon {
  width: 40px;
  height: 40px;
  margin-top: 20px;
}

.span-highlight-yellow {
  background-color: #ffde2e;
  padding: 1px 5px;
  display: inline-block;
}

.span-teal {
  color: var(--accent-teal);
}

.text-small {
  color: #333c;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: .85rem;
  line-height: 1.5;
}

.text-small.smaller {
  font-size: .75rem;
}

.span-underline {
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
}

.free-widget-section {
  position: relative;
}

.speech-bubble-div {
  z-index: 10;
  position: sticky;
  inset: 10% 0% 0% auto;
}

.cta-afterhero-clickhere-div {
  z-index: 20;
  grid-column-gap: 10px;
  box-shadow: none;
  background-color: #fff0;
  background-image: url('../images/smarties-speech-bubble.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 170px;
  margin-top: -42px;
  padding-top: 29px;
  padding-left: 28px;
  padding-right: 27px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 15px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% 4% auto auto;
  transform: rotate(-3deg);
}

.lottie-animation-2 {
  display: none;
}

.text-span-free {
  color: #004e61;
  background-image: url('../images/✨_1✨.png'), url('../images/✨_1✨.png');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 16px, 16px;
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 700;
}

.mob-break-large-screen {
  width: 55rem;
}

.journey-popup-top {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.journey-popup-bot {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.pricing-tag-div {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.pricing-tag-round {
  color: var(--paragraph-text);
  text-align: center;
  background-color: #ececec;
  border: 5px solid #33333308;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 2px 12px;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  position: relative;
  transform: rotate(5deg);
  box-shadow: 0 2px 4px #0003;
}

.pricing-tag-round.green {
  color: var(--accent-teal);
  background-color: #f0fdf4;
  background-image: url('../images/smarties-startingfrom.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 95%;
  padding-top: 12px;
  top: -10px;
}

.mic-pulse {
  z-index: 1;
  background-color: #44a5541a;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.mic-pulse.smaller {
  z-index: 2;
  width: 85%;
  height: 85%;
  margin: auto;
}

.mic-pulse.smallest {
  z-index: 2;
  width: 70%;
  height: 70%;
  margin: auto;
}

.span-mobile-par {
  color: var(--accent-teal);
  font-weight: 700;
}

.waitlist-text {
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1;
}

.text-fiftyfeatures {
  filter: grayscale();
  background-image: url('../images/smarties-50features.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 125% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.slide-mask, .signin-formblock {
  width: 100%;
}

.btn-style1 {
  grid-column-gap: 10px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 42px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.btn-style1.google {
  color: #414651;
  background-color: #fff;
  font-weight: 600;
}

.reset-center {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  width: 35%;
  padding: 30px;
  display: flex;
}

.reset-password {
  width: 100%;
}

.page-wrap-signin {
  background-color: #fff;
  background-image: linear-gradient(#ffd7001a, #74d4c380);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  font-family: Inter, sans-serif;
  display: flex;
}

.form-row-small {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 20px;
  text-decoration: none;
  display: flex;
}

.btn-text-style1 {
  color: #535862;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.checkbox-text {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.btn-trypro {
  background-image: linear-gradient(#fff6, #fff6);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.sign-subhd {
  color: #535862;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.image {
  min-width: 100%;
}

.btn-text-style2 {
  color: #004e61;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.upgrade-left {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.logo_link-style1 {
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-bottom: 30px;
  display: flex;
}

.reset-link-sent {
  width: 100%;
  display: none;
}

.textfield {
  color: #0d202f;
  background-color: #fff;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
}

.forgot-password {
  display: block;
}

.icon-pro-div {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.icon-pro-div.large {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.reset-password-success {
  width: 100%;
  display: none;
}

.signin-center {
  flex-direction: column;
  align-items: center;
  width: 30%;
  display: flex;
}

.icon-google {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.btn-center {
  grid-column-gap: 4px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-style2 {
  color: #e14617;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.upgrade-divblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-image: linear-gradient(#fff6, #fff6);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.signin-formbtn-div {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.icon-pro {
  object-fit: fill;
  width: 25px;
  height: 25px;
}

.form-control-2 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: none;
  width: 100%;
  display: flex;
}

.signin-hd {
  color: #181d27;
  text-align: center;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

.siginin-div {
  grid-row-gap: 24px;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.social-icon {
  object-fit: cover;
  overflow: hidden;
}

.signup-cta-text {
  color: #535862;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.remember-checkfield {
  margin-bottom: 0;
}

.sign-hd-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.form-label {
  color: #0d202f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}

.signin-icon {
  background-color: #0d202f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.login-dropdown-div {
  z-index: 999;
  position: relative;
}

.login-dropdown-icon {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.login-dropdown {
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  width: 150px;
  padding: 10px;
  display: none;
  position: absolute;
  top: 110%;
  left: auto;
  right: 0%;
  box-shadow: 0 2px 6px #0003;
}

.login-dropdown-link {
  color: #333c;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-size: 1.1rem;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.login-dropdown-link:hover {
  background-color: #e146171a;
}

.section-comingsoon-style1 {
  background-image: linear-gradient(#ffd70005, #74d4c380);
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 15%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.comingsoon-style1-center {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 60vw;
  display: flex;
  position: relative;
}

.coming-soon-h1 {
  color: var(--text-color);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.comngsoon-style1-imagediv {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% 50%;
  transform: translate(-50%);
}

.cmingsoon-1-star-1 {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cmingsoon-1-star-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: 25% 0% auto auto;
}

.cmingsoon-1-star-3 {
  justify-content: center;
  align-items: center;
  width: 30px;
  display: flex;
  position: absolute;
  inset: auto auto -10% 5%;
}

.bear-character {
  width: 25vw;
  position: fixed;
  inset: auto auto -9% 3%;
}

.heading-2 {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.heading-2.bigger {
  font-size: 7rem;
}

.div-block-7 {
  margin-top: 40px;
}

.coming-soon-content {
  margin-bottom: 5rem;
}

.page-wrapper {
  background-image: url('../images/blur1.png'), url('../images/blur1.png'), url('../images/smarties-vine2.png'), url('../images/smarties-vine1.png'), url('../images/smarties-background.webp');
  background-position: 150% 10%, -30% 20%, 115% 0, -20% 0, 50%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 700px, 700px, 400px, 500px, cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.smarties-character {
  width: 25vw;
  position: fixed;
  inset: auto 3% -9% auto;
}

.span-mobile-hd-2 {
  color: #004e61;
  font-weight: 700;
}

.span-mobile-hd-2.dark {
  color: var(--text-color);
}

.span-mobile-par-2 {
  color: #004e61;
  font-weight: 700;
}

.div-block-8 {
  align-self: stretch;
  display: flex;
}

.description-list {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.h2-style1-2 {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.h2-style1-2.text-left {
  text-align: left;
}

.section-step-count-2 {
  grid-row-gap: 10px;
  color: #fff;
  text-align: center;
  background-color: #004e61;
  border-radius: 50px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.section-step-count-2.small {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.button-5 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 25px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-5:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.h4-2 {
  color: #004e61;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.h4-2.text-cemter {
  text-align: center;
}

.slider-arrow-2 {
  color: #46a756;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  box-shadow: 0 2px 5px #0003;
}

.text-block {
  color: #333333b3;
  margin-top: 10px;
  font-size: 14px;
  font-style: italic;
}

.hiw-row {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  margin-top: 3vw;
  display: flex;
}

.hiw-code-bot {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  overflow: hidden;
}

.hiw-code-top {
  background-color: #1f2937;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.frame-style {
  object-fit: cover;
  overflow: hidden;
}

.hiw-card-contain {
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.code-block {
  font-size: .85rem;
  line-height: 1.4em;
}

.hiw-code-hd-text {
  color: #d1d5db;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.hiw-integrate-sample {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.btn-copy {
  grid-column-gap: 8px;
  color: #fff;
  cursor: pointer;
  background-color: #374151;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: .85rem;
  text-decoration: none;
  display: flex;
}

.btn-copy:hover {
  background-color: #485364;
}

.hiw-item-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.hiw-code-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.hiw-item-bot {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hiw-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 30%;
  display: flex;
}

.hiw-btn-step1-contain {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.hiw-website-integrate {
  background-image: url('../images/smarties-website-integrate-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.waitlist-bottom-text {
  margin-top: 20px;
}

.waitlist-formcontent {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.waitlist-formcontent.mt-0 {
  padding-top: 0;
}

.btn-close-waitlist {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-close-waitlist:hover {
  opacity: 100;
}

.waitlist-content {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.join-waitlist-popup {
  z-index: 15;
  display: none;
  position: fixed;
}

.pricing-title-sub-2 {
  color: #333c;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.56rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.tiny-content {
  background-image: linear-gradient(0deg, #46a75633, #fff0);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 20px 30px;
  display: flex;
  overflow: hidden;
}

.pricing-title-main-2 {
  color: #004e61;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.pricing-title-main-2.pro {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #46a756, #004e61);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 2rem;
}

.card-pricing-2 {
  grid-row-gap: 33px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 28px 19px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.card-pricing-2:hover {
  border-color: #004e61;
}

.card-pricing-2.pro {
  border: 1px solid #74d4c3;
}

.card-pricing-2.pro:hover {
  border-color: #004e61;
}

.pricing-tag-2 {
  color: #333c;
  background-color: #ececec;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.pricing-tag-2.tiny {
  color: #fff;
  text-shadow: 0 1px 9px #0003;
  background-image: linear-gradient(#46a756, #46a756);
  font-weight: 600;
}

.button-7 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 25px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-7:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.pricing-tag-round-2 {
  color: var(--accent-teal);
  text-align: center;
  background-color: #ececec;
  border: 5px solid #33333308;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  padding: 2px 12px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
  position: relative;
  transform: rotate(5deg);
  box-shadow: 0 2px 4px #0003;
}

.pricing-tag-round-2.waitlist {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: #004e61;
  background-color: #f0fdf4;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 20px;
  padding-top: 2px;
  font-size: 1rem;
  top: -10px;
}

.pricing-tag-round-2.waitlist:hover {
  background-color: #def5e5;
}

.lite-content-2 {
  background-image: linear-gradient(0deg, #46a75612, #fff0);
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 20px 30px;
  display: flex;
  overflow: hidden;
}

.pricing-tag-3 {
  color: #333c;
  background-color: #ececec;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  display: flex;
}

.button-8 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 25px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-8:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.text-fiftyfeatures-2 {
  filter: grayscale();
  background-image: url('../images/smarties-50features.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  margin: auto;
  display: none;
  position: absolute;
  inset: 125% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.pricing-features {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-2 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-btn-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.intro-content {
  grid-row-gap: 70px;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15vw;
  padding-bottom: 15vw;
  text-decoration: none;
  display: flex;
  position: relative;
}

.intro-paragraph {
  width: 70%;
  margin-top: 20px;
}

.list-intro {
  text-align: left;
  flex: 0 auto;
  width: auto;
  margin: 20px auto;
}

.buyer-s-journey-image {
  align-self: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
}

.hd-div {
  width: 78%;
}

.channels-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.roi-btn-container-2 {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.calculator-hd-div-right {
  width: 55%;
}

.calculator-hd-div {
  grid-row-gap: 16px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.channel-chevron-down {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.calculator-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.results-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.calculator-col-card {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  width: 60%;
  padding: 30px 45px;
  display: flex;
  box-shadow: 0 4px 7.9px #0000001a;
}

.calculator-col-card.results {
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
}

.calculator-hd-div-left {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 40%;
  display: flex;
}

.channels-item-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.calculator-content {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5vw;
  padding-bottom: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.calculator-guidetext {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.calculator-guidetext.text-center {
  justify-content: center;
  align-items: flex-start;
}

.results-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.results-card.text-center {
  background-color: #eeffec;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.channels-item {
  border: 1px solid #0000001a;
  border-radius: 12px;
  flex-flow: column;
  padding: 0 20px;
  display: flex;
}

.button-9 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 25px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-9:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.h3-style3 {
  color: #333;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.h3-style3.text-red {
  color: #ef4444;
}

.h3-style3.text-green {
  color: var(--accent-green);
  text-align: center;
  line-height: 1.2;
}

.roi-text-2 {
  color: #333c;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
}

.channels-item--body {
  background-color: #f7f7f7;
  border-radius: 12px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.div-block-9 {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  text-align: center;
  flex-flow: column;
  width: 70%;
  display: flex;
}

.inputwidth-adjustembed {
  display: block;
}

.page-wrap-admin {
  background-color: #fff;
  background-image: linear-gradient(#ffd7001a, #74d4c380);
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 5vw;
  padding-bottom: 5vw;
  font-family: Inter, sans-serif;
  display: flex;
}

.admin-container {
  background-color: #fff;
  border-radius: 10px;
  width: 90vw;
  height: 90vh;
}

.favoriteembed-div {
  color: #999;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.assistant-menu {
  display: flex;
  position: relative;
}

.filter-item-top {
  cursor: pointer;
  background-color: #f9fafb;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.favorite-embed {
  width: 100%;
  height: 100%;
}

.favorite-embed.favorited {
  color: #eab308;
}

.contacts-main-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bulkoption-div {
  background-color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.contacts-tableheader {
  border-bottom: 1px solid #d5d7da;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.settings-sublabel {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.contcts-paginator-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.inbox-search {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  background-image: url('../images/smarties-search.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #d5d7da;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 10px 10px 40px;
  display: flex;
  overflow: hidden;
}

.filter-item-body {
  flex-flow: column;
  padding: 10px;
  display: none;
}

.icon-location {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.filter-item {
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  flex-flow: column;
  flex: none;
  display: flex;
  overflow: hidden;
}

.text-block-3 {
  color: #333c;
  font-size: 10px;
}

.btn-style2 {
  grid-column-gap: 5px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border: 1px solid #e14617;
  border-radius: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  box-shadow: 0 5px 9.2px #0000000f;
}

.btn-style2.delete {
  color: #f4fffd;
  background-color: #c41446;
  border: 1px solid #c41446;
}

.btn-style2.outline-orange {
  color: #e14617;
  background-color: #fff8f6;
  border: 1px solid #e14617;
}

.btn-style2.stretch {
  flex: 1;
}

.btn-style2.outline {
  color: #5d626ecc;
  background-color: #fff;
  border: 1px solid #d9d5da;
}

.btn-style2.bulkoption {
  color: #004e61;
  background-color: #fff;
  border: 1px solid #004e61;
}

.contact-sidebar-filter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  background-image: none;
  border-radius: 10px;
  flex-flow: column;
  width: 300px;
  height: 80vh;
  margin-left: 10px;
  padding: 10px;
  display: none;
  overflow: hidden;
  box-shadow: 0 2px 5px #0000001a;
}

.map-pin {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.btn-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.search-formblock {
  flex: 1;
  margin-bottom: 0;
}

.contact--table-row {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.contact--table-row:hover {
  background-color: #f7f7f7;
}

.mainwidth-control {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.mainwidth-control.contacts {
  flex-flow: row;
  justify-content: space-between;
  height: 100%;
}

.bulkoption-close {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.contcts-paginator-div {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.contacts-maincol {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f8f8f8;
  border-radius: 10px;
  flex-flow: column;
  flex: 1;
  height: 100%;
  max-height: none;
  margin-left: 0;
  padding: 20px;
  display: flex;
  overflow: auto;
  box-shadow: 0 0 15px 2px #00000017;
}

.contact-table-div {
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px #d5d7da;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: auto;
  box-shadow: 0 2px 6px #0000001a;
}

.contats-paginator-arrow {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.location-div-map {
  background-image: url('../images/smarties-temp-map.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
}

.filter-title-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #1e40af;
  background-color: #dbeafe;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.menu-dropdown {
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  display: none;
  position: absolute;
  inset: 35px 0% auto auto;
  box-shadow: 0 0 5px #0003;
}

.contact-namediv {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-table-header-text {
  color: #333333b3;
  text-align: left;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.contact-website-text {
  color: #414651;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.messaging-sidebar-hd-div {
  justify-content: flex-start;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.messaging-sidebar-hd-div.align-inbetween {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.location-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-size: 11px;
  line-height: 1.2;
  display: flex;
  position: relative;
}

.contacts-checkbox {
  border-radius: 3px;
  width: 18px;
  height: 18px;
}

.contacts-checkbox.w--redirected-checked {
  background-color: #003e4c;
  border: 1px solid #003e4c;
}

.text-block-2 {
  color: #004e61;
  font-weight: 500;
}

.menu-item-2 {
  white-space: nowrap;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
}

.menu-item-2:hover {
  background-color: #ffe8e280;
}

.menu-item-2.delete {
  color: #991b1b;
}

.filter-item-title-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.messaging-inbox-status-tag {
  color: #46a756;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 9px;
  line-height: 1.5;
  box-shadow: 0 1px 10px #00000026;
}

.filter-item-chevron {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.contacts-paginator-item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-width: 1px .5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 12px;
  display: flex;
}

.contacts-paginator-item:hover {
  color: #e14617;
  background-color: #fff8f6;
  border-width: 1px;
  border-color: #e14617;
}

.contacts-paginator-item.right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.contacts-paginator-item.left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.contacts-paginator-item.active {
  color: #e14617;
  background-color: #fff8f6;
  border-width: 1px;
  border-color: #e14617;
}

.dataenrichment-field {
  color: #66686b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.contacts-main-top-right {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.contacts-table-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
}

.menu-item-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.form-body {
  height: 100%;
  display: flex;
}

.bulkoption-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.messaging-sidebar-h1 {
  color: #0d202f;
  margin-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.contact-jobcompany-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filter-btn-2col-div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.filter-item-title-tags {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filter-title-tags-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
}

.paginator-count-text {
  font-size: 11px;
  line-height: 1.2;
}

.btn-addfiltertag {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #1e40af;
  background-color: #dbeafe00;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.sidebar-close, .contact-table-option {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.form-row-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.form-row-2.mb-0 {
  margin-bottom: 0;
}

.location-div-textcontent {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.location-div-popup {
  z-index: 100;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  width: 150px;
  padding: 10px;
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.bulkoption-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-table-option-div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-table-cell-div {
  grid-column-gap: 2px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  padding: 5px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.contact-table-cell-div._w-8 {
  width: 8%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-8.location {
  width: 10%;
  overflow: visible;
}

.contact-table-cell-div._w-3 {
  width: 3%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-15 {
  width: 15%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-15.name {
  flex: 0 auto;
  width: 25%;
}

.contact-table-cell-div._w-10 {
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}

.contact-table-cell-div._w-10.website {
  width: 30%;
}

.contact-table-cell-div._w-5 {
  width: 5%;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.contact-table-cell-div._w-5.date {
  width: 10%;
}

.filters-body {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  height: 75vh;
  display: flex;
  overflow: auto;
}

.fomrblock-contact {
  flex: 1;
  display: flex;
}

.form-table {
  flex: 1;
  align-self: stretch;
}

.btn-sort {
  opacity: .7;
  cursor: pointer;
}

.btn-sort:hover {
  opacity: 100;
}

.code-embed {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.pricing-badge {
  color: var(--accent-teal);
  background-color: #f0fdf4;
  border: 4px solid #3333330d;
  border-radius: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  position: absolute;
  inset: -55px -80px auto auto;
  transform: rotate(-9deg);
  box-shadow: 0 0 16px 2px #0000000f;
}

.text-block-7 {
  color: var(--accent-teal);
  font-family: Libre Baskerville, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.hero-video {
  display: flex;
}

.video {
  background-color: #fff;
  border-radius: 13px;
  padding: 11px;
  box-shadow: 0 0 25px 5px #0000001c;
}

.video-image {
  cursor: pointer;
  background-image: linear-gradient(#00000036, #00000036), url('../images/video-placeholder.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 125px;
  display: flex;
  position: relative;
}

.video-image:hover {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/video-placeholder.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.video-play {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.video-pointer {
  opacity: .7;
  color: var(--accent-teal);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 10px;
  font-family: Libre Baskerville, sans-serif;
  font-weight: 700;
  display: flex;
}

.div-block-41 {
  opacity: .5;
  margin-top: -19px;
}

.video-arrow {
  object-fit: cover;
  transform-style: preserve-3d;
  flex: none;
  overflow: hidden;
}

.text-block-8 {
  font-size: 15px;
  transform: rotate(-7deg);
}

.video-text {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  color: #4b5563;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 16px;
  display: flex;
}

.text-teal {
  color: var(--accent-teal);
  font-family: Libre Baskerville, sans-serif;
  font-weight: 700;
}

.app-screenshot {
  z-index: 4;
  background-color: #fff;
  border-radius: 13px;
  max-width: 1100px;
  margin-top: 10px;
  margin-bottom: -10rem;
  padding: 13px;
  position: relative;
  box-shadow: 0 9px 50px 20px #00000012;
}

.row-waitlist {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-waitlist {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.col-waitlist.line {
  border-left: 1px solid #ededed;
}

.row-checklist {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.waitlist-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.waitlist-btn-div {
  margin-top: 40px;
}

.video-popup {
  display: none;
}

.card-video-popup {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 90%;
  padding: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 20px 8px #00000024;
}

.hero-main-text {
  position: relative;
}

.mob-break-mobile {
  width: 55rem;
  display: none;
}

.text-asterisk-maindetails {
  color: #7e7e7e82;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.text-asterisk-details {
  color: #7e7e7e82;
  margin-right: 3px;
  padding-top: 7px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 25px;
  line-height: 1em;
  display: flex;
}

.asterisk-details {
  justify-content: flex-end;
  align-items: center;
  margin-top: -21px;
  margin-bottom: -10px;
  margin-right: 23px;
  display: flex;
}

.asterisk-wrap {
  margin-right: 20px;
  display: flex;
  position: relative;
}

.asterisk {
  color: var(--text-color);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Libre Baskerville, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: absolute;
  inset: 5% -5% auto auto;
}

.new-demo-popup {
  z-index: 15;
  display: none;
  position: fixed;
}

.icon-check {
  margin-top: 3px;
  display: flex;
}

.waitlist-content-2 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.waitlist-content-2.center {
  justify-content: flex-start;
  align-items: center;
  padding-top: 50px;
}

.smartie--listening-2 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 60px;
  display: none;
  position: relative;
}

.loading-subdetails-div {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.loading-subdetails-div.hide {
  opacity: 0;
}

.loading-div {
  width: 40px;
  height: 40px;
  margin-top: 20px;
}

.span-smartie-star {
  background-image: url('../images/smarties-aistar.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  margin-right: -20px;
  padding-right: 25px;
}

.newdemo1-subtextcontain {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.text-popup-hd-2.text-center {
  text-align: center;
}

.text-popup-hd-2.mt-0 {
  margin-top: 0;
  margin-bottom: 10px;
}

.text-popup-hd-2.smaller {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.4;
}

.mic-button-2 {
  z-index: 3;
  cursor: pointer;
  background-color: #10b981;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 7.9px #0000001a, inset 0 -3px 10px 4px #0003;
}

.mic-button-2:hover {
  transform: translate(0, 2px);
  box-shadow: inset 0 2px 20px #0003, 0 4px 7.9px #0000001a, inset 0 -3px 5.3px #0000001a;
}

.mic-button-2.demo {
  z-index: 16;
}

.call-smarties-arrow {
  object-fit: cover;
  transform-style: preserve-3d;
  flex: none;
  position: absolute;
  bottom: -32.0938px;
  left: 100%;
  overflow: hidden;
  transform: rotateX(0)rotateY(180deg)rotateZ(100deg);
}

.loading-subdetails-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demo-video-left {
  width: 70%;
}

.talk-smarties-arrow {
  object-fit: cover;
  flex: none;
  position: absolute;
  bottom: -39.0938px;
  right: 93%;
  overflow: hidden;
  transform: rotate(80deg);
}

.loading-div1 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.newdemo-step5-hd-div {
  width: 95%;
}

.call-smarties-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.website-wrap {
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.smarties-image-small {
  flex: none;
  width: 100px;
  height: 100px;
}

.user-avatar-3 {
  z-index: 20;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fdf7ee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  min-height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 0 17px 8px #00000012;
}

.user-avatar-3:hover {
  border: 2px solid #004e6180;
}

.your-website-badge {
  color: #004e61;
  text-align: center;
  background-color: #f0fdf4;
  border: 4px solid #3333330d;
  border-radius: 13px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 10px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: absolute;
  top: -37px;
  bottom: auto;
  right: 89%;
  transform: rotate(-9deg);
  box-shadow: 0 0 16px 2px #0000000f;
}

.call-smartie-number {
  color: #fff;
  background-color: #004e61;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 80px;
  padding: 10px 13px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: relative;
}

.p-style1-2 {
  color: #333c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.p-style1-2.smaller {
  font-size: 16px;
}

.load-icon-contain {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.load-icon {
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
}

.call-smarties-badge {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #004e61;
  text-align: center;
  background-color: #f0fdf4;
  border: 4px solid #3333330d;
  border-radius: 13px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: absolute;
  top: -55px;
  bottom: auto;
  right: auto;
  transform: rotate(-9deg);
  box-shadow: 0 0 16px 2px #0000000f;
}

.countdown-video-contain-2 {
  background-color: #e9e9e9;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 0;
}

.smartie-number-row {
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  display: flex;
}

.talk-smarties-badge {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #004e61;
  text-align: center;
  background-color: #f0fdf4;
  border: 4px solid #3333330d;
  border-radius: 13px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-family: Libre Baskerville, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: absolute;
  top: -42px;
  bottom: auto;
  right: -6px;
  transform: rotate(2deg);
  box-shadow: 0 0 16px 2px #0000000f;
}

.loading-smarties-image {
  justify-content: center;
  align-items: center;
  width: 250px;
  display: flex;
  position: absolute;
  inset: auto 0% -14% auto;
}

.yourwebsite-arrow {
  object-fit: cover;
  flex: none;
  position: absolute;
  bottom: -56px;
  right: 47.1094px;
  overflow: hidden;
  transform: rotate(70deg);
}

.loading-div2 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: none;
  position: relative;
  overflow: hidden;
}

.text-popup-hd-small {
  color: #46a756;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.4;
}

.button-10 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-10:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.show-number-card {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 45%;
  padding: 20px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.show-number-card:hover {
  border-color: #46a756;
}

.loading-subdetails-dot {
  background-color: #46a756;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
}

.icon-thumbsup {
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
  position: absolute;
  inset: -20% -5% auto auto;
  transform: rotate(20deg);
}

.inputwebsite-field {
  color: #333;
  background-color: #f5f5f5;
  background-image: url('../images/smarties-icon-inputwebsite.svg');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 44px;
  padding-left: 40px;
}

.loading-div3 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: none;
  position: relative;
  overflow: hidden;
}

.smartie--talking-2 {
  flex-flow: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 60px;
  display: none;
  position: relative;
}

.sample-question-copy {
  font-size: 1rem;
  line-height: 1.5em;
  position: absolute;
  inset: 102% 0% 0%;
}

.demolabel-div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.demolabel-div._w-95 {
  width: 90%;
}

.loading-div4 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: none;
  position: relative;
  overflow: hidden;
}

.loading-smarties-star {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 0% 5% auto auto;
}

.text-block-copy {
  color: #333333b3;
  margin-top: 0;
  font-size: 12px;
  font-style: italic;
}

.cta-hd-breakpoint-desktop {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.cta-hd-breakpoint-mobile {
  flex-flow: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: none;
}

.contact-us-popup {
  z-index: 15;
  display: none;
  position: fixed;
}

.text-popup-hd-3.text-center {
  text-align: center;
}

.text-area {
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #d5d7da;
  border-radius: 5px;
  height: 100px;
  min-height: 100px;
}

.waitlist-content-3 {
  background-image: linear-gradient(#fff, #46a75633);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.button-11 {
  grid-column-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #e14617;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-11:hover {
  box-shadow: inset 0 2px 14px #0003;
}

.hdsubtext-div {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-42, .cta-hd-div {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1280px) {
  .section-hero {
    padding-top: 5vw;
  }
}

@media screen and (min-width: 1440px) {
  .container-style1, .container-style2 {
    width: 90%;
  }

  .section-image-contain {
    width: 45%;
  }

  .pricing-center {
    width: 70%;
  }

  .callduration-input {
    padding-left: 10px;
  }

  .roi-card {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .content-description._w-70 {
    width: 65%;
  }

  .usecase-center {
    width: 90%;
  }

  .usecase-tabpane-content {
    justify-content: center;
  }

  .use-case-card {
    width: 23%;
  }

  .uc-card-header.text-green {
    line-height: 1.4;
  }

  .journey-popup-maincard {
    width: 66.7vw;
  }

  .use-case-character-div {
    height: 150px;
  }

  .usecase-character-image {
    width: 60%;
  }

  .mobile-more-use-case {
    justify-content: center;
    align-items: stretch;
  }

  .feature-tabcontent-2._3 {
    height: 500px;
  }

  .h2-contain {
    width: 100%;
  }

  .cta-card {
    width: 70%;
  }

  .section-counts-container {
    right: -27px;
  }

  .mob-break-large-screen {
    width: 100%;
  }

  .section-comingsoon-style1 {
    padding-top: 10%;
  }

  .comingsoon-style1-center {
    width: 50vw;
  }

  .coming-soon-h1 {
    font-size: 4vw;
  }

  .comngsoon-style1-imagediv {
    width: 25%;
  }

  .hiw-row {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .hiw-item-top {
    padding-left: 40px;
    padding-right: 40px;
  }

  .calculator-row {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-9 {
    width: 55%;
  }

  .contact-sidebar-filter {
    width: 300px;
  }

  .card-video-popup {
    width: 66.7vw;
  }

  .mob-break-mobile {
    width: 90%;
  }

  .div-block-42 {
    width: 72%;
  }

  .cta-hd-div {
    width: 90%;
  }
}

@media screen and (min-width: 1920px) {
  .section-style1.features {
    background-position: 120% 70%, -20% 70%;
    background-size: 35%, 35%;
  }

  .section-style1.afterhero-cta {
    z-index: 2;
    margin-top: -30px;
  }

  .container-style1 {
    width: 90%;
  }

  .smarties_logo-arvin-1 {
    width: 15rem;
    max-width: none;
  }

  .navtext {
    padding-left: .521vw;
    padding-right: .521vw;
    font-size: .8vw;
  }

  .button {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .button.outline {
    grid-column-gap: .417vw;
  }

  .button.getwidget {
    border-radius: 2.6vw;
    width: 10.413vw;
    height: 4.687vw;
    font-size: 1.042vw;
  }

  .section-hero {
    grid-row-gap: .7vw;
    padding-top: 4vw;
    padding-bottom: 7vw;
  }

  .heading {
    font-size: 4vw;
  }

  .heading.subsmaller {
    font-size: 1.6vw;
  }

  .hero-mic-button-content {
    width: auto;
    height: auto;
  }

  .cta-hero-card._w-200 {
    width: 25rem;
  }

  .paragraph {
    font-size: .85vw;
  }

  .paragraph.mob-small {
    font-size: .833vw;
  }

  .paragraph.free-wdiget {
    font-size: 22px;
  }

  .smarties-arrow.letsfindout {
    width: 7.812vw;
    height: auto;
  }

  .button-wave {
    width: 8.333vw;
    height: 8.333vw;
  }

  .mic-button {
    border-radius: 50%;
    width: 6.25vw;
    height: 6.25vw;
  }

  .subheader {
    font-size: 1.04vw;
  }

  .subheader.desktop-small {
    font-size: .833vw;
  }

  .section-navhero {
    z-index: 1;
  }

  .button-extradetails-left {
    right: 100%;
  }

  .hero-images {
    bottom: -3%;
  }

  .hero-vine-left, .hero-vine-right {
    top: 1%;
  }

  .description-div {
    justify-content: flex-start;
    align-items: center;
  }

  .description-text-details {
    width: 45%;
  }

  .h2 {
    font-size: 1.25vw;
  }

  .h2.text-green.mob-text-center {
    font-size: 1.3vw;
  }

  .h2.mob-text-center {
    font-size: 1.458vw;
  }

  .container-style2 {
    width: 90%;
  }

  .description-image-container {
    flex: none;
    width: 50%;
  }

  .smarties-image-div {
    width: 90%;
  }

  .smarties-image {
    flex: none;
    width: 33%;
  }

  .smarties-bear-looking {
    width: 50%;
    top: 16.667vw;
    left: 8%;
  }

  .smarties-tree-description {
    width: 80%;
  }

  .rock-image {
    width: 18%;
    bottom: -53%;
    right: 36%;
  }

  .description-sunt {
    top: 1%;
  }

  .description-vine-left {
    bottom: -8%;
  }

  .features-main-content {
    grid-row-gap: 3.646vw;
  }

  .content-description-hd {
    grid-row-gap: 1rem;
  }

  .bear-image-lookup, .smartie-image-present {
    width: 35%;
  }

  .h1-style2 {
    font-size: 4vw;
  }

  .section-text-content-div {
    grid-row-gap: .833vw;
    justify-content: center;
    align-items: flex-start;
  }

  .section-text-content-div.align-center {
    width: 55%;
  }

  .h3-style1 {
    font-size: 2.083vw;
  }

  .p-style1 {
    font-size: .95vw;
  }

  .p-style1.smaller {
    font-size: .833vw;
  }

  .p-style1.bigger {
    font-size: 1.042vw;
  }

  .section-image-contain {
    bottom: -220px;
  }

  .button-extradetails-right.letsfindout {
    top: 116%;
    left: 60%;
  }

  .section-hero-w-60 {
    grid-column-gap: 1.04vw;
    grid-row-gap: 1.04vw;
    width: 80%;
  }

  .feature-tab-content-paragraph {
    font-size: .95vw;
  }

  .feature-tab-content-hd {
    font-size: 1.5vw;
  }

  .feature-tabs {
    width: 80%;
  }

  .feature-tabmenu-div {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
    margin-right: 1.042vw;
  }

  .journey-steps {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .section-step-count {
    width: 2.604vw;
    height: 2.604vw;
    padding-left: .156vw;
    padding-right: .156vw;
    font-size: 1.563vw;
  }

  .image-attractnewcustomer-div {
    width: 130%;
    left: -23%;
  }

  .image-turnbuyers-div, .image-createloyal-div {
    width: 110%;
    left: -11%;
    transform: translate(0, -60%);
  }

  .section-hero-w-40 {
    width: 60%;
  }

  .section-hero-w-40.mob {
    width: 25%;
  }

  .card-pricing {
    grid-row-gap: 1.563vw;
    padding: 1.458vw 1.042vw;
  }

  .pricing-title {
    width: 30%;
  }

  .pricing-title-sub {
    font-size: 1.3vw;
  }

  .pricing-title-main {
    font-size: 2.342vw;
  }

  .icon-arrow {
    width: 1.303vw;
    height: 1.303vw;
  }

  .feature-single, .feature-single.text-bold {
    font-size: .938vw;
  }

  .pro-pricing-progress {
    height: 33.333vw;
    padding: 1.563vw 1.042vw;
  }

  .pricing-pro-progress-div {
    height: 2.865vw;
    padding: 1.042vw 1.563vw;
  }

  .progress-linebg {
    padding: .521vw;
  }

  .progress-step-div {
    padding: .521vw 1.563vw;
  }

  .progress-step-text {
    font-size: .938vw;
  }

  .progress-num {
    grid-row-gap: .521vw;
    width: 1.823vw;
    height: 1.823vw;
    padding: .261vw;
  }

  .progress-num-2 {
    grid-row-gap: .261vw;
    width: 1.823vw;
    height: 1.823vw;
    padding: .261vw;
  }

  .progress-num-dot {
    width: .417vw;
    height: .417vw;
  }

  .pricing-pro-left {
    grid-row-gap: 1.563vw;
  }

  .pricing-textcontent {
    grid-row-gap: .104vw;
  }

  .tabmenu-text-3 {
    font-size: 1.458vw;
  }

  .tabmenu-text-4 {
    font-size: .938vw;
  }

  .pricing-item-2 {
    grid-column-gap: 1.042vw;
  }

  .pricing-center {
    width: 70%;
  }

  .progress-div {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
    margin-top: 1.042vw;
  }

  .roi-calculator-container {
    width: 60%;
  }

  .roi-tabmenu-div {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
  }

  .roi-tabmenu {
    grid-column-gap: 1.042vw;
    height: 2.552vw;
    padding: 1.042vw 1.563vw;
    font-size: 1.042vw;
  }

  .untitled {
    width: 1.563vw;
    height: 1.563vw;
  }

  .roi-form-row {
    padding-top: .781vw;
    padding-bottom: .781vw;
  }

  .togglecheck {
    background-size: 1.042vw 1.042vw;
    border-radius: 5.208vw;
    width: 2.604vw;
    min-width: 1.563vw;
    height: 1.563vw;
    min-height: .833vw;
    margin-left: -1.042vw;
  }

  .togglecheck.w--redirected-checked {
    background-size: 1.042vw 1.042vw;
  }

  .callduration-input {
    height: 2.344vw;
    padding-left: 15px;
    font-size: 1vw;
  }

  .roi-card {
    padding: 2.344vw;
  }

  .roi-text {
    font-size: .938vw;
  }

  .roi-form-top {
    margin-bottom: 1.042vw;
  }

  .callduration-btn {
    width: 1.303vw;
    height: 1.303vw;
    margin-left: .261vw;
    margin-right: .261vw;
  }

  .togglecheck_container {
    width: 2.604vw;
    min-width: 1.563vw;
    height: 1.563vw;
    min-height: .833vw;
    padding-left: 1.042vw;
  }

  .cta-content {
    grid-row-gap: 3.646vw;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .content-description {
    width: 45%;
  }

  .content-description.lite-cta {
    grid-row-gap: .521vw;
    margin-bottom: 1.563vw;
    padding-top: .521vw;
    padding-bottom: .521vw;
  }

  .content-description._w-70 {
    width: 60%;
  }

  .cta-btn-container {
    grid-column-gap: .521vw;
    margin-top: .521vw;
  }

  .copyright-text {
    font-size: .833vw;
  }

  .nav-menu {
    grid-column-gap: .521vw;
    grid-row-gap: .521vw;
  }

  .section--partners {
    height: 90vh;
  }

  .partners-right {
    grid-row-gap: 1.042vw;
  }

  .search {
    grid-column-gap: .521vw;
    grid-row-gap: .521vw;
    background-size: 1.042vw 1.042vw;
    height: 2.396vw;
    margin-top: .521vw;
    margin-bottom: .521vw;
    padding: .521vw 1.042vw .521vw 2.604vw;
    font-size: .938vw;
  }

  .usecase-center {
    width: 80%;
  }

  .usecase-center._w-100 {
    width: 100%;
  }

  .use-case-tab-base {
    padding: .417vw .781vw;
    font-size: .833vw;
  }

  .usecase-tabmenu-div {
    grid-column-gap: .521vw;
    grid-row-gap: .521vw;
  }

  .usecase-tabpane-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .use-case-card {
    grid-row-gap: .521vw;
    padding-top: 1.25vw;
    padding-left: 1.25vw;
    padding-right: 1.25vw;
  }

  .use-case-content {
    grid-column-gap: .781vw;
    grid-row-gap: .781vw;
  }

  .industry-icon {
    border-radius: 2.604vw;
    width: 2.083vw;
    height: 2.083vw;
  }

  .vector {
    width: 60%;
    overflow: visible;
  }

  .uc-category-text {
    font-size: .677vw;
  }

  .uc-card-header {
    font-size: 1.042vw;
    line-height: 1.4;
  }

  .uc-card-header.text-green.cta {
    font-size: 1.458vw;
  }

  .supporting-text {
    font-size: .677vw;
  }

  .demo-label {
    font-size: .833vw;
  }

  .check {
    width: 1.563vw;
    height: 1.563vw;
  }

  .p-text.text-bold, .p-text.sub {
    margin-bottom: .521vw;
    font-size: 1.042vw;
  }

  .btn-close {
    width: 1.563vw;
    height: 1.563vw;
  }

  .demo-countdown-text {
    font-size: 2.604vw;
  }

  .text-popup-hd {
    margin-top: 1.042vw;
    margin-bottom: .521vw;
    font-size: 1.979vw;
  }

  .popup-card {
    width: 46.875vw;
    padding-top: .417vw;
  }

  .popup-card.newdemo-02 {
    width: 31.25vw;
    height: 27.08vw;
    padding: .521vw;
  }

  .popup-card.newdemo-05 {
    width: 39.06vw;
    height: 36.46vw;
    padding: .521vw;
  }

  .popup-card.newdemo-01 {
    width: 31.25vw;
    height: 27.08vw;
    padding: .521vw;
  }

  .popup-card.newdemo-04 {
    width: 39.06vw;
    height: 37.5vw;
    padding: .521vw;
  }

  .popup-card.newdemo-03 {
    width: 31.25vw;
    height: 27.08vw;
    padding: .521vw;
  }

  .popup-btn-div.wide {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
    margin-top: 1.042vw;
  }

  .smarties-avatar {
    width: 8.386vw;
    height: 8.386vw;
    min-height: 8.178vw;
    margin-top: .521vw;
    margin-bottom: .521vw;
  }

  .smartie-number {
    margin-top: 1.042vw;
  }

  .text-field {
    height: 2.292vw;
    font-size: .833vw;
  }

  .smartie--listening {
    font-size: .729vw;
    line-height: 1.2;
  }

  .demo-progress {
    grid-column-gap: .521vw;
    padding: .521vw;
  }

  .static-status {
    font-size: .729vw;
    line-height: 1.2;
  }

  .static-status.mt-50 {
    margin-top: 3.125vw;
  }

  .countdown-video-contain {
    margin-top: .521vw;
  }

  .analyze-text {
    font-size: .833vw;
    line-height: 1.4;
  }

  .smartie--talking {
    font-size: .729vw;
    line-height: 1.2;
  }

  .progress-bar {
    width: 70%;
    height: .781vw;
    top: 3.229vw;
  }

  .field-label {
    font-size: .833vw;
    line-height: 1.5;
  }

  .form-row {
    margin-bottom: 1.042vw;
  }

  .progress-num-4 {
    width: 1.823vw;
    height: 1.823vw;
    padding: .261vw;
  }

  .checkbox-field {
    font-size: .729vw;
  }

  .progress-step-div-2 {
    max-width: none;
    height: 4.636vw;
    padding-top: .521vw;
    padding-bottom: .521vw;
  }

  .popup-hd {
    padding-bottom: .521vw;
    padding-left: 1.563vw;
    padding-right: 1.042vw;
  }

  .popup-hd.smaller.talk {
    padding-bottom: .833vw;
    padding-left: .833vw;
    padding-right: .833vw;
  }

  .sample-question {
    font-size: .833vw;
  }

  .image-buildthebuzz-div {
    width: 130%;
    left: -26%;
  }

  .image-followpath-div {
    width: 120%;
    left: -17%;
  }

  .slider {
    height: 33.854vw;
  }

  .slider-arrow {
    width: 2.604vw;
    height: 2.604vw;
    margin-left: .521vw;
    margin-right: .521vw;
    font-size: 1vw;
  }

  .journey-popup-maincard {
    border-radius: 1.042vw;
    width: 50vw;
    padding: 1.042vw;
  }

  .journey-popup-main {
    border-radius: 1.042vw;
    padding-top: 1.042vw;
  }

  .journey-popup-center {
    padding: .521vw 1.563vw;
  }

  .journeypopup-image-contain {
    width: 40%;
    bottom: -220px;
  }

  .image-journeypopup-div {
    left: -11%;
  }

  .use-case-character-div {
    height: 7.812vw;
  }

  .div-block-4 {
    width: 1.042vw;
    height: 1.042vw;
  }

  .chat-popup {
    width: 20.833vw;
  }

  .smartie-bubble {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .smartie-chat-container {
    padding: .521vw 1.042vw;
  }

  .smartie-bubble-container {
    grid-column-gap: .417vw;
    max-width: 14.375vw;
  }

  .chat-content {
    grid-column-gap: .833vw;
    grid-row-gap: .833vw;
    padding: 1.042vw .521vw;
  }

  .user-bubble {
    grid-column-gap: .521vw;
    padding: .261vw .521vw;
    font-size: .729vw;
  }

  .smarties-avatar-small {
    width: 2.604vw;
    height: 2.604vw;
    min-height: 2.604vw;
  }

  .user-bubble-container {
    grid-row-gap: .208vw;
    max-width: 13.803vw;
  }

  .chat-form {
    grid-column-gap: .677vw;
    grid-row-gap: .677vw;
    height: 4.165vw;
  }

  .write-chat {
    padding-top: .521vw;
    padding-bottom: .521vw;
  }

  .chat-type-area {
    font-size: .833vw;
    line-height: 1.4;
  }

  .smartie-chat {
    font-size: .729vw;
  }

  .smartie-talk {
    grid-column-gap: .417vw;
    grid-row-gap: .417vw;
    padding: .156vw .521vw;
    font-size: .729vw;
  }

  .chat-time {
    font-size: .625vw;
  }

  .smartie-indicator {
    width: 3.646vw;
    left: 48%;
  }

  .chat-smartie-hover-div {
    padding-left: 3.75vw;
    top: -9%;
    left: 10%;
  }

  .chat-smartie-hover {
    width: 11.458vw;
    transform: rotate(-11deg);
  }

  .section-uc {
    padding-left: 10%;
    padding-right: 10%;
  }

  .uc-left {
    grid-row-gap: 1.042vw;
  }

  .backtomain {
    grid-column-gap: .521vw;
    padding: .261vw;
    font-size: .938vw;
  }

  .wave-contain {
    height: 5.208vw;
  }

  .h3 {
    font-size: 1.458vw;
  }

  .h4.mt-0, .h4.demotext {
    font-size: 1.042vw;
  }

  .chat-user {
    font-size: .625vw;
  }

  .keytechniques-slider {
    height: 10.4vw;
  }

  .keytechniques-sliderdiv {
    padding-left: 14%;
    padding-right: 14%;
  }

  .key-techniques-left {
    width: 60%;
  }

  .keytechniques-right {
    width: 11.458vw;
    height: 11.458vw;
  }

  .tab-left {
    width: 1.563vw;
    height: 1.563vw;
    padding-left: .365vw;
    padding-right: .365vw;
  }

  .uc-tabmenu {
    grid-column-gap: .521vw;
    grid-row-gap: .521vw;
  }

  .tab-right {
    width: 1.563vw;
    height: 1.563vw;
    padding-left: .365vw;
    padding-right: .365vw;
  }

  .mobile-more-use-case {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .instruction-text {
    margin-bottom: 1.042vw;
  }

  .smartie-menu-container {
    padding-bottom: .521vw;
    padding-left: 1.042vw;
    padding-right: 1.042vw;
  }

  .chat-menu-btn {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
    margin-bottom: 1.042vw;
    padding: .521vw;
    font-size: .833vw;
  }

  .chat-menu-btn-icon {
    width: 2.604vw;
    height: 2.604vw;
    padding-left: .521vw;
    padding-right: .521vw;
  }

  .chatmenu-avatar {
    width: 1.303vw;
    height: 1.303vw;
  }

  .pricing-item-list {
    grid-column-gap: .521vw;
    grid-row-gap: .521vw;
  }

  .lite-content {
    padding-bottom: 1.563vw;
    padding-left: 1.042vw;
    padding-right: 1.042vw;
  }

  .whatdoesitdo-content {
    margin-bottom: 1.563vw;
  }

  .whatitdoes-content {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
    margin-top: 1.042vw;
  }

  .whatitdoes-item {
    grid-column-gap: 1.042vw;
    grid-row-gap: 1.042vw;
  }

  .smartie-chat-popup-container {
    border-radius: 1.042vw;
    padding: .521vw 1.042vw;
  }

  .enterdemo-promptdiv {
    padding-top: 1.563vw;
  }

  .cta-afterhero-clickhere {
    grid-column-gap: .521vw;
    width: 11.458vw;
    height: 4.165vw;
    padding: .521px .521vw;
  }

  .freewidget-arrow {
    width: 3vw;
    top: -31%;
    right: -4%;
    transform: rotateX(0)rotateY(180deg)rotateZ(-120deg);
  }

  .span-herounderline {
    text-underline-offset: .261vw;
    text-decoration-thickness: .261vw;
  }

  .span-smartie {
    background-size: 1.563vw 1.563vw;
    margin-right: -1.042vw;
    padding-right: 1.303vw;
  }

  .freewidget-subtexts-div {
    max-width: 34.375vw;
  }

  .freewidget-btncontain {
    width: 15.625vw;
    height: 9.374vw;
  }

  .freewidget-outer2 {
    border-radius: 3.646vw;
  }

  .freewidget-outer3 {
    border-radius: 3.125vw;
  }

  .freewidget-outer1 {
    border-radius: 4.165vw;
  }

  .backtotop {
    font-size: .729vw;
  }

  .icon-backtotop {
    width: 1.042vw;
    height: 1.042vw;
    padding-left: .208vw;
    padding-right: .208vw;
  }

  .graph-legend {
    margin-top: .521vw;
  }

  .feature-graph-image-div-2 {
    margin-right: 1.042vw;
  }

  .feature-tabcontent-2 {
    grid-column-gap: 1.563vw;
    justify-content: center;
    align-items: center;
    height: 24.707vw;
    padding: 3.125vw;
  }

  .feature-tabcontent-2._3 {
    height: 26.042vw;
  }

  .feature-tab-content-sourcetext-2.mb-10 {
    margin-top: 1.042vw;
    margin-bottom: .521vw;
    font-size: .625vw;
  }

  .graph-col {
    font-size: .6vw;
  }

  .feature-tablink-2 {
    grid-column-gap: 1.042vw;
    padding: 1.042vw;
    font-size: 1.04vw;
  }

  .feature-tab-count-2 {
    width: 1.563vw;
    height: 1.563vw;
  }

  .popup-sub-heading {
    font-size: 1.042vw;
  }

  .progress-num-5 {
    width: 1.823vw;
    height: 1.823vw;
    padding: .521vw;
  }

  .feature-single-3 {
    font-size: .938vw;
  }

  .website-preview {
    height: 22.819vw;
  }

  .popup-content-2 {
    margin-bottom: .521vw;
    padding: .833vw 3.125vw;
  }

  .div-block-5 {
    padding: .938vw 1.563vw;
    font-size: .729vw;
    line-height: 1.3;
  }

  .icon-mic-image {
    width: 100%;
    height: 50%;
  }

  .vertical-graphtext {
    font-size: .6vw;
  }

  .free-widget-item {
    grid-column-gap: 1.042vw;
  }

  .h2-style1 {
    font-size: 3.125vw;
  }

  .h2-contain {
    width: 80%;
  }

  .bullet-style1 {
    width: .521vw;
    height: .521vw;
    margin-top: .469vw;
  }

  .bullet-style1.green {
    margin-top: .417vw;
  }

  .cta-card {
    background-position: 98% -500%, 1% 180%;
  }

  .section-counts-container {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .step-label {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .step-block {
    width: 60px;
    height: 60px;
  }

  .section-step-countsmall {
    border-radius: 2.604vw;
    width: 40px;
    height: 40px;
  }

  .section-step-countsmall.w--current {
    font-size: 20px;
  }

  .step-indicator {
    width: 60px;
    height: 60px;
  }

  .seesmarties-arrow-2 {
    width: 3vw;
  }

  .arrownext, .arrowprev {
    width: 1.042vw;
    height: 1.042vw;
  }

  .call-smartie-2 {
    align-self: stretch;
    padding-bottom: 1.042vw;
  }

  .call-smartie-number-2 {
    margin-top: 1.042vw;
    margin-bottom: 1.042vw;
    padding: .521vw;
    font-size: 1.667vw;
  }

  .smartie-number-2 {
    margin-top: 1.042vw;
  }

  .show-number-2 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .span-highlight-yellow {
    padding: .052vw .261vw;
  }

  .text-small {
    font-size: .729vw;
  }

  .text-small.smaller {
    font-size: .625vw;
  }

  .cta-afterhero-clickhere-div {
    grid-column-gap: .521vw;
    width: 400px;
    height: 200px;
    margin-top: -83px;
    padding: 32px 20px .521px;
    right: 6%;
  }

  .mob-break-large-screen {
    margin-bottom: 2rem;
  }

  .pricing-tag-div {
    width: 12%;
  }

  .pricing-tag-round {
    width: 5.208vw;
    height: 5.208vw;
    font-size: .729vw;
  }

  .pricing-tag-round.green {
    top: -.521vw;
  }

  .waitlist-text {
    font-size: 1.563vw;
  }

  .reset-center, .signin-center {
    width: 25%;
  }

  .login-dropdown-icon {
    width: 1.563vw;
    height: 1.563vw;
    padding-left: .261vw;
    padding-right: .261vw;
  }

  .login-dropdown {
    width: 7.812vw;
    padding: .521vw;
  }

  .login-dropdown-link {
    padding: .261vw .521vw;
    font-size: .8vw;
  }

  .section-comingsoon-style1 {
    z-index: 1;
    padding-top: 10%;
  }

  .comingsoon-style1-center {
    z-index: 1;
  }

  .coming-soon-h1 {
    text-shadow: 0 1px 1px #fff3;
    font-size: 4vw;
  }

  .comngsoon-style1-imagediv {
    width: 28%;
  }

  .cmingsoon-1-star-1, .cmingsoon-1-star-2, .cmingsoon-1-star-3 {
    width: 1.8vw;
  }

  .heading-2 {
    font-size: 4vw;
  }

  .h2-style1-2 {
    font-size: 3.125vw;
    line-height: 1.4;
  }

  .section-step-count-2 {
    width: 2.604vw;
    height: 2.604vw;
    padding-left: .156vw;
    padding-right: .156vw;
    font-size: 1.563vw;
  }

  .section-step-count-2.small {
    width: 2.083vw;
    height: 2.083vw;
    font-size: 1.25vw;
  }

  .button-5 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .h4-2.text-cemter {
    font-size: 1.042vw;
  }

  .slider-arrow-2 {
    width: 2.604vw;
    height: 2.604vw;
    margin-left: .521vw;
    margin-right: .521vw;
    font-size: 1vw;
  }

  .hiw-row {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .code-block, .hiw-code-hd-text {
    font-size: .85vw;
  }

  .hiw-integrate-sample {
    width: 3.125vw;
    height: 3.125vw;
  }

  .btn-copy {
    font-size: .729vw;
  }

  .hiw-item-top {
    padding-left: 60px;
    padding-right: 60px;
  }

  .btn-close-waitlist {
    width: 1.563vw;
    height: 1.563vw;
  }

  .pricing-title-sub-2 {
    font-size: 1.3vw;
  }

  .tiny-content {
    padding-bottom: 1.563vw;
    padding-left: 1.042vw;
    padding-right: 1.042vw;
  }

  .pricing-title-main-2 {
    font-size: 2.342vw;
  }

  .pricing-title-main-2.pro {
    font-size: 2.342rem;
  }

  .card-pricing-2 {
    grid-row-gap: 1.563vw;
    padding: 1.458vw 1.042vw;
  }

  .pricing-tag-2.tiny {
    font-size: .729vw;
  }

  .button-7 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .pricing-tag-round-2 {
    width: 7vw;
    height: 7vw;
    font-size: 1vw;
  }

  .pricing-tag-round-2.waitlist {
    width: 7vw;
    height: 7vw;
    font-size: .833vw;
    top: -.521vw;
  }

  .lite-content-2 {
    padding-bottom: 1.563vw;
    padding-left: 1.042vw;
    padding-right: 1.042vw;
  }

  .pricing-tag-3 {
    font-size: .729vw;
  }

  .button-8 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .intro-paragraph {
    width: 40vw;
    margin-bottom: 2rem;
  }

  .buyer-s-journey-image {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hd-div {
    width: 50vw;
  }

  .calculator-hd-div {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .calculator-row {
    width: 70%;
  }

  .calculator-col-card {
    padding: 2.344vw;
  }

  .button-9 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .h3-style3 {
    font-size: 2.083vw;
  }

  .roi-text-2 {
    font-size: .938vw;
  }

  .div-block-9 {
    width: 70%;
  }

  .page-wrap-admin {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .admin-container {
    width: 60vw;
    height: 90vh;
  }

  .contact-sidebar-filter {
    width: 330px;
  }

  .mainwidth-control {
    width: 90%;
  }

  .mainwidth-control.contacts {
    width: 100%;
  }

  .contact-table-cell-div._w-8.location {
    width: 6%;
  }

  .contact-table-cell-div._w-8.status {
    width: 5%;
  }

  .contact-table-cell-div._w-15.name {
    flex: none;
  }

  .pricing-badge {
    top: -3.5vw;
  }

  .text-block-7 {
    font-size: .833vw;
    line-height: 1.3em;
  }

  .hero-video {
    margin-top: 2rem;
  }

  .video-image {
    background-image: linear-gradient(#0000, #0000), url('../images/video-placeholder.webp');
    background-size: auto, cover;
    width: 350px;
    height: 220px;
  }

  .video-pointer {
    margin-right: 20px;
  }

  .video-arrow {
    width: 3vw;
  }

  .text-block-8 {
    font-size: .781vw;
    line-height: 1.5em;
  }

  .video-text {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    justify-content: center;
    align-items: flex-start;
    margin-left: 20px;
    font-size: 1vw;
  }

  .app-screenshot {
    max-width: 1300px;
  }

  .card-video-popup {
    border-radius: 1.042vw;
    width: 50vw;
    padding: 1.042vw;
  }

  .mob-break-mobile {
    width: 1200px;
  }

  .text-asterisk-maindetails {
    font-size: .729vw;
  }

  .asterisk-details {
    margin-top: -20px;
  }

  .asterisk {
    font-size: 1.563vw;
  }

  .text-block-9 {
    font-size: .729vw;
    line-height: 1.3em;
  }

  .waitlist-content-2 {
    padding: 1.042vw .781vw;
  }

  .waitlist-content-2.center {
    padding-top: 2.604vw;
  }

  .smartie--listening-2 {
    margin-top: 3.125vw;
    font-size: .729vw;
    line-height: 1.2;
  }

  .loading-subdetails-div {
    grid-column-gap: 1.563vw;
    grid-row-gap: .521vw;
  }

  .loading-div {
    width: 2.083vw;
    height: 2.083vw;
    margin-top: 1.042vw;
  }

  .span-smartie-star {
    background-size: 1.3vw 1.3vw;
    margin-right: -1.042vw;
    padding-right: 1.303vw;
  }

  .text-popup-hd-2 {
    margin-top: 1.042vw;
    margin-bottom: .521vw;
    font-size: 1.979vw;
    line-height: 1.4;
  }

  .mic-button-2 {
    width: 6.25vw;
    height: 6.25vw;
  }

  .call-smarties-arrow, .talk-smarties-arrow {
    width: 3vw;
  }

  .your-website-badge {
    font-size: .625vw;
  }

  .call-smartie-number {
    margin-top: 1.042vw;
    margin-bottom: 4.165vw;
    padding: .521vw;
    font-size: 1.303vw;
  }

  .p-style1-2 {
    font-size: .95vw;
  }

  .p-style1-2.smaller {
    font-size: .833vw;
  }

  .load-icon-contain {
    margin-top: 1.042vw;
  }

  .load-icon {
    width: 7.812vw;
    height: 7.812vw;
  }

  .call-smarties-badge {
    font-size: .625vw;
    top: -2.865vw;
  }

  .countdown-video-contain-2 {
    margin-top: 1.042vw;
  }

  .smartie-number-row {
    margin-top: 0;
  }

  .talk-smarties-badge {
    font-size: .625vw;
    top: -2.19vw;
    right: -.31vw;
  }

  .loading-smarties-image {
    width: 13.021vw;
  }

  .yourwebsite-arrow {
    width: 3vw;
  }

  .text-popup-hd-small {
    font-size: 1.042vw;
  }

  .button-10 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }

  .show-number-card {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .icon-thumbsup {
    width: 2.083vw;
  }

  .inputwebsite-field {
    height: 2.292vw;
    font-size: .833vw;
  }

  .smartie--talking-2 {
    margin-top: 3.125vw;
    font-size: .729vw;
    line-height: 1.2;
  }

  .sample-question-copy {
    font-size: .833vw;
  }

  .demolabel-div {
    width: 97%;
  }

  .text-block-copy {
    font-size: .625vw;
  }

  .text-popup-hd-3 {
    margin-top: 1.042vw;
    margin-bottom: .521vw;
    font-size: 1.979vw;
  }

  .text-area {
    height: 2.292vw;
    font-size: .833vw;
  }

  .button-11 {
    grid-column-gap: .417vw;
    border-radius: 1.56vw;
    padding: .9vw 1.25vw;
    font-size: .8vw;
  }
}

@media screen and (max-width: 991px) {
  .section-style1.features {
    background-image: url('../images/smarties-tree_01.png');
    background-position: 120% 70%;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .section-style1.overflow-show {
    overflow: visible;
  }

  .container-style1 {
    width: 95%;
  }

  .navbar {
    margin-top: 0;
  }

  .button {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .button.outline.mb-10 {
    margin-bottom: 10px;
  }

  .button.gray {
    color: #555;
    background-color: #e0e0e0;
  }

  .button.mob-width {
    width: 80%;
    line-height: 1.4;
  }

  .section-hero {
    grid-column-gap: 6vw;
    grid-row-gap: 6vw;
    padding-top: 10vw;
    padding-bottom: 7vw;
  }

  .heading {
    font-size: 4rem;
  }

  .heading.sub {
    font-size: 2.2rem;
  }

  .cta-hero-card {
    width: 200px;
    font-size: 12px;
  }

  .cta-hero-card._w-200 {
    width: 250px;
  }

  .paragraph.mob-small, .paragraph.free-wdiget {
    font-size: 14px;
    line-height: 1.2;
  }

  .paragraph.free-wdiget {
    font-size: 16px;
    line-height: 1.5;
  }

  .subheader.mobile {
    font-size: 1rem;
    display: block;
  }

  .subheader.desktop, .subheader.desktop-small {
    display: none;
  }

  .subheader.mobi-small {
    color: #333c;
    margin-top: 10px;
    font-size: .85rem;
    font-weight: 400;
    display: block;
  }

  .section-navhero {
    height: auto;
  }

  .button-extradetails-left {
    right: 95%;
  }

  .description-div {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .description-text-details {
    padding-left: 24px;
  }

  .h2 {
    font-size: 20px;
    line-height: 1.2;
  }

  .h2.fontchange {
    font-family: Inter, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
  }

  .container-style2 {
    width: 95%;
  }

  .smarties-image-div {
    width: 40%;
    right: 60%;
  }

  .smarties-bear-looking {
    top: 217px;
  }

  .smarties-tree-description {
    right: -19%;
  }

  .rock-image {
    bottom: -11%;
  }

  .description-vine-left {
    bottom: -5%;
  }

  .features-main-content {
    grid-row-gap: 48px;
    width: 100%;
    padding-top: 10vw;
  }

  .content-description-hd {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .bear-image-lookup {
    left: -12%;
  }

  .smartie-image-present {
    right: -6%;
  }

  .beginjourney-hd-div {
    padding-left: 0%;
    padding-right: 0%;
  }

  .h1-style2 {
    font-size: 2.5rem;
    line-height: 1.6;
  }

  .h1-style2.coming-soon {
    font-size: 4rem;
  }

  .beginjourney-div {
    padding-top: 17vw;
    padding-bottom: 17vw;
  }

  .section-text-content-div {
    grid-row-gap: 16px;
    max-width: 580px;
  }

  .section-text-content-div.align-center {
    width: 100%;
  }

  .h3-style1 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .h3-style1.text-center {
    line-height: 1.4;
  }

  .p-style1 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .p-style1.bigger {
    font-size: 1rem;
  }

  .button-extradetails-right.letsfindout {
    inset: 0% 0% auto 34px;
  }

  .section-hero-w-60 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    width: 100%;
  }

  .feature-tab-textcontent {
    margin-left: 16px;
  }

  .feature-tab-content-paragraph {
    font-size: 1rem;
    line-height: 1.6;
  }

  .feature-tab-content-hd {
    font-size: 1.5rem;
  }

  .feature-tabs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .feature-tabmenu-div {
    flex-flow: wrap;
    width: 100%;
    margin-right: 0;
  }

  .journey-steps {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .section-step-count {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .section-count-div {
    margin-left: 0;
  }

  .image-attractnewcustomer-div {
    width: 120%;
    position: absolute;
    left: -16%;
    transform: translate(0);
  }

  .section-hero-w-40.mob {
    width: 60%;
  }

  .card-pricing {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: auto;
  }

  .pricing-title-main {
    line-height: 1.2;
  }

  .icon-arrow {
    width: 20px;
    height: 20px;
  }

  .feature-single {
    font-size: 16px;
  }

  .pricing-pro-progress-div {
    width: 100%;
    height: auto;
  }

  .progress-step-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-center {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .roi-calculator-container {
    width: 100%;
  }

  .roi-form-row {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .togglecheck {
    background-size: 20px 20px;
  }

  .callduration-input {
    border-radius: 999px;
    height: 56px;
  }

  .roi-card {
    width: 100%;
  }

  .roi-text {
    font-size: 1.1rem;
  }

  .callduration-row {
    flex: 1;
    margin-right: 10px;
  }

  .cta-content {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .content-description {
    width: 80%;
  }

  .content-description.lite-cta {
    width: auto;
  }

  .copyright-text {
    font-size: 14px;
  }

  .nav-menu {
    z-index: 20;
    background-color: #fff;
    border-radius: 20px;
    width: 300px;
    padding: 20px;
    top: 100%;
    left: auto;
    right: 0%;
    box-shadow: 0 4px 16px #0003;
  }

  .section--partners {
    height: 90vh;
    padding-left: 0%;
    padding-right: 0%;
  }

  .search {
    width: 50vw;
    max-width: 600px;
    height: 50px;
  }

  .search:focus {
    border-width: 2px;
    border-color: #aaa;
  }

  .use-case-tab-base {
    height: 44px;
  }

  .usecase-tabmenu-div {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .usecase-tabpane-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .use-case-card {
    width: 48%;
  }

  .p-text.text-bold, .p-text.sub {
    font-size: 1.2em;
  }

  .popup-card {
    width: 90vw;
  }

  .popup-card.newdemo-02, .popup-card.newdemo-01, .popup-card.newdemo-03 {
    width: 80%;
  }

  .slider-arrow {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .journey-popup-maincard {
    width: 95vw;
  }

  .journey-popup-center {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 20px;
    overflow: auto;
  }

  .journeypopup-image-contain {
    margin-bottom: 20px;
  }

  .smartie-chat-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .smartie-indicator {
    width: 50px;
    top: -33px;
  }

  .chat-smartie-hover-div {
    top: -10%;
    left: -28%;
  }

  .chat-smartie-hover {
    width: 130px;
  }

  .section-uc {
    padding-top: 3vw;
    padding-bottom: 5vw;
  }

  .menu-button {
    background-color: var(--white);
  }

  .menu-button.w--open {
    background-color: var(--white);
    color: var(--accent-teal);
  }

  .testimonial-card {
    width: 300px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .client-image {
    width: auto;
  }

  .section-mainuc {
    height: 90vh;
  }

  .step-slider-div {
    width: 80vw;
  }

  .keytechniques-slider {
    height: 300px;
  }

  .keytechniques-sliderdiv {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    padding-left: 0%;
    padding-right: 0%;
  }

  .key-techniques-left {
    flex: none;
    width: auto;
  }

  .keytechniques-right {
    width: 30%;
    height: auto;
  }

  .uc-tabmenu {
    width: 90%;
  }

  .mobile-more-use-case {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .smartie-menu-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-description {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .smartie-chat-popup-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .enterdemo-promptdiv {
    width: 60%;
  }

  .cta-afterhero-clickhere {
    width: 150px;
    top: 5%;
    left: 81%;
  }

  .freewidget-arrow {
    top: -87%;
  }

  .span-smartie {
    margin-right: -5px;
    padding-right: 0;
  }

  .freewidget-subtexts-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    max-width: 640px;
    margin-bottom: 56px;
  }

  .freewidget-btncontain {
    margin-bottom: 48px;
  }

  .backtotop {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin-top: 64px;
    font-size: .95rem;
  }

  .feature-tabcontent-2 {
    max-width: 580px;
    padding: 32px;
  }

  .feature-tablink-2 {
    width: 49%;
    height: 65px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .popup-sub-heading {
    font-size: 1rem;
  }

  .mob-arrow-down-div {
    display: flex;
  }

  .journey-arrowdown {
    width: 25px;
    height: 25px;
  }

  .free-widget-item {
    grid-column-gap: 16px;
  }

  .mobile-herohd-hide {
    align-self: stretch;
  }

  .span-mobile-hd {
    font-family: Inter, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .h2-style1 {
    font-size: 2rem;
  }

  .h2-style1.text-left.mob-mb-8 {
    margin-bottom: 8px;
  }

  .h2-contain {
    width: 75%;
  }

  .bullet-style1 {
    margin-top: 8px;
  }

  .pricing-tag {
    text-align: center;
  }

  .cta-card {
    grid-row-gap: 24px;
    background-position: 98% -30%, 1% 130%;
    width: 90vw;
    max-width: 720px;
    padding: 48px 24px;
  }

  .cta-card.cta {
    grid-row-gap: 16px;
  }

  .section-counts-container {
    right: -4px;
  }

  .cta-p-container {
    width: 50%;
  }

  .call-smartie-2 {
    width: 45%;
  }

  .call-smartie-number-2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.7rem;
  }

  .show-number-2 {
    width: 45%;
    padding: 10px;
  }

  .cta-afterhero-clickhere-div {
    width: 300px;
    top: -6%;
    left: 62%;
  }

  .mob-break-large-screen {
    width: 100%;
  }

  .journey-popup-top {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .pricing-tag-div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .pricing-tag-round {
    text-align: center;
  }

  .span-mobile-par {
    font-family: Inter, sans-serif;
    font-weight: 600;
  }

  .reset-center, .signin-center {
    width: 70%;
  }

  .login-dropdown-icon {
    display: none;
  }

  .login-dropdown {
    box-shadow: none;
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    top: auto;
    right: auto;
  }

  .login-dropdown-link {
    text-align: center;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .login-dropdown-link:hover {
    color: var(--accent-green);
    background-color: #e1461700;
  }

  .section-comingsoon-style1 {
    padding-top: 30%;
  }

  .comingsoon-style1-center {
    width: 90vw;
  }

  .coming-soon-h1 {
    font-size: 55px;
  }

  .comngsoon-style1-imagediv {
    width: 50%;
  }

  .bear-character {
    width: 40vw;
    bottom: -5%;
  }

  .heading-2 {
    font-size: 55px;
  }

  .heading-2.bigger {
    font-size: 5rem;
  }

  .page-wrapper {
    background-position: 150% 10%, -30% 20%, 120% 0, -20% 0, 50%;
    background-size: 700px, 700px, 300px, 300px, cover;
  }

  .smarties-character {
    width: 40vw;
    bottom: -5%;
  }

  .span-mobile-hd-2 {
    font-family: Inter, sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .span-mobile-par-2 {
    font-family: Inter, sans-serif;
    font-weight: 600;
  }

  .h2-style1-2 {
    font-size: 2rem;
  }

  .h2-style1-2.text-left.mob-mb-8 {
    margin-bottom: 8px;
  }

  .section-step-count-2 {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .button-5 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .button-5.mob-width {
    width: 80%;
    line-height: 1.4;
  }

  .slider-arrow-2 {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .pricing-title-main-2 {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .pricing-title-main-2.pro {
    font-size: 2rem;
  }

  .card-pricing-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-tag-2 {
    text-align: center;
  }

  .button-7 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .button-7.mob-width {
    width: 80%;
    line-height: 1.4;
  }

  .pricing-tag-round-2, .pricing-tag-3 {
    text-align: center;
  }

  .button-8 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .button-8.mob-width {
    width: 80%;
    line-height: 1.4;
  }

  .pricing-features {
    flex: 1;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-btn-div {
    flex-flow: column;
  }

  .list-intro {
    flex: 1;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .calculator-hd-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
  }

  .calculator-row {
    flex-flow: column;
  }

  .calculator-col-card {
    width: 100%;
  }

  .button-9 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .h3-style3 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .roi-text-2 {
    font-size: 1.1rem;
  }

  .div-block-9 {
    width: 90%;
  }

  .contact-sidebar-filter {
    order: -1;
    width: auto;
    height: auto;
    margin-left: 0;
  }

  .mainwidth-control.contacts {
    flex-flow: column;
    height: auto;
  }

  .filters-body {
    height: auto;
  }

  .pricing-badge {
    top: -60px;
    right: -61px;
  }

  .video-image {
    width: 150px;
    height: 85px;
  }

  .video-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 14px;
  }

  .row-waitlist {
    width: 100%;
  }

  .card-video-popup {
    width: 95vw;
  }

  .mob-break-mobile {
    width: 80%;
  }

  .asterisk-details {
    margin-right: 17px;
  }

  .asterisk {
    top: 10px;
  }

  .newdemo1-subtextcontain {
    width: 75%;
  }

  .your-website-badge {
    top: -60px;
  }

  .call-smartie-number {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.7rem;
  }

  .p-style1-2 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .call-smarties-badge, .talk-smarties-badge {
    top: -60px;
  }

  .button-10 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .show-number-card {
    width: 45%;
    padding: 10px;
  }

  .demolabel-div {
    width: 91%;
  }

  .button-11 {
    border-radius: 999px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.4;
  }

  .cta-hd-div {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .container-style1 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-hero {
    padding-top: 12vw;
  }

  .heading {
    font-size: 3.2rem;
  }

  .heading.sub {
    font-size: 1.5rem;
  }

  .heading.subsmaller {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .cta-hero-card._w-200 {
    width: 120px;
  }

  .paragraph.mob-small {
    font-size: 12px;
    line-height: 1.4em;
  }

  .subheader.mobile {
    font-size: .85rem;
    display: block;
  }

  .subheader.mobi-small {
    font-size: .75rem;
    display: block;
  }

  .subheader.coming-soon {
    font-size: 1.1rem;
  }

  .button-extradetails-left {
    bottom: 79px;
    right: 102%;
  }

  .description-text-details {
    width: auto;
    padding-left: 0;
  }

  .h2.fontchange {
    font-size: 1rem;
    line-height: 1.6;
  }

  .h2.partnership {
    font-family: Inter, sans-serif;
    font-size: 1rem;
    line-height: 1.6;
  }

  .container-style2 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .description-image-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 500px;
    position: relative;
    right: auto;
  }

  .content-description-hd.waitlist {
    width: 80%;
  }

  .h1-style2 {
    font-size: 2rem;
    line-height: 1.6;
  }

  .h1-style2.coming-soon, .h1-style2.smaller {
    font-size: 3rem;
  }

  .beginjourney-div.start {
    flex-flow: column;
  }

  .section-text-content-div {
    grid-row-gap: 20px;
    flex: 0 auto;
    order: -1;
    width: auto;
  }

  .h3-style1 {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .p-style1, .p-style1.bigger {
    font-size: 1rem;
    line-height: 1.6;
  }

  .p-style1.text-right {
    text-align: center;
  }

  .section-image-contain {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    height: 200px;
    position: relative;
    bottom: 0;
  }

  .button-extradetails-right {
    left: 105%;
  }

  .section-hero-w-60 {
    width: 100%;
  }

  .feature-tab-content-paragraph {
    font-size: 1rem;
    line-height: 1.6;
  }

  .feature-tab-content-hd {
    font-size: 1.5rem;
  }

  .journey-steps {
    flex-flow: column;
  }

  .image-attractnewcustomer-div {
    width: 150%;
    position: relative;
    top: 0%;
    left: 0%;
  }

  .image-turnbuyers-div {
    position: relative;
    top: 50%;
    left: auto;
  }

  .card-pricing-top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }

  .pricing-title {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    width: auto;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .icon-arrow {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }

  .feature-single {
    line-height: 1.2;
  }

  .pro-pricing-progress {
    height: 700px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-item-2 {
    grid-column-gap: 10px;
  }

  .roi-tabmenu {
    grid-column-gap: 10px;
    font-size: 18px;
  }

  .togglecheck {
    background-size: 30px 30px;
    width: 80px;
    min-width: 80px;
    height: 40px;
    min-height: 40px;
  }

  .togglecheck.w--redirected-checked {
    background-size: 30px 30px;
  }

  .roi-form-left {
    width: 50%;
    margin-right: 16px;
  }

  .callduration-row {
    flex: 1;
  }

  .togglecheck_container {
    width: 80px;
    min-width: 80px;
    height: 40px;
    min-height: 40px;
  }

  .cta-content {
    padding-bottom: 5vw;
  }

  .content-description {
    width: 90%;
  }

  .content-description.lite-cta {
    width: auto;
  }

  .cta-btn-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .roi-calculator-content {
    padding-top: 10vw;
  }

  .search {
    width: 80vw;
    font-size: 1rem;
  }

  .usecase-tabpane-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .text-popup-hd {
    font-size: 28px;
  }

  .popup-card.waitlist, .popup-card.preview-site, .popup-card.newdemo-02 {
    width: 90%;
  }

  .popup-card.newdemo-05 {
    width: 100%;
  }

  .popup-card.newdemo-01 {
    width: 90%;
  }

  .popup-card.newdemo-04 {
    width: 90%;
    height: auto;
  }

  .popup-card.newdemo-03 {
    width: 90%;
  }

  .progress-step-div-2 {
    flex: 1;
    max-width: none;
  }

  .popup-hd {
    padding-bottom: 0;
  }

  .image-buildthebuzz-div {
    position: relative;
    top: 85%;
    left: auto;
  }

  .image-followpath-div {
    width: auto;
    position: relative;
    left: auto;
  }

  .slider {
    height: 700px;
  }

  .journeypopup-image-contain {
    order: -1;
  }

  .smartie-indicator {
    top: -40px;
  }

  .chat-smartie-hover-div {
    top: -22%;
    left: -50%;
  }

  .section-uc {
    flex-flow: column;
  }

  .uc-left {
    grid-row-gap: 10px;
    width: 100%;
    margin-bottom: 10px;
  }

  .backtomain {
    font-size: 1rem;
  }

  .uc-right {
    width: 100%;
    padding-right: 0;
  }

  .uc-image {
    width: 30%;
  }

  .testimonial-card {
    margin: 0 5px;
  }

  .h4.mt-0 {
    font-size: 1rem;
  }

  .h4.demotext {
    font-size: 1rem;
    line-height: 1.6;
  }

  .section-header {
    padding-top: 5vw;
  }

  .back-wrap {
    top: 0;
  }

  .section-mainuc {
    height: auto;
  }

  .keytechniques-slider {
    height: 220px;
  }

  .keytechniques-sliderdiv {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .key-techniques-left {
    grid-column-gap: 10px;
  }

  .keytechniques-main {
    width: 100%;
  }

  .uc-tabmenu {
    width: 85%;
  }

  .mobile-more-use-case {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .pricing-description {
    flex: 0 auto;
    width: 80%;
    margin-top: 10px;
  }

  .lite-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .whatitdoes-item {
    width: 100%;
  }

  .enterdemo-promptdiv {
    width: 80%;
  }

  .cta-afterhero-clickhere {
    display: none;
  }

  .span-smartie {
    padding-right: 10px;
    font-size: 3rem;
  }

  .freewidget-subtexts-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .freewidget-btncontain {
    margin-bottom: 0;
  }

  .backtotop {
    margin-top: 24px;
  }

  .graph-legend {
    order: -1;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .graph-row {
    flex-flow: column;
  }

  .with-smarties._1, .with-smarties.new2, .current-trends._1 {
    width: 40px;
  }

  .feature-graph-image-div-2 {
    width: 80%;
    height: 200px;
    margin-bottom: 20px;
  }

  .feature-tabcontent-2 {
    height: auto;
  }

  .feature-tablink-2 {
    width: 48%;
  }

  .feature-single-3 {
    font-size: 14px;
  }

  .popup-content-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .graph-contain {
    width: 80%;
  }

  .free-widget-item {
    grid-column-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .span-mobile-hd {
    font-size: 1.25rem;
  }

  .h2-style1 {
    font-size: 2rem;
  }

  .bullet-style1 {
    margin-top: 8px;
  }

  .cta-card {
    width: 90%;
  }

  .cta-p-container {
    width: 70%;
  }

  .seesmarties-arrow-2 {
    bottom: -35px;
    left: 67%;
  }

  .call-smartie-2 {
    align-self: stretch;
    width: auto;
  }

  .smartie-number-2.call {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .show-number-2 {
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cta-afterhero-clickhere-div {
    display: none;
    top: -8%;
  }

  .mob-break-large-screen {
    width: 100%;
  }

  .journey-popup-top {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .pricing-tag-div {
    margin-right: 20px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .span-mobile-par {
    font-size: 1.25rem;
  }

  .reset-center {
    width: 80%;
  }

  .signin-center {
    width: 90%;
  }

  .coming-soon-h1 {
    font-size: 2.5rem;
  }

  .comngsoon-style1-imagediv {
    width: 70%;
  }

  .cmingsoon-1-star-1, .cmingsoon-1-star-2, .cmingsoon-1-star-3 {
    width: 20px;
  }

  .heading-2 {
    font-size: 2.75rem;
  }

  .heading-2.bigger {
    font-size: 4rem;
  }

  .page-wrapper {
    background-position: 150% 10%, -30% 20%, 150% 0, -30% 0, 50%;
    background-size: 700px, 700px, 300px, 300px, cover;
  }

  .span-mobile-hd-2, .span-mobile-par-2 {
    font-size: 1.25rem;
  }

  .h2-style1-2 {
    font-size: 2rem;
  }

  .hiw-row {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    width: 90%;
  }

  .hiw-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: auto;
  }

  .hiw-website-integrate {
    flex: 0 auto;
    height: 200px;
  }

  .tiny-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-title-main-2 {
    font-size: 2.4rem;
  }

  .pricing-title-main-2.pro {
    font-size: 2.5rem;
  }

  .lite-content-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .intro-paragraph, .hd-div {
    width: auto;
  }

  .calculator-hd-div-right {
    width: 100%;
  }

  .calculator-hd-div {
    flex-flow: column;
  }

  .calculator-hd-div-left {
    width: 100%;
  }

  .calculator-content {
    padding-top: 10vw;
  }

  .h3-style3 {
    line-height: 1.5;
  }

  .div-block-9 {
    width: auto;
  }

  .contacts-checkbox {
    width: 12px;
    height: 12px;
  }

  .pricing-badge {
    font-size: 12px;
    top: -52px;
    right: -29px;
  }

  .text-block-7 {
    font-size: 14px;
    line-height: 1.2em;
  }

  .hero-video {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    position: relative;
  }

  .video-pointer {
    position: absolute;
    inset: 0% auto auto -5%;
  }

  .video-arrow {
    bottom: -35px;
    left: 67%;
  }

  .video-text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    font-size: 16px;
  }

  .app-screenshot {
    margin-bottom: -1rem;
  }

  .row-waitlist {
    grid-column-gap: 69px;
    grid-row-gap: 69px;
    flex-flow: column;
  }

  .col-waitlist.line {
    border-left-style: none;
  }

  .mob-break-mobile {
    width: 100%;
  }

  .asterisk-details {
    margin-top: -14px;
    margin-bottom: -6px;
    margin-right: 10px;
  }

  .asterisk-wrap {
    margin-right: 10px;
  }

  .asterisk {
    font-size: 25px;
    top: 0;
  }

  .waitlist-content-2.center {
    padding-top: 0;
  }

  .waitlist-content-2.mobile-scroll {
    overflow: auto;
  }

  .span-smartie-star {
    background-size: 18px 18px;
  }

  .newdemo1-subtextcontain {
    width: 90%;
  }

  .text-popup-hd-2 {
    font-size: 28px;
    line-height: 1.4;
  }

  .text-popup-hd-2.smaller {
    font-size: 28px;
  }

  .your-website-badge {
    font-size: 12px;
  }

  .call-smartie-number {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 1.4rem;
  }

  .p-style1-2 {
    font-size: 1rem;
    line-height: 1.6;
  }

  .call-smarties-badge {
    font-size: 12px;
    top: -56px;
    right: 29px;
  }

  .smartie-number-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .talk-smarties-badge {
    font-size: 12px;
    top: -50px;
  }

  .text-popup-hd-small {
    font-size: 18px;
  }

  .show-number-card {
    flex: 1;
    width: auto;
    padding: 15px 55px;
  }

  .loading-subdetails-dot {
    width: 8px;
    height: 8px;
  }

  .demolabel-div, .demolabel-div._w-95 {
    width: 98%;
  }

  .text-popup-hd-3 {
    font-size: 28px;
  }

  .div-block-42 {
    width: 60%;
  }

  .cta-hd-div {
    width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .section-style1.footer {
    justify-content: flex-start;
    align-items: center;
  }

  .container-style1 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navtext {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .button {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .button.getwidget {
    border-radius: 999px;
    font-weight: 700;
  }

  .button.gray {
    flex: none;
    width: 49%;
  }

  .button.mob-width {
    width: 70%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .button.popup {
    flex: none;
    width: 49%;
  }

  .section-hero {
    padding-top: 20vw;
    padding-bottom: 74vw;
  }

  .heading {
    font-size: 2.1rem;
    line-height: 1.4;
  }

  .heading.sub {
    font-size: 1.05rem;
    line-height: 1.6;
  }

  .heading.subsmaller {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .hero-mic-button-content {
    margin-top: 0;
    margin-bottom: 80px;
  }

  .cta-hero-card._w-200 {
    width: 130px;
  }

  .smarties-arrow {
    transform: rotateX(0)rotateY(180deg)rotateZ(-18deg);
  }

  .button-wave {
    width: 140px;
    height: 140px;
  }

  .mic-button {
    width: 100px;
    height: 100px;
  }

  .subheader {
    font-size: .85rem;
  }

  .subheader.coming-soon {
    font-size: 1rem;
  }

  .button-extradetails-left {
    order: 1;
    align-self: flex-end;
    bottom: -55px;
    right: 71%;
  }

  .hero-curve {
    height: 20px;
  }

  .hero-image-bear {
    width: 55%;
    bottom: -10%;
  }

  .image-100.fit-contain {
    object-fit: scale-down;
  }

  .hero-vine-left {
    top: 12%;
  }

  .hero-vine-right {
    top: 15%;
  }

  .description-div {
    padding-top: 38vw;
    padding-bottom: 0;
  }

  .description-text-details {
    width: 100%;
  }

  .h2.mob-text-center.cta {
    text-align: center;
  }

  .h2.fontchange {
    text-align: left;
  }

  .h2.fontchange.bullet {
    text-align: left;
    font-size: .9rem;
  }

  .h2.fontchange.center {
    text-align: center;
  }

  .container-style2 {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .description-image-container {
    width: 100%;
    height: 400px;
    margin-bottom: 30%;
    position: relative;
  }

  .smarties-bear-looking {
    top: 202px;
  }

  .smarties-tree-description {
    width: 90%;
  }

  .rock-image {
    bottom: -13%;
  }

  .description-sunt {
    width: 30%;
  }

  .features-main-content {
    grid-row-gap: 16px;
  }

  .content-description-hd {
    justify-content: center;
    align-items: flex-start;
  }

  .content-description-hd.waitlist {
    width: 100%;
  }

  .content-description-hd.usecase {
    justify-content: center;
    align-items: center;
  }

  .beginjourney-hd-div {
    height: auto;
  }

  .h1-style2 {
    font-size: 2rem;
    line-height: 1.3;
  }

  .h1-style2.coming-soon, .h1-style2.smaller {
    font-size: 2.2rem;
  }

  .beginjourney-div {
    flex-flow: column;
  }

  .section-text-content-div {
    grid-row-gap: 16px;
    width: 100%;
    padding-right: 16px;
  }

  .section-text-content-div.align-center {
    padding-right: 0;
  }

  .h3-style1 {
    font-size: 1.75rem;
  }

  .p-style1 {
    text-align: left;
  }

  .p-style1.smaller {
    font-size: .875rem;
  }

  .p-style1.text-right {
    text-align: left;
  }

  .p-style1.center {
    text-align: center;
  }

  .section-image-contain {
    width: 100%;
    height: 300px;
    margin-top: 20px;
    bottom: auto;
  }

  .button-extradetails-right {
    bottom: 65px;
    left: 85%;
  }

  .button-extradetails-right.letsfindout {
    top: 146%;
    left: 52%;
  }

  .feature-tab-textcontent {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .feature-tab-content-paragraph {
    font-size: 1rem;
    line-height: 1.6;
  }

  .feature-tabs {
    width: 100%;
    margin-top: 16px;
  }

  .journey-steps {
    flex-flow: column;
  }

  .section-step-count {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .image-attractnewcustomer-div, .image-turnbuyers-div, .image-createloyal-div {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .section-hero-w-40, .section-hero-w-40.mob {
    width: 100%;
  }

  .pricing-main-content {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-pricing {
    grid-row-gap: 32px;
    box-shadow: 0 2px 8px #0000000d;
  }

  .card-pricing-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }

  .pricing-title {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .icon-arrow {
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }

  .icon-arrow.mobile {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .feature-single {
    font-size: 1rem;
    line-height: 1.6;
  }

  .feature-single.text-bold {
    font-size: 1.125rem;
  }

  .pro-pricing-progress {
    justify-content: space-between;
    align-items: flex-start;
    height: 80vh;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
    overflow: auto;
  }

  .pricing-pro-progress-div {
    display: none;
  }

  .progress-step-div {
    flex-flow: column;
  }

  .pricing-pro-right {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 250px;
    display: flex;
    overflow: hidden;
  }

  .pricing-pro-left {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .tabmenu-text-3 {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .tabmenu-text-4 {
    text-align: left;
    font-size: 1rem;
    line-height: 1.4;
  }

  .pricing-center {
    margin-top: 32px;
  }

  .progress-div {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
  }

  .roi-tabmenu-div {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .roi-tabmenu {
    border-radius: 9999px;
    height: 54px;
    padding: 18px 15px;
    font-size: 16px;
  }

  .roi-tabmenu:hover {
    background-color: #004e611a;
  }

  .roi-tabmenu.w--current {
    background-color: var(--accent-teal);
    color: var(--white);
  }

  .roi-form-row {
    flex-flow: column;
    margin-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .callduration-input {
    width: 120px;
  }

  .roi-form-left {
    width: 100%;
    margin-right: 0;
  }

  .roi-card {
    margin-top: 20px;
    padding: 20px;
  }

  .roi-form-label-contain.mob-100 {
    width: 100%;
  }

  .roi-btn-container {
    flex-flow: column;
  }

  .roi-text {
    text-align: center;
    font-size: 1rem;
  }

  .roi-form-top.mob-roi-toggle {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .callduration-row {
    width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }

  .callduration-btn {
    width: 32px;
    height: 32px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .roi-form-bot {
    flex-flow: column;
  }

  .roi-form-bot.mob-2col {
    flex-flow: wrap;
    justify-content: space-between;
  }

  .roi-form-textfield-contain {
    width: 100%;
  }

  .roi-form-textfield-contain._2col {
    flex-flow: column;
    width: 49%;
  }

  .cta-content {
    padding-top: 64px;
    padding-bottom: 24px;
  }

  .content-description {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 20px;
  }

  .content-description.lite-cta {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .content-description._w-70 {
    grid-row-gap: 16px;
    width: 100%;
  }

  .content-description.cta {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .cta-btn-container {
    grid-row-gap: 10px;
    flex-flow: column;
    align-items: stretch;
  }

  .footer-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .roi-calculator-content {
    padding-top: 10vw;
  }

  .nav-menu {
    width: 250px;
  }

  .section--partners {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
  }

  .partners-left {
    width: 100%;
    height: 380px;
  }

  .partners-right {
    grid-row-gap: 24px;
    width: 100%;
  }

  .search {
    width: 90vw;
    font-size: 16px;
  }

  .usecase-main-content {
    grid-row-gap: 0px;
  }

  .use-case-tab-base {
    height: 44px;
    margin-left: 2px;
    margin-right: 2px;
  }

  .usecase-tabpane-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .use-case-card {
    width: 100%;
  }

  .uc-card-header.text-green {
    text-align: left;
    line-height: 1.4;
  }

  .demo-label {
    text-align: center;
  }

  .p-text {
    font-size: 1em;
  }

  .p-text.text-bold, .p-text.sub {
    font-size: 1.125em;
    line-height: 1.5;
  }

  .popup-step4 {
    overflow: visible;
  }

  .demo-countdown-text {
    font-size: 40px;
  }

  .demo-countdown-text.mobile-first {
    order: -9999;
  }

  .text-popup-hd {
    font-size: 1.25rem;
    line-height: 1.2em;
  }

  .popup-card.waitlist, .popup-card.preview-site, .popup-card.newdemo-02, .popup-card.newdemo-05, .popup-card.newdemo-01, .popup-card.newdemo-04, .popup-card.newdemo-03 {
    width: 100%;
    height: 100%;
  }

  .popup-btn-div.wide {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .demo-progress {
    padding-left: 0;
    padding-right: 0;
  }

  .demo-form.mobile-waitlist {
    flex: none;
  }

  .demo-countdown-waitingtext.main {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
  }

  .progress-bar {
    top: 66px;
  }

  .field-label {
    font-size: 1rem;
  }

  .checkbox-field {
    justify-content: flex-start;
    align-items: center;
    font-size: .875rem;
    display: flex;
  }

  .progress-step-div-2 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .popup-hd {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popup-hd.waitlist {
    padding-left: 0;
    padding-right: 0;
  }

  .popup-hd.demo-video {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-buildthebuzz-div {
    width: 100%;
    position: relative;
    top: 0%;
    left: auto;
    transform: none;
  }

  .image-followpath-div {
    width: 100%;
    position: relative;
    left: auto;
    transform: none;
  }

  .slider {
    height: auto;
  }

  .slider-arrow {
    margin-left: 0;
    margin-right: 0;
  }

  .slider-arrow.mob-rightdown {
    inset: auto 0% -8% auto;
  }

  .slider-arrow.mob-leftdown {
    inset: auto auto -8% 0%;
  }

  .journey-popup-maincard {
    padding: 10px;
  }

  .journey-popup-center {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .journeypopup-image-contain {
    width: 70%;
  }

  .use-case-character-div {
    margin-top: 12px;
  }

  .usecase-character-image {
    width: 50%;
  }

  .chat-popup {
    width: 100vw;
  }

  .chat-hd {
    font-size: 1.125rem;
    line-height: 1.4;
  }

  .hero-image-smartie {
    width: 60%;
    bottom: -35%;
  }

  .section-uc {
    flex-flow: column;
  }

  .uc-left {
    width: 100%;
  }

  .uc-right {
    width: 100%;
    margin-top: 30px;
    padding-right: 0;
  }

  .popup-step4-mob-scroll {
    max-height: 80vh;
    overflow: auto;
  }

  .uc-image {
    width: 50%;
  }

  .client-container {
    width: 100%;
    margin-bottom: 0;
  }

  .testimonial-card {
    width: 200px;
    margin: 10px;
  }

  .h3 {
    font-size: 1.75rem;
    line-height: 1.6;
  }

  .h4.mt-0 {
    font-size: 1rem;
  }

  .section-header.mainuc {
    padding-top: 0;
  }

  .back-wrap {
    order: -1;
    align-self: flex-start;
    margin-bottom: 10px;
    position: relative;
    top: -16px;
  }

  .back-wrap.main-uc {
    top: 0;
  }

  .section-mainuc {
    height: auto;
  }

  .step-slider-div {
    width: 100%;
    margin-top: 16px;
  }

  .keytechniques-slider {
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .keytechniques-sliderdiv {
    flex-flow: column;
    width: 100%;
    height: 30vh;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .key-techniques-left {
    flex-flow: row;
    width: 100%;
  }

  .keytechniques-right {
    width: 60%;
  }

  .keytechniques-main {
    width: 100%;
  }

  .tabarrow-div {
    top: 6px;
  }

  .uc-tabmenu {
    width: 75%;
  }

  .card-pricing-body.pro {
    padding-bottom: 60px;
  }

  .mobile-more-use-case {
    display: none;
  }

  .chat-menu-btn {
    width: 90%;
  }

  .pricing-item-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-description {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    padding-right: 20px;
  }

  .lite-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .whatdoesitdo-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid #0000001a;
    width: 100%;
    margin-top: 16px;
    padding-top: 16px;
  }

  .whatitdoes-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .freewidget-arrow {
    transform: rotateX(0)rotateY(180deg)rotateZ(-18deg);
  }

  .span-smartie {
    background-size: 20px 20px;
    margin-right: 0;
    padding-right: 0;
    font-size: 2.1rem;
  }

  .hero-subsubtext {
    margin-bottom: 24px;
  }

  .freewidget-subtexts-div {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .freewidget-btncontain {
    margin-left: auto;
    margin-right: auto;
  }

  .backtotop {
    margin-top: 24px;
  }

  .feature-graph-image-div-2 {
    flex: none;
    width: 100%;
    height: 200px;
  }

  .feature-tabcontent-2 {
    flex-flow: column;
    padding: 24px;
  }

  .feature-tablink-2 {
    grid-column-gap: 10px;
    border-radius: 16px;
    width: 100%;
    height: 65px;
    font-size: 1rem;
    line-height: 1.6;
    box-shadow: 0 2px 8px #0000000d;
  }

  .progress-step-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 32%;
  }

  .feature-single-3 {
    font-size: 12px;
    line-height: 1.2em;
  }

  .popup-content-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-6 {
    width: 100%;
  }

  .journey-arrowdown {
    width: 20px;
    height: 20px;
  }

  .graph-contain {
    align-self: flex-start;
    width: 80%;
  }

  .free-widget-item {
    grid-column-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mobile-herohd-hide {
    display: none;
  }

  .mobile-herohd-show {
    align-self: stretch;
    display: flex;
  }

  .span-mobile-hd {
    text-align: center;
  }

  .slide {
    width: 100%;
  }

  .pro-slide {
    height: auto;
  }

  .h2-style1 {
    text-align: center;
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .bullet-style1.green {
    margin-top: 8px;
  }

  .cta-card {
    background-position: 98% -8%, 1% 108%;
    background-size: 10%, 15%;
    width: 100%;
    padding: 48px 16px;
  }

  .cta-card.cta {
    padding-left: 0;
    padding-right: 0;
  }

  .section-counts-container {
    right: -10px;
  }

  .cta-p-container {
    width: auto;
  }

  .seesmarties-arrow-2 {
    bottom: 60px;
    left: 73%;
  }

  .call-smartie-2 {
    width: auto;
  }

  .call-smartie-number-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .mob-break-large-screen {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .pricing-tag-div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: auto;
    display: flex;
    position: relative;
    inset: 0 0% auto auto;
  }

  .pricing-tag-round {
    width: 70px;
    height: 70px;
    font-size: .7rem;
  }

  .span-mobile-par {
    text-align: center;
  }

  .waitlist-text {
    font-size: 1.5rem;
  }

  .text-fiftyfeatures {
    width: 80px;
    height: 80px;
  }

  .reset-center {
    width: 95%;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 24px;
  }

  .page-wrap-signin {
    align-items: flex-start;
  }

  .logo_link-style1 {
    width: 150px;
    margin-top: 1.5vh;
  }

  .signin-center {
    width: 95%;
    margin-top: 50px;
  }

  .login-dropdown-link {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .section-comingsoon-style1 {
    padding-top: 45%;
  }

  .coming-soon-h1 {
    font-size: 2rem;
    line-height: 1.4;
  }

  .comngsoon-style1-imagediv {
    width: 80%;
  }

  .cmingsoon-1-star-1 {
    top: -19%;
    left: 5%;
  }

  .cmingsoon-1-star-2 {
    top: -8%;
    right: 6%;
  }

  .cmingsoon-1-star-3 {
    bottom: -18%;
  }

  .bear-character {
    bottom: -2%;
  }

  .heading-2 {
    font-size: 2.75rem;
    line-height: 1.4;
  }

  .heading-2.bigger {
    font-size: 2.8rem;
  }

  .page-wrapper {
    background-position: 150% 10%, -30% 20%, 60vw 0, -20vw 0, 50%;
    background-size: 700px, 700px, 250px, 250px, cover;
    overflow: hidden;
  }

  .smarties-character {
    bottom: -2%;
  }

  .span-mobile-hd-2 {
    text-align: center;
  }

  .span-mobile-hd-2.dark {
    text-align: left;
  }

  .span-mobile-par-2 {
    text-align: center;
    font-size: 1rem;
  }

  .h2-style1-2 {
    text-align: left;
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .h2-style1-2.text-left.mob-center {
    text-align: center;
  }

  .section-step-count-2 {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .button-5 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .button-5.mob-width {
    width: 70%;
    max-width: 70%;
  }

  .slider-arrow-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .hiw-row {
    width: auto;
  }

  .hiw-item-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .waitlist-formcontent {
    width: 100%;
  }

  .tiny-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-title-main-2 {
    font-size: 1.8rem;
  }

  .pricing-title-main-2.pro {
    font-size: 2rem;
  }

  .card-pricing-2 {
    grid-row-gap: 32px;
    box-shadow: 0 2px 8px #0000000d;
  }

  .button-7 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .button-7.mob-width {
    width: 70%;
    max-width: 70%;
  }

  .pricing-tag-round-2 {
    width: 100px;
    height: 100px;
    font-size: 1.2rem;
  }

  .pricing-tag-round-2.waitlist {
    width: 120px;
    height: 120px;
    margin-top: 20px;
  }

  .lite-content-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .button-8 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .button-8.mob-width {
    width: 70%;
    max-width: 70%;
  }

  .text-fiftyfeatures-2 {
    width: 80px;
    height: 80px;
  }

  .intro-paragraph {
    width: auto;
  }

  .hd-div {
    width: 100%;
  }

  .roi-btn-container-2 {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .results-row {
    flex-flow: column;
  }

  .calculator-col-card {
    margin-top: 20px;
    padding: 20px;
  }

  .calculator-col-card.results {
    padding-left: 20px;
    padding-right: 20px;
  }

  .channels-item-top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .calculator-content {
    padding-top: 10vw;
  }

  .results-card {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .channels-item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .button-9 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .h3-style3 {
    text-align: center;
    font-size: 1.75rem;
  }

  .roi-text-2 {
    text-align: center;
    font-size: 1rem;
  }

  .roi-text-2.mob-left {
    text-align: left;
  }

  .channels-item--body {
    margin-bottom: 10px;
  }

  .div-block-9 {
    width: 100%;
  }

  .page-wrap-admin {
    align-items: flex-start;
    overflow: auto;
  }

  .admin-container {
    max-height: 90vh;
  }

  .contcts-paginator-row {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    flex-flow: column;
  }

  .btn-style2.outline {
    align-self: stretch;
  }

  .contact-table-div {
    width: 600px;
    overflow: visible;
  }

  .contacts-main-top-right {
    flex-flow: column;
  }

  .pricing-badge {
    right: 6px;
  }

  .video-image {
    width: 150px;
    height: 85px;
  }

  .video-pointer {
    position: relative;
  }

  .div-block-41 {
    transform: rotate(180deg);
  }

  .video-arrow {
    bottom: 57px;
    left: 17%;
    transform: rotateX(0)rotateY(180deg)rotateZ(-100deg);
  }

  .app-screenshot {
    margin-bottom: -2rem;
  }

  .card-video-popup {
    padding: 10px;
  }

  .mob-break-mobile {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .asterisk {
    font-size: 20px;
    line-height: 1.4;
  }

  .waitlist-content-2, .waitlist-content-2.center, .waitlist-content-2.mobile-scroll {
    padding-left: 10px;
    padding-right: 10px;
  }

  .loading-subdetails-div {
    grid-column-gap: 20px;
  }

  .span-smartie-star {
    background-size: 20px 20px;
  }

  .span-smartie-star.mobile-hide {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .newdemo1-subtextcontain {
    width: 90%;
  }

  .text-popup-hd-2 {
    font-size: 1.25rem;
    line-height: 1.2em;
  }

  .text-popup-hd-2.smaller {
    font-size: 1.25rem;
  }

  .text-popup-hd-2.smaller.mob-center {
    text-align: center;
  }

  .mic-button-2 {
    width: 100px;
    height: 100px;
  }

  .loading-subdetails-item {
    text-align: center;
  }

  .demo-video-left, .newdemo-step5-hd-div {
    width: 100%;
  }

  .website-wrap {
    margin-top: 50px;
  }

  .smarties-image-small {
    width: 70px;
    height: 70px;
  }

  .your-website-badge {
    top: -44px;
    right: 66%;
  }

  .call-smartie-number {
    padding-left: 20px;
    padding-right: 20px;
  }

  .p-style1-2.smaller {
    font-size: .875rem;
  }

  .load-icon {
    width: 40%;
    height: auto;
  }

  .loading-smarties-image {
    width: 50%;
    bottom: -3%;
  }

  .yourwebsite-arrow {
    right: 73.1094px;
  }

  .text-popup-hd-small {
    font-size: .9rem;
    line-height: 1.2em;
  }

  .button-10 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .show-number-card {
    padding-left: 15px;
    padding-right: 15px;
  }

  .icon-thumbsup {
    width: 30px;
    top: -25%;
  }

  .demolabel-div, .demolabel-div._w-95 {
    width: 100%;
  }

  .loading-smarties-star {
    width: 20px;
    height: 20px;
  }

  .cta-hd-breakpoint-desktop {
    display: none;
  }

  .cta-hd-breakpoint-mobile {
    display: flex;
  }

  .text-popup-hd-3 {
    font-size: 1.25rem;
    line-height: 1.2em;
  }

  .button-11 {
    padding-left: 14px;
    padding-right: 14px;
    font-size: .938rem;
    line-height: 1.4;
  }

  .div-block-42 {
    width: auto;
  }

  .cta-hd-div {
    width: 85%;
  }
}


@font-face {
  font-family: 'Fat Ink Font';
  src: url('../fonts/Fat-Ink-Regular-Font.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}