:root {
  --body-color: #060606;
  --body-font: Manrope, Georgia, sans-serif;
  --text-color: #cfcfcf;
  --white: white;
  --primary-one: #5149d0;
  --primary-two: #30f8f8;
  --newtral: #d7b5ff;
  --transparent: transparent;
  --secondary: #be85ff;
  --black: black;
}

body {
  background-color: var(--body-color);
  font-family: var(--body-font);
  color: var(--text-color);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.3;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

p {
  margin-bottom: 0;
  line-height: 1.5;
}

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.main-container {
  max-width: 960px;
  padding-left: 0;
  padding-right: 0;
}

.main-container.voice-recording-container {
  max-width: none;
}

.main-container.calendly {
  max-width: 90%;
  height: 60%;
  margin-top: 25px;
  display: block;
}

.main-container.relative {
  z-index: 10;
  position: relative;
}

.main-container.max-width-1680px {
  max-width: 1680px;
}

.section-y-axis-gap {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-bottom-gap {
  padding-bottom: 100px;
}

.page-top-gap {
  padding-top: 160px;
}

.primary-button-block {
  background-color: var(--body-color);
  color: #fff;
  border: 1px solid #cfcfcf33;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.primary-button-text {
  z-index: 10;
  font-weight: 600;
  line-height: 1.4;
}

.primary-button-text.margin-left {
  margin-left: 8px;
}

.button-stroke-wrapp {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-stroke-wrapp.v3 {
  z-index: -1;
  position: absolute;
  overflow: hidden;
}

.button-stroke-wrapp.v2 {
  width: 150%;
  height: 150%;
  top: -25%;
  left: -25%;
}

.button-text-wrap {
  z-index: 2;
  background-color: var(--body-color);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 13px 15px 13px 25px;
  display: flex;
  position: relative;
}

.button-stroke-block {
  background-image: linear-gradient(180deg, var(--transparent) 10%, #be85ff 30%, #30f8f8 60%, #06060600 90%);
  width: 50%;
  height: 100%;
}

.button-stroke-block-v2 {
  background-image: linear-gradient(180deg, var(--transparent) 10%, var(--secondary) 30%, var(--primary-two) 60%, var(--transparent) 90%);
  width: 50%;
  height: 100%;
}

.button-hover-overlay {
  background-image: linear-gradient(135deg, #be85ff 25%, #30f8f8);
  border-radius: 100%;
  width: 125%;
  height: 400%;
  position: absolute;
  inset: auto auto -400%;
}

.button-hover-overlay.v2 {
  background-color: var(--white);
  background-image: none;
}

.nav-menu-link {
  z-index: 10;
  color: #fff;
  letter-spacing: .25px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: color .5s;
  position: relative;
}

.nav-menu-link:hover {
  color: var(--primary-two);
}

.nav-menu-link:focus-visible, .nav-menu-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-menu-link.w--current {
  color: var(--primary-two);
}

.menu-block {
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.menu-block.hide {
  display: none;
}

.hamburger-border {
  background-color: var(--white);
  border-radius: 10px;
  width: 40px;
  height: 2px;
}

.hamburger-border.dark-upper {
  width: 30px;
}

.hamburger-border.dark-lower {
  justify-content: center;
  align-items: center;
  width: 30px;
}

.nav-menu-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-menu-container {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.hamburger-block {
  z-index: 9999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hamburger-text {
  z-index: 2;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
}

.nav-button-wrapper {
  z-index: 9999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.nav-menu-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.header {
  z-index: 999;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}

.nav-menu-item {
  position: relative;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-wrap {
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  position: relative;
}

.hamburger-menu-text-wrap {
  z-index: 2;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--body-color);
  border-radius: 200px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 18px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-overlay-grid {
  z-index: 5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
}

.menu-overlay-single-columm {
  background-color: var(--body-color);
  transform-origin: 50% 0;
  width: 100%;
  height: 100%;
}

.hamburger-menu-block {
  z-index: 10;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hamburger-menu-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.hamburger-menu-list-item._2 {
  position: relative;
}

.hamburger-menu-link {
  color: var(--white);
  font-size: 44px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  transition: color .6s;
}

.hamburger-menu-link:hover {
  color: var(--primary-two);
}

.footer {
  background-image: url("https://cdn.prod.website-files.com/684a59797bde363d4694e8e5/684a59797bde363d4694e96c_Footer%20bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 30px;
}

.footer-wrapper {
  overflow: hidden;
}

.footer-summary {
  color: #fff;
  font-size: 18px;
}

.footer-single-column-block {
  flex: 1;
  max-width: 250px;
}

.footer-single-column-block.hide-cita-page {
  display: none;
}

.footer-single-column-block.first-column {
  max-width: 340px;
}

.footer-summary-block {
  margin-top: 12px;
}

.footer-menu-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.footer-menu-title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.footer-upper-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.footer-menu-link {
  color: #fff;
  border-bottom: 1px solid #0000;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .5s;
}

.footer-menu-link:hover {
  border-bottom-color: #fff;
}

.footer-title-and-button-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-title-block {
  max-width: 530px;
}

.footer-title {
  font-size: 30px;
}

.footer-button-block.hide-cita-page {
  display: none;
}

.footer-border {
  background-color: #cfcfcf;
  width: 100%;
  height: .5px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.footer-lower-border {
  background-color: #cfcfcf;
  width: 100%;
  height: .5px;
  margin-top: 40px;
  margin-bottom: 30px;
}

.footer-cta-block {
  margin-top: 30px;
  margin-bottom: 0;
}

.footer-cta-form-block {
  border-radius: 10px;
  min-width: 340px;
  min-height: 60px;
  max-height: 60px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.footer-cta-input {
  z-index: 2;
  background-color: var(--body-color);
  color: var(--white);
  border: 1px solid #cfcfcf33;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  min-height: 58px;
  margin-bottom: 0;
  padding: 15px 115px 15px 25px;
  position: relative;
  overflow: hidden;
}

.footer-cta-input:focus {
  border-color: var(--primary-two);
}

.footer-cta-input::placeholder {
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.2;
}

.footer-cta-button {
  z-index: 3;
  border: 1px solid var(--transparent);
  background-color: var(--primary-two);
  color: var(--body-color);
  border-radius: 9.3px;
  padding: 11px 19px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  transition: border-color .5s, background-color .5s;
  position: absolute;
  inset: 5px 5px 5px auto;
}

.footer-cta-button:hover {
  border: 1px solid var(--primary-two);
  background-color: var(--transparent);
  color: var(--white);
}

.breadcrumb-section {
  background-image: url("https://cdn.prod.website-files.com/684a59797bde363d4694e8e5/684a59797bde363d4694e96d_Breadcrumb%20bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

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

.subtitle-block {
  -webkit-backdrop-filter: blur(90px);
  backdrop-filter: blur(90px);
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  border-radius: 200px;
  padding: 12px 20px;
}

.subtitle-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(131deg, #be85ff 25%, #30f8f8);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.subtitle-link {
  border-bottom: 1px solid var(--transparent);
  transition: border-color .5s;
}

.subtitle-link:hover {
  border-bottom-color: var(--secondary);
}

.page-intro-title-block {
  position: relative;
  overflow: hidden;
}

.page-intro-title-block.margin-top-12px {
  margin-top: 12px;
}

.page-intro-title-block.margin-top-12px.max-width-716px {
  max-width: 600px;
}

.page-intro-title {
  line-height: 1.4;
}

.breadcrumb-dot-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dot-left-column {
  position: relative;
  left: 1vw;
}

.dot-right-column {
  position: relative;
}

.top-left-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 4.5em;
  left: 9.1em;
}

.top-center-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 7.2em;
  left: 20em;
}

.bottom-left-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: 2em;
  left: 11.9em;
}

.top-right-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 2.6em;
  right: 16.2em;
}

.right-center-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 6.3em;
  left: 6.4em;
}

.right-center-dot-v2 {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10.5em;
  right: 5em;
}

.right-bottom-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: 3em;
  left: 9.1em;
}

.contact-us-content-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  display: grid;
}

.contact-us-left-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-us-right-column {
  border-radius: 12px;
  padding: 1px;
  position: relative;
  overflow: hidden;
}

.contact-us-image-block {
  border-radius: 12px;
  overflow: hidden;
}

.contact-us-review-block {
  text-align: center;
  background-color: #1f2025;
  border-radius: 12px;
  max-width: 465px;
  margin-top: -140px;
  padding: 20px 30px;
}

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

.contact-us-rating-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-us-summary {
  margin-top: 20px;
  margin-bottom: 14px;
}

.contact-author-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-author-name {
  color: var(--white);
  font-size: 18px;
  font-weight: 500;
}

.contact-author-designation {
  color: var(--white);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(82deg, #be85ff, #30f8f8);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 18px;
  font-weight: 400;
}

.contact-form-block {
  z-index: 10;
  background-color: #1f2025;
  border-radius: 12px;
  padding: 30px 25px;
  position: relative;
  overflow: hidden;
}

.contact-us-form {
  margin-bottom: 0;
}

.form-title {
  color: var(--white);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}

.form-inner-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 25px;
  display: flex;
}

.form-field-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-input-field {
  border: 1px solid var(--transparent);
  background-color: var(--body-color);
  color: var(--white);
  border-radius: 10px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 24px;
  font-size: 20px;
}

.form-input-field:focus {
  border-color: var(--primary-two);
}

.form-input-field::placeholder {
  color: #ccc;
  font-size: 16px;
  line-height: 1.2;
}

.form-input-field._401 {
  border-color: var(--white);
}

.form-input-field._401:focus {
  border-color: var(--primary-two);
}

.form-input-field.v2 {
  color: var(--text-color);
  -webkit-appearance: none;
  appearance: none;
  background-image: url("https://cdn.prod.website-files.com/684a59797bde363d4694e8e5/684a59797bde363d4694e9d8_Arrow%20down.png");
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.textarea-field {
  border: 1px solid var(--transparent);
  background-color: var(--body-color);
  color: var(--white);
  border-radius: 10px;
  min-height: 160px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 20px;
  font-size: 20px;
}

.textarea-field:focus {
  border-color: var(--primary-two);
}

.textarea-field::placeholder {
  color: #ccc;
  font-size: 16px;
}

.form-checkbox-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 0;
  margin-left: -8px;
  padding-left: 0;
  font-size: 16px;
  display: flex;
}

.checkbox {
  background-color: var(--transparent);
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  background-color: #363636;
  border-color: #6a6a6a;
  margin-top: 0;
  margin-left: 0;
}

.checkbox-text {
  color: #ccc;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.contact-submit-button {
  background-color: var(--transparent);
  background-image: linear-gradient(153deg, #be85ff, #30f8f8);
  border-radius: 40px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 600;
  line-height: 1.4;
  transition: color .5s;
}

.contact-submit-button:hover {
  color: var(--body-color);
}

.contact-submit-button.margin-top-28px {
  margin-top: 20px;
}

.contact-us-map-block {
  overflow: hidden;
}

.hero-title-overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transform-origin: 0%;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.nav-menu-bottom-border {
  background-color: var(--primary-two);
  transform-origin: 0%;
  width: 50%;
  height: 2px;
  position: absolute;
  inset: auto 0% 0%;
}

.menu-shape-block {
  background-image: url("https://cdn.prod.website-files.com/684a59797bde363d4694e8e5/684a59797bde363d4694ea7d_Mega%20Menu.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-dot {
  background-color: var(--white);
  border-radius: 100%;
  width: 6px;
  height: 6px;
}

.button-stroke-block-single {
  background-image: linear-gradient(180deg, var(--transparent) 10%, #be85ff 30%, #30f8f8 60%, #06060600 90%);
  width: 50%;
  height: 400%;
}

.button-stroke-block-single.block-320px {
  display: none;
}

.image-5 {
  width: 100px;
}

.text-block {
  text-align: center;
  font-size: 16px;
}

.success-message-3 {
  background-color: var(--primary-one);
  color: var(--white);
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 40px;
  }

  .main-container {
    max-width: 1200px;
  }

  .main-container.voice-recording-container {
    max-width: 960px;
  }

  .section-y-axis-gap {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section-bottom-gap {
    padding-bottom: 120px;
  }

  .page-top-gap {
    padding-top: 180px;
  }

  .section-heading {
    font-size: 48px;
  }

  .style-guide-wrap {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .footer-upper-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .footer-title-block {
    max-width: 700px;
  }

  .page-intro-title-block.margin-top-12px.max-width-716px {
    max-width: 716px;
  }

  .hero-title.v3 {
    font-size: 52px;
  }

  .hero-title.v3.hero-title-w {
    width: 82%;
  }

  .hero-form-inner-block.v2 {
    max-width: 450px;
  }

  .brand-logo-inner-wrapp.v2 {
    bottom: 50px;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: 500px;
  }

  .section-title-block.margin-top-12px.max-width-653px {
    max-width: 520px;
  }

  .section-title-block.margin-top-12px._686px {
    max-width: 580px;
  }

  .section-title-block.margin-top-12px.max-width-570px, .feature-left-column {
    max-width: 450px;
  }

  .feature-right-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .feature-right-column.v2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-left-image-block.v2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .animation-text {
    font-size: 170px;
  }

  .benefit-section-wrapp {
    margin-top: -230px;
  }

  .benefit-content-block {
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }

  .single-benefit-card-block {
    max-width: 486px;
  }

  .benefit-number {
    font-size: 40px;
  }

  .price-plan-menu {
    top: -147px;
  }

  .price-plan-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .testimonial-section.section-y-axis-gap.reduce-top-gap {
    padding-top: 0;
  }

  .testimonial-summary, .testimonial-author-block {
    margin-top: 25px;
  }

  .blog-cms-list-item._3fr {
    grid-row-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .benefit-slider-block {
    top: 2%;
    left: 32%;
    right: 13%;
  }

  .hero-v2-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .hero-left-column {
    max-width: 500px;
  }

  .hero-right-column {
    max-width: 660px;
    margin-top: 0;
  }

  .key-benefits-wrapper {
    max-height: 800px;
  }

  .key-benefits-left-column {
    max-width: 700px;
  }

  .key-benefits-right-upper-shape {
    top: -65%;
    right: -77%;
  }

  .key-benefits-left-bottom-shape {
    bottom: 10%;
    left: -82%;
  }

  .our-mission-summary {
    font-size: 24px;
  }

  .our-value-content-block {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .oue-value-title {
    margin-top: 55px;
    font-size: 34px;
  }

  .fun-fact-single-card-block {
    width: 300px;
    height: 300px;
  }

  .single-funfact-wrap-v2 {
    align-items: center;
  }

  .number-text-label.font-size-24px {
    text-align: left;
    text-align: left;
  }

  .integration-cms-list-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .integration-single-item {
    padding: 30px 40px;
    position: relative;
    overflow: hidden;
  }

  .integration-title-link, .read-more-button-wrap {
    margin-top: 25px;
  }

  .integration-card-hover-bg {
    filter: blur(160px);
    background-image: linear-gradient(91deg, #be85ff, #30f8f8);
    border-radius: 100%;
    width: 246px;
    height: 238px;
    position: absolute;
    inset: -20% -3% auto auto;
  }

  .pricing-compare-heading-grid, .pricing-grid-row {
    padding-left: 60px;
    padding-right: 60px;
  }

  .integration-title-wrap {
    margin-top: 25px;
  }

  .integration-about-us-details h2 {
    margin-top: 40px;
  }

  .blog-author-info-wrap.flex-revers {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .blog-author-block-v2 {
    padding: 32px;
  }

  .landing-page-footer-title {
    font-size: 60px;
  }

  .landing-page-core-feature-card, .landing-page-request-figma-content-wrapper {
    padding: 40px;
  }

  .landing-page-hero-title {
    font-size: 60px;
  }

  .landing-page-template-feature-variation-item {
    padding: 45px 45px 30px;
  }

  .landing-page-request-figma-block {
    grid-template-columns: 1fr 1.25fr;
  }

  .landing-page-cta-except {
    max-width: 450px;
    font-size: 24px;
  }

  .landing-page-request-figma-image {
    object-fit: fill;
    height: auto;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 120px;
  }

  .landing-page-container-default {
    max-width: 1170px;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-page-padding-top-160px {
    padding-top: 120px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 120px;
  }

  .about-us-text {
    font-size: 180px;
  }

  .mini-testimonial-wrapper {
    top: -231px;
    left: 40px;
  }

  .mask, .slide {
    height: auto;
  }

  .slider {
    width: 600px;
  }

  .slide-nav {
    font-size: 10px;
  }

  .slide-nav.hide {
    top: 128px;
  }

  .mini-testimonail-single-card-block {
    grid-column-gap: 20px;
    justify-content: center;
    align-items: center;
    top: auto;
  }

  .mini-testimonial-summary {
    margin-top: 5px;
    font-size: 20px;
  }

  .mini-testimonial-author-block {
    margin-top: 20px;
  }

  .mini-testimonial-image-block {
    width: auto;
  }

  .mini-author-info-wrapper {
    justify-content: center;
    align-items: center;
  }

  .testimonial-summary-2 {
    margin-top: 25px;
  }

  .text-block-2 {
    color: var(--white);
    font-size: 30px;
  }

  .bold-text-2 {
    font-size: 20px;
  }

  .tradshow-sub-titles {
    font-size: 55px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 45px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  .main-container {
    max-width: 1320px;
  }

  .main-container.voice-recording-container {
    max-width: 1036px;
  }

  .section-y-axis-gap {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section-bottom-gap {
    padding-bottom: 140px;
  }

  .page-top-gap {
    padding-top: 200px;
  }

  .typography-wrapper, .typography-details-wrap {
    padding-top: 100px;
  }

  .section-heading {
    font-size: 52px;
  }

  .primary-button-block {
    font-size: 24px;
  }

  .color-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .style-guide-button-wrapper, .style-guide-button-wrap {
    padding-top: 100px;
  }

  .color-info-flex {
    margin-top: 60px;
  }

  .style-guide-icon-wrapper {
    padding-top: 100px;
  }

  .style-menu-link-wrap {
    width: 320px;
  }

  .button-text-wrap {
    padding: 15px 40px;
  }

  .secondary-button-block {
    font-size: 24px;
  }

  .button-text-wrap-v2 {
    padding: 15px 46px;
  }

  .hamburger-border.dark-upper, .hamburger-border.dark-lower, .hamburger-border.dark-upper, .hamburger-border.dark-lower {
    width: 40px;
  }

  .nav-button-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .nav-menu-list {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
  }

  .header {
    top: 30px;
  }

  .hamburger-menu-text-wrap {
    padding: 12px 24px;
  }

  .hamburger-menu-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .hamburger-menu-link {
    font-size: 52px;
  }

  .footer-summary-block {
    margin-top: 16px;
  }

  .footer-menu-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 32px;
  }

  .footer-menu-title {
    font-size: 28px;
  }

  .footer-upper-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .footer-title-block {
    max-width: 800px;
  }

  .footer-border {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .footer-lower-border {
    margin-top: 60px;
  }

  .footer-cta-block {
    margin-top: 40px;
  }

  .subtitle-block {
    padding-left: 28px;
    padding-right: 28px;
  }

  .page-intro-title-block.margin-top-12px.max-width-716px {
    max-width: 800px;
  }

  .page-intro-title {
    font-size: 60px;
  }

  .hero-title-block.margin-top-24px {
    margin-top: 24px;
  }

  .hero-title.v3 {
    font-size: 60px;
  }

  .hero-title.v3.hero-title-w {
    width: 85%;
  }

  .hero-form-block {
    margin-top: 40px;
  }

  .hero-form-inner-block.v2 {
    max-width: 588px;
  }

  .hero-input-block {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
  }

  .hero-form-submit-button {
    padding: 13px 39px;
  }

  .brand-logo-inner-wrapp {
    margin-top: 32px;
  }

  .brand-logo-inner-wrapp.v2 {
    bottom: 60px;
  }

  .section-subtitle-block {
    padding-left: 32px;
    padding-right: 32px;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: 550px;
  }

  .section-title-block.margin-top-12px.max-width-653px {
    max-width: 580px;
  }

  .section-title-block.margin-top-12px._686px {
    max-width: 620px;
  }

  .section-title-block.margin-top-12px.max-width-570px {
    max-width: 500px;
  }

  .feature-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 80px;
  }

  .feature-left-column {
    max-width: 500px;
    padding: 40px;
  }

  .feature-right-column {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .feature-card-heading-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .feature-left-image-block {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .feature-left-image-block.v2 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature-left-image.v2 {
    min-width: 520px;
  }

  .feature-left-card-button-wrap.v2 {
    margin-top: 32px;
  }

  .feature-card-shape {
    bottom: -30%;
    right: -65%;
  }

  .feature-card-shape.v3 {
    bottom: -66%;
    right: -25%;
  }

  .feature-card-shape.v4 {
    top: -25%;
    left: -36%;
  }

  .feature-right-column-left-block, .feature-right-column-right-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .feature-right-column-single-card {
    flex-flow: column;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-right-column-single-card.v2 {
    padding-bottom: 45px;
  }

  .feature-right-card-image-block {
    margin-top: 32px;
  }

  .animation-text {
    font-size: 190px;
  }

  .animation-text-gradient-block {
    min-height: 206px;
    max-height: 206px;
    bottom: -50%;
  }

  .benefit-section-wrapp {
    margin-top: -240px;
  }

  .benefit-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 80px;
  }

  .single-benefit-card-block {
    max-width: 486px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .benefit-title {
    font-size: 28px;
  }

  .benefit-number {
    font-size: 50px;
  }

  .benefit-summary {
    margin-top: 24px;
  }

  .price-plan-content-block {
    margin-top: 80px;
  }

  .price-plan-menu {
    top: -160px;
  }

  .price-plam-tab-content-block.v2 {
    margin-top: 80px;
  }

  .price-plan-tab-inner-block {
    padding: 40px 50px;
  }

  .price-plan-text {
    margin-top: 30px;
    font-size: 60px;
  }

  .price-plan-button-wrap {
    margin-top: 32px;
  }

  .price-plan-list-items {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 24px;
  }

  .price-plan-list-block {
    margin-top: 32px;
  }

  .price-plan-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .benefit-right-card-shape {
    width: 458px;
    height: 458px;
    top: -48%;
  }

  .benefits-right-card-shape.v2 {
    bottom: -15%;
    left: -70%;
  }

  .price-plan-single-menu {
    padding: 20px 36px;
  }

  .testimonial-section.section-y-axis-gap.reduce-top-gap {
    padding-top: 80px;
  }

  .testimonial-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 80px;
  }

  .testimonail-single-card-block {
    padding: 52px 36px;
  }

  .testimonial-summary, .testimonial-author-block {
    margin-top: 32px;
  }

  .testimonial-inner-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .integration-icon-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .integration-icon-inner {
    padding: 60px;
  }

  .integration-icon-inner-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .integration-bg-image {
    width: 388px;
  }

  .integration-upper-blur-shape {
    padding-bottom: 50px;
  }

  .integration-heading-wrap.margin-top-60px {
    margin-top: 0;
  }

  .integration-button-wrap {
    margin-top: 32px;
  }

  .blog-content-wrap {
    margin-top: 80px;
  }

  .blog-cms-list-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 8fr 4fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-cms-list-item._3fr {
    grid-column-gap: 30px;
    grid-row-gap: 60px;
    grid-column-gap: 30px;
    grid-row-gap: 60px;
  }

  .blog-image-link, .blog-image.v1, .blog-image.v1 {
    width: 100%;
  }

  .blog-content-block {
    margin-top: 24px;
  }

  .blog-title-link.max-width-543px {
    max-width: 543px;
  }

  .blog-title-and-author-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .blog-author-wrap {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    align-items: center;
    display: flex;
  }

  .blog-author-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
  }

  .blog-author-link {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
  }

  .blog-category-block {
    margin-top: 32px;
  }

  .benefit-slider-block {
    top: 3%;
    left: 34%;
    right: 17%;
  }

  .hero-section-v2.page-top-gap.hero-bg {
    padding-top: 160px;
  }

  .hero-v2-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .hero-v2-wrapper.new-hero-wrapper {
    padding-top: 0;
  }

  .hero-left-column {
    max-width: 588px;
  }

  .hero-right-column {
    max-width: 700px;
  }

  .hero-summary-block {
    margin-top: 25px;
  }

  .feature-left-bottom-shape {
    bottom: -30%;
  }

  .key-benefits-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    max-height: 900px;
  }

  .key-benefits-left-column {
    max-width: 750px;
  }

  .key-benefits-right-column {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .key-benefits-slider-block {
    margin-top: 80px;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .key-benefits-slide-nav {
    left: -40px;
  }

  .key-benefits-right-column-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .key-benefits-right-upper-shape {
    top: -105%;
    right: -44%;
  }

  .key-benefits-left-bottom-shape {
    left: -75%;
  }

  .integration-heading-block {
    padding-top: 124px;
    padding-bottom: 124px;
  }

  .feature-content-block-v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .integration-left-column {
    grid-column-gap: 242px;
    grid-row-gap: 242px;
  }

  .advantage-title {
    font-size: 28px;
  }

  .advantage-bottom-dotted-shape {
    margin-top: 30px;
  }

  .advantage-title-and-summary-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .advantage-wrapper-v2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-us-text-block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .our-mission-heading-block {
    margin-top: 52px;
  }

  .our-mission-summary {
    font-size: 32px;
  }

  .our-mission-bottom-shape {
    top: -28%;
    left: auto;
    right: 11%;
  }

  .our-value-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 80px;
  }

  .our-value-title-and-cube-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .our-value-summary-block {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .oue-value-title {
    margin-top: 40px;
    font-size: 42px;
  }

  .our-value-3d-cube-block {
    padding-left: 30px;
    top: -30px;
  }

  .our-value-single-card-wrap {
    padding-top: 30px;
  }

  .fun-fact-single-card-block {
    width: 320px;
    height: 320px;
  }

  .funfact-number-block-v2 {
    height: 103px;
  }

  .number-text-label {
    font-size: 20px;
  }

  .number-text-label.font-size-24px {
    font-size: 22px;
  }

  .funfact-number-v2 {
    font-size: 80px;
  }

  .integration-cms-list-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .integration-single-item {
    padding: 48px 50px;
  }

  .integration-title-link {
    margin-top: 32px;
    margin-bottom: 20px;
  }

  .read-more-button-wrap {
    margin-top: 32px;
  }

  .pricing-compare-heading-grid {
    padding-left: 75px;
    padding-right: 75px;
  }

  .pricing-info-column {
    min-width: 450px;
  }

  .pricing-grid-row {
    padding-left: 75px;
    padding-right: 75px;
  }

  .pricing-compare-title-block {
    min-width: 450px;
  }

  .pricing-compare-table-wrapper {
    max-width: 1420px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-us-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 5fr 7fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .contact-us-review-block {
    margin-top: -114px;
    padding: 25px 50px;
  }

  .contact-us-summary {
    margin-top: 24px;
  }

  .contact-form-block {
    padding: 40px 34px;
  }

  .form-title {
    font-size: 24px;
  }

  .form-inner-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 32px;
  }

  .form-field-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .form-field-block.v2 {
    display: flex;
  }

  .form-input-field {
    min-height: 70px;
  }

  .textarea-field {
    min-height: 208px;
  }

  .contact-submit-button.margin-top-28px {
    margin-top: 28px;
  }

  ._401-subtitle {
    margin-bottom: 16px;
  }

  ._404-title {
    margin-top: 40px;
    font-size: 42px;
  }

  ._404-button-wrap {
    justify-content: center;
    align-items: flex-start;
    margin-top: 24px;
    display: flex;
  }

  .integration-upper-card-block {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .integration-icon-wrap {
    grid-column-gap: 82px;
    grid-row-gap: 82px;
  }

  .integration-title-wrap {
    margin-top: 32px;
  }

  .integration-summary-wrap {
    margin-top: 20px;
  }

  .integration-button-block {
    margin-top: 50px;
  }

  .integration-details-block {
    margin-top: 80px;
  }

  .integration-details-menu {
    padding: 17px 65px;
  }

  .integration-details-content-block {
    margin-top: 52px;
  }

  .integration-about-us-details p {
    margin-top: 20px;
  }

  .integration-about-us-details h2 {
    margin-top: 52px;
    margin-bottom: 32px;
  }

  .integration-about-us-details h5 {
    margin-top: 24px;
    font-size: 24px;
  }

  .integration-setup-details {
    margin-top: -20px;
  }

  .integration-setup-details h4 {
    margin-top: 32px;
    margin-bottom: 20px;
  }

  .integration-setup-details ul {
    margin-bottom: 0;
  }

  .integration-setup-details p {
    margin-top: 24px;
  }

  .integration-support-details ol {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .integration-support-details strong {
    color: var(--primary-two);
    font-weight: 500;
    text-decoration: none;
  }

  .integration-support-details a {
    color: var(--primary-two);
    font-weight: 600;
    text-decoration: none;
  }

  .integration-support-details a:hover {
    color: var(--primary-one);
  }

  .blog-details-content-block {
    max-width: 1240px;
    margin-top: 12px;
  }

  .blog-details-rich-text h3 {
    margin-top: 40px;
  }

  .blog-details-rich-text p {
    margin-top: 24px;
  }

  .blog-details-rich-text ul {
    margin-top: 32px;
    margin-bottom: 40px;
  }

  .blog-details-rich-text blockquote {
    background-position: 50% 40px;
    margin-top: 40px;
    padding: 112px 80px 40px;
    font-size: 26px;
  }

  .form-socials-block {
    margin-top: 60px;
  }

  .blog-author-bio.max-width-490px {
    max-width: 490px;
  }

  .blog-author-info-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .blog-author-info-wrap.flex-revers {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .author-name-v2 {
    font-size: 38px;
  }

  .license-heading {
    font-size: 45px;
  }

  .license-info-card-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    max-width: 1440px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .read-more-button-v2 {
    font-size: 20px;
  }

  .released-date-wrapper {
    margin-bottom: 15px;
  }

  .initial-release, .release-date {
    font-size: 18px;
    font-weight: 500;
  }

  .changelog-release-text {
    text-align: center;
    font-size: 18px;
  }

  .feature-slider-wrap {
    padding: 15px;
  }

  .landing-page-blurry-block-one {
    left: -80px;
  }

  .landing-page-container-fluid-2 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .landing-page-core-features-shape-two {
    right: -100px;
  }

  .landing-page-core-features-shape-one {
    left: -68px;
  }

  .landing-page-blurry-block-two {
    right: -80px;
  }

  .landing-page-core-features-text {
    font-size: 20px;
  }

  .landing-page-footer-content-wrapper {
    max-width: 1150px;
  }

  .landing-page-nav-container {
    padding-left: 120px;
    padding-right: 120px;
  }

  .landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
    padding-top: 204px;
  }

  .landing-page-padding-top-160px {
    padding-top: 140px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 140px;
  }

  .about-us-text {
    font-size: 200px;
  }

  .about-us-text-inner-block {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .mini-testimonial-wrapper {
    top: -249px;
  }

  .slide-nav {
    top: 191px;
  }

  .slide-nav.hide {
    top: 153px;
  }

  .mini-testimonail-single-card-block {
    grid-column-gap: 30px;
    width: 90%;
    padding: 10px;
    top: 4px;
    left: 48px;
  }

  .mini-testimonial-summary {
    margin-top: 5px;
    font-size: 22px;
  }

  .mini-testimonial-author-block {
    margin-top: 32px;
  }

  .mini-testimonial-author-block.flex-left {
    width: 90%;
    margin-top: 5px;
  }

  .mini-testimonial-author-image {
    width: 70px;
    height: 70px;
  }

  .testimonial-summary-2 {
    margin-top: 32px;
  }

  .testimonail-single-card-block-2 {
    padding: 52px 36px;
  }

  .image-5 {
    width: 150px;
  }

  .text-block-2 {
    font-size: 35px;
  }

  .bold-text-2 {
    font-size: 22px;
  }

  .tradshow-sub-titles {
    font-size: 64px;
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 72px;
  }

  h2 {
    font-size: 52px;
  }

  .main-container {
    max-width: 1550px;
  }

  .main-container.max-width-1680px {
    max-width: 1680px;
  }

  .main-container.voice-recording-container {
    max-width: 1550px;
  }

  .main-container.calendly {
    max-width: 1280px;
  }

  .page-top-gap {
    padding-top: 228px;
  }

  .navbar-menu-container {
    position: relative;
  }

  .header {
    top: 30px;
  }

  .footer-upper-block {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .footer-title-block {
    max-width: 880px;
  }

  .top-left-dot {
    top: 5.9em;
    left: 13.2em;
  }

  .top-center-dot {
    top: 9.9em;
    left: 35.7em;
  }

  .top-right-dot {
    top: 3.6em;
    right: 30.5em;
  }

  .right-center-dot {
    top: 8.4em;
  }

  .right-center-dot-v2 {
    top: 16.3em;
    right: 11.9em;
  }

  .hero-title.v3.hero-title-w {
    width: 72%;
  }

  .hero-form-block.v2 {
    margin-top: 56px;
  }

  .brand-logo-inner-wrapp.v2 {
    bottom: 70px;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: 611px;
  }

  .section-title-block.margin-top-12px.max-width-653px {
    max-width: 653px;
  }

  .section-title-block.margin-top-12px._686px {
    max-width: 686px;
  }

  .section-title-block.margin-top-12px.max-width-570px {
    max-width: 570px;
  }

  .feature-left-column {
    max-width: 534px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .feature-left-column.v2 {
    padding: 52px 129px 29px 52px;
  }

  .feature-card-shape.v3 {
    bottom: -60%;
    right: -23%;
  }

  .feature-card-shape.v4 {
    left: -30%;
  }

  .feature-right-column-single-card {
    max-height: 562px;
  }

  .feature-right-column-single-card.v2 {
    padding-right: 20px;
  }

  .feature-right-card-image-block.v2.v5 {
    margin-right: 20px;
  }

  .feature-right-card-image-block._2 {
    margin-top: 0;
    margin-bottom: 0;
    bottom: 10px;
  }

  .animation-text {
    font-size: 240px;
  }

  .benefit-image-block {
    overflow: hidden;
  }

  .benefit-number {
    font-size: 60px;
  }

  .price-plan-tab-inner-block {
    padding-left: 78px;
    padding-right: 78px;
  }

  .benefit-right-card-shape {
    top: -40%;
  }

  .benefits-right-card-shape.v2 {
    bottom: -24%;
    left: -62%;
  }

  .testimonial-section.section-y-axis-gap.reduce-top-gap {
    padding-top: 100px;
  }

  .testimonial-logo {
    width: 300px;
  }

  .testimonial-summary {
    font-size: 25px;
  }

  .testimonial-image-block {
    width: 80px;
    height: 80px;
  }

  .integration-upper-blur-shape {
    width: 100%;
  }

  .blog-cms-list-item {
    grid-template-columns: 1003px 487px;
  }

  .benefit-slider-block {
    top: 2%;
    left: 36%;
    right: 22%;
  }

  .hero-section-v2.page-top-gap {
    background-image: url("https://cdn.prod.website-files.com/684a59797bde363d4694e8e5/684a59797bde363d4694ea54_Landing%20Footer%20BG.png");
    background-repeat: no-repeat;
    background-size: auto;
  }

  .hero-section-v2.page-top-gap.hero-bg {
    background-position: 100% 0;
    background-size: cover;
    padding-top: 107px;
  }

  .hero-v2-wrapper {
    grid-column-gap: 156px;
    grid-row-gap: 156px;
  }

  .hero-left-column {
    padding-top: 60px;
  }

  .hero-right-column {
    max-width: 1000px;
  }

  .hero-summary-block {
    margin-top: 32px;
  }

  .key-benefits-wrapper {
    max-height: 1070px;
  }

  .key-benefits-left-column {
    max-width: 970px;
  }

  .key-benefits-slider-block {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .key-benefits-slide-nav {
    left: -50px;
  }

  .key-benefits-right-upper-shape {
    top: -72%;
    right: -28%;
  }

  .key-benefits-left-bottom-shape {
    bottom: 25%;
    left: -50%;
  }

  .integration-section-heading-wrap {
    width: 100%;
  }

  .our-mission-bottom-shape {
    top: -53%;
    right: 18%;
  }

  .fun-fact-wrapper {
    padding-left: 45px;
  }

  .fun-fact-single-card-block {
    width: 412px;
    height: 412px;
    margin-left: -45px;
  }

  .fun-fact-single-card-wrap {
    background-size: contain;
  }

  .contact-us-review-block {
    margin-top: -136px;
  }

  .integration-title-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .landing-page-core-features-shape-two, .landing-page-blurry-block-two {
    right: -220px;
  }

  .landing-page-padding-top-160px {
    padding-top: 160px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 160px;
  }

  .about-us-text {
    font-size: 240px;
  }

  .mini-testimonial-wrapper {
    top: -309px;
    left: 36px;
  }

  .slider {
    width: 800px;
    height: 500px;
  }

  .slide-nav {
    font-size: 12px;
    top: 171px;
  }

  .slide-nav.hide {
    top: 75px;
  }

  .mini-testimonail-single-card-block {
    top: auto;
    left: auto;
  }

  .mini-testimonial-summary {
    font-size: 30px;
  }

  .mini-testimonial-author-image {
    width: 120px;
    height: 120px;
  }

  .image-5 {
    width: 180px;
  }

  .text-block {
    font-size: 18px;
  }

  .text-block-2 {
    font-size: 45px;
  }

  .bold-text-2 {
    font-size: 30px;
  }

  .tradshow-sub-titles {
    font-size: 72px;
  }

  .code-embed-10 {
    height: 491px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 34px;
  }

  h3, h4 {
    font-size: 22px;
  }

  .main-container {
    max-width: 740px;
  }

  .main-container.voice-recording-container {
    max-width: none;
  }

  .section-y-axis-gap {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-bottom-gap {
    padding-bottom: 80px;
  }

  .page-top-gap {
    padding-top: 150px;
  }

  .style-guide-details {
    width: 70%;
  }

  .typography-wrapper {
    padding-top: 60px;
  }

  .typography-details-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .paragraph-small {
    font-size: 20px;
  }

  .style-guide-icon-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .section-heading {
    font-size: 35px;
  }

  .color-details-wrap {
    padding-top: 60px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .style-guide-button-wrapper {
    padding-top: 60px;
  }

  .style-guide-button-wrap {
    padding: 60px 25px 0;
  }

  .style-guide-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .style-guide-icon-wrapper {
    padding-top: 80px;
  }

  .style-guide-sidebar {
    width: 30%;
    padding-top: 0;
  }

  .style-menu-link-wrap {
    width: 180px;
  }

  .button-stroke-wrapp.v2 {
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%;
  }

  .button-stroke-block.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 20%, #be85ff 30%, #30f8f8 60%, #06060600 75%);
    background-image: linear-gradient(180deg, var(--transparent) 20%, #be85ff 30%, #30f8f8 60%, #06060600 75%);
  }

  .nav-menu-link {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
  }

  .nav-menu-wrapper {
    z-index: 999;
    background-color: #fff;
    width: 50%;
    height: 100%;
    min-height: 100vh;
    padding: 40px 20px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    box-shadow: 4px 0 5px #0003;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .nav-menu-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .nav-menu-wrap {
    margin-right: 0;
    padding-right: 5px;
  }

  .footer-upper-block {
    grid-column-gap: 150px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-menu-link {
    font-size: 18px;
  }

  .footer-title-and-button-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
  }

  .top-left-dot {
    left: 6.1em;
  }

  .top-center-dot {
    top: 5.2em;
  }

  .bottom-left-dot {
    left: 5.8em;
  }

  .top-right-dot {
    top: 2.4em;
  }

  .right-center-dot {
    left: 12.8em;
  }

  .hero-heading-block.v2 {
    text-align: center;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .hero-form-block.v2 {
    margin-top: 20px;
  }

  .hero-form-inner-block.v2 {
    max-width: none;
  }

  .brand-logo-inner-wrapp.v2 {
    max-width: none;
    margin-top: 0;
    position: static;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: 400px;
  }

  .feature-content-block {
    margin-top: 50px;
  }

  .feature-left-column {
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    top: 7%;
  }

  .feature-left-column.v2 {
    flex-flow: wrap;
    justify-content: center;
  }

  .feature-card-title {
    font-size: 26px;
  }

  .feature-right-column-single-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .animation-text {
    font-size: 90px;
  }

  .benefit-doll-image {
    width: 150px;
  }

  .benefit-section-wrapp {
    margin-top: -140px;
  }

  .benefit-content-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 50px;
    display: grid;
  }

  .single-benefit-card-block {
    flex: none;
  }

  .price-plan-section.section-y-axis-gap.reduce-button-gap {
    padding-bottom: 20px;
  }

  .price-plan-content-block {
    margin-top: 50px;
  }

  .price-plan-menu {
    top: -118px;
  }

  .price-plam-tab-content-block.v2 {
    margin-top: 50px;
  }

  .price-plan-tab-inner-block._50 {
    width: 48%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .price-plan-list-items {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .testimonial-content-block {
    margin-top: 60px;
  }

  .integration-image-block {
    width: auto;
    max-width: 330px;
    left: 0;
    right: 0;
  }

  .integration-mobile-mockup {
    max-width: 350px;
    max-height: 800px;
  }

  .integration-circle-shape {
    width: 350px;
    height: 350px;
  }

  .integration-bg-image-block {
    max-width: 340px;
  }

  .integration-heading-wrap.margin-top-60px {
    margin-top: 30px;
  }

  .integration-button-wrap {
    margin-top: 20px;
  }

  .blog-content-wrap {
    margin-top: 50px;
  }

  .blog-cms-list-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .8fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blog-cms-list-item._3fr {
    grid-row-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-image-link {
    position: relative;
  }

  .blog-title-and-author-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog-category-block {
    flex-flow: wrap;
  }

  .hero-section-v2 {
    background-size: cover;
  }

  .hero-section-v2.page-top-gap {
    padding-top: 120px;
  }

  .hero-section-v2.page-top-gap.hero-bg {
    padding-bottom: 80px;
  }

  .hero-v2-wrapper {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-v2-wrapper.new-hero-wrapper {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-left-column {
    max-width: none;
  }

  .hero-right-column {
    max-width: none;
    margin-top: 0;
  }

  .hero-summary-block {
    margin-top: 16px;
  }

  .feature-left-bottom-shape {
    bottom: -10%;
  }

  .key-benefits-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    max-height: none;
  }

  .key-benefits-left-column {
    max-width: none;
  }

  .key-benefits-right-column {
    flex-flow: row;
    flex: none;
  }

  .key-benefits-slider-block {
    margin-top: 50px;
  }

  .key-benefits-right-column-block {
    flex-flow: row;
  }

  .key-benefits-right-upper-shape {
    width: 500px;
    height: 500px;
    top: -73%;
    right: -30%;
  }

  .key-benefits-left-bottom-shape {
    width: 500px;
    height: 500px;
    bottom: 19%;
    left: -52%;
  }

  .integration-content-wrap {
    min-height: 500px;
    max-height: 500px;
  }

  .integration-heading-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .integration-left-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
  }

  .advantage-image-slide-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .advantage-wrapper-v2 {
    flex-flow: wrap;
    top: -38%;
  }

  .our-mission-summary {
    font-size: 20px;
  }

  .our-mission-bottom-shape {
    top: -49%;
  }

  .our-value-content-block {
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .oue-value-title {
    font-size: 24px;
  }

  .our-value-3d-cube-block {
    top: -15px;
  }

  .cube-left-block {
    height: 230px;
  }

  .cube-bottom-block {
    width: 258px;
    transform: translate(-156px, 100px);
  }

  .cube-front-block {
    width: 100px;
    height: 100px;
  }

  .fun-fact-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-left: 0;
    display: grid;
  }

  .fun-fact-single-card-block {
    margin-left: 0;
  }

  .single-funfact-wrap-v2 {
    z-index: 99;
    position: relative;
  }

  .number-text-label.font-size-24px {
    font-size: 18px;
  }

  .pricing-compare-table {
    flex: none;
  }

  .pricing-compare-heading-grid {
    display: flex;
  }

  .pricing-info-column {
    flex: none;
  }

  .pricing-column, .pricing-compare-info-block {
    flex: none;
    width: 200px;
  }

  .pricing-grid-row {
    display: flex;
  }

  .pricing-compare-title {
    font-size: 28px;
  }

  .pricing-compare-table-wrapper {
    margin-top: 50px;
    display: flex;
    overflow: auto;
  }

  .contact-us-content-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .utility-page-form {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  ._401-container {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  ._404-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  ._404-image {
    width: 80%;
  }

  .integration-button-block {
    margin-top: 30px;
  }

  .integration-details-block {
    margin-top: 50px;
  }

  .blog-details-content-block {
    max-width: none;
  }

  .blog-details-rich-text h3 {
    margin-top: 25px;
  }

  .blog-details-rich-text ul {
    margin-bottom: 25px;
  }

  .blog-details-rich-text blockquote {
    margin-top: 25px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 20px;
  }

  .form-socials-block {
    margin-top: 25px;
  }

  .blog-author-block-v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    max-width: 90%;
  }

  .license-heading-block {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .license-heading {
    font-size: 34px;
  }

  .license-info-card-grid {
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
    margin-top: 50px;
  }

  .landing-page-teamplate-feature-variation-heading {
    font-size: 24px;
  }

  .landing-page-section-heading {
    font-size: 30px;
  }

  .landing-page-header-button.tablet-hide {
    display: none;
  }

  .landing-page-teamplate-feature-variation-text {
    font-size: 18px;
  }

  .landing-page-core-features-shape-three {
    width: 320px;
    height: 320px;
  }

  .landing-page-hamburger-menu.w--open {
    background-color: #0000;
  }

  .landing-page-hamburger-menu.landing-page-gradient.w--open {
    color: #100701;
    background-color: #f2f4f8;
  }

  .landing-page-nav-list-item.show-in-tablet {
    display: block;
  }

  .landing-page-nav-list-item.show-in-tablet.nav-brand-logo {
    margin-bottom: 20px;
  }

  .landing-page-nav-menu-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .landing-page-nav-list-wrapper-2 {
    background-color: #100701;
    width: 250px;
    min-height: 100vh;
    padding: 24px;
    position: fixed;
    top: 0;
    left: 0;
  }

  .landing-page-core-features-shape-two {
    width: 300px;
    height: 300px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-page-footer-blurry-block-two {
    width: 300px;
    height: 300px;
  }

  .landing-page-blurry-footer-block-one, .landing-page-core-features-shape-one {
    width: 200px;
    height: 200px;
  }

  .landing-page-footer-copyright-text {
    text-align: center;
  }

  .landing-page-footer-except {
    font-size: 18px;
  }

  .landing-page-footer-title {
    font-size: 38px;
  }

  .landing-page-request-figma-heading {
    font-size: 32px;
  }

  .landing-page-footer-brand-wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .landing-page-hero-title {
    font-size: 37px;
  }

  .landing-page-hero-except {
    font-size: 18px;
  }

  .landing-page-template-showcase-tab-menu {
    margin-bottom: 40px;
  }

  .landing-page-request-figma-block {
    grid-template-columns: 1fr;
  }

  .landing-page-cta-except {
    text-align: center;
    max-width: 450px;
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .landing-page-request-figma-image {
    object-fit: fill;
  }

  .landing-page-nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-page-hero-image {
    max-width: 500px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 60px;
  }

  .landing-page-cta-block {
    flex-flow: column;
  }

  .landing-page-template-showcase-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-page-copyright-content-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .landing-page-container-default {
    max-width: 740px;
  }

  .landig-page-hero-image-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
    padding-top: 120px;
  }

  .landing-page-footer.landing-page-footer-bg-image {
    background-position: 0 0;
  }

  .landing-page-padding-top-160px {
    padding-top: 80px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 80px;
  }

  .about-us-text {
    font-size: 130px;
  }

  .button-stroke-block-single {
    background-image: linear-gradient(180deg, var(--transparent), #be85ff 0%, #30f8f8 100%, #06060600);
    height: 400%;
  }

  .mini-testimonial-wrapper {
    top: -250px;
    left: 32px;
  }

  .slider {
    width: 650px;
  }

  .mini-testimonail-single-card-block {
    top: 43px;
  }

  .integration-image-block-2 {
    width: auto;
    max-width: 330px;
    left: 0;
    right: 0;
  }

  .audio._1.mt {
    width: 96%;
  }

  .ai-csr-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .new-hero-cta {
    margin-top: 40px;
  }

  .agent-box-wrapper {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    flex-flow: wrap;
    justify-content: center;
    padding-top: 0;
  }

  .div-block-10 {
    padding-top: 40px;
  }

  .contact-modal1_content-wrapper {
    width: 90%;
    max-width: none;
    padding: 30px 20px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.5rem;
  }

  .book-a-demo-img {
    height: 385px;
  }

  .voice-record-box-one.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 20%, #be85ff 30%, #30f8f8 60%, #06060600 75%);
    background-image: linear-gradient(180deg, var(--transparent) 20%, #be85ff 30%, #30f8f8 60%, #06060600 75%);
  }

  .tradshow-sub-titles {
    font-size: 38px;
  }

  .ai-with-calling {
    padding-bottom: 10px;
    font-size: 38px;
  }

  .box {
    margin-left: 5px;
    margin-right: 5px;
  }

  .clock-number {
    font-size: 5.2rem;
  }

  .clock-label {
    letter-spacing: normal;
    text-transform: none;
    font-size: 17px;
  }

  .call-now-cta-wrapper {
    padding-top: 10px;
  }

  .code-embed-10 {
    width: 70%;
    height: 305px;
  }

  .image-13 {
    width: 135px;
  }

  .div-block-22 {
    width: auto;
    max-width: none;
    top: -23px;
    left: 8px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 30px;
  }

  h4 {
    font-size: 20px;
  }

  p {
    font-size: 18px;
  }

  .main-container {
    max-width: 520px;
  }

  .section-y-axis-gap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-bottom-gap {
    padding-bottom: 60px;
  }

  .page-top-gap {
    padding-top: 130px;
  }

  .style-guide-details {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .typography-wrapper {
    padding-top: 60px;
  }

  .typography-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-small {
    font-size: 16px;
  }

  .style-guide-icon-wrap {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-heading {
    font-size: 30px;
  }

  .typography-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .color-details-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .style-guide-button-block {
    flex-wrap: wrap;
  }

  .typography-details {
    font-size: 16px;
  }

  .style-guide-button-wrapper {
    padding-top: 60px;
  }

  .style-guide-button-wrap {
    padding: 40px 20px 0;
  }

  .color-info-flex {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .style-guide-wrap {
    display: block;
  }

  .style-guide-icon-wrapper {
    padding-top: 60px;
  }

  .style-guide-sidebar {
    width: auto;
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .style-menu-link-wrap {
    width: auto;
    position: static;
  }

  .primary-button-text {
    font-size: 18px;
  }

  .nav-menu-link {
    display: inline-block;
  }

  .nav-menu-wrapper {
    width: 70%;
  }

  .nav-menu-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .hamburger-menu-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer {
    padding-top: 60px;
  }

  .footer-single-column-block.first-column {
    flex: 1;
    min-width: auto;
    max-width: none;
  }

  .footer-upper-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .footer-menu-link {
    font-size: 18px;
  }

  .footer-lower-border {
    margin-top: 30px;
  }

  .hero-subtitle-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-input-block {
    min-width: 450px;
  }

  .hero-input-block.v2 {
    min-width: 400px;
    max-width: 480px;
  }

  .brand-logo-inner-wrapp.v2 {
    overflow: hidden;
  }

  .section-subtitle-text.call-now-cta {
    padding: 10px 25px;
    font-size: 20px;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: 370px;
  }

  .section-title-block.margin-top-12px._686px {
    max-width: 420px;
  }

  .section-title-block.margin-top-12px.max-width-570px {
    max-width: 380px;
  }

  .feature-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    margin-top: 40px;
  }

  .feature-left-column {
    max-width: none;
    position: relative;
    top: auto;
  }

  .feature-right-column {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .feature-right-column.v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .feature-card-heading-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .feature-card-title {
    font-size: 24px;
  }

  .feature-card-summary {
    font-size: 18px;
  }

  .feature-card-shape.v4 {
    top: -38%;
  }

  .feature-right-column-left-block, .feature-right-column-right-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .animation-text {
    font-size: 65px;
  }

  .benefit-section.v2 {
    height: auto;
  }

  .benefits-wrapper {
    margin-top: 20px;
  }

  .benefit-doll-image {
    width: 120px;
  }

  .benefit-section-wrapp {
    margin-top: -90px;
  }

  .benefit-content-block {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .price-plan-content-block {
    margin-top: 40px;
  }

  .price-plan-tabs {
    flex-flow: column;
    display: flex;
  }

  .price-plan-menu {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: auto;
    right: auto;
  }

  .price-plam-tab-content-block {
    margin-top: 30px;
  }

  .price-plam-tab-content-block.v2 {
    margin-top: 40px;
  }

  .price-plan-tab-inner-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .price-plan-tab-inner-block._50 {
    width: 100%;
    padding-bottom: 30px;
  }

  .price-plan-title {
    font-size: 24px;
  }

  .price-plan-text {
    font-size: 40px;
  }

  .price-plan-list-block {
    margin-top: 20px;
  }

  .price-plan-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .testimonial-content-block {
    margin-top: 40px;
  }

  .testimonial-logo {
    width: 120px;
  }

  .testimonial-summary {
    width: 70%;
    font-size: 14px;
  }

  .testimonial-image-block {
    width: 32px;
    height: 32px;
  }

  .testimonial-author-name {
    margin-top: 0;
  }

  .integration-icon {
    width: 60px;
  }

  .integration-heading-wrap.margin-top-60px {
    margin-top: 20px;
  }

  .blog-heading-and-button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .blog-content-wrap {
    margin-top: 40px;
  }

  .blog-cms-list-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .blog-cms-list-item._3fr {
    grid-template-columns: 1fr;
  }

  .blog-content-block {
    margin-top: 18px;
  }

  .benefit-slider-block {
    padding: 10px;
  }

  .hero-section-v2.page-top-gap.hero-bg {
    padding-bottom: 65px;
  }

  .hero-v2-wrapper {
    overflow: hidden;
  }

  .hero-summary-block {
    margin-top: 16px;
  }

  .key-benefits-slider-block {
    margin-top: 40px;
  }

  .key-benefits-right-upper-shape {
    top: -115%;
    right: -68%;
  }

  .key-benefits-left-bottom-shape {
    left: -83%;
  }

  .price-plan-content-wrap {
    margin-top: 30px;
  }

  .integration-section-heading-wrap {
    border: 1px solid #cfcfcf33;
    width: 90%;
  }

  .integration-heading-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .feature-content-block-v2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .advantage-bottom-dotted-shape {
    margin-top: 16px;
  }

  .advantage-title-and-summary-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .advantage-wrapper-v2 {
    top: -35%;
  }

  .our-mission-bottom-shape {
    top: 0%;
  }

  .our-value-content-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .fun-fact-single-card-block {
    width: 180px;
    height: 180px;
    padding: 20px;
  }

  .single-funfact-wrap-v2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border-right-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .number-text-label {
    font-size: 18px;
  }

  .integration-cms-list-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .pricing-type {
    font-size: 24px;
  }

  .pricing-compare-heading-grid {
    grid-template-columns: 1fr 1fr 1fr;
    display: flex;
  }

  .pricing-info-column {
    min-width: 250px;
  }

  .pricing-grid-row {
    min-height: 70px;
  }

  .pricing-compare-title {
    font-size: 24px;
  }

  .pricing-compare-title-block {
    min-width: 250px;
  }

  .pricing-compare-table-wrapper {
    margin-top: 40px;
  }

  .contact-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-field-block {
    grid-template-columns: 1fr;
  }

  ._401-subtitle {
    font-size: 18px;
  }

  .integration-icon-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .integration-button-block {
    margin-top: 25px;
  }

  .integration-details-block {
    margin-top: 40px;
  }

  .integration-details-menu-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .integration-details-menu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-about-us-details h2 {
    font-size: 28px;
  }

  .integration-setup-details h4 {
    font-size: 22px;
  }

  .integration-setup-details li {
    font-size: 18px;
  }

  .integration-support-details ol {
    padding-left: 30px;
  }

  .blog-details-rich-text h3 {
    margin-top: 20px;
  }

  .blog-details-rich-text p {
    margin-top: 16px;
  }

  .blog-details-rich-text ul {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .blog-details-rich-text li {
    font-size: 18px;
  }

  .blog-details-rich-text blockquote {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-author-designation.font-size-20px {
    font-size: 18px;
  }

  .form-socials-block {
    margin-top: 25px;
  }

  .blog-author-bio.max-width-490px.font-size-20px {
    font-size: 18px;
  }

  .blog-author-info-wrap.flex-revers {
    flex-flow: wrap;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-author-block-v2 {
    flex-flow: wrap;
  }

  .license-heading {
    margin-bottom: 0;
  }

  .license-summary {
    font-size: 18px;
  }

  .license-info-card-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .changelog-info-card {
    width: auto;
  }

  .feature-slider-wrap {
    padding: 10px;
  }

  .benefits-sticky-block {
    position: relative;
    top: auto;
  }

  .landing-page-section-heading {
    font-size: 26px;
  }

  .landing-page-header-button {
    padding: 20px 32px;
  }

  .landing-page-blurry-block-one {
    width: 220px;
    height: 220px;
    top: 0;
  }

  .landing-page-core-features-shape-three {
    width: 280px;
    height: 280px;
    left: 100px;
  }

  .landing-page-template-showcase-tab-link {
    padding: 12px 20px;
  }

  .landing-page-core-features-shape-two {
    width: 260px;
    height: 260px;
  }

  .landing-page-core-features-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landing-page-core-features-shape-one {
    width: 160px;
    height: 160px;
  }

  .landing-page-header-logo {
    max-width: 220px;
  }

  .landing-page-blurry-block-two {
    width: 280px;
    height: 280px;
  }

  .laning-page-template-feature-variation-block {
    grid-template-columns: 1fr;
  }

  .landing-page-footer-title {
    font-size: 36px;
  }

  .landing-page-gradient-button {
    padding: 20px 32px;
  }

  .landing-page-request-figma-heading {
    font-size: 26px;
  }

  .landing-page-section-heading-wrapper {
    margin-bottom: 40px;
  }

  .landing-page-footer-brand-wrapper {
    flex-flow: wrap;
  }

  .landing-page-hero-title {
    font-size: 28px;
  }

  .landing-page-cta-wrapper {
    padding: 40px;
  }

  .landing-page-template-showcase-tab-menu {
    padding: 12px;
  }

  .landing-page-footer-link-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .landing-page-mobile-device-image {
    position: static;
  }

  .landing-page-hero-image {
    max-width: 400px;
  }

  .landing-page-hero-image-wrapper {
    margin-top: 40px;
  }

  .landing-page-template-showcase-grid {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .landig-page-hero-image-marquee {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
    padding-top: 110px;
  }

  .landing-page-padding-top-160px {
    padding-top: 60px;
  }

  .landing-page-padding-bottom-160px {
    padding-bottom: 60px;
  }

  .about-us-text {
    font-size: 100px;
  }

  .mini-testimonial-wrapper {
    top: -225px;
    left: 19px;
  }

  .slider {
    width: 450px;
  }

  .slide-nav.hide {
    top: 124px;
  }

  .mini-testimonail-single-card-block {
    top: 43px;
    left: -22px;
  }

  .mini-testimonial-summary {
    font-size: 16px;
  }

  .mini-testimonial-author-block.flex-left {
    grid-row-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .mini-author-info-wrapper {
    justify-content: center;
    align-items: center;
  }

  .text-block-2 {
    font-size: 25px;
  }

  .bold-text-2 {
    font-size: 16px;
  }

  .audio._1.mt {
    width: auto;
  }

  .text-block-3 {
    font-size: 18px;
  }

  .button-wrapper {
    width: 150px;
    font-size: 18px;
  }

  .ai-csr-section {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .new-hero-cta {
    margin-top: 30px;
  }

  .talk-with-ai-cta-one {
    font-size: 19px;
  }

  .talk-with-ai-link {
    height: 71px;
  }

  .form {
    width: 487px;
    height: 232px;
  }

  .text-field-2 {
    height: 41px;
    font-size: 16px;
  }

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

  .submit-button {
    font-size: 16px;
  }

  .agent-box-wrapper {
    flex-flow: column;
    padding-top: 0;
  }

  .div-block-7 {
    width: 100%;
  }

  .div-block-8.mt-40 {
    padding-top: 10px;
  }

  .div-block-9 {
    width: 487px;
    height: 232px;
  }

  .div-block-10 {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  .contact-modal1_content-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    max-height: none;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
  }

  .contact-modal1_component {
    z-index: 999;
    align-items: flex-start;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-large {
    margin-top: 103.125px;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .max-width-large.align-center {
    width: 100%;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .div-block-11 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .book-a-demo-img {
    height: 309px;
  }

  .debrief-agent-wrapper {
    width: 100%;
  }

  .heading {
    font-size: 18px;
  }

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

  .tradshow-sub-titles {
    font-size: 32px;
  }

  .code-embed-7 {
    height: auto;
    overflow: visible;
  }

  .ai-with-calling {
    padding-bottom: 0;
  }

  .box {
    margin-left: 0;
    margin-right: 0;
  }

  .clock-number {
    font-size: 4.8rem;
  }

  .rovoto-wrapper {
    width: 28%;
  }

  .rovoto-img {
    width: auto;
  }

  .code-embed-10 {
    height: 229px;
  }

  .image-13 {
    width: 127px;
  }

  .div-block-22 {
    top: -20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 30px;
  }

  .main-container {
    max-width: none;
  }

  .page-top-gap {
    padding-top: 120px;
  }

  .style-guide-details {
    padding-bottom: 0;
  }

  .typography-wrapper {
    padding-top: 50px;
  }

  .section-heading {
    font-size: 28px;
  }

  .color-details-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 30px;
  }

  .style-guide-button-wrapper {
    padding-top: 50px;
  }

  .style-guide-button-wrap {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 0;
  }

  .style-guide-icon-wrapper {
    padding-top: 50px;
  }

  .primary-button-text {
    font-size: 18px;
  }

  .button-stroke-wrapp.v2 {
    inset: 0%;
    width: 100%;
    height: 100%;
    inset: 0%;
  }

  .button-stroke-block.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 10%, #be85ff 30%, #30f8f8 60%, #06060600 90%);
  }

  .button-stroke-block.v2.none-768px {
    display: none;
  }

  .button-stroke-block-v2.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 20%, var(--secondary) 38%, var(--primary-two) 60%, var(--transparent) 75%);
  }

  .button-stroke-block-v2.v2.none-768px {
    display: none;
  }

  .nav-menu-wrapper {
    width: 75%;
  }

  .hamburger-text {
    display: none;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .nav-menu-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .navbar-wrapper {
    justify-content: space-between;
  }

  .hamburger-menu-link {
    font-size: 35px;
  }

  .footer-single-column-block.first-column {
    min-width: auto;
  }

  .footer-upper-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-cta-form-block {
    min-width: 100%;
  }

  .footer-cta-input {
    padding-left: 15px;
  }

  .hero-title.v3.hero-title-w {
    width: 96%;
  }

  .hero-input-block {
    min-width: auto;
    padding-left: 15px;
    padding-right: 151px;
  }

  .hero-input-block::placeholder {
    font-size: 14px;
  }

  .hero-input-block.v2 {
    min-width: auto;
    padding-right: 130px;
  }

  .hero-form-submit-button {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .section-title-block.margin-top-12px.max-width-611px {
    max-width: none;
  }

  .feature-left-column {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .feature-card-shape {
    bottom: -52%;
    right: -100%;
  }

  .feature-card-shape.v2 {
    top: -58%;
    left: -127%;
  }

  .feature-right-column-single-card {
    padding-top: 20px;
  }

  .animation-text {
    font-size: 40px;
  }

  .animation-text-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .benefit-doll-image {
    width: 70px;
  }

  .benefit-section-wrapp {
    margin-top: -40px;
  }

  .benefit-title-and-number-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap-reverse;
  }

  .price-plan-list-items {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 16px;
  }

  .benefit-right-card-shape {
    top: -59%;
    right: -89%;
  }

  .benefits-right-card-shape.v2 {
    bottom: -49%;
    left: -100%;
  }

  .testimonail-single-card-block {
    max-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-wrapper {
    min-height: 90vh;
  }

  .integration-image-slide-block {
    border-radius: 40px;
  }

  .integration-image-block {
    border-radius: 40px;
    max-width: 275px;
    top: 3px;
    bottom: 3px;
  }

  .integration-mobile-mockup {
    max-width: 290px;
  }

  .integration-circle-shape {
    width: 280px;
    height: 280px;
  }

  .integration-bg-image-block {
    max-width: 280px;
  }

  .integration-bg-image {
    width: 100%;
  }

  .integration-heading-wrap.margin-top-60px {
    margin-top: 0;
  }

  .blog-cms-list-item {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .blog-category-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-category-link {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .hero-section-v2.page-top-gap.hero-bg {
    padding-bottom: 40px;
  }

  .hero-v2-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-v2-wrapper.new-hero-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-left-column.center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-summary-block.max-width {
    width: 100%;
  }

  .hero-summary.new-hero-des {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .key-benefits-slider-block {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .key-benefits-right-upper-shape {
    top: -219%;
    right: -137%;
  }

  .key-benefits-left-bottom-shape {
    left: -139%;
  }

  .integration-heading-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .advantage-image-slide-block {
    border-radius: 40px;
    min-width: 280px;
  }

  .our-mission-bottom-shape {
    display: none;
  }

  .our-value-single-card-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .our-value-title-and-cube-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .our-value-summary-block {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .oue-value-title {
    margin-top: 0;
    padding-left: 20px;
  }

  .our-value-3d-cube-block {
    height: 215px;
  }

  .fun-fact-wrapper {
    grid-template-columns: 1fr;
  }

  .fun-fact-single-card-block {
    width: 250px;
    height: 250px;
  }

  .single-funfact-wrap-v2 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .funfact-number-block-v2 {
    justify-content: center;
    align-items: stretch;
  }

  .number-text-label {
    text-align: center;
    max-width: none;
    font-size: 16px;
  }

  .integration-single-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-info-column, .pricing-column {
    width: 200px;
  }

  .pricing-compare-info-block {
    flex-direction: column;
    justify-content: space-between;
    width: 200px;
    display: flex;
  }

  .pricing-compare-table-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-us-review-block {
    margin-top: -40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-field-block {
    grid-template-columns: 1fr;
  }

  .textarea-field {
    min-height: 140px;
  }

  .checkbox {
    flex: none;
    width: 20px;
    height: 20px;
  }

  .utility-page-form {
    width: 100%;
  }

  ._404-image {
    width: 90%;
  }

  ._404-title {
    font-size: 28px;
  }

  .integration-icon-wrap {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .integration-title-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .integration-title-v2 {
    font-size: 24px;
  }

  .integration-button-block {
    margin-top: 20px;
  }

  .integration-details-menu-block {
    border-radius: 12px;
    flex-flow: column;
  }

  .integration-setup-details ul {
    padding-left: 30px;
  }

  .integration-support-details ol {
    padding-left: 25px;
  }

  .form-socials-block {
    margin-top: 20px;
  }

  .blog-author-image-wrap-v2 {
    flex: 0 auto;
  }

  .blog-author-info-wrap {
    flex-flow: wrap;
  }

  .blog-author-block-v2 {
    max-width: 100%;
  }

  .license-heading {
    margin-bottom: 0;
  }

  .license-info-card-grid {
    margin-top: 30px;
  }

  .changelog-info-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .released-date-wrapper {
    flex-direction: column;
  }

  .landing-page-header-button {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .landing-page-core-features-shape-three {
    left: 20px;
  }

  .landing-page-nav-list-item {
    text-align: left;
  }

  .landing-page-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .landing-page-template-showcase-tab-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing-page-blurry-footer-block-one {
    top: -60px;
  }

  .landing-page-header-logo {
    max-width: 170px;
  }

  .landing-page-footer-title {
    font-size: 28px;
  }

  .landing-page-gradient-button {
    width: 100%;
    padding: 18px 20px;
  }

  .landing-page-hero-title {
    font-size: 28px;
  }

  .landing-page-cta-wrapper {
    padding: 30px 20px;
  }

  .landing-page-template-feature-variation-item.footer-styles {
    padding: 20px 15px;
  }

  .landing-page-template-showcase-tab-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 24px;
    flex-flow: wrap;
    width: 100%;
    max-width: 340px;
  }

  .landing-page-footer-link-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .landing-page-footer-subtitle {
    line-height: 1.3;
  }

  .landing-page-hero-image {
    max-width: 280px;
  }

  .landing-page-hero-section.landing-page-hero-bg-image.landing-page-hero-padding-top {
    padding-top: 100px;
  }

  .button-stroke-block-single.block-320px {
    display: block;
  }

  .mini-testimonial-wrapper {
    z-index: 5;
    position: absolute;
    top: 62%;
    left: 4%;
    right: 0%;
  }

  .slider {
    width: 100%;
  }

  .slide-nav {
    top: -58px;
  }

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

  .mini-testimonail-single-card-block {
    justify-content: center;
    align-items: center;
    top: auto;
    left: auto;
  }

  .mini-testimonial-summary {
    width: 80%;
    font-size: 12px;
  }

  .mini-testimonial-author-block.flex-left {
    width: 70%;
  }

  .mini-testimonial-image-block {
    width: auto;
  }

  .mini-testimonial-author-image {
    width: 70px;
    height: 70px;
  }

  .testimonail-single-card-block-2 {
    max-width: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block {
    text-align: left;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .bold-text-2 {
    font-size: 12px;
  }

  .image-6, .image-7, .image-8, .image-9, .image-10 {
    width: 20px;
    height: 20px;
  }

  .integration-image-block-2 {
    border-radius: 40px;
    max-width: 275px;
    top: 3px;
    bottom: 3px;
  }

  .audio._1 {
    width: 80%;
  }

  .audio._1.mt {
    width: 95%;
    margin-top: 10px;
  }

  .label-wrapper {
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .ai-csr-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .new-hero-cta {
    margin-top: 0;
  }

  .talk-with-ai-cta-one {
    font-size: 18px;
  }

  .talk-with-ai-link {
    height: 67px;
  }

  .form {
    border-radius: 20px;
    width: 328px;
    height: 235px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-field-2 {
    font-size: 14px;
  }

  .submit-button.h-50 {
    height: 42px;
    padding: 5px 20px;
  }

  .agent-box-wrapper {
    padding-top: 20px;
  }

  .div-block-7 {
    padding: 20px 10px;
  }

  .voice-recording-tilte {
    font-size: 26px;
  }

  .div-block-9 {
    width: 328px;
    height: 69px;
  }

  .div-block-10 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    font-size: 20px;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button {
    padding-bottom: 10px;
    font-size: 19px;
    line-height: 1.5;
  }

  .button:hover {
    font-weight: 400;
  }

  .button.calandly-cta {
    font-size: 15px;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .text-align-center {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    flex-flow: wrap-reverse;
  }

  .book-a-demo-img {
    height: auto;
  }

  .debrief-agent-wrapper {
    padding: 20px 10px;
  }

  .heading {
    font-size: 16px;
  }

  .voice-record-box-one.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 10%, #be85ff 30%, #30f8f8 60%, #06060600 90%);
  }

  .voice-record-box-one.v2.none-768px {
    display: none;
  }

  .voice-record-box-two.v2 {
    background-image: linear-gradient(180deg, var(--transparent) 20%, var(--secondary) 38%, var(--primary-two) 60%, var(--transparent) 75%);
  }

  .voice-record-box-two.v2.none-768px {
    display: none;
  }

  .paragraph {
    font-size: 15px;
  }

  .div-block-14 {
    margin-top: 20px;
  }

  .image-12, .meta-icon {
    width: 30px;
  }

  .div-block-15 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .tradshow-hero-img {
    height: 60px;
  }

  .tradshow-sub-titles, .ai-with-calling {
    font-size: 30px;
  }

  .js-clock {
    flex-wrap: wrap;
  }

  .box {
    width: 80px;
    height: 79px;
    padding: 0;
  }

  .box.days {
    width: 80px;
  }

  .clock-number {
    font-size: 2.8rem;
    line-height: 47px;
  }

  .clock-label {
    margin-top: 0;
    font-size: 14px;
  }

  .call-now-cta-wrapper {
    padding-top: 20px;
  }

  .rovoto-wrapper {
    width: 44%;
  }

  .rovoto-img {
    width: auto;
  }

  .code-embed-10 {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .image-13 {
    width: 115px;
  }

  .div-block-22 {
    top: -17px;
  }
}