@font-face {
  font-family: Radomir Tinkov Gilroy Webfont;
  src: url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Radomir Tinkov Gilroy Webfont;
  src: url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Radomir Tinkov Gilroy Webfont;
  src: url('../fonts/radomir_tinkov_-_gilroy-light-webfont.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Radomir Tinkov Gilroy Webfont;
  src: url('../fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Radomir Tinkov Gilroy Webfont;
  src: url('../fonts/gilroy-bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --ugblue: #5478f0;
  --uggreen: #1b393a;
  --ugblue500: #7794f4;
  --ugblue700: #4169f0;
  --ugblue50: #f0f3ff;
  --ugblue900: #214de0;
  --ugred: #ff5959;
  --ugred500: #ff7474;
  --uggreenlight: #dffbf0;
  --ugyellowlight: #ffe352;
  --uggreen10: #1b393a1a;
  --ugred100: #fee;
  --gradient1: #142046;
  --gradient2: #070b19;
  --ugred700: #f84343;
  --ugred100\<deleted\|variable-d4ce61e7-e45c-3c30-2543-f0fe530ccd93\>: var(--ugred100);
  --alicebluedark: #e3e9fd;
  --alicebluelight: #fafbff;
  --uggreen50: #1b393a80;
  --ugblue40: #5478f066;
  --ugpurple20: #fff9;
  --_apps---charts--chart-2: #7f9df2;
  --ugpurple30: #d3ddfb4d;
  --ugblack: #1e2530;
  --uggreen30: #1b393a4d;
  --ugyellowdark: #f2d85d;
  --black: black;
  --aliceblue: #f2f5fe;
  --ugblue600: #4169f0;
  --percentage: 0%;
  --_apps---charts--chart-1: #5478f0;
  --_apps---charts--chart-3: #4365e9;
  --_apps---charts--chart-4: #405dbe;
  --_apps---charts--chart-5: #253da2;
  --_apps---charts--chart-1-dark: #577bf4;
  --_apps---charts--chart-2-dark: #91b0ff;
  --_apps---charts--chart-3-dark: #3958db;
  --_apps---charts--chart-4-dark: #7d9fff;
  --_apps---charts--chart-5-dark: #344fb6;
  --_apps---colors--background: #f7f8fc;
  --_apps---colors--foreground: #1e2530;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #ebebeb;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary: #5478f0;
  --_apps---colors--primary-foreground: #0a0d16;
  --_apps---colors--secondary: #daeeff;
  --_apps---colors--secondary-foreground: #0b0d13;
  --_apps---colors--muted: #f2f1f2;
  --_apps---colors--muted-foreground: #777374;
  --_apps---colors--accent: #dedede;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #d74843;
  --_apps---colors--border: #e3e9fd;
  --_apps---colors--input: #e6ecff;
  --_apps---colors--ring: #5f7dd6;
  --_apps---colors--background-dark: #060505;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #181818;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #181818;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: #577bf4;
  --_apps---colors--primary-foreground-dark: #0a0d16;
  --_apps---colors--secondary-dark: #091344;
  --_apps---colors--secondary-foreground-dark: #f5f8ff;
  --_apps---colors--muted-dark: #020202;
  --_apps---colors--muted-foreground-dark: #8c8b8b;
  --_apps---colors--accent-dark: #2d2d2d;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #de4e49;
  --_apps---colors--border-dark: #e3e9fd;
  --_apps---colors--input-dark: #fff;
  --_apps---colors--ring-dark: #7493ee;
  --_apps---sidebar--sidebar: #f2f1f2;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: #5478f0;
  --_apps---sidebar--sidebar-primary-foreground: #0a0d16;
  --_apps---sidebar--sidebar-accent: #dedede;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #e3e9fd;
  --_apps---sidebar--sidebar-ring: #5f7dd6;
  --_apps---sidebar--sidebar-dark: #0b0b0b;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: #577bf4;
  --_apps---sidebar--sidebar-primary-foreground-dark: #0a0d16;
  --_apps---sidebar--sidebar-accent-dark: #2d2d2d;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #fff;
  --_apps---sidebar--sidebar-ring-dark: #7493ee;
  --_apps---sizes--radius: 16px;
  --_apps---typography--heading-font: "Radomir Tinkov Gilroy Webfont", Arial, sans-serif;
  --_apps---typography--body-font: "Radomir Tinkov Gilroy Webfont", Arial, sans-serif;
  --_apps---typography--button-font: "Radomir Tinkov Gilroy Webfont", Arial, sans-serif;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

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

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

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

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

body {
  color: #333;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #1e2530;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

h2 {
  color: #1e2530;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  color: #1e2530;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

h4 {
  color: #1e2530;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

h5 {
  color: #1e2530;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

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

a {
  text-decoration: underline;
}

a.w--current {
  padding-top: 6px;
}

img {
  display: inline-block;
}

.heading-5 {
  color: #1e2530;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.heading-5.footer-header {
  color: #fff;
  font-weight: 500;
}

.heading-5.footer-header.footer-header-draft {
  color: #5478f0;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 12px;
}

.heading-5.footer-header.footer-header-draft.footer-header-current-theme {
  color: #fff;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.text-1 {
  color: #1e2530;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.text-1.join-text {
  text-align: center;
  max-width: 650px;
  margin-bottom: 26px;
  font-size: 20px;
}

.text-1.join-text.variant-a {
  display: none;
}

.text-1.join-text.variant-a:lang(pt-br), .text-1.join-text.variant-a:lang(es), .text-1.join-text.variant-a:lang(fr) {
  display: block;
}

.text-1.podcast-episode {
  text-align: justify;
  width: 650px;
}

.percentage-count {
  color: #5dcea2;
  max-width: 486px;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.text-3 {
  color: #1e2530;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.text-3.bold {
  font-weight: 700;
}

.text-3.table-header {
  font-weight: 700;
  display: block;
}

.text-3.table-link {
  color: #5478f0;
}

.text-3.partnership-card-text {
  margin-bottom: 60px;
}

.text-3.hero-description {
  z-index: 1;
  font-size: 18px;
}

.text-3.hero-description.home {
  max-width: 500px;
}

.text-3.hero-description.home.dark-ui {
  color: var(--white);
  background-image: none;
}

.text-3.hero-description.home.dark-ui.left {
  text-align: left;
}

.text-3.hero-description.partnership {
  max-width: 430px;
}

.text-3.hero-description.medium {
  font-size: 22px;
  line-height: 32px;
}

.text-3.hero-description.medium.dark-ui {
  max-width: none;
  color: var(--white);
  background-image: none;
  padding-right: 6px;
  font-size: 20px;
  line-height: 30px;
}

.text-3.hero-description.medium.dark-ui._2nd {
  margin-bottom: 40px;
}

.text-3.hero-description.medium.dark-ui.hide {
  display: flex;
}

.text-3.hero-description.static {
  color: #5a5a7a;
  margin-bottom: 36px;
  font-size: 24px;
  line-height: 33px;
}

.text-3.hero-description.static.feature-requests, .text-3.hero-description.static.roadmap {
  max-width: 900px;
}

.text-3.webinar-page-tag {
  max-width: 100%;
  color: var(--ugblue);
  margin-bottom: 24px;
  font-weight: 600;
}

.text-3.demo-description {
  text-align: center;
  max-width: 520px;
  margin-bottom: 80px;
}

.text-3.faq-answer {
  margin-left: 0;
  margin-right: auto;
  padding-right: 100px;
  display: block;
  overflow: hidden;
}

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

.text-3.home-feature-cta {
  color: var(--ugblue);
  font-weight: 700;
}

.text-3.bold-list-item, .text-3.category-view {
  font-weight: 600;
}

.text-4 {
  color: #1e2530;
}

.text-4.input-description {
  color: #1e2530b3;
}

.text-4.university-card {
  color: var(--uggreen);
}

.text-4.webinar-info {
  min-height: 100px;
}

.header-horizontal-flex {
  grid-column-gap: 48px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
}

.header-horizontal-flex.header-horizontal-draft {
  padding-top: 20px;
}

.header-horizontal-flex.header-horizontal-draft.header-horizontal-staging {
  padding-top: 0;
}

.login-text {
  grid-column-gap: 6px;
  cursor: pointer;
  align-items: center;
}

.login-text:lang(es) {
  justify-content: space-between;
  align-items: center;
}

.header-section {
  z-index: 9999;
  background-image: linear-gradient(270deg, #142046, #070b19);
  width: 100%;
  display: block;
  position: sticky;
  top: 0;
}

.header-ug-logo {
  width: 182px;
  height: 35px;
  margin-bottom: 6px;
  margin-right: 105px;
}

.header-ug-logo.blog, .header-ug-logo.blog-2 {
  width: auto;
  margin-right: 0;
}

.navbar-text {
  color: #fff;
  cursor: pointer;
  max-width: 130px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.navbar-text.navbar-text-draft {
  color: #0d0e0b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.navbar-text.navbar-text-draft:active {
  color: #2754eb;
}

.navbar-text.navbar-text-draft.navbar-text-staging {
  color: #fff;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-weight: 500;
}

.navbar-text.navbar-text-draft.navbar-text-staging:lang(es) {
  white-space: nowrap;
  overflow-wrap: normal;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  direction: ltr;
  width: auto;
  max-width: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  display: block;
}

.header-menu-item {
  grid-column-gap: 6px;
  cursor: pointer;
  align-items: center;
  display: flex;
}

.header-menu-item.only-en:lang(pt-br), .header-menu-item.only-en:lang(es), .header-menu-item.only-en:lang(fr) {
  display: none;
}

.header-menu-item.header-menu-item-draft {
  grid-row-gap: 6px;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
}

.header-right-container {
  grid-column-gap: 24px;
  align-items: center;
  display: flex;
}

.header-right-container.header-right-container-draft {
  grid-column-gap: 40px;
  margin-left: 40px;
}

.header-desktop-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 80px;
}

.header-left-container {
  justify-content: flex-start;
  align-items: center;
}

.header-left-container.blog {
  margin-right: 20px;
}

.tablet-header-dropdown-image {
  display: none;
}

.footer-left-icons-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-right: 0;
  padding-top: 80px;
  padding-bottom: 48px;
  padding-left: 0;
}

.footer-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  min-width: 120px;
  padding-top: 80px;
}

.footer-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  position: relative;
}

.footer-wrapper.footer-wrapper-draft {
  color: #0d0e0b;
  border: 1px solid #f4f1ec;
  border-radius: 1px;
  justify-content: flex-start;
  align-items: center;
  padding: 96px 96px 64px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.footer-wrapper.footer-wrapper-draft.footer-wrapper-current-theme {
  background-image: linear-gradient(270deg, #142046, #070b19);
  border-style: none;
  border-width: 0;
  border-radius: 0;
  padding-top: 48px;
}

.social-media-image {
  opacity: .75;
  cursor: pointer;
}

.social-media-image:hover {
  opacity: 1;
}

.social-media-image.g2-footer {
  width: 16px;
  height: 16px;
}

.social-media-image.social-media-image-draft {
  display: none;
}

.footer-designs {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.desktop-footer-columns-container {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding-bottom: 150px;
  padding-right: 80px;
}

.desktop-footer-columns-container.desktop-footer-columns-container-draft {
  padding-bottom: 0;
  display: none;
}

.image-6 {
  width: 182px;
  height: 35px;
}

.all-rights-text {
  color: #0d0e0b;
  white-space: nowrap;
  font-size: 13px;
  line-height: 15px;
  position: absolute;
  bottom: 48px;
}

.all-rights-text.all-rights-draft {
  position: static;
  bottom: 48px;
}

.all-rights-text.all-rights-draft.all-rights-current-theme {
  color: #fff;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.all-rights-text.all-rights-draft.all-rights-current-theme:lang(pt-br) {
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.footer-clickable-text {
  opacity: .75;
  color: #fff;
  cursor: pointer;
  max-width: 205px;
  padding-bottom: 12px;
  line-height: 20px;
  text-decoration: none;
  display: block;
}

.footer-clickable-text:hover {
  opacity: 1;
}

.footer-clickable-text.footer-clickable-text-draft {
  color: #0d0e0b;
}

.footer-clickable-text.footer-clickable-text-draft.footer-clckable-text-current-theme {
  color: #ffffffbf;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.footer-clickable-text.footer-clickable-text-draft.footer-clckable-text-current-theme:hover {
  color: #fff;
}

.footer-clickable-text.footer-clickable-text-draft.footer-clckable-text-current-theme:lang(pt-br) {
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.footer-social-media-icons {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.footer-social-media-icons.footer-social-media-icons-draft {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.footer-social-media-icons.footer-social-media-icons-draft.footer-social-media-icons-current-theme {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
}

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

.footer-section {
  background-image: linear-gradient(270deg, #142046, #070b19);
}

.footer-section.footer-section-draft {
  background-color: #f4f1ec;
  background-image: none;
}

.mobile-footer-column, .flex-block-16, .flex-block-17, .image-7 {
  display: none;
}

.container-4 {
  width: 100%;
  max-width: 100%;
}

.privacy-policy-hero-design {
  background-color: #d3ddfb4d;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 100%;
  max-height: 580px;
  overflow: hidden;
}

.policy-text-section {
  flex-direction: column;
  align-items: flex-start;
  max-width: 946px;
  margin-bottom: -500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -500px;
}

.policy-page-heading {
  text-align: center;
  width: 100%;
}

.policy-page-image {
  margin-top: 90px;
  margin-bottom: 50px;
}

.policy-text-div {
  text-align: justify;
  margin-bottom: 120px;
}

.policy-text-header {
  white-space: nowrap;
  margin-top: 48px;
  margin-bottom: 32px;
}

.container-5 {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.cookie-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.cookie-row.grey-background {
  background-color: #f0f0f0;
}

.cookie-row.grey-background.first-row {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.cookie-row.grey-background.last-row {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.table-element {
  padding: 22px 32px;
}

.table-element.middle-element {
  width: 275px;
}

.table-element.first-element {
  width: 150px;
}

.table-element.last-element {
  width: 220px;
}

.cookies-table {
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 10px;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.terms-of-service-content-row {
  justify-content: center;
  min-width: 100%;
  position: relative;
}

.terms-of-service-image-left {
  width: 30vw;
  position: absolute;
  top: 140px;
  left: 0;
  overflow: hidden;
}

.terms-of-service-page-content {
  width: 668px;
  min-width: 668px;
  margin-bottom: 60px;
  position: relative;
}

.terms-of-service-page-heading {
  text-align: center;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
}

.terms-of-service-content-heading {
  white-space: nowrap;
  margin-top: 48px;
  margin-bottom: 32px;
}

.terms-of-service-image-right {
  width: 40vw;
  position: absolute;
  top: 47px;
  right: 0;
  overflow: hidden;
}

.hero-section {
  background-color: #d3ddfb4d;
  justify-content: center;
  height: 560px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.hero-section.newsletter {
  height: 650px;
}

.hero-section.podcast-episode {
  height: 100%;
  min-height: 630px;
}

.hero-section.all-use-cases-hero {
  height: auto;
}

.hero-section.feature-template-hero-text-content.static {
  text-align: center;
  background-image: linear-gradient(#f0f4ff, #fff);
  flex-flow: column;
  align-items: center;
  height: auto;
  padding: 100px 24px 0;
}

.hero-section.partnership {
  height: 620px;
}

.hero-section.webinar {
  height: 600px;
}

.hero-heading {
  color: #1e2530;
  width: 517px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.hero-heading.newsletter {
  text-align: center;
  width: 543px;
}

.hero-heading.podcast-episode {
  text-align: center;
  width: 100%;
  max-width: 850px;
}

.hero-heading.feature-template-hero-heading.static {
  color: #1a1a2e;
  text-align: center;
  letter-spacing: -1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 20px;
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
  display: block;
}

.hero-heading.feature-template-hero-heading.static.feature-requests {
  max-width: 800px;
}

.hero-heading.feature-template-hero-heading.static.roadmap {
  max-width: 700px;
}

.hero-heading.pricing-hero-heading {
  text-align: center;
  width: auto;
  font-size: 48px;
  line-height: 56px;
}

.hero-heading.pricing-hero-heading.medium {
  color: var(--white);
  font-size: 35px;
}

.hero-heading.home {
  width: 100%;
  padding-right: 0;
}

.hero-heading.home.dark-ui {
  color: var(--white);
  background-image: none;
}

.hero-heading.home.dark-ui.left {
  text-align: left;
}

.hero-heading.medium {
  font-size: 32px;
  line-height: 40px;
}

.hero-heading.medium.dark-ui {
  width: auto;
  height: 120px;
  color: var(--white);
  background-image: none;
  margin-bottom: 56px;
}

.hero-heading.medium.dark-ui.demo {
  width: 478px;
  height: auto;
  margin-bottom: 0;
  font-size: 33px;
  line-height: 55px;
}

.hero-heading.referrals {
  width: auto;
}

.hero-text-content {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  max-width: 750px;
  height: auto;
  padding-top: 0;
}

.hero-text-content.newsletter {
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
}

.hero-text-content.podcast-episode {
  grid-row-gap: 45px;
  justify-content: flex-start;
  align-items: center;
}

.hero-text-content.case-hero-text-content {
  height: auto;
  padding-top: 0;
}

.hero-text-content.integrations-hero-text-content {
  width: 1178px;
}

.hero-text-content.static {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1178px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: static;
}

.hero-hashtag {
  color: #5478f0;
  font-weight: 500;
}

.hero-design-background-left {
  z-index: 0;
  width: 511px;
  height: 245px;
  margin-top: 0;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.hero-design-background-left.podcast-episode {
  height: auto;
}

.hero-image {
  z-index: 2;
  border-radius: 16px;
  flex: 0 auto;
  width: 517px;
  height: auto;
}

.hero-image.case-hero-image {
  margin-top: 0;
}

.hero-image.resources {
  width: 400px;
}

.hero-image.resources.webinar, .hero-image.partnership {
  width: auto;
}

.last-card-moving-tree {
  position: absolute;
  bottom: 0;
  right: 130px;
}

.flex-block-15 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
}

.bold-text {
  font-weight: 600;
}

.second-card-moving-circle {
  position: absolute;
  bottom: 40px;
  right: 50px;
}

.last-card-moving-bird {
  position: absolute;
  bottom: 138px;
  right: 3px;
}

.learn-more-card {
  background-color: #f2f5fe;
  border-radius: 26.4px;
  width: 378px;
  min-width: 378px;
  height: 252px;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 145px;
  transition: background-color .5s;
  position: relative;
}

.learn-more-card:hover {
  background-color: #ffe352;
}

.learn-more-card.second-card {
  padding-top: 23px;
}

.first-card-moving-tree {
  width: 30px;
  position: absolute;
  bottom: 0;
  right: 160px;
}

.first-card-moving-tree.contributor, .first-card-moving-tree.home-page {
  right: 180px;
}

.text-6 {
  font-weight: 600;
}

.flex-block-14 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  min-width: 100%;
}

.contributor-card-image {
  position: absolute;
  bottom: 0;
  right: 0;
}

.contribute-card-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.learn-more-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.contribute-survey-header {
  font-size: 20px;
}

.contribute-survey-header:hover {
  text-decoration: underline;
}

.contribute-surveys-container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 160px;
}

.contribute-surveys-wrapper {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
}

.contribute-survey-description-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.heading-7 {
  font-size: 36px;
  line-height: 46px;
}

.text-7 {
  color: #1e2530;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-7.ebook-page-hashtag {
  color: #5478f0;
  font-weight: 600;
}

.link-block {
  color: #5478f0;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.contribute-survey {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 570px;
  padding: 20px;
}

.contribute-survey-section {
  background-color: #d3ddfb33;
}

.survey-icon {
  justify-content: center;
  align-items: center;
  width: 100px;
  min-width: 100px;
  height: 100px;
  display: flex;
}

.join-section {
  position: static;
}

.join-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 36px;
}

.join-heading.variant-a {
  display: none;
}

.join-heading.variant-a:lang(pt-br), .join-heading.variant-a:lang(es), .join-heading.variant-a:lang(fr) {
  display: block;
}

.join-heading.variant-b {
  display: none;
}

.join-heading.small {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 38px;
}

.demo-buttons-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.hero-design-background-right {
  z-index: -1;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.hero-design-background-right.newsletter {
  bottom: 0;
}

.newsletter-hero-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.basic-components-body {
  grid-column-gap: 500px;
  grid-row-gap: 500px;
  flex-direction: column;
  display: flex;
}

.partnership-hero-wrapper {
  position: relative;
}

.partnership-page-content {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.partnership-page-content.less-space {
  padding-bottom: 20px;
}

.partner-use-case-image {
  width: 40vw;
}

.partner-use-case-image.size-s {
  width: 35vw;
}

.partnership-use-case {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  align-items: center;
}

.partner-use-case-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 400px;
}

.benefits-section {
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 170px;
  display: flex;
}

.benefits-header {
  text-align: center;
  max-width: 645px;
}

.partnership-benefit-card {
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 550px;
  padding: 48px;
}

.partnership-card-image {
  background-color: #fbfcff;
}

.partnership-card-header {
  text-align: center;
  max-width: 300px;
  margin-bottom: 48px;
}

.partnership-card-button {
  color: #1b393a;
  background-color: #dffbf0;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding: 23px 48px;
  font-weight: 700;
  display: flex;
}

.partnership-card-button:hover {
  color: #fff;
  background-color: #1b393a;
}

.partnership-benefits-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
}

.card-image-wrapper {
  background-color: #fbfcff;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
}

.join-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
}

.join-container.talk-us {
  padding-top: 55px;
  padding-bottom: 55px;
}

.join-container.small {
  padding-top: 32px;
  padding-bottom: 32px;
}

.newsletter-hero-description {
  text-align: center;
  font-weight: 400;
}

.form {
  height: 64px;
  display: flex;
  position: relative;
}

.newsletter-email-input {
  background-color: #e3e9fd;
  border-radius: 100px;
  width: 460px;
  height: 100%;
  padding-left: 32px;
  overflow: hidden;
}

.newsletter-email-submit-button {
  text-align: center;
  background-color: #5478f0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 23px 48px;
  font-weight: 600;
  line-height: 17.33px;
  display: flex;
  position: absolute;
  right: 0;
}

.newsletter-email-submit-button:hover {
  background-color: #315ced;
}

.div-block-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.hero-content-div {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  padding-left: 150px;
  padding-right: 150px;
  position: relative;
}

.hero-content-div.podcast-episode {
  height: 100%;
}

.hero-content-div.feature-template-hero-text-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  width: 1178px;
  padding-left: 0;
  padding-right: 0;
}

.hero-content-div.feature-template-hero-text-content.static {
  background-image: linear-gradient(#000, #fff);
  flex-flow: column;
  flex: none;
  justify-content: center;
  width: auto;
  padding: 100px 24px 80px;
}

.hero-content-div.all-cases-hero-content {
  justify-content: space-between;
  width: 1178px;
}

.hero-content-div.integrations-hero-content-div {
  width: 1178px;
  padding-left: 0;
  padding-right: 0;
}

.hero-content-div.partnership-hero, .hero-content-div.webinar {
  padding-left: 100px;
  padding-right: 100px;
}

.hero-content-div.referrals {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-left: 40px;
  padding-right: 40px;
}

.resources-content-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
}

.resources-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  overflow: hidden;
}

.resources-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: auto;
}

.collection-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 370px;
  margin-bottom: 40px;
  margin-right: 34px;
  display: flex;
}

.resources-content-heading {
  font-size: 48px;
  line-height: 56px;
}

.resources-content-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.resources-content-section.ebooks {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

.content-card-tag {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 24px;
  display: flex;
}

.divider-line {
  border: 1px solid #d5e5e5;
  height: 1px;
}

.card-footer {
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  height: 48px;
  display: flex;
  position: relative;
}

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

.content-card-footer.podcast-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.content-card-footer.ebooks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.content-card-footer.newsletter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
}

.content-link-block {
  color: #1b393a;
  text-decoration: none;
}

.content-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1.75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 370px;
  height: 660px;
  padding: 20px 24px 32px;
  transition: box-shadow .2s;
  display: flex;
}

.content-card:hover {
  box-shadow: 0 2px 5px #0003;
}

.content-card.podcast-info {
  height: auto;
}

.content-card.webinars {
  height: 753px;
}

.content-card.webinars:lang(fr) {
  height: 800px;
}

.content-card.university {
  cursor: default;
  width: 465px;
  height: auto;
  min-height: 500px;
}

.content-card.university:hover {
  box-shadow: none;
}

.card-contents {
  width: 322px;
  height: 100%;
  text-decoration: none;
}

.card-contents.podcast-info {
  min-height: 586px;
}

.text-block-3 {
  color: #5478f0;
  line-height: 16.8px;
}

.heading-2 {
  width: 100%;
  margin-top: 18px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.heading-2.university {
  margin-top: 32px;
  margin-bottom: 24px;
}

.heading-2.webinar-heading {
  min-height: 60px;
}

.resource-card-image {
  width: 17px;
  height: 17px;
}

.resources-card-cta {
  color: #5478f0;
  font-weight: 700;
}

.ebook-template-content {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  align-items: center;
}

.ebook-image {
  z-index: 1;
  object-fit: cover;
  border-radius: 20px;
  height: 550px;
  position: relative;
}

.ebook-content-rich-text {
  color: #1b393a;
  font-size: 16px;
  line-height: 24px;
}

.ebook-cta {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  width: 470px;
  height: 550px;
}

.ebook-content-section {
  background-color: #d3ddfb4d;
  flex-direction: column;
  align-items: center;
  padding: 80px 140px 140px 120px;
  display: flex;
}

.email-input {
  background-color: #fff;
  border-radius: 16px;
  width: 470px;
  height: 100%;
  padding-top: 32px;
  padding-left: 35px;
  padding-right: 35px;
  position: static;
}

.ebook-header {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 90px;
}

.footer-info-row {
  grid-column-gap: 10px;
  display: flex;
}

.footer-info-row.podcasts, .footer-info-row.podcast-info {
  justify-content: space-between;
}

.footer-info-row.webinars {
  justify-content: space-between;
  align-items: center;
}

.footer-cta-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.podcast-length {
  color: #1e253080;
}

.customer-comments-section {
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.comments-user-text {
  font-size: 13px;
  line-height: 15px;
}

.comments-user-text.author-user-name {
  font-weight: 600;
}

.comment-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 4px solid #0000;
  border-radius: 24px;
  padding: 48px 56px 48px 48px;
  overflow: hidden;
}

.comment-card:hover {
  border: 4px solid #1b393a;
  box-shadow: 10px 10px #1b393a99;
}

.comment-card.customer-comment-card {
  border-width: 4px;
  border-color: #1b393a;
  box-shadow: 10px 10px #1b393a99;
}

.comment-card.customer-comment-card:hover {
  box-shadow: 10px 10px #1b393a99;
}

.comment-card.customer-comment-card.comparison {
  justify-content: flex-start;
  height: 286px;
  padding: 25px 40px;
}

.comment-card.customer-comment-card.comparison:lang(pt-br) {
  height: 300px;
}

.comment-card.customer-comment-card.comparison:lang(es), .comment-card.customer-comment-card.comparison:lang(fr) {
  height: 310px;
}

.comment-card.customer-comment-card.comparison-2 {
  height: 380px;
}

.comments-header {
  text-align: center;
  max-width: 528px;
}

.comment-card-wrapper {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.comment-card-wrapper.customer-stories {
  margin-top: 40px;
  margin-bottom: 60px;
}

.user-image {
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.user-image.height {
  width: auto;
  height: 80px;
}

.user-comment {
  width: 340px;
  font-weight: 400;
  line-height: 28px;
}

.user-comment.demo {
  width: 440px;
}

.user-comment.customer-user-comment {
  width: 100%;
}

.user-comment.kpi-user-comment {
  text-shadow: 0 1px 1px #0003;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  width: 400px;
  height: auto;
  overflow: hidden;
}

.user-comment.webinar {
  width: auto;
}

.user-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

.user-info.author-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 24px;
}

.customer-comments-slider {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 42px 130px;
  position: relative;
  bottom: -16px;
  overflow: auto;
}

.episode-description-section {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.podcast-episode-wrapper-div {
  width: 100%;
}

.heading-0 {
  font-size: 64px;
  line-height: 64px;
}

.heading-0.atomic-components-header, .contributor-survey-header {
  text-align: center;
}

.text-5 {
  font-size: 13px;
  line-height: 15px;
}

.atomic-component-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.flex-block-23 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}

.button {
  letter-spacing: .56px;
  border-radius: 4px;
  font-weight: 700;
  transition: background-color .4s;
}

.button.blue-primary {
  background-color: #5478f0;
  border: 1px solid #5478f0;
}

.button.blue-primary:hover {
  border: 1px solid var(--ugblue500);
  background-color: var(--ugblue500);
  color: var(--white);
}

.button.blue-primary:active {
  border-color: var(--ugblue700);
  background-color: var(--ugblue700);
}

.button.blue-primary:focus {
  background-color: var(--ugblue700);
}

.button.blue-primary.xsmall {
  padding: 15px 20px;
}

.button.blue-primary.xsmall:hover {
  background-color: #2755ec;
}

.button.blue-primary.medium {
  padding: 19px 32px;
}

.button.blue-primary.medium.hero-button {
  display: block;
}

.button.blue-primary.medium.hero-button.cta-click-listen {
  text-transform: none;
  border-radius: 10px;
  padding: 18px 36px;
  font-size: 16px;
  text-decoration: none;
}

.button.blue-primary.medium.hero-button.cta-click-listen:lang(fr) {
  text-align: left;
}

.button.blue-primary.medium.hero-button.cta-click-listen.cta-click-listen-v2 {
  border-radius: 10px;
  padding: 18px 36px;
  font-size: 16px;
}

.button.blue-primary.medium.hero-button.cta-click-listen.cta-click-listen-v2:lang(pt-br), .button.blue-primary.medium.hero-button.cta-click-listen.cta-click-listen-v2:lang(es), .button.blue-primary.medium.hero-button.cta-click-listen.cta-click-listen-v2:lang(fr) {
  font-size: 16px;
}

.button.blue-primary.medium.ty {
  z-index: 10;
}

.button.blue-primary.medium.ty.cta-click-listen {
  font-size: 20px;
}

.button.blue-primary.large {
  padding: 23px 48px;
}

.button.blue-secondary {
  background-color: var(--white);
  color: #5478f0;
  border: 1px solid #5478f0;
}

.button.blue-secondary:hover {
  background-color: var(--ugblue50);
  color: var(--ugblue);
}

.button.blue-secondary:active, .button.blue-secondary:focus {
  border-color: var(--ugblue900);
}

.button.blue-secondary.xsmall, .button.xsmall {
  padding: 15px 20px;
}

.button.xsmall.red-primary {
  background-color: var(--ugred);
  padding: 15px 20px;
}

.button.xsmall.red-primary.blog-demo {
  justify-content: center;
  align-items: center;
  width: 170px;
  display: flex;
}

.button.xsmall.red-primary.blog-demo.cta-click-listen:lang(pt-br) {
  padding-left: 10px;
  padding-right: 10px;
}

.button.xsmall.red-primary.blog-demo.cta-click-listen:lang(es) {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.button.xsmall.green-primary {
  background-color: var(--uggreenlight);
  color: var(--uggreen);
  margin-top: 0;
  padding: 15px 20px;
}

.button.xsmall.yellow-primary {
  border: 1px solid var(--ugyellowlight);
  background-color: var(--ugyellowlight);
  color: var(--ugblue);
  flex: none;
  align-self: center;
}

.button.xsmall.yellow-primary.badge-part {
  z-index: 5;
  margin-top: 32px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.button.xsmall.yellow-primary.badge-part:hover {
  background-color: var(--ugyellowlight);
}

.button.xsmall {
  padding: 19px 32px;
}

.button.xsmall.blue-primary.customer-story-button {
  align-self: flex-start;
}

.button.xsmall.blue-primary.cta-click-listen {
  text-align: center;
  background-color: #5478f0;
  border-style: none;
  border-radius: 10px;
  width: 151.664px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 16px;
  font-weight: 600;
}

.button.xsmall.blue-primary.cta-click-listen:hover {
  background-color: var(--white);
  color: var(--ugblue);
  border-style: none;
}

.button.xsmall.blue-primary.cta-click-listen:lang(pt-br), .button.xsmall.blue-primary.cta-click-listen:lang(es), .button.xsmall.blue-primary.cta-click-listen:lang(fr) {
  width: auto;
}

.button.xsmall.blue-primary.cta-click-listen.header-cta-draft {
  background-color: #0d0e0b;
  border-color: #0000;
}

.button.xsmall.blue-primary.cta-click-listen.header-cta-draft:hover {
  color: var(--white);
}

.button.xsmall.blue-primary.cta-click-listen.header-cta-draft:lang(es) {
  min-width: auto;
}

.button.xsmall.blue-primary.cta-click-listen.start-for-free-draft {
  display: none;
}

.button.xsmall.blue-primary.pricing-header {
  text-align: center;
  width: 202.625px;
}

.button.xsmall.blue-primary.pricing-header.cta-click-listen {
  border-width: 0;
  width: 172px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.button.xsmall.blue-primary.pricing-header.cta-click-listen:hover {
  background-color: var(--ugblue50);
  color: var(--ugblue);
}

.button.xsmall.blue-primary.pricing-header.light-blue.cta-click-listen {
  background-color: var(--ugblue50);
  width: 172px;
  color: var(--ugblue);
}

.button.xsmall.blue-primary.pricing-header.light-blue.cta-click-listen:hover {
  background-color: var(--ugblue);
  color: var(--white);
}

.button.xsmall.red-primary {
  background-color: var(--ugred);
}

.button.xsmall.red-primary:hover {
  background-color: var(--white);
  color: var(--ugred);
}

.button.xsmall.red-primary.header-start {
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}

.button.xsmall.red-secondary {
  border: 1px solid var(--ugred);
  background-color: var(--white);
  color: var(--ugred);
}

.button.xsmall.red-secondary:hover {
  background-color: var(--ugred);
  color: var(--white);
}

.button.xsmall.green-primary {
  background-color: var(--uggreenlight);
  width: auto;
  color: var(--uggreen);
  flex: 0 auto;
  order: 0;
  align-self: auto;
  margin-top: 12px;
  display: block;
}

.button.xsmall.green-primary:hover {
  background-color: var(--uggreen);
  color: var(--white);
}

.button.xsmall.green-primary.pricing-button {
  width: 100%;
}

.button.xsmall.green-primary.pricing-button.talk-to-us-basic {
  background-color: var(--ugblue);
  color: var(--white);
  display: none;
}

.button.xsmall.green-primary.pricing-button.talk-to-us-basic:hover {
  background-color: var(--white);
  color: var(--ugblue);
}

.button.xsmall.green-primary.pricing-button.talk-to-us-pro {
  display: none;
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.corp {
  background-color: var(--white);
  width: 100%;
  color: var(--ugblue);
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.corp:hover {
  background-color: var(--ugblue);
  color: var(--white);
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.corp.pricing-cta {
  border-radius: 10px;
  font-size: 16px;
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.corp.pricing-cta.pricing-band-button {
  width: auto;
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.blue {
  background-color: var(--ugblue);
  color: var(--white);
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.blue:hover {
  background-color: var(--white);
  color: var(--ugblue);
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.blue:lang(fr) {
  padding-left: 10px;
  padding-right: 10px;
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.blue.pricing-cta {
  border-radius: 10px;
  font-size: 16px;
}

.button.xsmall.green-primary.pricing-button.cta-click-listen.blue.pricing-cta:lang(fr) {
  border-radius: 10px;
}

.button.xsmall.yellow-primary {
  border: 1px solid var(--ugyellowlight);
  background-color: var(--ugyellowlight);
  color: var(--ugblue);
}

.button.xsmall.yellow-primary:hover {
  background-color: var(--white);
}

.button.xsmall.green-secondary {
  background-color: var(--uggreen10);
  color: var(--uggreen);
}

.button.xsmall.green-secondary:hover {
  background-color: var(--uggreen);
  color: var(--white);
}

.button.xsmall.green-secondary.workflow-button {
  justify-content: center;
  align-items: center;
  min-width: 170px;
  display: flex;
}

.button.xsmall.blue-pro {
  background-color: #1b393a;
  justify-content: center;
  align-items: center;
  width: 153px;
  height: 49px;
  padding: 0;
  font-size: 12px;
  display: flex;
  position: relative;
}

.button.xsmall.blue-pro:hover {
  color: #1b393a;
  background-color: #fff;
}

.button.medium {
  padding: 23px 48px;
}

.button.medium.red-primary {
  background-color: var(--ugred);
  color: var(--white);
  white-space: nowrap;
}

.button.medium.red-primary:hover {
  background-color: var(--white);
  color: var(--ugred);
}

.button.medium.red-secondary {
  border: 1px solid var(--ugred);
  background-color: var(--white);
  color: var(--ugred);
}

.button.medium.red-secondary:hover {
  background-color: var(--ugred100);
  color: var(--ugred);
}

.button.medium.red-secondary:active, .button.medium.red-secondary:focus {
  background-color: var(--white);
}

.button.medium.green-primary {
  background-color: var(--uggreenlight);
  color: var(--uggreen);
}

.button.medium.green-primary:hover {
  background-color: var(--uggreen);
  color: var(--white);
}

.button.medium.yellow-primary {
  border: 1px solid var(--ugyellowlight);
  background-color: var(--ugyellowlight);
  color: var(--ugblue);
}

.button.medium.yellow-primary:hover {
  background-color: #ffe979;
}

.button.medium.yellow-primary:active, .button.medium.yellow-primary:focus {
  background-color: #ffdc27;
}

.button.medium.blue-secondary.join-start.cta-click-listen.cta-click-v2 {
  text-align: center;
  width: 220px;
  padding: 18px 36px;
  font-size: 16px;
}

.button.medium.blue-secondary.join-start.cta-click-listen.cta-click-v2:lang(es) {
  width: 228px;
}

.button.medium.blue-secondary.join-start.cta-click-listen.cta-click-v2:lang(fr) {
  width: 282px;
}

.button.medium.blue-secondary.join-start.cta-click-listen.cta-click-v2:lang(pt-br) {
  width: 226px;
}

.button.medium.blue-secondary.home-page.cta-click-listen {
  text-align: center;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
  background-image: linear-gradient(270deg, var(--gradient1), var(--gradient2));
  width: 151.66px;
  color: var(--white);
  text-transform: none;
  background-color: #0000;
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  margin-left: 0;
  margin-right: auto;
  padding: 15px 18px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:hover {
  background-color: var(--ugblue);
  background-image: none;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(es) {
  width: 190px;
  padding-left: 18px;
  padding-right: 18px;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(fr) {
  width: 250px;
  padding-left: 18px;
  padding-right: 18px;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(pt-br) {
  width: 192px;
  max-width: none;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui.form {
  background-color: var(--ugblue);
  background-image: none;
  border-style: none;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.button.medium.blue-secondary.home-page.cta-click-listen.dark-ui.form:hover {
  background-color: var(--white);
  color: var(--ugblue);
}

.button.medium.blue-primary {
  padding: 23px 48px;
}

.button.medium.blue-primary:hover {
  background-color: #2755ec;
}

.button.medium.blue-primary.deals-url {
  color: var(--white);
  padding: 15px 20px;
}

.button.medium.blue-primary.deals-url:hover {
  color: var(--white);
}

.button.medium.blue-primary.join-demo.cta-click-listen {
  text-align: center;
  width: 220px;
  padding: 18px 36px;
  font-size: 16px;
}

.button.medium.blue-primary.join-demo.cta-click-listen.long {
  padding-left: 100px;
  padding-right: 100px;
}

.button.medium.blue-primary.join-demo.cta-click-listen.cta-click-v2:lang(es) {
  width: 230px;
  font-size: 16px;
}

.button.medium.blue-primary.join-demo.cta-click-listen.cta-click-v2:lang(fr) {
  width: 282px;
}

.button.medium.blue-primary.join-demo.cta-click-listen.cta-click-v2:lang(pt-br) {
  width: 226px;
}

.button.medium.blue-primary.home-page.cta-click-listen {
  text-align: center;
  border-style: none;
  border-radius: 10px;
  width: 151.66px;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 18px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

.button.medium.blue-primary.home-page.cta-click-listen:hover {
  border-style: solid;
  border-color: var(--ugblue);
  background-color: var(--white);
  color: var(--ugblue);
}

.button.medium.blue-primary.home-page.cta-click-listen:lang(es) {
  width: 230px;
  padding-left: 35px;
  padding-right: 35px;
}

.button.medium.blue-primary.home-page.cta-click-listen:lang(fr) {
  width: 250px;
  padding-left: 18px;
  padding-right: 18px;
  overflow: visible;
}

.button.medium.blue-primary.home-page.cta-click-listen:lang(pt-br) {
  width: 192px;
  padding-left: 18px;
  padding-right: 18px;
}

.button.medium.blue-primary.cta-click-listen {
  background-color: var(--ugblue);
}

.button.medium.blue-primary.cta-click-listen.mobile {
  display: none;
}

.button.small {
  padding: 19px 32px;
}

.button.small.blue-primary:hover {
  background-color: #2755ec;
}

.button.small.blue-secondary:hover {
  background-color: var(--ugblue);
  color: var(--white);
}

.button.small.red-primary {
  background-color: var(--ugred);
  color: var(--white);
}

.button.small.red-primary:hover {
  background-color: var(--ugred500);
  color: var(--white);
}

.button.small.red-primary:active, .button.small.red-primary:focus {
  background-color: var(--ugred700);
}

.button.small.green-primary {
  background-color: var(--uggreenlight);
  color: var(--uggreen);
}

.button.small.green-primary:hover {
  background-color: var(--uggreen);
  color: var(--white);
}

.button.small.yellow-primary {
  border: 1px solid var(--ugyellowlight);
  background-color: var(--ugyellowlight);
  color: var(--ugblue);
}

.button.small.yellow-primary:hover {
  background-color: #ffe979;
}

.button.small.yellow-primary:active, .button.small.yellow-primary:focus {
  background-color: #ffdc27;
}

.button.large {
  padding: 27px 48px;
}

.button.large.blue-primary {
  padding-top: 27px;
  padding-bottom: 27px;
}

.button.large.blue-primary:hover {
  background-color: #2755ec;
}

.button.large.blue-primary.home-single-demo {
  justify-content: center;
  align-items: center;
  width: 310px;
  display: flex;
}

.button.large.blue-primary.home-single-demo.cta-click-listen {
  color: #fff;
  text-align: center;
  border-width: 2px;
  border-radius: 10px;
  width: 151.6px;
  padding: 15px 18px;
  text-decoration: none;
  display: block;
}

.button.large.blue-primary.home-single-demo.cta-click-listen:hover {
  background-color: #4366d8;
}

.button.large.blue-primary.home-single-demo.cta-click-listen.variant-a {
  display: none;
}

.button.large.blue-primary.home-single-demo.cta-click-listen.variant-a:lang(pt-br), .button.large.blue-primary.home-single-demo.cta-click-listen.variant-a:lang(es), .button.large.blue-primary.home-single-demo.cta-click-listen.variant-a:lang(fr) {
  display: block;
}

.button.large.blue-secondary.blog-load-more {
  padding-left: 103px;
  padding-right: 103px;
}

.button.large.red-primary {
  position: relative;
}

.button.large.red-secondary {
  border: 1px solid var(--ugred);
}

.button.large.red-secondary:hover {
  background-color: var(--ugred100);
}

.button.large.red-secondary:active {
  background-color: var(--white);
}

.button.large.green-primary {
  background-color: var(--uggreenlight);
  color: var(--uggreen);
}

.button.large.green-primary:hover {
  background-color: var(--uggreen);
  color: var(--white);
}

.button.large.green-primary:active {
  background-color: #142c2d;
}

.button.large.green-primary:focus {
  color: var(--white);
  background-color: #142c2d;
}

.button.large.yellow-primary {
  color: var(--ugblue);
}

.button.large.yellow-primary:hover {
  background-color: #ffe979;
}

.button.large.yellow-primary:active, .button.large.yellow-primary:focus {
  background-color: #ffdc27;
}

.button.red-primary {
  background-color: var(--ugred);
}

.button.red-primary:hover {
  background-color: var(--ugred500);
}

.button.red-primary:active, .button.red-primary:focus {
  background-color: var(--ugred700);
}

.button.red-primary.medium:hover {
  background-color: var(--ugred500);
  color: var(--white);
}

.button.red-primary.medium:active, .button.red-primary.medium:focus {
  background-color: var(--ugred700);
}

.button.red-primary.xsmall:hover {
  background-color: var(--ugred500);
  color: var(--white);
}

.button.red-primary.xsmall:active, .button.red-primary.xsmall:focus {
  background-color: var(--ugred700);
}

.button.red-secondary {
  background-color: var(--white);
  color: var(--ugred);
}

.button.red-secondary.xsmall:hover {
  background-color: var(--ugred100\<deleted\|variable-d4ce61e7-e45c-3c30-2543-f0fe530ccd93\>);
  color: var(--ugred);
}

.button.red-secondary.xsmall:active {
  background-color: var(--white);
  color: var(--ugred);
}

.button.red-secondary.xsmall:focus {
  background-color: var(--white);
}

.button.yellow-primary {
  background-color: var(--ugyellowlight);
}

.button.yellow-primary.xsmall {
  padding: 15px 20px;
}

.button.yellow-primary.xsmall:hover {
  background-color: #ffe979;
}

.button.yellow-primary.xsmall:active, .button.yellow-primary.xsmall:focus {
  background-color: #ffdc27;
}

.button.yellow-primary.xsmall.banner-padding {
  padding: 12px 16px;
}

.button.yellow-primary.xsmall.banner-padding.cta-click-listen {
  background-color: var(--ugblue);
  color: var(--white);
  border-style: none;
  padding: 9px 30px;
  display: block;
}

.button.yellow-primary.xsmall.banner-padding.cta-click-listen.halloween {
  color: var(--white);
  background-color: #fe613e;
  border-color: #fe613e;
  padding: 5px 60px;
}

.button.yellow-primary.xsmall.banner-padding.cta-click-listen.new-button {
  display: block;
}

.flex-block-24 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.stylesheet-header-section {
  margin-bottom: 100px;
}

.search-box {
  border: 1px solid var(--alicebluedark);
  background-color: var(--alicebluelight);
  height: 48px;
  color: var(--uggreen);
  padding: 17px 24px;
}

.search-box:focus {
  border-color: var(--ugblue);
}

.search-box::placeholder {
  color: var(--uggreen50);
  font-size: 16px;
  font-weight: 500;
}

.search-box-wrapper {
  width: 350px;
  display: flex;
  position: relative;
}

.search-box-icon {
  position: absolute;
  top: 17px;
  right: 24px;
}

.form-block {
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.hero-design-background-left-2 {
  z-index: -1;
  width: 511px;
  height: 245px;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero-design-background-left-2.cust-back-left {
  height: 458px;
}

.hero-hashtag-2 {
  color: #5478f0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.int-content-img {
  padding: 4px 16px 4px 4px;
}

.int-desc {
  border-top: 1px solid #0000001a;
  margin-top: 37px;
  padding-top: 23px;
}

.integrations-heading {
  margin-bottom: 80px;
  font-size: 40px;
  line-height: 50px;
}

.int-card-heading {
  justify-content: space-between;
  display: flex;
}

.integrations {
  cursor: auto;
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 0;
  padding-top: 80px;
  padding-bottom: 214px;
  transition: background-color .12s, color .12s;
  display: flex;
}

.int-card-button {
  color: #1b393a;
  text-align: center;
  background-color: #dffbf0;
  font-weight: 700;
  transition: color .12s, background-color .12s;
}

.int-card-button:hover {
  color: #dffbf0;
  background-color: #1b393a;
}

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

.int-card {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 370px;
  height: 370px;
  padding: 36px 24px 32px;
  display: flex;
}

.integration-container {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 1178px;
  min-height: 30px;
  display: grid;
}

.text-9 {
  color: #1e2530;
  max-width: 400px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.int-title-2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.image-12 {
  width: 40px;
  max-height: 40px;
}

.image-12.width {
  width: 50px;
}

.light-form-box-label {
  color: var(--uggreen10);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  top: 24px;
  left: 24px;
}

.light-form-box {
  border: 1px solid var(--alicebluedark);
  background-color: var(--alicebluelight);
  width: 420px;
  height: 64px;
  color: var(--uggreen);
  margin-bottom: 0;
  padding: 0 0 0 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: border-color .3s;
}

.light-form-box:focus {
  border-color: var(--ugblue);
}

.light-form-box-wrapper, .dark-form-box-wrapper {
  position: relative;
}

.dark-form-box-label {
  color: var(--white);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  top: 24px;
  left: 24px;
}

.dark-form-box {
  border: 1px solid var(--alicebluedark);
  background-color: var(--ugblue40);
  width: 420px;
  height: 64px;
  color: var(--white);
  margin-bottom: 0;
  padding: 0 0 0 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: border-color .3s;
}

.dark-form-box:focus {
  border-color: var(--ugblue);
}

.header-menu-bottom-line {
  background-color: var(--white);
  width: 0%;
  height: 1px;
  display: block;
  overflow: hidden;
}

.header-menu-bottom-line.product.menu-bottom-line-draft, .header-menu-bottom-line.customers.header-bottom-line-draft, .header-menu-bottom-line.pricing.header-bottom-line-draft, .header-menu-bottom-line.resources.menu-bottom-line-draft, .header-menu-bottom-line.login.login-bottom-line-draft {
  display: none;
}

.header-menu-text {
  flex-flow: column;
}

.header-menu-text.hide {
  display: none;
}

.header-menu-text.header-menu-text-draft {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-mobile-wrapper {
  display: none;
}

.text-block-11 {
  color: #1e253080;
}

.webinar-hero-design {
  background-color: #d3ddfb4d;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 100%;
  height: 580px;
  position: relative;
}

.webinar-page-tag {
  text-align: center;
  width: 100%;
}

.webinar-page-heading {
  text-align: center;
  width: 100%;
  margin-bottom: 90px;
}

.webinar-page-heading.margin {
  margin-bottom: 40px;
}

.webinar-page-video-image {
  border-radius: 32px;
  width: 100%;
  max-width: 950px;
  min-height: 273.811px;
}

.webinar-page-video-image.register {
  max-width: 580px;
  margin-bottom: 20px;
}

.webinar-page-video-image.full-height {
  height: 100%;
}

.webinar-page-description {
  max-width: 580px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 28px;
}

.webinar-comment-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: var(--ugpurple20);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 120px 0 80px;
  display: flex;
}

.webinar-comment-header {
  text-align: center;
  max-width: 560px;
  font-size: 48px;
  line-height: 56px;
}

.webinar-comment-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  width: 577px;
  padding: 40px 48px;
  position: relative;
}

.webinar-comment-cards-container, .webinar-comment-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.image-13 {
  height: 280px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.webinar-comment-card-text {
  width: 200px;
  font-weight: 400;
}

.flex-block-29 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.webinar-comment-card-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: row;
  justify-content: space-between;
  width: 577px;
  height: 300px;
  padding: 40px 48px;
  position: relative;
  overflow: hidden;
}

.flex-block-30 {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}

.button-arrow {
  width: 22px;
  height: auto;
  transition: width .4s;
  overflow: hidden;
}

.button-arrow:hover {
  width: 25px;
  max-width: none;
  height: 18px;
}

.button-arrow.benefit-arrow {
  transition-property: none;
}

.button-arrow.benefit-arrow:hover {
  width: 22px;
}

.button-arrow-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-arrow-wrapper.other-products-cards-arrow {
  margin-top: 16px;
}

.button-arrow-wrapper.blog-detail {
  position: static;
}

.customer-button-arrow {
  width: 25px;
  max-width: none;
  height: 18px;
  position: absolute;
  left: 0;
}

.customer-button-arrow-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
  position: relative;
}

.webinar-badge-card {
  grid-row-gap: 57px;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 577px;
  padding-top: 80px;
  padding-bottom: 48px;
  display: grid;
  position: relative;
}

.webinar-badge {
  width: 90px;
  max-width: none;
}

.webinar-badge.gtwo {
  width: 100px;
  max-width: 97px;
  height: 100%;
}

.webinar-badge.star {
  width: 200px;
}

.webinar-badge._2nd-row {
  width: auto;
}

.webinar-badge-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.webinar-image-wrapper {
  z-index: 3;
  width: 100%;
  min-height: 273.811px;
  position: absolute;
  top: 0;
}

.play-button-wrapper {
  background-color: var(--uggreen50);
  cursor: pointer;
  border-radius: 36px;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  padding-left: 6px;
  transition: background-color .4s;
  display: flex;
}

.play-button-wrapper:hover {
  background-color: var(--ugblue);
}

.play-button-wrapper.webinar {
  z-index: 2;
  background-color: var(--white);
  position: absolute;
  bottom: 48px;
  left: 48px;
}

.play-button-wrapper.webinar:hover {
  background-color: var(--ugblue);
}

.play-button-wrapper.webinar.light-hover {
  background-color: #1b393a80;
}

.play-button-wrapper.webinar.light-hover:hover {
  background-color: var(--_apps---charts--chart-2);
}

.play-button-wrapper.webinar.hover-light:hover {
  background-color: #f9f0c8;
}

.play-button-wrapper.university {
  z-index: 3;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.play-button-wrapper.university:hover {
  background-color: var(--ugblue);
}

.webinar-video-wrapper {
  border-radius: 32px;
  width: 100%;
  min-width: 300px;
  max-width: 950px;
  height: 520px;
  max-height: 520px;
  margin-top: 0;
  margin-bottom: 80px;
  position: relative;
  overflow: visible;
}

.webinar-video-wrapper.variant-b {
  min-width: 494px;
  height: 273.811px;
  max-height: none;
  margin-bottom: 0;
  display: none;
}

.webinar-embed-wrapper {
  border-radius: 32px;
  width: 100%;
  max-width: 950px;
  height: 100%;
  max-height: 520px;
}

.university-card-image {
  z-index: 1;
  width: 100%;
  max-width: none;
  position: relative;
}

.university-videos-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.university-collection-list-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
}

.university-collection-list {
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.university-collection-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.check-mark {
  width: 15px;
  max-width: none;
  height: 15px;
}

.university-page-image {
  margin-top: 90px;
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.university-video-wrapper {
  width: 416px;
  height: 235px;
  position: relative;
}

.university-content-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.university-card-contents {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.university-question {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  font-size: 16px;
  line-height: 24px;
}

.university-link-block {
  text-decoration: none;
}

.all-features-background-right {
  z-index: -1;
  position: absolute;
  inset: 47px 0% auto auto;
}

.all-features-content {
  background-color: #d3ddfb33;
  flex-flow: column;
  height: auto;
  display: block;
  position: relative;
}

.tag-text {
  color: #000;
  font-size: 11px;
  font-weight: 600;
  line-height: 11px;
  text-decoration: none;
}

.feature-content-title {
  text-decoration: none;
}

.feature-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  display: flex;
}

.tag {
  background-color: #dffbf0;
  border-radius: 100px;
  padding: 12px 14px;
}

.all-features-cards {
  justify-content: center;
  margin-top: 120px;
  display: flex;
}

.heading-11 {
  text-align: center;
  width: 416px;
  margin-top: 80px;
}

.all-features-background-left {
  z-index: -1;
  position: absolute;
  top: 140px;
}

.all-features-cards-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1178px;
  margin-bottom: 176px;
  display: flex;
}

.feature-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.feature-content.compare {
  justify-content: center;
}

.feature-description {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.feature-card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 16px;
  width: 572px;
  height: 100%;
  min-height: 176px;
  padding: 24px 28px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.feature-card-container:hover {
  box-shadow: 0 2px 5px #0003;
}

.all-features-heading {
  justify-content: center;
  display: flex;
  position: relative;
}

.feature-image {
  max-height: 100%;
}

.feature-image.stonly-logo {
  width: 140%;
  max-width: 150%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}

.feature-image.intercom-logo {
  width: 150%;
  max-width: 150%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image.userlane-logo {
  width: 140%;
  max-width: 150%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image.nickelled-logo {
  width: 140%;
  max-width: 150%;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image.whatfix-logo {
  width: 150%;
  max-width: 150%;
  margin-left: -20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.feature-image.userflow-logo, .feature-image.product-fruits-logo {
  width: 140%;
  max-width: 150%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image.chameleon-logo {
  width: 150%;
  max-width: 150%;
  height: 100%;
  padding-left: 24px;
  padding-right: 20px;
}

.feature-image.appcues-logo {
  width: 140%;
  max-width: 150%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image.userguiding-logo {
  width: 150%;
  max-width: 150%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-image-container {
  justify-content: center;
  align-items: center;
  width: 98px;
  height: 98px;
  display: flex;
}

.feature-image-container.intercom-logo {
  width: 98px;
  max-width: none;
  height: 98px;
  padding-left: 0;
  padding-right: 0;
}

.feature-card {
  height: 100%;
}

.hero-design-background-right-2 {
  z-index: -1;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.all-cases-hero-image {
  align-self: flex-end;
}

.hero-heading-2 {
  color: #1e2530;
  text-align: left;
  width: 517px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

.hero-heading-2.all-cases-hero-heading {
  width: 350px;
  line-height: 50px;
}

.hero-heading-2.cust-hero-heading-copy {
  text-align: center;
  margin-top: 24px;
  font-size: 48px;
  line-height: 55px;
}

.text-10 {
  color: #1e2530;
  text-align: left;
  width: 523px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.hero-hashtag-3 {
  color: #5478f0;
  font-weight: 500;
}

.hero-hashtag-3.all-cases-hashtag {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.feature-card-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #000;
  background-color: #fff;
  border-radius: 16px;
  width: 572px;
  height: 100%;
  min-height: 176px;
  padding: 24px 28px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.feature-card-2:hover {
  box-shadow: 0 2px 5px #0003;
}

.feature-card-2.compare {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
}

.tag-text-2 {
  font-size: 11px;
  line-height: 11px;
}

.all-use-cases {
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: color .12s, background-color .12s;
  display: flex;
}

.all-cases-cards-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 1178px;
  padding-bottom: 175px;
  display: flex;
}

.text-block-13 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.all-cases-heading {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-top: 0;
  line-height: 48px;
}

.mobile-header-column, .mobile-footer-row {
  display: none;
}

.header-menu-product-item {
  flex-flow: column;
  justify-content: center;
  height: 36px;
  display: flex;
  position: relative;
}

.open-menu-wrapper {
  z-index: 5;
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  background-color: var(--white);
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 720.406px;
  height: auto;
  margin-bottom: 0;
  padding: 0 20px 20px;
  display: flex;
  position: absolute;
  top: 16px;
  left: -230px;
  overflow: hidden;
  box-shadow: 0 12px 12px #00000014;
}

.open-menu-wrapper:lang(pt-br) {
  width: 809.898px;
}

.open-menu-wrapper:lang(es), .open-menu-wrapper:lang(fr) {
  width: auto;
}

.open-menu-wrapper.open-menu-wrapper-draft-v2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border: 1px solid #e5e1e9;
  border-radius: 14px;
  flex-flow: column;
  justify-content: flex-start;
  width: 880px;
  max-width: 2000px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  box-shadow: 0 12px 32px #0d0e0b0f, 0 1px 2px #0d0e0b0a;
}

.open-menu-wrapper.open-menu-wrapper-draft-v2.open-menu-wrapper-staging {
  margin-left: 40px;
  top: 16px;
}

.open-menu-wrapper.open-menu-wrapper-draft-v2.open-menu-wrapper-staging:lang(fr) {
  margin-left: 60px;
}

.open-menu-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.open-menu-column.last {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 36px;
}

.open-menu-column.last.right {
  width: 240px;
  padding-top: 20px;
  padding-bottom: 0;
}

.open-menu-column.last.right.use-cases-v2 {
  background-color: #f1f4ec66;
  border-left: 1px solid #e5e1d9;
  flex-flow: column;
  width: 40%;
  height: auto;
  padding: 20px 20px 0 16px;
  display: block;
}

.open-menu-column.product-features-v2 {
  background-color: #f0eee900;
  width: 70%;
  height: 99.4608%;
  margin-bottom: 0;
  padding: 20px 16px 20px 20px;
}

.open-menu-big-icon {
  width: 22px;
  max-width: none;
  height: 22px;
}

.open-menu-header-text {
  color: var(--ugblue);
  font-size: 18px;
  font-weight: 600;
}

.open-menu-header-text.use-cases-heading {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b6b65;
  padding-left: 12px;
  font-size: 11px;
  font-weight: 500;
}

.open-menu-header-text.product-heading {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b6b65;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 11px;
  font-weight: 500;
}

.open-menu-header-text.resource-header-texts-v2 {
  color: #0d0e0b;
  border-radius: 10px;
  padding: 8px 10px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition-property: background-color;
  transition-duration: .12s;
  transition-timing-function: ease;
}

.open-menu-header-text.resource-header-texts-v2.templates-v2 {
  display: none;
}

.open-menu-header-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}

.open-menu-header-row.open-menu-header-row-v2 {
  transition: opacity .2s;
}

.open-menu-header-row.open-menu-header-row-v2:hover {
  background-color: #f1f1ee;
  border-radius: 8px;
}

.open-menu-bold-text {
  white-space: nowrap;
  margin-top: 4px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
}

.open-menu-bold-text.use-cases-text {
  color: #0d0e0b;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.open-menu-bold-text.product-text {
  color: #0d0e0b;
  font-size: 14px;
  font-weight: 600;
}

.open-menu-small-icon {
  border-radius: 0;
  max-width: none;
  height: 32px;
  margin-bottom: 0;
}

.open-menu-item-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
}

.open-menu-item-row.item-row-v2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 44px;
  margin-bottom: 0;
  padding: 4px 10px;
  transition: opacity .2s;
  display: flex;
}

.open-menu-item-row.item-row-v2:hover {
  background-color: #f1f1ee;
}

.open-menu-header-column {
  width: auto;
  height: auto;
}

.open-menu-header-column.new {
  justify-content: center;
  width: auto;
  height: 55px;
  margin-bottom: 0;
}

.open-menu-description-text {
  text-align: left;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.open-menu-description-text.menu-desc-text-v2 {
  display: none;
}

.header-open-menu {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: relative;
}

.header-open-menu:lang(pt-br), .header-open-menu:lang(es), .header-open-menu:lang(fr) {
  display: none;
}

.header-open-menu.open-menu-v2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.header-open-menu.open-menu-v2:lang(es), .header-open-menu.open-menu-v2:lang(fr), .header-open-menu.open-menu-v2:lang(pt-br) {
  display: none;
}

.product-dropdown-arrow {
  width: 32px;
  max-width: none;
  position: absolute;
  top: 2px;
  left: 16px;
}

.product-dropdown-arrow.product-dropdown-arrow-icon {
  display: none;
}

.divider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ugblue);
  border: 1px #000;
  border-radius: 1px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 2px;
  min-width: 2px;
  height: auto;
  margin-top: 0;
  display: block;
}

.divider.divider-v2 {
  height: 420px;
  display: none;
}

.open-menu-link {
  color: var(--uggreen);
  margin-bottom: 0;
  text-decoration: none;
}

.open-menu-link.product-menu-link-draft {
  transition: opacity .2s;
}

.open-menu-link.product-menu-link-draft:hover {
  background-color: #f1f1ee;
  border-radius: 10px;
}

.header-menu-resources-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  height: 36px;
  display: flex;
  position: relative;
}

.header-resources-open-menu {
  z-index: 9999;
  display: none;
  position: absolute;
  top: 30px;
}

.header-resources-open-menu:lang(pt-br), .header-resources-open-menu:lang(es), .header-resources-open-menu:lang(fr) {
  display: none;
}

.header-resources-open-menu.resources-menu-v2 {
  display: none;
  top: 100%;
  right: auto;
}

.header-resources-open-menu.resources-menu-v2.resources-menu-staging {
  display: none;
  left: -120px;
}

.resource-dropdown-arrow {
  width: 32px;
  max-width: none;
  position: absolute;
  top: 2px;
  left: 16px;
}

.resource-dropdown-arrow.dropdown-arrow-icon {
  display: none;
}

.resource-menu-wrapper {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  width: 720.406px;
  height: auto;
  padding: 24px 20px 8px;
  display: flex;
  position: absolute;
  top: 16px;
  left: -230px;
  box-shadow: 0 12px 12px #00000014;
}

.resource-menu-wrapper.resources-menu-draft-v2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 14px;
  grid-template-rows: minmax(160px, 1fr);
  grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(180px, 1fr);
  grid-auto-columns: 1fr;
  place-items: center start;
  width: 720px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
  position: absolute;
}

.resource-menu-wrapper.resources-menu-draft-v2:lang(pt-br) {
  margin-right: 0;
  left: -240px;
  right: auto;
}

.resource-menu-wrapper.resources-menu-draft-v2.resource-menu-wrapper-draft-v2-2 {
  top: 5px;
  left: -350px;
  right: auto;
}

.resources-open-menu-column {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.resources-open-menu-column.last {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 20px;
}

.resources-open-menu-column.last.resources-column-left-v2, .resources-open-menu-column.last.resources-column-right-v2 {
  width: 140px;
  height: 100%;
  display: block;
}

.resources-open-menu-column.last.resources-column-third-v2 {
  height: 100%;
  display: block;
}

.header-login {
  padding-top: 2px;
  text-decoration: none;
}

.mobile-start-button-wrapper {
  display: none;
}

.benefits-container {
  background-color: #f8f9fc;
  margin-top: 0;
  margin-bottom: 68px;
  padding-top: 80px;
  padding-bottom: 100px;
}

.benefits-container.static {
  margin-bottom: 0;
}

.benefit {
  height: 548px;
  position: relative;
}

.benefit-background-image {
  z-index: -1;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.benefit-background-image.benefit-background-image-right-aliigned, .benefit-background-image.benefit-background-right {
  inset: 0% 0% 0% auto;
}

.benefit-content-wrapper {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.benefit-content-image {
  border: 4px #1b393a;
  border-radius: 20px;
  width: 588px;
  height: 349px;
  position: relative;
}

.benefit-content-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  width: 1178px;
  height: 100%;
  display: flex;
}

.benefit-content-block.benefit-content-blok-right-aligned {
  flex-flow: row-reverse;
}

.benefit-content-block.first-with-video.static {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.benefit-content-block.first-with-video.static.first-benefit-content {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
}

.benefit-content-block.first-with-video.static.first-benefit-heading, .benefit-content-block.first-with-video.static.second-benefit-header {
  max-width: 1178px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.benefit-content-block.first-with-video.static.second-benefit-text {
  justify-content: flex-start;
}

.benefit-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 486px;
  max-width: 486px;
  height: 349px;
  display: flex;
}

.benefit-heading {
  max-width: 446px;
}

.benefit-heading.static {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1178px;
  display: flex;
}

.benefit-heading.static.full-width.second-benefit-header.benefits-list-h3 {
  justify-content: flex-start;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}

.benefit-heading.static.first-benefit-heading-text {
  color: #1a1a2e;
  text-align: left;
  margin-bottom: 20px;
  font-size: 2.25rem;
  font-weight: 800;
}

.benefit-heading.static.first-benefit-heading-text:lang(fr) {
  text-align: left;
  display: block;
}

.benefit-heading.static.first-benefit-heading-text:lang(es) {
  display: flex;
}

.benefit-rich-text-blok {
  max-width: 486px;
}

.benefit-rich-text-blok.font-18 {
  font-size: 18px;
  line-height: 24px;
}

.benefit-rich-text-blok.static {
  max-width: 500px;
  margin-bottom: 0;
}

.benefit-rich-text-blok.static.full-width {
  max-width: 1178px;
}

.benefit-rich-text-blok.static.full-width.second-benefit.list-container {
  margin-bottom: 20px;
}

.benefit-rich-text-blok.static.first-benefit-text {
  color: #4a4a6a;
  text-align: left;
  margin-bottom: 16px;
  font-size: 1.05rem;
  line-height: 1.8;
}

.benefit-rich-text-blok.full-width.static.list-item {
  list-style-type: disc;
}

.user-activation-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f2f5fe;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 177px;
  padding: 12px 4px 12px 16px;
  display: flex;
}

.user-activation-card-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.user-activation-card-banner {
  justify-content: space-between;
  display: flex;
}

.user-activation-banner-icon {
  width: 24px;
  height: 24px;
}

.user-activation-card-branding {
  flex: 0 auto;
  max-width: 100%;
  max-height: 24px;
  display: block;
}

.user-activation-card-percentage {
  display: flex;
}

.text-block-15 {
  color: #5dcea2;
  font-size: 16px;
  font-weight: 700;
}

.text-block-16 {
  color: #5478f0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}

.benefit-cta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-decoration: none;
  display: flex;
}

.vendor {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: #000;
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.vendor-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.vendor-heading {
  text-align: center;
  width: 490px;
  margin-bottom: 0;
}

.vendor-heading.company-heading {
  margin-bottom: 80px;
}

.vendor-background-image {
  z-index: -1;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.vendor-details {
  justify-content: space-between;
  width: 1178px;
  margin-top: 0;
  display: flex;
}

.vendor-details._2 {
  align-items: center;
}

.vendor-image {
  border: 1px #000;
  width: 588px;
  max-width: 588px;
  max-height: 424px;
}

.vendor-image.ai {
  max-width: none;
}

.vendor-image._2 {
  border-radius: 8px;
}

.vendor-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  width: 1178px;
  margin-top: 0;
  display: flex;
}

.vendor-profile {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.vendor-pp {
  width: 40px;
  height: 40px;
}

.vendor-title {
  color: #1e2530;
  font-size: 13px;
  line-height: 15px;
}

.company-badges {
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 132px;
  padding-bottom: 132px;
  display: flex;
}

.badges-row {
  grid-column-gap: 98px;
  grid-row-gap: 98px;
  justify-content: center;
  width: 100%;
  display: flex;
}

.badges-row.badges-row-2 {
  margin-top: 64px;
}

.badges-row.small {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  margin-top: 0;
}

.badges-row.small:lang(pt-br) {
  margin-top: 20px;
}

.badge {
  background-color: #0000;
  width: 120px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
}

.badge.wide-badge {
  width: 200px;
}

.badge.small {
  width: auto;
  height: 98px;
}

.other-products {
  background-color: #d3ddfb33;
  flex-flow: column;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 166px;
  display: flex;
  overflow: hidden;
}

.other-products.home {
  padding-top: 100px;
  padding-bottom: 80px;
}

.other-products-subtitle {
  padding-top: 40px;
  font-size: 24px;
  line-height: 32px;
}

.other-products-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 0;
  grid-auto-columns: 1fr;
  width: 1178px;
  margin-top: 80px;
  display: flex;
}

.product-card {
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  justify-content: space-between;
  width: 377px;
  height: 100%;
  padding: 29px 40px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.product-card:hover {
  box-shadow: 0 2px 5px #0003;
}

.other-feature-header {
  margin-top: 20px;
  font-weight: 600;
}

.text-block-18 {
  color: #333;
  margin-top: 16px;
  font-weight: 500;
}

.other-products-icon {
  background-color: #5478f0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.image-16 {
  width: 24px;
  height: 24px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.demo-hero-section {
  background-color: var(--ugpurple30);
  height: 1200px;
  position: relative;
}

.demo-hero-section.ty {
  height: auto;
}

.demo-hero-section.hide-in-b {
  display: none;
}

.demo-hero-section.hide-in-b.alive-event {
  height: auto;
  min-height: auto;
}

.demo-hero-design-container {
  z-index: 0;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  top: 200px;
  overflow: hidden;
}

.demo-hero-design-container.ty {
  top: 300px;
}

.demo-content-container {
  justify-content: flex-start;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 10px;
}

.demo-content-container._w-980 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.demo-content-container.ty {
  padding-top: 100px;
}

.demo-hashtag.text-3 {
  color: var(--ugblue);
  margin-bottom: 14px;
  font-weight: 600;
}

.demo-heading {
  text-align: center;
  max-width: 750px;
  margin-bottom: 32px;
}

.demo-heading.thank-you-heading {
  color: var(--ugblack);
  line-height: 60px;
}

.demo-heading.thank-you-heading.blue {
  background-color: var(--ugblue);
  color: var(--white);
  margin-bottom: 24px;
  padding-bottom: 5px;
  line-height: 50px;
}

.demo-heading.consulting {
  max-width: 800px;
  margin-top: 24px;
}

.demo-heading.dark-ui {
  max-width: 800px;
  color: var(--white);
  background-image: none;
  font-size: 35px;
  line-height: 45px;
}

.demo-cards-container {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  position: relative;
}

.demo-design-right {
  z-index: 0;
}

.demo-badge-card {
  grid-row-gap: 48px;
  background-color: #fff;
  border-radius: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 577px;
  height: 352px;
  padding-top: 56px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.g2-badges-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.star-rating-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.demo-comment-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  width: 577px;
  height: 352px;
  padding: 80px 48px;
  position: relative;
}

.demo-card-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.faq-section {
  padding-top: 130px;
  padding-bottom: 220px;
  position: static;
}

.faq-section.goodbye-usetiful-faq-spacing {
  padding-top: 0;
}

.faq-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 156px;
  padding-right: 156px;
  display: flex;
}

.faq-question {
  font-size: 22px;
  line-height: 30px;
}

.faq-item {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  width: 100%;
  margin-bottom: 20px;
}

.faq-item:lang(es) {
  max-width: 100%;
}

.faq-question-row {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.faq-question-divider-line {
  background-color: #1e253014;
  width: 100%;
  height: 1px;
}

.faq-collection-list {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-flow: column;
  display: flex;
}

.hubspot-calendar-wrapper {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.hubspot-calendar-wrapper.alive-event {
  background-color: var(--white);
  border-radius: 20px;
  padding: 40px;
}

.hubspot-calendar-wrapper.demo {
  min-height: 500px;
  color: #fff;
  min-height: 500px;
}

.div-block-7 {
  margin-left: 0;
  position: relative;
}

.html-embed {
  border-radius: 20px;
  position: relative;
}

.company-logos {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.companies-heading {
  text-align: center;
  width: 784px;
  margin-bottom: 80px;
}

.company-logos-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  padding-left: 40px;
  padding-right: 80px;
  display: grid;
}

.schedule-demo-email-form-container {
  background-color: var(--ugblue);
  border-radius: 16px;
  width: 100%;
  max-width: 577px;
  height: 300px;
  padding-bottom: 6px;
  padding-left: 32px;
  padding-right: 32px;
  overflow: hidden;
}

.benefits {
  padding-top: 0;
  padding-bottom: 0;
}

.benefit-content-image-2 {
  border: 0 solid #1b393a;
  border-radius: 20px;
  width: 588px;
  height: 349px;
  margin-top: 0;
  position: relative;
}

.benefit-content-block-2 {
  grid-column-gap: 115px;
  grid-row-gap: 115px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 1178px;
  height: 100%;
  display: flex;
}

.benefit-content-block-2.benefit-content-block-right {
  flex-flow: row-reverse;
}

.benefit-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  max-width: 486px;
  display: flex;
}

.benefit-2 {
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.text-block-19 {
  color: #5478f0;
  font-size: 16px;
  line-height: 24px;
}

.benefit-content-wrapper-2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 107px;
  display: flex;
}

.text-block-20 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.image-17 {
  flex: 0 auto;
  max-height: 48px;
}

.home-hero-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 12px;
}

.home-hero-content-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  padding-left: 80px;
  padding-right: 80px;
}

.home-hero-content-row {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  align-items: center;
  max-width: 1440px;
  height: 429.965px;
  margin-left: auto;
  margin-right: auto;
}

.home-hero-content-row.for-brazil-lanfing-page {
  height: auto;
}

.home-hero-badge-wrapper {
  z-index: 1;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.home-hero-badge-wrapper.demo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.hero-vertical-badge {
  width: 120px;
  height: auto;
}

.hero-vertical-badge.demo {
  width: auto;
  height: 90px;
}

.home-hero-background-left {
  max-width: 100vw;
  max-height: 458px;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.home-hero-lottie {
  z-index: 2;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-lottie.hide {
  display: none;
}

.home-hero-text-content {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: center;
  align-items: stretch;
}

.home-hero-section {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}

.home-hero-background-right {
  max-width: 100vw;
  max-height: 440px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.home-companies-section {
  width: 100%;
  margin-top: 36px;
  margin-bottom: 36px;
  overflow: hidden;
}

.home-companies-section.dark-ui {
  background-image: linear-gradient(270deg, #142046, #070b19);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 36px;
  padding-bottom: 36px;
}

.home-companies-section.dark-ui.usetiful-companies-section {
  padding-bottom: 0;
}

.companies-moving-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  pointer-events: none;
  justify-content: flex-start;
  align-items: center;
  width: 4800px;
  padding-left: 50px;
  display: flex;
}

.companies-moving-row.fintech {
  width: 2500px;
}

.companies-moving-row.white {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  width: 4700px;
}

.companies-moving-row.healthcare {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-around;
  width: auto;
  padding-left: 0;
}

.companies-moving-row.edtech {
  width: 2100px;
}

.home-learn-more-card {
  background-color: #f2f5fe;
  border-radius: 26.4px;
  width: 378px;
  min-width: 378px;
  height: 290px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 60px;
  transition: background-color .5s;
  position: relative;
}

.home-learn-more-card:hover {
  background-color: #ffe352;
}

.home-hero-gif-wrapper {
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 570px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-hero-gif-wrapper.variant-a {
  display: none;
  overflow: hidden;
}

.home-hero-gif-wrapper.variant-a:lang(pt-br), .home-hero-gif-wrapper.variant-a:lang(es), .home-hero-gif-wrapper.variant-a:lang(fr) {
  display: flex;
}

.home-hero-gif-wrapper.b {
  height: auto;
  min-height: 315.729px;
}

.home-card-heading {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.home-card-description {
  z-index: 1;
  position: relative;
}

.home-card-description.bold {
  width: 200px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
}

.home-card-cta {
  color: var(--ugblue);
  font-weight: 700;
}

.home-card-image {
  width: 200px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.home-card-learn-more-link {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  cursor: pointer;
  align-items: center;
  position: absolute;
  bottom: 32px;
}

.learn-more-cards-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-bottom: 18px;
  position: absolute;
  bottom: -18px;
  overflow-x: scroll;
}

.home-learn-more-section {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
  overflow: hidden;
}

.learn-more-heading {
  text-align: center;
  width: 850px;
  font-size: 36px;
  line-height: 46px;
}

.cust-action-text {
  margin-top: 40px;
  font-size: 16px;
  line-height: 24px;
}

.hero-text-content-2 {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 750px;
  height: 100%;
  padding-top: 80px;
}

.hero-text-content-2.cust-text-content {
  grid-row-gap: 0px;
  align-items: center;
}

.hero-design-background-right-3 {
  z-index: 1;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.hero-design-background-right-3.cust-back-right {
  width: 530px;
  height: 393px;
}

.hero-section-2 {
  background-color: #d3ddfb4d;
  justify-content: center;
  height: 560px;
  display: flex;
  position: relative;
}

.hero-section-2.customers-hero {
  height: 493px;
  font-size: 16px;
  line-height: 24px;
}

.scroll-into {
  width: 48px;
  height: 48px;
  margin-top: 32px;
}

.text-11 {
  color: #1e2530;
  text-align: left;
  width: 523px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-11.cust-hero-desc {
  text-align: center;
  margin-top: 32px;
}

.cust-dropdowns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: absolute;
}

.text-block-21 {
  color: #1b393a;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}

.customer-filter {
  justify-content: center;
  display: flex;
  position: relative;
  box-shadow: 0 8px 8px #e2e8fd40;
}

.cust-dropdown {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 180px;
  height: 40px;
  padding: 12px 13px 12px 16px;
  display: flex;
}

.cust-dropdown.w--open {
  width: 200px;
}

.cust-container {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  overflow-wrap: break-word;
  justify-content: flex-start;
  width: 1178px;
  padding-bottom: 16px;
  display: flex;
  position: absolute;
  bottom: -16px;
  overflow-x: auto;
}

.cust-container.cust-filter {
  justify-content: center;
  height: 180px;
  margin-top: 0;
  padding-bottom: 0;
  position: static;
}

.cust-container.centered {
  justify-content: center;
}

.icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #1b393a;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding-left: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  display: flex;
  position: static;
}

.dropdown {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  overflow-wrap: normal;
  background-color: #fafbff;
  border: 1px solid #e3e9fd;
  border-radius: 1px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.cust-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #d3ddfb33;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 100px;
  display: flex;
}

.cust-card-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #d3ddfb33;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  display: flex;
}

.cust-card {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 380px;
  height: 274px;
  padding: 21px 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.cust-card:hover {
  box-shadow: 0 2px 5px #0003;
}

.cust-success-story-card {
  z-index: 1;
  cursor: pointer;
  object-fit: fill;
  background-color: #d3ddfb33;
  border-radius: 24px;
  flex: none;
  width: 506px;
  height: 250px;
  padding: 20px 52px 36px 43px;
  position: relative;
  overflow: hidden;
}

.cust-success-story-card.kpi-card {
  cursor: auto;
  background-color: #fff;
  border-radius: 16px;
}

.cust-success-story-card.one-card-view {
  width: 700px;
}

.cust-success-image-container {
  align-self: center;
  max-width: 116px;
  max-height: 68px;
}

.cust-success-story-card-back-image {
  z-index: 0;
  border-radius: 16px;
  position: absolute;
  bottom: 0%;
  right: 0%;
  overflow: hidden;
}

.cust-succes-percentage {
  z-index: 1;
  font-size: 57px;
  font-weight: 700;
  line-height: 25px;
  display: flex;
  position: relative;
}

.cust-success-sign-image {
  height: 30px;
}

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

.text-block-12 {
  padding-top: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}

.cust-success-desc {
  z-index: 1;
  width: 49%;
  position: relative;
}

.cust-success-story {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.cust-success-branding {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.cust-success-perc-count {
  margin-top: 20px;
  line-height: 50px;
}

.cust-success-perc-count.percentage-sign {
  font-size: 32px;
  line-height: 25px;
}

.customer-profile-info {
  color: #fff;
}

.customer-profile-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.hero-text-content-3 {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 750px;
  height: 100%;
  padding-top: 80px;
}

.hero-text-content-3.customer-hero-text-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  display: flex;
}

.customer-hero-quoto {
  color: #fff;
  width: 622px;
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
}

.customer-hero-quoto.demo {
  width: auto;
  max-width: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.contributor-hero-image {
  z-index: 2;
  flex: 0 auto;
  min-width: 360px;
  margin-top: 0;
}

.customer-name {
  margin-right: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.customer-name.demo {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.hero-section-3 {
  background-color: #d3ddfb4d;
  justify-content: center;
  height: 560px;
  display: flex;
  position: relative;
}

.hero-section-3.customer-detail-hero {
  background-image: linear-gradient(270deg, var(--gradient1), var(--gradient2));
  background-color: #0000;
}

.customer-title {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.customer-title.demo {
  font-size: 16px;
  line-height: 20px;
}

.customer-hero-image.industry {
  border-radius: 15px;
}

.customer-hero-content-div {
  justify-content: space-between;
  align-items: center;
  width: 1178px;
  display: flex;
}

.customer-parameter-sign {
  background-color: #f2d85d;
  width: 4px;
  height: 10px;
  margin-top: 4px;
}

.company-definition {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.customer-parameter {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: flex;
}

.customer-parameters {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  flex-flow: wrap;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 250px;
  display: grid;
}

.text-block-23 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.customer-content {
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 1178px;
  padding: 45px 37px;
  display: flex;
}

.customer-parameter-key {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.customer-parameter-value {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.customer-info {
  background-color: #d3ddfb33;
  border-radius: 20px;
  justify-content: center;
  padding: 80px 0;
  display: flex;
}

.pricing-content {
  z-index: 10;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  color: #1b393a;
  text-align: center;
  background-color: #d3ddfb4d;
  border-top: 1px solid #1b393a;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding-top: 72px;
  padding-bottom: 72px;
  display: flex;
  position: static;
}

.pricing-content.wrapper {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  background-color: #0000;
  border-top: 0 #1b393a33;
  border-bottom: 0 #000;
  border-right: 0 #000;
  border-radius: 8px;
  padding-top: 0;
  padding-bottom: 0;
}

.pricing-content.wrapper:lang(es), .pricing-content.wrapper:lang(fr), .pricing-content.wrapper:lang(pt-br) {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
}

.pricing-content.wrapper.variant-a {
  display: flex;
}

.pricing-content.wrapper.variant-a:lang(pt-br), .pricing-content.wrapper.variant-a:lang(es), .pricing-content.wrapper.variant-a:lang(fr) {
  display: none;
}

.customers-content-wrapper {
  justify-content: center;
  width: 1178px;
  display: flex;
  position: relative;
}

.customer-side-menu {
  grid-column-gap: 49px;
  grid-row-gap: 49px;
  flex-flow: column;
  width: 300px;
  display: flex;
  position: sticky;
}

.text-block-24 {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.text-block-25 {
  color: #1b393a80;
}

.book-demo-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #d3ddfb33;
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  padding: 24px 27px;
  display: flex;
  position: relative;
}

.image-18 {
  flex: none;
  width: 112px;
}

.text-block-26 {
  font-size: 16px;
  font-weight: 500;
}

.image-19 {
  z-index: -1;
  border-bottom-right-radius: 16px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.customer-story-content {
  width: 668px;
  height: auto;
  margin-left: 73px;
}

.customer-story-hashtag {
  color: #5478f0;
  margin-bottom: 26px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.customer-story-title {
  margin-bottom: 24px;
}

.customer-top-bar {
  align-items: center;
  display: flex;
}

.seperator {
  color: #5478f0;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 800;
  line-height: 15px;
}

.publish-date {
  margin-right: 16px;
  font-size: 13px;
  line-height: 15px;
}

.social-share {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.customer-story-summary {
  background-color: #d3ddfb33;
  border-radius: 24px;
  flex-flow: column;
  align-items: flex-start;
  width: 668px;
  margin-top: 67px;
  margin-bottom: 0;
  padding: 56px 59px 24px;
  display: flex;
}

.customer-summary-title {
  margin-bottom: 32px;
  margin-left: 32px;
  font-weight: 600;
}

.customer-summary-list-item {
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.image-20 {
  padding-top: 5px;
  padding-right: 19px;
}

.text-block-30 {
  font-size: 16px;
  line-height: 28px;
}

.text-block-30.summary-matter {
  text-align: left;
}

.customer-story-block {
  margin-top: 12px;
  margin-bottom: 12px;
}

.customer-story-author {
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.customer-author-quote {
  text-align: left;
  margin-bottom: 33px;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}

.customer-author-social-media {
  align-items: center;
  display: flex;
}

.text-block-31 {
  margin-right: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.image-21 {
  margin-right: 16px;
}

.social-media-buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.kpi {
  background-color: #d3ddfb33;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.kpi-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 1178px;
  display: flex;
}

.kpi-left-side {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.kpi-right-side {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.kpi-right-side.customer {
  flex-flow: column;
  display: block;
}

.kpi-badges {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 80px;
  display: grid;
}

.kpi-star-ratings {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  margin-top: 54px;
  padding-bottom: 40px;
  display: flex;
}

.text-block-33 {
  margin-right: 4px;
}

.text-block-34 {
  margin-right: 16px;
}

.home-features-section {
  background-color: var(--ugpurple20);
}

.home-features-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
  overflow: hidden;
}

.home-features-heading {
  text-align: center;
  max-width: 1026px;
  margin-top: 100px;
  margin-bottom: 80px;
  font-size: 36px;
  line-height: 46px;
}

.underlined-text-span {
  text-decoration: underline;
}

.home-feature-description {
  max-width: 520px;
  margin-top: 32px;
}

.home-feature-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
}

.home-feature-cta-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
  margin-top: 25px;
}

.home-feature-media-container {
  border-radius: 20px;
  max-width: 580px;
  position: relative;
  overflow: hidden;
}

.home-feature-media-container.centered {
  justify-content: center;
  align-items: flex-end;
}

.home-feature-lottie {
  z-index: 1;
  width: 580px;
  max-width: 100%;
  position: relative;
}

.home-feature-item-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 550px;
  position: relative;
  overflow: hidden;
}

.webinar-big-description {
  max-width: 580px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 32px;
}

.ebook-design-block {
  position: relative;
}

.ebook-background-design {
  z-index: 0;
  position: absolute;
  top: -90px;
  left: -90px;
}

.partnership-benefits-header {
  text-align: center;
  max-width: 645px;
  margin-bottom: 80px;
}

.home-integrations-section {
  padding-top: 160px;
  padding-bottom: 160px;
}

.integrations-container {
  grid-column-gap: 135px;
  grid-row-gap: 135px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.home-integrations-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 440px;
}

.home-integrations-cta-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 25px;
}

.home-integrations-image-wrapper {
  border: 1px solid var(--ugblue40);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  display: flex;
  box-shadow: 0 5.172px 31.034px #5478f014;
}

.home-integrations-image {
  width: 40px;
}

.integrations-column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.integrations-column.lowered {
  margin-top: 20px;
}

.home-integration-logos {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  position: relative;
}

.workflow-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.workflow-heading {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 80px;
  font-size: 36px;
  line-height: 48px;
}

.workflow-media-container {
  position: relative;
}

.workflow-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 550px;
  margin-bottom: 150px;
  position: relative;
}

.workflow-row.setup {
  opacity: 1;
}

.workflow-row.create, .workflow-row.publish, .workflow-row.measure {
  opacity: 0;
  display: none;
}

.workflow-gif {
  z-index: 1;
  border-radius: 20px;
  height: 420px;
  position: relative;
}

.workflow-feature {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.workflow-feature-text {
  color: var(--ugblue);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.workflow-feature-text-column {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  max-width: 420px;
}

.workflow-features {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.workflow-divider-line {
  background-color: var(--uggreen10);
  width: 18px;
  height: 1px;
}

.workflow-buttons {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 760px;
  margin-bottom: 80px;
  overflow: auto;
}

.collection-list-wrapper-2 {
  flex-flow: wrap;
  display: block;
}

.collection-list-2 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: wrap;
  display: flex;
}

.collection-list-3 {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.pricing-badge {
  color: #fff;
  background-color: #5478f0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}

.pricing-badge.toggle-pricing-bacge {
  letter-spacing: .04em;
  white-space: nowrap;
  overflow-wrap: normal;
  background-color: #39c38d;
  background-image: linear-gradient(135deg, #39c38d, #1a7a55);
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 150.4px;
  height: 40px;
  margin-top: 0;
  margin-left: 30px;
  margin-right: 0;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.pricing-badge.toggle-pricing-bacge:lang(fr) {
  letter-spacing: 0;
  width: auto;
}

.text-block-35 {
  text-align: left;
  width: auto;
  max-width: 564px;
  font-size: 20px;
  line-height: 28px;
}

.text-block-35.centered {
  color: var(--white);
  text-align: center;
  cursor: pointer;
  display: inline-block;
}

.text-block-35.centered:lang(pt-br) {
  width: 750px;
  max-width: 750px;
}

.text-block-35.centered._30-day {
  cursor: auto;
}

.subscription-card {
  object-fit: fill;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: column;
  align-self: flex-start;
  align-items: center;
  width: 380px;
  padding: 34px 28px 40px;
  display: flex;
  overflow: visible;
}

.subscription-card.recommended-card {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: -90px;
  margin-left: 0;
  padding: 0 0 40px;
  position: relative;
  box-shadow: 0 10px 32px #1b393a66;
}

.subscription-card.recommended-card.group-b {
  box-shadow: none;
  border-style: none;
  border-width: 3px;
  margin-top: -80px;
  padding-top: 34px;
}

.subscription-card.group-b {
  pointer-events: auto;
  width: 380px;
  height: auto;
  min-height: 444px;
  color: var(--white);
  cursor: auto;
  background-color: #1c253f99;
  border-radius: 13px;
  justify-content: space-between;
  align-self: auto;
  padding: 32px 24px;
  display: block;
}

.subscription-card.group-b:lang(pt-br) {
  pointer-events: auto;
  justify-content: space-between;
  height: auto;
}

.subscription-card.group-b:lang(es), .subscription-card.group-b:lang(fr) {
  height: auto;
}

.subscription-card.group-b.growth {
  background-image: linear-gradient(204.52deg, #10256b66 29%, #4a70f066);
  position: relative;
}

.subscription-card.group-b.growth:lang(pt-br) {
  height: auto;
}

.subscription-card.group-b.freemium-card {
  display: none;
}

.plan-name {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 500;
}

.plan-name.group-b {
  color: #5478f0;
  text-align: left;
  margin-top: 0;
  font-size: 24px;
  line-height: 24px;
}

.price {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  margin-top: 0;
  display: flex;
}

.price.group-b {
  justify-content: flex-start;
  align-items: flex-end;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}

.price.group-b:lang(pt-br) {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.text-block-37 {
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
  text-decoration: none;
}

.text-block-37.dollar-sign {
  align-self: center;
  font-size: 32px;
  line-height: 35px;
}

.text-block-37.dollar-sign:lang(pt-br), .text-block-37.dollar-sign.dollar {
  align-self: center;
}

.text-block-37.group-b {
  font-size: 50px;
  line-height: 45px;
}

.text-block-37.group-b:lang(fr) {
  font-size: 40px;
}

.text-block-38 {
  text-align: left;
  font-size: 64px;
  font-weight: 400;
  line-height: 50px;
}

.text-block-38:lang(pt-br) {
  align-self: auto;
  font-size: 58px;
}

.text-block-39 {
  font-size: 35px;
  line-height: 67px;
}

.text-block-39.price-postfix {
  font-size: 32px;
  line-height: 35px;
}

.text-block-39.price-postfix:lang(pt-br) {
  font-size: 28px;
}

.billed {
  color: #5478f0;
  margin-top: 0;
  font-size: 12px;
  font-weight: 700;
}

.billed.billed-custom-code.group-b, .billed.billed-custom-code.group-b-copy {
  color: var(--white);
  letter-spacing: 2px;
  margin-bottom: 16px;
}

.billed.corporate-billed-text-2 {
  height: 12px;
}

.definitiion {
  width: 250px;
  padding-top: 25px;
}

.plan-logo {
  max-height: 40px;
  margin-top: 28px;
}

.pricing-other-features {
  text-align: left;
  border-top: 1px solid #000;
  width: 100%;
  margin-top: 28px;
  padding-top: 28px;
}

.pricing-other-features.short-features {
  margin-top: 29px;
  padding-top: 28px;
}

.pricing-other-features.group-b {
  border-top-style: none;
  padding-top: 0;
  display: none;
}

.feature {
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.feature.group-b {
  padding-top: 8px;
  padding-bottom: 8px;
}

.text-block-41 {
  margin-left: 14px;
  font-size: 12px;
  font-weight: 500;
}

.text-block-41.group-b {
  white-space: nowrap;
  overflow-wrap: normal;
  max-width: 208px;
  margin-left: 8px;
  font-size: 12px;
}

.recomended {
  color: #fff;
  background-color: #39c38d;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  width: 100%;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.recomended.group-b {
  border-radius: 0;
  font-size: 13px;
  display: none;
}

.inner-wrapper {
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
}

.inner-wrapper.startup-plan {
  padding-left: 0;
  padding-right: 0;
}

.inner-wrapper.startup-plan.left-aligned {
  align-items: flex-start;
}

.inner-wrapper.startup-plan.left-aligned:lang(pt-br) {
  height: 86%;
}

.inner-wrapper.enterprise-plan {
  padding-left: 0;
  padding-right: 0;
}

.inner-wrapper.group-b {
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

.image-24 {
  flex: none;
  width: 35px;
}

.image-24.hide {
  display: none;
}

.feature-comparison {
  background-color: #d3ddfb4d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -265px;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.feature-comparison.variant-a, .feature-comparison.variant-a:lang(pt-br), .feature-comparison.variant-a:lang(es) {
  display: flex;
}

.feature-comparison.variant-a:lang(fr) {
  display: none;
}

.heading-18 {
  color: var(--white);
  z-index: 5;
  margin-bottom: 80px;
}

.feature-table-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 1178px;
  display: flex;
}

.feature-table-wrapper.group-b {
  z-index: auto;
  background-color: var(--white);
  border-radius: 24px;
  padding-top: 24px;
  position: relative;
}

.table-header {
  background-color: #0000;
  padding-right: 0;
}

.table-header.sticky {
  position: sticky;
  top: 140px;
}

.table {
  background-color: var(--white);
  width: 100%;
  margin-bottom: 126px;
  padding: 40px;
}

.table.group-b {
  z-index: 1;
  border-radius: 24px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.table-content-wrapper.comparison {
  background-color: #fff;
  border-radius: 24px;
  max-width: 1176px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.table-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px #dde1e180;
  border-bottom-style: solid;
  width: 100%;
  height: 48px;
  display: flex;
}

.table-row.header-row {
  background-color: #f9fdda;
}

.table-row.header-row.group-b {
  background-color: var(--ugblue50);
  color: var(--uggreen30);
  align-items: center;
  padding-left: 27px;
}

.table-row.header-row.group-b.lighthouse-ai-row {
  text-align: left;
  background-color: #f5f7ff;
  border-top: 0 #5575f6;
  border-bottom: 1px solid #dce4fb;
  border-left: 3px solid #5575f6;
  border-right: 0 #5575f6;
  border-radius: 0;
  height: auto;
  padding: 0;
  display: block;
}

.table-row.header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  white-space: normal;
  border-style: none;
  align-items: center;
  height: auto;
  margin-bottom: 0;
}

.table-row.header:lang(fr) {
  align-items: stretch;
}

.table-row.header:lang(pt-br) {
  text-align: center;
}

.table-row.comparison {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #0000;
  height: 78px;
}

.feature-name-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  flex: 1;
  order: -1;
  align-items: center;
  padding-left: 27px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.feature-name-column:lang(es) {
  white-space: nowrap;
}

.plan-column-1 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border: 1px solid #dde1e180;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  width: 189px;
  font-weight: 500;
  display: flex;
}

.plan-column-1.heading-column {
  border-top-style: none;
  font-size: 16px;
  font-weight: 400;
}

.plan-column-1.plan-header {
  border-top: 3px solid #5478f0;
}

.plan-column-1.plan-header.b-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  flex-flow: column;
  width: 196px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.plan-column-1.plan-header.b-1.freemium-column {
  display: none;
}

.plan-column-1.dolar-sign {
  color: #5478f0;
  font-size: 19px;
  font-weight: 600;
}

.plan-column-1.group-b {
  border-style: none;
  border-width: 0;
  width: 196px;
  font-weight: 500;
}

.plan-column-1.group-b.bb {
  display: block;
}

.plan-column-1.group-b.freemium-inactive {
  display: none;
}

.plan-column-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #dde1e180;
  border-left-style: solid;
  justify-content: center;
  align-items: center;
  width: 226px;
  font-weight: 500;
  display: flex;
}

.plan-column-2.heading-column {
  font-size: 16px;
  font-weight: 400;
}

.plan-column-2.plan-header {
  border-top: 3px solid #ff5959;
  border-left-style: none;
  border-left-width: 3px;
}

.plan-column-2.plan-header.b-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px #000;
  flex-flow: column;
  width: 196px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.plan-column-2.group-b {
  border-style: none;
  width: 196px;
}

.plan-column-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #dde1e180;
  border-top-width: 3px;
  border-left-style: solid;
  justify-content: center;
  align-items: center;
  width: 226px;
  font-weight: 500;
  display: flex;
}

.plan-column-3.heading-column {
  border-top-style: none;
  border-top-width: 1px;
  font-size: 16px;
  font-weight: 400;
}

.plan-column-3.last-header-column {
  border-top-style: solid;
  border-top-color: #5478f0;
  margin-left: 0;
  margin-right: 40px;
  padding-left: 0;
}

.plan-column-3.last-header-column.group-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-style: none;
  border-color: #000;
  flex-flow: column;
  width: 196px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.plan-column-3.group-b {
  border-style: none;
  border-width: 1px;
  width: 196px;
  font-weight: 500;
}

.text-block-42 {
  font-size: 11px;
  line-height: 11px;
}

.text-block-42.group-b {
  color: #3156cd;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.image-25 {
  width: 34px;
  height: 34px;
}

.image-25.row-header-image {
  display: none;
}

.text-block-43 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.text-block-43.plan-2 {
  color: #ff5959;
}

.text-block-43.group-b {
  font-size: 16px;
  font-weight: 700;
}

.table-action-buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row-reverse;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.calculator {
  justify-content: center;
  width: 100%;
  padding-top: 80px;
  display: flex;
}

.content-wrapper {
  background-color: #5478f0;
  border-radius: 24px;
  width: 1130px;
  height: 330px;
  padding-right: 0;
  position: relative;
}

.calculator-background-l {
  position: absolute;
  inset: auto auto 5% 0%;
}

.calculate-background-r {
  position: absolute;
  inset: auto 0% 0% auto;
}

.content {
  align-items: center;
  height: 100%;
  padding-left: 80px;
  display: flex;
}

.content-text {
  flex-flow: column;
  display: flex;
}

.heading-19 {
  color: #fff;
  text-align: center;
}

.toggle-button {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--ugblue);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--ugblue);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--ugblue);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--ugblue);
  background-color: #0000;
  border-radius: 100px;
  align-items: center;
  width: 56px;
  height: auto;
  padding: 4px;
  display: flex;
}

.toggle-circle {
  background-color: #fff;
  border-radius: 100px;
  width: 24px;
  height: 24px;
  margin-left: 24px;
}

.pricing-toggle {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.mounthly-text {
  color: var(--ugblue);
  padding-top: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.yearly-text {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-10 {
  border-right: 1px solid #1b393a1a;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  padding-right: 20px;
  display: flex;
}

.home-first-join-section {
  background-color: var(--ugpurple20);
}

.home-first-join-section.variant-b {
  display: flex;
}

.home-first-join-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 80px;
  display: flex;
}

.deals-section {
  background-color: var(--alicebluedark);
}

.deals-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: flex;
}

.deals-table {
  border-top-style: solid;
  border-top-width: .5px;
  border-top-color: var(--ugblack);
  border-right-style: solid;
  border-right-width: .5px;
  border-right-color: var(--ugblack);
  border-bottom-style: solid;
  border-bottom-width: .5px;
  border-bottom-color: var(--ugblack);
  border-left-style: solid;
  border-left-width: .5px;
  border-left-color: var(--ugblack);
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  width: 1300px;
  min-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow-x: auto;
}

.deals-table.product-management, .deals-table.project-management, .deals-table.design, .deals-table.growth, .deals-table.marketing, .deals-table.sales, .deals-table.customer-success, .deals-table.customer-support, .deals-table.business-operations, .deals-table.productivity {
  display: none;
}

.deals-header-row {
  font-size: 16px;
  font-weight: 700;
}

.deals-header {
  border: .5px solid #000;
  justify-content: flex-start;
  align-items: center;
  height: 75px;
  padding: 24px;
  display: flex;
}

.deals-header.product-name {
  width: 18%;
  color: var(--ugblack);
}

.deals-header.category {
  width: 17%;
}

.deals-header.tool-info, .deals-header.deal {
  width: 16.6%;
}

.deals-header.code {
  width: 16%;
}

.deals-header.url {
  width: 16.6%;
}

.deals-info-row {
  justify-content: flex-start;
  align-items: stretch;
  font-size: 16px;
  font-weight: 700;
}

.deals-info {
  border: .5px solid var(--ugblack);
  color: var(--ugblack);
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  font-weight: 400;
  display: flex;
}

.deals-info.product-name {
  width: 18%;
}

.deals-info.category {
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: center;
  width: 17%;
  display: flex;
}

.deals-info.tool-info {
  width: 16.6%;
}

.deals-info.deal {
  width: 16.6%;
  font-weight: 500;
}

.deals-info.code {
  width: 16%;
  font-weight: 500;
}

.deals-info.url {
  justify-content: center;
  align-items: center;
  width: 16.6%;
}

.category-wrapper {
  border: 1px solid var(--ugblue700);
  background-color: #fafcff;
  border-radius: 20px;
  margin: 4px;
  padding: 12px 14px;
}

.customers-list {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  display: flex;
}

.customers-list-wrapper {
  width: 1178px;
}

.customer-wrapper {
  flex-flow: row;
  justify-content: center;
  width: 100%;
  padding: 72px 131px;
  display: flex;
}

.catch-deal-link {
  text-decoration: none;
}

.deals-button-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  padding: 40px 120px;
  display: flex;
  overflow: hidden;
}

.deals-wrapper {
  width: 100vw;
  margin-bottom: 200px;
  display: flex;
  overflow: auto hidden;
}

.vertical-badge-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
}

.vertical-badge-wrapper.demo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.university-embed-wrapper {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.link-block-2 {
  flex: none;
  align-self: auto;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: wrap;
  display: flex;
}

.rich-text-block-3 {
  max-width: 460px;
  font-size: 32px;
  line-height: 42px;
}

.rich-text-block-3.wide-width {
  max-width: none;
}

.workflow-row-wrapper {
  width: 100%;
  height: 550px;
}

.header-background-image-right {
  max-width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.header-background-image-left {
  position: relative;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.header-product-dropdown-list {
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  display: grid;
}

.header-product-dropdown-list.header-product-dropdown-list-product-grid-v2 {
  grid-column-gap: 36px;
  grid-row-gap: 0px;
  height: 500px;
  margin-top: 10px;
}

.header-product-dropdown-list.header-product-dropdown-list-product-grid-v2.header-product-dropdown-list-current-theme {
  height: 400px;
}

.hero-content-left-wrapper {
  width: 50%;
  height: 100%;
  display: flex;
}

.hero-content-left-wrapper.partnership {
  width: 45%;
}

.hero-content-left-wrapper.webinar {
  justify-content: flex-end;
}

.hero-content-left-wrapper.referrals {
  width: 45%;
}

.hero-content-left-wrapper.static {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.hero-content-right-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.hero-content-right-wrapper.partnership {
  width: 55%;
}

.hero-content-right-wrapper.webinar {
  justify-content: flex-start;
  align-items: center;
}

.hero-content-right-wrapper.referrals {
  border-radius: 20px;
  width: 54%;
}

.hero-content-right-wrapper.full-width {
  width: 570px;
}

.hero-content-right-wrapper.exclusive-partnership-form {
  border-radius: 20px;
  width: 54%;
}

.contribute-survey-description {
  color: #1e2530;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.category-text {
  color: var(--ugblue700);
  letter-spacing: .44px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.home-comment-button-arrow-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  height: 20px;
  display: flex;
  position: absolute;
  bottom: 35px;
  right: 40px;
}

.home-comment-button-arrow {
  width: 22px;
  height: 18px;
  transition: width .4s;
}

.home-comment-button-arrow:hover {
  width: 25px;
  max-width: none;
  height: 18px;
}

.deals-button-bottom-line {
  background-color: var(--ugblue);
  width: 110%;
  max-width: 100%;
  height: 2px;
  overflow: hidden;
}

.deals-text {
  flex-flow: column;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
}

.deals-button-text {
  width: 100%;
  color: var(--ugblack);
  cursor: pointer;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.text-block-44 {
  color: #39c38d;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 500;
  display: block;
}

.text-block-44.plan-save-price {
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}

.text-block-44.plan-save-price:lang(pt-br), .text-block-44.plan-save-price:lang(es), .text-block-44.plan-save-price:lang(fr) {
  font-size: 14px;
}

.text-block-44.plan-save-price.hide {
  display: none;
}

.newsletter-html-embed {
  width: 400px;
}

.big-icon-wrapper {
  border: 1px solid #dde4fc40;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  box-shadow: 0 4px 4px #e2e8fd40;
}

.big-icon-wrapper.icon-wrapper-v2 {
  display: none;
}

.content-card-image {
  border-radius: 8px;
  width: 100%;
}

.newsletter-hero-rich-desc {
  max-width: 100%;
}

.ebook-html-embed-richtext {
  width: 100%;
  height: auto;
}

.demo-comment-card-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 24px;
  flex-flow: row;
  justify-content: space-between;
  width: 577px;
  height: 300px;
  padding: 40px 48px;
  position: relative;
  overflow: hidden;
}

.demo-comment-card-left-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.row-header-wrapper {
  align-items: center;
  display: flex;
}

.pricing-dropdown {
  display: none;
}

.image-28 {
  width: 35px;
  height: 35px;
}

.image-28.hide, .image-30 {
  display: none;
}

.image-31 {
  width: 35px;
  height: 35px;
}

.image-31.hide {
  display: none;
}

.cookies-table-wrapper {
  width: 100%;
  overflow: hidden;
}

.demo-email-embed {
  width: 100%;
}

.g_id_container {
  z-index: 10;
  position: relative;
}

.dropdown-list {
  z-index: 2;
  background-color: #fafbff;
  inset: 0%;
  overflow: visible;
}

.dropdown-list.w--open {
  z-index: 0;
  background-color: #fff;
  flex-flow: column;
  width: auto;
  margin-top: 50px;
  display: flex;
  position: absolute;
}

.dropdown-list.all-locations-dropdown-list {
  border: 1px solid #e3e9fd;
  border-radius: 0;
}

.dropdown-list.all-locations-dropdown-list.w--open {
  width: 160px;
  margin-top: 50px;
}

.dropdown-list.benefits-dropdown-list.w--open {
  margin-top: 50px;
}

.dropdown-list.features-dropdown-list {
  width: 200px;
}

.dropdown-list.features-dropdown-list.w--open {
  margin-top: 50px;
}

.dropdown-item {
  clear: none;
  color: #333;
  object-fit: none;
  background-color: #fff;
  padding-left: 10px;
  line-height: 40px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.dropdown-item:hover {
  background-color: #e7e7e7;
}

.customer-card-link-block {
  color: var(--ugblack);
  text-decoration: none;
}

.hs-form-private {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.desktop-header-link {
  text-decoration: none;
}

.desktop-header-link.w--current {
  padding-top: 0;
}

.sign-in-buttons:lang(fr) {
  width: auto;
  min-width: auto;
}

.sign-in-buttons.sign-in-draft {
  display: none;
}

.home-integrations-cta-link {
  text-decoration: none;
}

.upper-side {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-36 {
  width: 64px;
}

.header-localization-link {
  color: var(--uggreen);
  font-weight: 500;
  text-decoration: none;
}

.header-localization-link:hover {
  color: var(--uggreen50);
}

.header-localization-link.w--current {
  color: var(--ugblue);
  font-weight: 500;
  text-decoration: none;
}

.header-locales-wrapper {
  background-color: var(--white);
  position: relative;
}

.header-locales-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 142px;
  padding: 24px;
  display: flex;
}

.header-dropdown-toggle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 0;
  display: flex;
}

.header-dropdown-toggle.header-dropdown-toggle-draft {
  border-radius: 10px;
  padding: 10px 14px 10px 0;
}

.header-localization-dropdown {
  padding-top: 4px;
  padding-bottom: 4px;
}

.header-localization-dropdown.localization-dropdown-draft {
  display: none;
}

.localization-icon {
  width: 12px;
}

.localization-icon.localization-icon-draft-unused, .mobile-header-row, .localization-image.localization-image-draft-unused {
  display: none;
}

.localization-image.localization-image-draft {
  padding-top: 4px;
}

.localization-image.localization-image-draft.localization-image-current-theme {
  color: #fff;
}

.localization-dropdown-arrow {
  position: absolute;
  top: -12px;
  left: 24px;
}

.localization-dropdown-arrow.dorpdown-arrow-draft, .localization-dropdown-arrow.header-dropdown-arrow-currenttheme {
  display: none;
}

.localization-dropdown-list {
  margin-top: 10px;
  display: none;
  inset: 100% auto auto;
}

.localization-dropdown-list.w--open {
  margin-top: 24px;
}

.localization-dropdown-list.localization-dropdown-list-footer-current-theme {
  display: none;
  top: auto;
  bottom: 100%;
}

.localization-dropdown-list.header-dropdown-currenttheme {
  top: 100%;
  bottom: auto;
}

.localization-dropdown-list.localization-in-footer {
  top: auto;
  bottom: 100%;
}

.localization-toggle-text {
  flex-flow: column;
  padding-top: 4px;
}

.localization-toggle-text.hide {
  display: none;
}

.current-language-text {
  color: #fff;
  cursor: pointer;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.current-language-text.language-text-draft {
  color: #0d0e0b;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 14px;
}

.current-language-text.language-text-draft.language-text-current-theme {
  color: #fff;
}

.footer-localization-dropdown {
  justify-content: center;
  align-items: flex-start;
  margin-top: 32px;
}

.footer-localization-dropdown.footer-localizatilon-dropdown-draft {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #0d0e0b14;
  border-radius: 10px;
  margin-top: 0;
}

.footer-localization-dropdown.footer-localizatilon-dropdown-draft.footer-localization-dropdown-current-theme {
  border-style: none;
}

.footer-policies-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding-top: 40px;
}

.footer-policies-column.policies-draft {
  padding-top: 80px;
  overflow: hidden;
}

.footer-badges-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  width: 160px;
}

.footer-wide-badge {
  opacity: .75;
  cursor: pointer;
  width: 150px;
}

.footer-wide-badge:hover {
  opacity: 1;
}

.footer-narrow-badge {
  opacity: .75;
  cursor: pointer;
  width: 75px;
}

.footer-narrow-badge:hover {
  opacity: 1;
}

.footer-narrow-badge.margin-top {
  margin-top: 0;
}

.mobile-footer-rights-text-wrapper, .mobile-design-container {
  display: none;
}

.faq-heading {
  margin-bottom: 80px;
}

.benefit-video {
  border-radius: 20px;
  min-width: auto;
  position: relative;
  overflow: hidden;
}

.hero-lottie {
  z-index: 1;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.header-wrapper {
  -webkit-text-fill-color: inherit;
  background-color: #333;
  background-image: linear-gradient(270deg, #142046, #070b19);
  background-clip: border-box;
  justify-content: center;
  max-width: none;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.header-wrapper.header-wrapper-draft {
  background-color: #f4f1ec;
  background-image: none;
}

.header-wrapper.header-wrapper-draft.header-wrapper-staging {
  background-image: linear-gradient(270deg, #142046, #070b19);
}

.customer-stories-badge {
  max-width: 117px;
}

.home-feature-link-block {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.moving-company-logo {
  height: 26px;
}

.pricing-title {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 16px;
  display: flex;
}

.pricing-title.bottom-padding {
  margin-bottom: 10px;
}

.pricing-slider {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  width: auto;
  color: var(--white);
  background-color: #1c253f80;
  border: 1px solid #1c253f80;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 20px;
  line-height: 24px;
  display: flex;
}

.pricing-slider-def {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  display: none;
}

.pricing-slider-toggle {
  justify-content: space-between;
  width: 100%;
  margin-right: 30px;
  display: flex;
}

.pricing-slider-lower {
  justify-content: center;
  width: 100%;
  margin-left: 15px;
  margin-right: 0;
  display: flex;
}

.slider {
  width: 100%;
  display: none;
}

.html-embed-2 {
  width: 100%;
  max-width: 285px;
}

.mau-text {
  text-align: right;
  width: 110px;
  font-size: 25px;
  font-weight: 600;
}

.mau-text.mau-text-postfix {
  border-bottom: 1px dashed #7b9193;
  width: auto;
  margin-left: 8px;
  font-weight: 400;
}

.div-block-12 {
  display: flex;
}

.webinar-embed {
  border-radius: 20px;
  height: 100%;
}

.webinar-embed.full-width {
  width: 100%;
}

.plan-price-text {
  justify-content: center;
  width: 100%;
  height: 90px;
  display: flex;
}

.plan-price-text.corporate-text {
  justify-content: center;
  align-items: center;
  height: 91px;
}

.plan-price-text.corporate-text.corporate-plan {
  height: 91px;
}

.plan-price-text.corporate-text.corporate-plan.group-b {
  text-align: left;
  justify-content: flex-start;
  height: auto;
}

.plan-price-text.left-aligned {
  justify-content: space-between;
  align-items: flex-end;
  height: 70px;
}

.plan-price-text.left-aligned:lang(pt-br) {
  text-align: left;
  height: auto;
}

.plan-price-text.left-aligned:lang(es), .plan-price-text.left-aligned:lang(fr) {
  height: auto;
}

.price-plan-card-title {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border-bottom: 1px #1b393a33;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  display: flex;
}

.price-plan-card-title.left-aligned {
  justify-content: space-between;
  padding-top: 8px;
}

.learn-more-wrapper {
  width: 100%;
  max-width: 1200px;
  height: 280px;
  position: relative;
  overflow: hidden;
}

.learn-more-wrapper.home {
  height: 300px;
}

.customer-comments-wrapper {
  width: 100%;
  max-width: 1178px;
  height: 251px;
  margin-top: 80px;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.card-link {
  color: var(--ugblack);
  text-decoration: none;
}

.home-security-section {
  padding-top: 80px;
  padding-bottom: 100px;
}

.home-security-container {
  grid-column-gap: 135px;
  grid-row-gap: 135px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.home-security-text {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  max-width: 440px;
}

.home-security-cta-link {
  text-decoration: none;
}

.home-security-cta-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  margin-top: 25px;
}

.home-security-image {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  position: relative;
}

.security-image {
  width: 100%;
  min-width: 400px;
  max-width: 600px;
  height: 100%;
}

.home-second-join-component-wrapper {
  background-color: var(--ugpurple20);
}

.customer-comments-slider-wrapper {
  width: 100%;
  height: 388px;
  position: relative;
  overflow: hidden;
}

.blog-page-hero-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  width: 100%;
  max-width: none;
  display: flex;
}

.blog-post-content-container {
  z-index: 3;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  max-width: 765px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.blog-post-content-container.alternative-page {
  width: 75vw;
  max-width: none;
}

.blog-post-hero-section {
  z-index: 1;
  background-color: var(--ugpurple30);
  position: relative;
  overflow: hidden;
}

.blog-post-hero-section.green-background {
  background-color: var(--uggreen);
}

.blog-hero-header-container {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1180px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.blog-hero-header-container.alternative {
  align-items: center;
}

.blog-detail-category {
  color: var(--ugblue);
  font-weight: 600;
}

.blog-page-title {
  width: 100%;
  color: var(--ugblack);
  text-align: left;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.blog-page-title.white {
  color: var(--white);
}

.blog-page-title.white.alternative {
  font-size: 40px;
  line-height: 50px;
}

.blog-hero-info-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
}

.post-info-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
}

.post-info-row.home {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.post-author-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.post-author-info-header {
  color: var(--ugblack);
  font-size: 10px;
  line-height: 15px;
  text-decoration: none;
}

.post-author-info-header.space-after {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
}

.post-author-name {
  color: var(--ugblack);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
}

.post-author-image {
  border-radius: 32px;
  width: 32px;
  height: 32px;
}

.blog-header-horizontal-flex {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-home-hero-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--ugpurple30);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-home-hero-container {
  width: auto;
  max-width: 1440px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 0;
  position: relative;
}

.blog-home-hero-text-container {
  z-index: 1;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 500px;
  padding: 40px;
  position: relative;
}

.blog-home-hero-header {
  color: var(--ugblack);
  align-self: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.blog-home-posts-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  max-width: 1300px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blog-home-posts-section {
  width: 100%;
  padding-bottom: 80px;
  overflow: hidden;
}

.blog-home-head-post {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-home-post-categories {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.blog-category-text {
  flex-flow: column;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
}

.blog-category-button-text {
  width: 100%;
  color: var(--ugblack);
  cursor: pointer;
  font-family: Gilroy;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.blog-category-button-bottom-line {
  background-color: var(--ugblue);
  width: 110%;
  max-width: 100%;
  height: 2px;
  overflow: hidden;
}

.blog-category-link {
  text-decoration: none;
}

.blog-head-post-background {
  width: 100%;
  transition: transform .6s;
  overflow: hidden;
}

.blog-head-post-background:hover {
  transform: scale(1.2);
}

.head-post-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  padding: 56px 48px;
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.head-post-author-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.image-38 {
  border-radius: 32px;
  width: 32px;
  height: 32px;
}

.head-post-author-name {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.head-post-update-date {
  color: var(--ugblack);
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.head-post-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.head-post-category {
  color: var(--ugblue);
}

.head-post-category:hover {
  color: #5478f0cc;
}

.head-post-category-link {
  text-decoration: none;
}

.blog-home-highlighted-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  padding-top: 32px;
}

.highlighted-articles-header {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.highlighted-articles-upper-wrapper {
  width: 100%;
}

.highlighted-articles-upper-row {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  display: flex;
}

.blog-post-card {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 358px;
  max-width: 358px;
  text-decoration: none;
  display: flex;
}

.blog-post-card.category {
  width: 358px;
}

.blog-post-card-small-image {
  object-fit: cover;
  width: 358px;
  height: 170px;
  transition: transform .6s;
  overflow: hidden;
}

.blog-post-card-small-image:hover {
  transform: scale(1.1);
}

.blog-post-card-update-date {
  color: #1b393ab3;
  font-size: 13px;
  line-height: 24px;
}

.blog-post-card-header {
  font-weight: 500;
  line-height: 28px;
}

.blog-post-card-header:hover {
  text-decoration: underline;
}

.highlighted-articles-lower-row {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  display: flex;
}

.big-highlighted-post-card {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 560px;
  text-decoration: none;
  display: flex;
}

.big-highlighted-post-image {
  width: 100%;
  transition: transform .6s;
  overflow: hidden;
}

.big-highlighted-post-image:hover {
  transform: scale(1.3);
}

.head-post-author-link, .head-post-link {
  color: var(--ugblack);
  text-decoration: none;
}

.blog-home-categories-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.category-articles-header {
  font-weight: 500;
}

.category-articles-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  width: 100%;
  overflow: hidden;
}

.category-articles-wrapper.category {
  margin-top: 40px;
}

.category-articles-header-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.category-view-link-block {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.category-view-cta-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  cursor: pointer;
}

.blog-home-category-list-wrapper {
  width: 100%;
  overflow: hidden;
}

.blog-home-category-list {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  width: 100%;
  padding-bottom: 16px;
  display: flex;
  overflow: auto;
}

.load-more-categories-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  width: 100%;
  margin-top: -40px;
  display: flex;
  overflow: hidden;
}

.load-more-button-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.blog-join-cta-section {
  background-color: var(--ugpurple20);
  padding-top: 80px;
  padding-bottom: 110px;
  overflow: hidden;
}

.blog-join-cta-container {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.blog-join-cta-header {
  text-align: center;
  max-width: 750px;
}

.blog-category-hero-section {
  background-color: var(--ugpurple30);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-category-hero-container {
  width: 100%;
  max-width: 1260px;
  padding-top: 80px;
  padding-bottom: 100px;
  padding-left: 90px;
}

.blog-category-hero-text-container {
  z-index: 1;
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #fffc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  padding: 40px 40px 8px;
  position: relative;
}

.blog-category-hero-description {
  height: 96px;
  color: var(--ugblack);
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.blog-category-posts-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1260px;
  padding-bottom: 100px;
  display: flex;
}

.blog-category-posts-wrapper {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.blog-category-post-list {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog-pagination-button {
  text-align: center;
  background-color: #fff;
  border-style: none;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin: 10px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.blog-pagination-button:hover {
  border: 1.2px solid var(--ugblack);
}

.pagination-arrow {
  width: 24px;
}

.pagination-arrow.previous {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.saving-text {
  font-weight: 500;
}

.blog-components-wrapper {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  display: flex;
}

.blog-author-hero-section {
  background-color: var(--ugpurple30);
  background-image: url('../images/Fill-194_1.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding: 100px 40px;
  position: relative;
  overflow: hidden;
}

.blog-author-hero-design {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.blog-author-hero-container {
  background-color: #fff;
  border-radius: 4px;
  max-width: 1130px;
  padding: 48px 93px 48px 56px;
  position: relative;
}

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

.author-hero-left-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
}

.author-hero-right-column {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.author-image {
  border-radius: 40px;
  width: 72px;
  height: 72px;
}

.author-name {
  white-space: nowrap;
  font-size: 32px;
  line-height: 48px;
}

.author-information {
  max-width: 600px;
  color: var(--uggreen);
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}

.author-follow-text {
  color: var(--ugblack);
  font-size: 13px;
  line-height: 15px;
}

.author-social-divider-line {
  background-color: #1b393a1a;
  width: 28px;
  height: 1px;
}

.author-social-media-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-articles-section {
  padding-top: 80px;
  padding-bottom: 48px;
}

.author-articles-container {
  width: 100%;
  max-width: 1180px;
}

.author-articles-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  width: 100%;
  overflow: hidden;
}

.author-articles-header-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.author-articles-list {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog-post-hero-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: 552px;
}

.blog-hero-image {
  border-radius: 16px;
  width: 100%;
  min-width: 460px;
}

.blog-post-content-body {
  width: 100%;
  color: var(--uggreen);
  margin-top: 12px;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  line-height: 32px;
}

.blog-post-content-body.initial-hook {
  padding-bottom: 0;
  line-height: 22px;
}

.blog-post-content-body.tl-dr, .blog-post-content-body.customer-stories {
  padding-top: 0;
  padding-bottom: 0;
}

.blog-post-join-container {
  background-color: var(--ugpurple20);
  overflow: hidden;
}

.blog-post-content-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1360px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toc-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  flex-flow: column;
  max-width: 238px;
  height: 350px;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.toc-header {
  color: var(--uggreen);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.toc-html-embed-wrapper {
  height: 100%;
  display: block;
  overflow-y: scroll;
}

.blog-header-search-container {
  z-index: 99999;
  background-color: #5478f0e6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 100vh;
  display: none;
  position: fixed;
}

.search-close-image {
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 40px;
  right: 40px;
}

.blog-search-container {
  border-bottom: 1px solid #fff;
  width: 100%;
  max-width: 650px;
  margin-bottom: 0;
  padding-bottom: 8px;
  display: flex;
}

.blog-search-input {
  color: #fff;
  background-color: #0000;
  border: 1px solid #0000;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.blog-search-input::placeholder {
  color: #fff;
}

.search-button-2 {
  background-color: #0000;
  background-image: url('../images/Group-33771.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.header-search-row {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.blog-header-search-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.search-hero-section {
  background-color: var(--ugyellowdark);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 250px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.search-hero-right-image {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.search-results-info-container {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1130px;
  padding: 48px 230px 64px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 8px #e2e8fd40;
}

.search-results-wrapper {
  background-color: var(--ugpurple20);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding-top: 200px;
  padding-bottom: 120px;
  display: flex;
}

.search-result-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1180px;
  display: flex;
}

.search-results-header {
  margin-bottom: 24px;
  font-size: 40px;
  line-height: 48px;
}

.search-results-label {
  color: var(--ugblack);
  margin-bottom: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.search-result-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.search-results-search-button {
  background-color: var(--alicebluelight);
  background-image: url('../images/Variant4.svg');
  background-position: 50%;
  background-size: cover;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 20px;
  right: 24px;
}

.search-results-input-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 650px;
  display: flex;
  position: relative;
}

.search-light-form-box {
  border: 1px solid var(--alicebluedark);
  background-color: var(--alicebluelight);
  width: 100%;
  height: 64px;
  color: var(--uggreen);
  margin-bottom: 0;
  padding: 0 0 0 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: border-color .3s;
}

.search-light-form-box:focus {
  border-color: var(--ugblue);
}

.search-results-text {
  width: 100%;
  max-width: 1160px;
  margin-bottom: 56px;
  padding-left: 10px;
  font-weight: 500;
}

.list {
  padding-left: 0;
}

.related-articles-wrapper {
  width: 100%;
  max-width: 1170px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.post-author-info-container {
  justify-content: space-between;
  width: auto;
  min-width: 50%;
  margin-top: 80px;
}

.post-author-info-text {
  text-align: justify;
  margin-top: 24px;
  margin-bottom: 32px;
  font-style: italic;
}

.blog-author-details-info {
  color: var(--ugblack);
  font-size: 11px;
  line-height: 15px;
}

.blog-post-faq-section {
  border-top: 1px solid #8d9c9c;
  width: 100%;
  margin-bottom: 0;
  padding-top: 80px;
  padding-right: 0;
}

.blog-faq-answer {
  font-size: 18px;
  line-height: 32px;
}

.blog-faq-item-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.blog-post-demo-cta-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  opacity: 0;
  background-color: #f2f5fe;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  max-width: 209px;
  height: auto;
  max-height: 576px;
  margin-left: 40px;
}

.blog-toc-cta-wrapper {
  z-index: 2;
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 238px;
  margin-right: 40px;
  position: relative;
}

.blog-social-share-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.blog-share-button {
  background-color: var(--ugpurple30);
  cursor: pointer;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.blog-share-button:hover {
  background-color: var(--ugpurple20);
}

.blog-share-button-image {
  width: 18px;
  height: auto;
}

.blog-post-social-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  background-image: url('../images/Group-33757.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 123px;
  height: 40px;
  padding-left: 21px;
  padding-right: 12px;
}

.author-link {
  text-decoration: none;
}

.scrollable-toc-cta-wrapper {
  z-index: 0;
  justify-content: space-between;
  width: 95%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  top: 240px;
  left: 40px;
  right: 40px;
  overflow: hidden;
}

.not-found-container {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 80vh;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.not-found-section {
  width: 100%;
  height: 100%;
}

.not-found-image-wrapper {
  width: 100%;
  max-width: 540px;
}

.not-found-text-wrapper {
  min-width: 50%;
  max-width: none;
  color: var(--white);
  flex-flow: column;
  align-items: center;
  margin-bottom: 20px;
}

.not-found-text-wrapper.left {
  align-items: center;
}

.not-found-text-wrapper.copy-rights {
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.not-found-header {
  color: var(--white);
  text-align: center;
  margin-bottom: 10px;
  font-size: 80px;
  font-weight: 800;
  line-height: 90px;
}

.not-found-text-1 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.not-found-detail-text {
  font-size: 16px;
  line-height: 24px;
}

.not-found-image {
  width: 100%;
}

.not-found-header-section {
  z-index: 9999;
  background-image: linear-gradient(270deg, var(--gradient1), var(--gradient2));
  width: 100%;
}

.not-found-header-container {
  max-width: 1440px;
  padding-top: 22px;
  padding-bottom: 22px;
  padding-left: 40px;
}

.not-found-sections-wrapper {
  height: auto;
}

.not-found-link {
  color: var(--ugblue);
}

.not-found-footer-text {
  text-align: center;
  margin-top: 0;
}

.blog-demo-cta-logo {
  width: 150px;
}

.blog-demo-cta-text {
  color: var(--ugblue);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  display: block;
}

.blog-cta-demo-image, .blog-cta-demo-image:lang(pt-br), .blog-cta-demo-image:lang(es), .blog-cta-demo-image:lang(fr) {
  width: auto;
  max-height: 120px;
}

.pricing-content-div {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.pricing-content-div.group-b {
  display: block;
}

.pricing-content-div.variant-a {
  display: flex;
}

.pricing-content-div.variant-a:lang(pt-br), .pricing-content-div.variant-a:lang(es), .pricing-content-div.variant-a:lang(fr) {
  display: none;
}

.pricing-text-content {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 750px;
  height: 100%;
  padding-top: 80px;
}

.pricing-text-content.pricing-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0000;
  border-top-style: none;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  padding-bottom: 60px;
}

.pricing-text-content.pricing-content:lang(pt-br) {
  display: flex;
}

.pricing-text-content.pricing-content.vertical {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border: 0 solid #000;
  flex-flow: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 60px;
}

.pricing-text-content.pricing-content.vertical:lang(pt-br) {
  display: flex;
}

.pricing-design-background-left {
  z-index: 0;
  width: 511px;
  height: 245px;
  margin-top: 0;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
}

.pricing-design-background-left.pricing-hero-back-left {
  margin-top: 300px;
  inset: 0% auto 0% 0%;
}

.pricing-design-background-right {
  z-index: 0;
  max-width: none;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.pricing-design-background-right.pricing-hero-back-right {
  margin-top: 100px;
  inset: 0% 0% 0% auto;
}

.pricing-section {
  background-color: #d3ddfb4d;
  justify-content: center;
  height: 560px;
  display: flex;
  position: relative;
}

.pricing-section.pricing-hero {
  background-image: linear-gradient(270deg, #142046, #070b19);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-bottom: 300px;
  position: relative;
}

.flex-block-35.centered {
  color: var(--white);
  align-items: center;
}

.blog-social-icon-wrapper {
  cursor: pointer;
  position: relative;
}

.mobile-toc-container {
  display: none;
}

.toc-mobile-list {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  overflow: hidden scroll;
}

.sitemap-section {
  padding-top: 100px;
  padding-bottom: 150px;
}

.sitemap-container {
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
}

.sitemap-page-header {
  margin-bottom: 80px;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.site-map-categories-wrapper {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  flex-flow: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.sitemap-category {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.sitemap-category-heading {
  color: var(--ugblue);
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.sitemap-category-heading:hover {
  color: var(--ugblue500);
}

.sitemap-category-links {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.sitemap-link {
  color: var(--ugblack);
  text-decoration: none;
}

.sitemap-link-text:hover {
  color: var(--uggreen50);
}

.sitemap-categories-column {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.blog-header-icons-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 40px;
}

.blog-header-icon {
  width: 70px;
  margin-bottom: 8px;
}

.blog-tag-header {
  font-size: 40px;
}

.blog-header-ug-logo {
  width: 182px;
  height: 35px;
  margin-bottom: 6px;
}

.big-post-card-image-link {
  max-width: 560px;
  overflow: hidden;
}

.demo-two-iframe-wrapper {
  width: 850px;
  margin-bottom: -40px;
}

.demo-two-iframe-wrapper.hero {
  object-fit: contain;
  z-index: 100;
  width: 700px;
  max-height: 450px;
}

.demo-two-iframe-wrapper.alive-event {
  width: 950px;
}

.blog-home-background-image {
  width: 100%;
  margin-bottom: 40px;
}

.blog-detail-category-link {
  text-decoration: none;
}

.blog-join-embed {
  width: 100%;
  max-width: 495px;
}

.share-icon-tooltip-wrapper {
  background-image: url('../images/Group-44115-2.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 110px;
  height: 40px;
  padding-top: 4px;
  display: flex;
  position: absolute;
  top: -40px;
  left: -49px;
  overflow: hidden;
}

.share-icon-tooltip-wrapper.linkedin {
  left: -51px;
}

.share-icon-tooltip-wrapper.twitter {
  left: -50px;
}

.share-icon-tooltip-wrapper.facebook {
  left: -54px;
}

.share-icon-hover-text {
  color: var(--white);
  white-space: nowrap;
  font-size: 12px;
  line-height: 18px;
}

.hubspot-blog-form {
  width: 100%;
}

.blog-join-wrapper {
  background-color: var(--ugpurple30);
  margin-left: 0;
  margin-right: 0;
}

.customers-empty-state {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.customers-empty-image {
  width: 100%;
  max-width: 230px;
  margin-bottom: 24px;
}

.customers-empty-text {
  text-align: center;
  margin-bottom: 56px;
  font-size: 16px;
  line-height: 24px;
}

.empty-cust-card {
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  width: 380px;
  height: 274px;
  padding: 21px 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.empty-cust-card:hover {
  box-shadow: 0 2px 5px #0003;
}

.empty-customers-list {
  grid-column-gap: 19px;
  grid-row-gap: 19px;
  flex-flow: wrap;
  justify-content: center;
  width: 100%;
  display: flex;
}

.empty-customers-list-wrapper {
  width: 1178px;
}

.demo-customer-card-link {
  color: var(--ugblack);
  text-decoration: none;
}

.post-card-image-wrapper {
  max-width: 358px;
  overflow: hidden;
}

.category-articles-header-wrapper {
  width: 100%;
}

.footer-blog-posts-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-hero-image-wrapper {
  border-radius: 16px;
  max-width: 460px;
}

.login-icon {
  width: 18px;
}

.navbar-icon {
  width: 10px;
}

.category-page-heading {
  font-size: 32px;
  line-height: 40px;
}

.google-one-tap-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: calc(100vw - 80px);
  max-width: 1440px;
  height: 45px;
  display: flex;
  position: absolute;
  top: 90px;
  left: auto;
  right: auto;
}

.flex-block-36 {
  justify-content: center;
  align-items: center;
}

.on-hover-pop-up {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  width: 214px;
  min-width: auto;
  color: var(--ugblue);
  border-radius: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 125px;
  margin-right: 32px;
  padding-right: 0;
  position: absolute;
}

.text-block-45 {
  z-index: 10;
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
  color: var(--black);
  text-align: left;
  padding: 10px 10px 10px 15px;
  font-size: 13px;
  position: static;
  top: 14px;
}

.code-block {
  z-index: 100;
  width: 100%;
  display: block;
}

.code-block.freemium {
  max-height: 243px;
}

.heading-20 {
  font-size: 40px;
  line-height: 50px;
}

.image-40 {
  cursor: pointer;
  min-width: 18px;
}

.tl-dr-wrapper {
  width: 100%;
}

.lottie-animation {
  border-radius: 16px;
  width: 580px;
}

.flex-block-37 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.reviewer-info-div {
  flex-flow: column;
  display: flex;
}

.banner-wrapper {
  z-index: 9999;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #ddf9ee;
  flex-flow: row;
  justify-content: center;
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.banner-wrapper:lang(pt-br) {
  display: flex;
}

.banner-wrapper:lang(es) {
  display: none;
}

.banner-wrapper.halloween {
  background-color: #19212d;
}

.banner-wrapper.blue {
  background-color: var(--ugblue);
  color: var(--white);
}

.banner-wrapper.blue:lang(fr), .banner-wrapper.blue:lang(es), .banner-wrapper.blue.hide-in-pt-br:lang(pt-br), .banner-wrapper.blue.hide-in-pt-br:lang(es), .banner-wrapper.blue.hide-in-pt-br:lang(fr) {
  display: flex;
}

.sticky-banner-section {
  z-index: 10000000;
  max-width: none;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  position: sticky;
  top: 0;
}

.banner-text {
  color: var(--white);
  align-self: center;
  font-size: 16px;
  font-weight: 600;
}

.bold-text-2 {
  font-weight: 700;
}

.bold-text-2:lang(fr), .bold-text-2:lang(es), .bold-text-2:lang(pt-br) {
  text-transform: uppercase;
}

.bold-text-3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 35px;
}

.thank-you-page-paragraph {
  max-width: 700px;
  color: var(--ugblack);
  text-align: center;
  z-index: 10;
  margin-top: 40px;
  font-size: 35px;
  font-weight: 500;
  line-height: 45px;
}

.thank-you-page-paragraph.small {
  margin-top: 25px;
  margin-bottom: 60px;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
}

.background-video {
  z-index: 2;
  width: 555px;
  height: 294px;
}

.background-video.hide {
  display: none;
}

.lottie-animation-3 {
  z-index: 2;
}

.youtube {
  width: 578px;
}

.youtube.static {
  width: 450px;
  max-width: 450px;
}

.youtube.static.first-benefit-video {
  height: 250px;
}

.text-span {
  color: #fe613e;
}

.text-span-2 {
  padding-left: 20px;
}

.text-span-3 {
  padding-right: 20px;
}

.halloween-old-price-text {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: line-through;
}

.text-span-4 {
  font-size: 24px;
}

.code-embed {
  border-radius: 20px;
  width: 90%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.bold-text-4 {
  color: var(--white);
  font-weight: 600;
}

.div-block-15 {
  z-index: 900;
  background-color: var(--white);
  border-radius: 24px;
  justify-content: flex-end;
  align-self: flex-end;
  width: 100%;
  display: flex;
  position: sticky;
  top: 80px;
}

.bold-text-6 {
  font-size: 18px;
}

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

.hide {
  display: none;
}

.bold-text-7 {
  font-size: 14px;
}

.rich-text-block-4 {
  display: none;
}

.text-span-18 {
  font-size: 20px;
}

.image-41 {
  width: 580px;
}

.hide-in-b {
  display: none;
}

.navbar-logo {
  margin-bottom: 6px;
  margin-right: 40px;
}

.navbar-logo:lang(pt-br) {
  margin-right: 135px;
}

.navbar-logo:lang(es) {
  margin-right: 120px;
}

.link-block-3 {
  padding-top: 5px;
}

.link-block-3.logo-link-block-draft:lang(fr) {
  height: auto;
}

.paragraph {
  margin-bottom: 0;
  font-weight: 500;
  line-height: 24px;
}

.image-42 {
  border-radius: 10px;
  width: 544px;
  max-height: none;
}

.comparison-heading {
  color: #fff;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
}

.comparison-table-section {
  background-color: #d3ddfb33;
  padding-top: 56px;
  padding-bottom: 56px;
}

.first-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  height: 48px;
  display: flex;
}

.userguiding-column {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 476.58px;
  display: flex;
}

.userguiding-column.pricing {
  justify-content: center;
}

.image-43 {
  height: 33px;
  margin-left: auto;
  margin-right: auto;
}

.competitor-column {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  width: 476.58px;
  display: flex;
}

.competitor-column.pricing {
  justify-content: center;
}

.checkbox {
  height: 31.99px;
}

.red {
  color: var(--ugred);
  font-weight: 400;
}

.green {
  color: green;
  font-weight: 400;
}

.values-section {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-top: 55px;
  padding-bottom: 55px;
  position: relative;
  overflow: hidden;
}

.value-card {
  background-color: #fff;
  border: 4px solid #0000;
  border-radius: 24px;
  justify-content: center;
  width: 429px;
  height: 165px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.value-card:hover {
  border: 4px solid #1b393a;
  box-shadow: 10px 10px #1b393a99;
}

.value-heading {
  margin-bottom: 5px;
  margin-left: 8px;
  font-size: 24px;
  font-weight: 600;
}

.value-heading:lang(pt-br) {
  font-size: 20px;
}

.dark-green-paragraph {
  color: #1b393a;
  margin-bottom: 0;
}

.dark-green-paragraph.mid {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.values {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  max-width: 1440px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.values.values-usetiful {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
}

.testimonials-section {
  background-color: #d3ddfb33;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 23px;
  display: flex;
}

.comparsion-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 48px;
}

.comparsion-heading:lang(pt-br) {
  margin-bottom: 20px;
}

.card-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  height: 100%;
}

.stars {
  max-height: 21px;
}

.user---review-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.link {
  color: #5478f0;
  font-size: 14px;
  line-height: 24px;
}

.review {
  margin-bottom: 32px;
}

.comparison-testimonial-wrapper {
  max-width: 1300px;
  margin-top: 40px;
}

.image-44 {
  height: auto;
}

.flex-block-38 {
  display: flex;
}

.comparison-hero-right-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dark-ui {
  background-color: #0000;
  background-image: linear-gradient(270deg, var(--gradient1), var(--gradient2));
}

.image---pendo {
  height: 120px;
  margin-left: auto;
  margin-right: auto;
}

.form-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: stretch;
  display: flex;
}

.text-field {
  border-radius: 4px;
  min-width: auto;
  height: 50px;
  margin-bottom: 0;
  font-size: 16px;
  font-style: normal;
}

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

.form-block-2:lang(pt-br), .form-block-2:lang(es), .form-block-2:lang(fr) {
  display: none;
}

.image---walkme {
  height: 120px;
  margin-left: auto;
  margin-right: auto;
}

.demo-hero-content-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0 20px 53px;
}

.demo-hero-content-wrapper.second {
  background-color: #ffffff1a;
  background-image: url('../images/image-96.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 35px;
}

.demo-hero-content-wrapper.first {
  padding-bottom: 46px;
}

.demo-hero-content-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  max-width: 1110px;
  height: auto;
}

.demo-hero-content-row.first {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
}

.demo-content-left-wrapper {
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.demo-content-left-wrapper.hide {
  display: none;
}

.demo-content-left-wrapper.second {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  max-width: 43%;
}

.demo-content-right-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  width: 700px;
  height: auto;
  max-height: 450px;
  display: flex;
  position: static;
  inset: 3% 0% 0% auto;
}

.demo-hero-text-content {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  z-index: 2;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: 478px;
}

.demo-hero-text-content.first {
  max-width: none;
}

.demo-hero-section-new {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.demo-hero-section-new.hide-in-a {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.rich-text-block-5, .code-embed-2 {
  height: 100%;
}

.webinar-registration-wrapper {
  border-radius: 32px;
  width: 100%;
  min-width: 300px;
  max-width: 950px;
  height: 480px;
  max-height: 480px;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  overflow: visible;
}

.rich-text-block-6 {
  height: 100%;
}

.webinar-image-wrapper---register {
  z-index: 3;
  justify-content: center;
  align-self: center;
  width: 100%;
  display: flex;
}

.hero-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  align-items: flex-start;
  width: 50%;
  max-width: 750px;
  height: auto;
}

.forever-text {
  letter-spacing: 2px;
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 700;
}

.badge-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 700px;
  height: auto;
  display: flex;
}

.quote-left-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.banner-collection-list-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: center;
}

.banner-collection-list {
  align-self: center;
}

.banner-collection-item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  max-width: 209px;
  max-height: 576px;
  padding: 20px;
  display: flex;
}

.blog-right-side-banner-collection-list-wrapper {
  max-height: 574px;
}

.blog-logo-div {
  align-items: flex-end;
  width: 182px;
  margin-right: 105px;
  display: flex;
}

.flex-block-39 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  width: 1178px;
  max-width: 1440px;
}

.open-menu-right-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 5px;
  display: flex;
}

.image-62 {
  min-width: 800px;
  max-width: none;
  margin-top: -40px;
}

.collection-list-wrapper-7 {
  height: auto;
  display: block;
}

.button-ai {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--ugblue);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--ugblue);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--ugblue);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--ugblue);
  color: var(--ugblue);
  background-color: #f2f5fe;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
}

.button-ai.google-ai {
  min-width: 75px;
}

.ai-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  z-index: 5;
  border-radius: 8px;
  flex-flow: column;
  width: 100%;
  padding: 16px 24px;
  display: flex;
}

.ai-button-wrapper.frame {
  background-image: linear-gradient(92deg, #6901b46b, #3c018c);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 2px;
}

.button-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.text-block-49 {
  font-size: 18px;
  line-height: 20px;
}

.flex-block-40 {
  width: 100%;
}

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  width: 100%;
}

.grid:lang(pt-br) {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}

.grid:lang(es) {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.referral-form {
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: block;
}

.referral-form-wrapper {
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.values-section-referrals {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-top: 55px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.flex-block-referrals {
  padding-top: 5px;
  display: flex;
}

.referrals-hero-wrapper {
  position: relative;
}

.referrals-hero-section {
  background-color: #d3ddfb4d;
  justify-content: center;
  height: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
  position: relative;
}

.referrals-hero-section.newsletter {
  height: 650px;
}

.referrals-hero-section.podcast-episode {
  height: 100%;
  min-height: 630px;
}

.referrals-hero-section.all-use-cases-hero {
  height: auto;
}

.referrals-hero-section.partnership {
  height: 620px;
}

.referrals-hero-section.webinar {
  height: 600px;
}

.product-tour-rich-text-section {
  background-color: #d3ddfb33;
  padding: 60px 100px;
}

.product-tour-rich-text-wrapper {
  background-color: var(--white);
  border-radius: 24px;
  max-width: 1400px;
  padding: 40px;
  transition: box-shadow .2s;
}

.rich-text-block-for-product-tours {
  text-align: center;
  font-size: 16px;
  line-height: 25px;
}

.header {
  text-align: center;
  margin-bottom: 40px;
  font-size: 25px;
}

.column, .column-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.hover-out-for-open-menu {
  align-self: center;
  align-items: center;
  height: 80px;
  padding-left: 50px;
  display: flex;
}

.code-embed-3 {
  width: 100%;
}

.bigger-quote {
  font-size: 20px;
  line-height: 30px;
}

.div-block-17 {
  border-radius: 16px;
}

.video-wrapper {
  flex-flow: column;
  align-items: center;
  max-width: 946px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.video-hero-section {
  padding-top: 60px;
}

.video-hero-section.bg {
  background-color: var(--ugpurple30);
}

.video-hero-section.bg:lang(pt-br), .video-hero-section.bg:lang(es), .video-hero-section.bg:lang(fr) {
  display: none;
}

.hero-video-wrapper {
  border-radius: 32px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  overflow: visible;
}

.video-embed-wrapper {
  border-radius: 32px;
  height: 100%;
  min-height: 310px;
}

.update-date {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.post-update-date-header {
  color: var(--ugblack);
  font-size: 10px;
  line-height: 15px;
  text-decoration: none;
}

.post-update-date-header.space-after {
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 500;
}

.post-update-date {
  color: var(--ugblack);
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-decoration: none;
}

.webinar-video-wrapper-promo {
  border-radius: 32px;
  width: 100%;
  min-width: 300px;
  max-width: 950px;
  height: 520px;
  max-height: 520px;
  margin-top: 0;
  margin-bottom: 80px;
  position: relative;
  overflow: visible;
}

.webinar-video-wrapper-promo.variant-b {
  min-width: 494px;
  height: 273.811px;
  max-height: none;
  margin-bottom: 0;
  display: none;
}

.webinar-video-wrapper-promo.variant-b-promo {
  min-width: 494px;
  height: 273.811px;
  max-height: none;
  margin-bottom: 0;
  display: block;
}

.exclusive-partnership-form-wrapper {
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.exclusive-partnership-form {
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: block;
}

.partnerships-hero-wrapper {
  position: relative;
}

.partnerships-hero-section {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.partnerships-hero-content-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-left: 120px;
  padding-right: 120px;
}

.partnerships-hero-content-row {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  align-items: center;
  max-width: 1440px;
  height: 429.965px;
}

.partnerships-hero-content-row.for-brazil-lanfing-page {
  height: auto;
}

.partnerships-content-left-wrapper {
  width: 50%;
  height: 100%;
  display: flex;
}

.partnerships-content-left-wrapper.partnership {
  width: 45%;
}

.partnerships-content-left-wrapper.webinar {
  justify-content: flex-end;
}

.partnerships-content-left-wrapper.referrals {
  width: 45%;
}

.partnerships-hero-text-content {
  grid-row-gap: 24px;
  z-index: 2;
  justify-content: flex-start;
  align-items: stretch;
}

.value-card-partnerships {
  background-color: #fff;
  border: 4px solid #0000;
  border-radius: 24px;
  justify-content: center;
  width: 429px;
  height: 180px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}

.value-card-partnerships:hover {
  border: 4px solid #1b393a;
  box-shadow: 10px 10px #1b393a99;
}

.value-card-partnerships:lang(pt-br) {
  width: 570px;
}

.value-card-partnerships.partnerships-productgurus {
  width: 629px;
}

.value-card-partnerships.partnerships-productgurus:lang(pt-br) {
  width: 570px;
}

.values-section-partnerships {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding-top: 55px;
  padding-bottom: 50px;
  display: none;
  position: relative;
  overflow: hidden;
}

.values-section-partnerships.partnership-section-2 {
  display: block;
}

.empty-state {
  display: none;
}

.features-list {
  flex-direction: column;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.kb-feature-item {
  margin-bottom: 4px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.6;
}

.features-list-h3 {
  color: #5478f0;
  border-top: 1px solid #e0e4ee;
  margin-bottom: 8px;
  padding-top: 36px;
  padding-left: 40px;
  font-size: 1.2rem;
  font-weight: 700;
}

.features-list-h3.feature-requests {
  padding: 20px 0 0 16px;
}

.features-list-h3.public-roadmap {
  padding-left: 16px;
}

.ai-spotlight-h2 {
  color: #1a1a2e;
  text-align: center;
  margin-bottom: 12px;
  font-size: 2.25rem;
  font-weight: 800;
}

.features-list-item {
  color: #4a4a6a;
  padding-bottom: 36px;
  font-size: 1rem;
  line-height: 1.8;
}

.features-list-item.feature-requests {
  padding-left: 40px;
}

.hero-badge {
  color: #5478f0;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #e8eeff;
  border-radius: 100px;
  margin-bottom: 24px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  display: inline-block;
}

.hero-ctas {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
  display: flex;
}

.btn-secondary {
  color: #3b5bdb;
  background-color: #0000;
  border-radius: 10px;
  padding: 14px 24px;
  font-size: 1rem;
  font-weight: 600;
}

.btn-secondary:hover {
  background-color: #f0f4ff;
}

.btn-secondary.feature-pages {
  color: #5478f0;
  font-size: 18px;
}

.btn-primary-hero {
  color: #fff;
  background-color: #5478f0;
  border: 2px solid #0000;
  border-radius: 10px;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.btn-primary-hero:hover {
  background-color: #4366d8;
}

.btn-primary-hero.feature-pages {
  width: 151.66px;
  padding: 15px 18px;
  font-size: 16px;
  font-weight: 600;
}

.btn-primary-hero.feature-pages:hover {
  background-color: #4366d8;
}

.btn-primary-hero.feature-pages:lang(fr) {
  width: 236px;
}

.btn-primary-hero.feature-pages.partnerships-productgurus:lang(pt-br) {
  text-align: center;
  width: 230px;
}

.btn-primary-hero.feature-pages.partnerships-productgurus.partnerships-f6s {
  text-align: center;
  width: 100%;
  max-width: 200px;
  padding-left: 24px;
  padding-right: 24px;
}

.btn-primary-hero.feature-pages.join-section-start-button {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 18px;
}

.btn-primary-hero.feature-pages.join-section-start-button:lang(fr) {
  width: auto;
}

.value-prop-grid {
  text-align: left;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 56px;
  max-width: 1140px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
}

.value-prop-video-wrap {
  border-radius: 16px;
  max-width: 450px;
  overflow: hidden;
  box-shadow: 0 12px 40px #0000001a;
}

.value-prop-text-wrap {
  flex-direction: column;
  display: flex;
}

.features-subtitle {
  color: #5a5a7a;
  text-align: center;
  max-width: 600px;
  margin-bottom: 56px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
}

.join-section-static {
  background-image: linear-gradient(135deg, #1a1a2e 0%, #2d2d5e 100%);
  padding-top: 100px;
  padding-bottom: 100px;
}

.join-section-static:lang(fr) {
  display: block;
}

.join-section-inner {
  text-align: center;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.join-section-h2 {
  color: #fff;
  margin-bottom: 16px;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.3;
}

.join-section-p {
  color: #b0b0cc;
  margin-bottom: 36px;
  font-size: 1.125rem;
  line-height: 1.7;
}

.join-section-ctas {
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  display: flex;
}

.btn-outline-white {
  color: #fff;
  background-color: #0000;
  border: 2px solid #ffffff4d;
  border-radius: 10px;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: none;
}

.image-63 {
  width: 450px;
  max-width: 450px;
  height: 250px;
}

.code-embed-4 {
  overflow: visible;
}

.rd26-topbar {
  box-sizing: border-box;
  color: #2e4168;
  background-color: #fff;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
}

.rd26-hero, .rd26-features, .rd26-metrics, .rd26-detailrows, .rd26-pricing, .rd26-finalcta, .rd26-footer {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
}

.rd26-announce {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  letter-spacing: -.005em;
  background-color: #1e2533;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}

.rd26-announce-arrow {
  opacity: .85;
}

.rd26-nav {
  background-color: #fff;
  border-bottom: 1px solid #ecf0f5;
  justify-content: space-between;
  align-items: center;
  padding: 20px 48px;
  display: flex;
}

.rd26-nav-left {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: center;
  display: flex;
}

.rd26-logo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.rd26-logo-glyph {
  color: #fff;
  background-color: #2754eb;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.rd26-logo-wordmark {
  color: #1e2533;
  letter-spacing: -.02em;
  font-size: 17px;
  font-weight: 800;
}

.rd26-nav-links {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  display: flex;
}

.rd26-nav-link, .rd26-nav-signin {
  color: #2e4168;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.rd26-nav-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.rd26-cta-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  letter-spacing: -.005em;
  background-color: #1e2533;
  border-radius: 999px;
  align-items: center;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.rd26-hero-1 {
  background-color: #fff;
  padding: 120px 48px 0;
}

.rd26-hero-wrap {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
}

.rd26-hero-eyebrow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4c5c7c;
  letter-spacing: .04em;
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 999px;
  align-items: center;
  margin-bottom: 32px;
  padding: 5px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.rd26-sparkle {
  color: #8002c9;
  font-size: 11px;
}

.rd26-h1 {
  color: #1e2533;
  letter-spacing: -.028em;
  text-wrap: balance;
  margin: 0;
  font-size: 72px;
  font-weight: 800;
  line-height: 76px;
}

.rd26-h1-em {
  font-style: italic;
  font-weight: 500;
}

.rd26-hero-sub {
  color: #4c5c7c;
  max-width: 620px;
  margin: 28px auto 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.5;
}

.rd26-prompt {
  text-align: left;
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 16px;
  margin-top: 48px;
  padding: 18px;
  box-shadow: 0 12px 32px #3744730a, 0 2px 6px #3744730f;
}

.rd26-prompt-input {
  color: #919db5;
  width: 100%;
  min-height: 84px;
  padding: 4px 0;
  font-size: 16px;
  line-height: 1.55;
}

.rd26-prompt-foot {
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.rd26-prompt-meta {
  color: #919db5;
  font-size: 11px;
  font-weight: 500;
}

.rd26-cta-sm {
  padding: 8px 14px;
  font-size: 12.5px;
}

.rd26-sparkle-sm {
  font-size: 13px;
}

.rd26-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 24px;
  display: flex;
}

.rd26-chip {
  color: #4c5c7c;
  background-color: #fafcff;
  border: 1px solid #ecf0f5;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 500;
}

.rd26-logos-label {
  color: #919db5;
  text-align: left;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-top: 84px;
  margin-bottom: 28px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10.5px;
  font-weight: 500;
}

.rd26-logos {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: grid;
}

.rd26-logo-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 12px;
  display: flex;
}

.rd26-logo-name {
  color: #1e2533;
  letter-spacing: .16em;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}

.rd26-logo-name.rd26-logo-lower {
  letter-spacing: -.02em;
  text-transform: lowercase;
}

.rd26-logo-name.rd26-logo-title {
  letter-spacing: -.01em;
  text-transform: none;
}

.rd26-logo-name.rd26-logo-thin {
  letter-spacing: .02em;
  font-weight: 600;
}

.rd26-logo-since {
  color: #919db5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10px;
  font-weight: 500;
}

.rd26-hairline {
  background-image: linear-gradient(to right, #dae1ed 50%, #0000 50%);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  height: 1px;
  margin-top: 72px;
}

.rd26-features-1 {
  background-color: #fafcff;
  padding: 104px 0;
}

.rd26-features-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.rd26-features-head {
  max-width: 720px;
  margin-bottom: 56px;
}

.rd26-eyebrow {
  color: #74819b;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 500;
}

.rd26-h2 {
  color: #1e2533;
  letter-spacing: -.025em;
  margin: 12px 0 0;
  font-size: 44px;
  font-weight: 800;
  line-height: 52px;
}

.rd26-features-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.rd26-fcard {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff;
  border: 1px solid #ecf0f5;
  border-radius: 16px;
  flex-direction: column;
  min-height: 440px;
  padding: 28px;
  display: flex;
}

.rd26-fcard-head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rd26-fcard-title {
  color: #1e2533;
  letter-spacing: -.018em;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.rd26-fcard-desc {
  color: #4c5c7c;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
}

.rd26-fcard-mock {
  background-color: #f7f9fc;
  border: 1px solid #ecf0f5;
  border-radius: 10px;
  flex: 1;
  min-height: 160px;
  padding: 12px;
}

.rd26-mock-title {
  color: #2e4168;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
}

.rd26-mock-progress {
  background-color: #dae1ed;
  border-radius: 3px;
  height: 3px;
  margin-bottom: 12px;
}

.rd26-mock-progress-bar {
  background-color: #5478f0;
  border-radius: 3px;
  width: 40%;
  height: 100%;
}

.rd26-mock-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #2e4168;
  align-items: center;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.rd26-mock-item.rd26-done {
  color: #919db5;
}

.rd26-mock-strike {
  text-decoration: line-through;
}

.rd26-mock-dot {
  background-color: #0000;
  border: 1.2px solid #dae1ed;
  border-radius: 12px;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.rd26-mock-dot.rd26-done-dot {
  background-color: #50af8a;
  border-style: none;
}

.rd26-mock-dot.rd26-active-dot {
  background-color: #fff;
  border: 1.2px solid #5478f0;
}

.rd26-mock-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #1e2533;
  border-radius: 8px;
  align-items: center;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
}

.rd26-mock-tags {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-top: 10px;
  display: flex;
}

.rd26-mock-tag {
  color: #4c5c7c;
  background-color: #fff;
  border: 1px solid #ecf0f5;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 10px;
  font-weight: 600;
}

.rd26-mock-meta {
  color: #919db5;
  letter-spacing: .06em;
  margin-top: 12px;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10px;
  font-weight: 500;
}

.rd26-mock-bar {
  opacity: .25;
  background-image: linear-gradient(90deg, #5478f0 70%, #ecf0f5 70%);
  border-radius: 6px;
  height: 36px;
  margin-top: 8px;
}

.rd26-mock-nps-q {
  color: #2e4168;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
}

.rd26-mock-nps-scale {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-columns: repeat(11, 1fr);
  display: grid;
}

.rd26-mock-nps-pick {
  color: #fff;
  background-color: #5478f0;
  border-color: #5478f0;
}

.rd26-mock-nps-foot {
  color: #919db5;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 9px;
  display: flex;
}

.rd26-mock-nps-summary {
  color: #4c5c7c;
  background-color: #fff;
  border: 1px solid #ecf0f5;
  border-radius: 6px;
  margin-top: 14px;
  padding: 8px 10px;
  font-size: 10.5px;
}

.rd26-fcard-pills {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 6px;
  display: flex;
}

.rd26-pill {
  color: #4c5c7c;
  background-color: #f4f7fd;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
}

.rd26-metrics-1 {
  background-color: #fff;
  border-top: 1px solid #ecf0f5;
  padding: 104px 0;
}

.rd26-metrics-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.rd26-metrics-head {
  max-width: 720px;
  margin-bottom: 48px;
}

.rd26-metrics-grid {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #ecf0f5;
  border: 1px solid #ecf0f5;
  border-radius: 16px;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  overflow: hidden;
}

.rd26-mtile {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  min-height: 280px;
  padding: 36px;
  display: flex;
}

.rd26-mtile-number {
  color: #1e2533;
  letter-spacing: -.03em;
  font-size: 68px;
  font-weight: 800;
  line-height: 1;
}

.rd26-mtile-unit {
  color: #4c5c7c;
  font-size: 14px;
  font-weight: 500;
}

.rd26-mtile-spacer {
  flex: 1;
}

.rd26-mtile-hairline {
  background-image: linear-gradient(to right, #dae1ed 50%, #0000 50%);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  height: 1px;
}

.rd26-mtile-quote {
  color: #2e4168;
  margin: 0;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.6;
}

.rd26-mtile-foot {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rd26-mtile-who {
  color: #74819b;
  font-size: 12px;
  font-weight: 500;
}

.rd26-mtile-co {
  color: #1e2533;
  letter-spacing: -.01em;
  font-size: 13px;
  font-weight: 700;
}

.rd26-detailrows-1 {
  background-color: #fafcff;
  border-top: 1px solid #ecf0f5;
  padding: 80px 0;
}

.rd26-detailrows-wrap {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
}

.rd26-hairline-1 {
  background-image: linear-gradient(to right, #dae1ed 50%, #0000 50%);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  height: 1px;
  margin-bottom: 48px;
}

.rd26-drow-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.rd26-drow-reverse {
  direction: rtl;
}

.rd26-drow-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.rd26-drow-title {
  color: #1e2533;
  letter-spacing: -.02em;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.rd26-drow-desc {
  color: #4c5c7c;
  max-width: 440px;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.rd26-textlink {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1e2533;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: fit-content;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.rd26-drow-mock {
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 14px;
  width: 100%;
  min-height: 320px;
  overflow: hidden;
  box-shadow: 0 24px 64px #3744730f, 0 4px 8px #3744730f;
}

.rd26-drow-mock-head {
  color: #919db5;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #f7f9fc;
  border-bottom: 1px solid #ecf0f5;
  padding: 18px;
  font-size: 11px;
  font-weight: 600;
}

.rd26-drow-mock-body {
  padding: 20px;
}

.rd26-drow-stats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.rd26-drow-label {
  color: #919db5;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 10px;
  font-weight: 500;
}

.rd26-drow-value {
  color: #1e2533;
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 800;
}

.rd26-drow-delta {
  color: #317a5e;
  font-size: 11px;
  font-weight: 600;
}

.rd26-drow-chart {
  background-image: repeating-linear-gradient(90deg, #ced9ff 0 9px, #0000 9px 17px);
  border-radius: 4px;
  height: 140px;
  position: relative;
}

.rd26-drow-mock-rc {
  background-color: #f4f7fd;
  min-height: 300px;
  padding: 24px;
  position: relative;
}

.rd26-drow-rc-card {
  background-color: #fff;
  border-radius: 12px;
  width: 260px;
  position: absolute;
  top: 24px;
  right: 24px;
  overflow: hidden;
  box-shadow: 0 0 10px #00000026;
}

.rd26-drow-rc-head {
  color: #1e2533;
  border-bottom: 1px solid #ecf0f5;
  padding: 14px 16px 12px;
  font-size: 14px;
  font-weight: 700;
}

.rd26-drow-rc-sub {
  color: #74819b;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
}

.rd26-drow-rc-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px solid #f4f7fd;
  align-items: center;
  padding: 10px 16px;
  display: flex;
}

.rd26-drow-rc-icon {
  color: #5478f0;
  font-size: 14px;
}

.rd26-drow-rc-title {
  color: #2e4168;
  flex: 1;
  font-size: 12px;
  font-weight: 600;
}

.rd26-drow-rc-badge {
  color: #919db5;
  font-size: 9.5px;
  font-weight: 500;
}

.rd26-drow-rc-launcher {
  color: #fff;
  background-color: #5478f0;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  position: absolute;
  bottom: 24px;
  right: 24px;
  box-shadow: 0 4px 12px #5478f059;
}

.rd26-drow-mock-nps {
  padding: 20px;
}

.rd26-drow-nps-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1.2fr 1fr;
  display: grid;
}

.rd26-drow-nps-viewport {
  aspect-ratio: 16 / 10;
  background-color: #1e2533;
  border-radius: 8px;
}

.rd26-drow-nps-timeline {
  background-color: #ecf0f5;
  border-radius: 2px;
  height: 4px;
  margin-top: 10px;
}

.rd26-drow-nps-progress {
  background-color: #5478f0;
  border-radius: 2px;
  width: 55%;
  height: 100%;
}

.rd26-drow-nps-score {
  color: #1e2533;
  letter-spacing: -.02em;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}

.rd26-drow-nps-delta {
  color: #317a5e;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
}

.rd26-drow-nps-bars {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  margin-top: 14px;
  display: flex;
}

.rd26-drow-nps-bar {
  color: #4c5c7c;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.rd26-pricing-1 {
  background-color: #fff;
  border-top: 1px solid #ecf0f5;
  padding: 96px 0;
}

.rd26-pricing-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
}

.rd26-pricing-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.rd26-pricing-title {
  color: #1e2533;
  letter-spacing: -.022em;
  margin: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.rd26-pricing-amount {
  font-weight: 700;
}

.rd26-pricing-month {
  color: #74819b;
  font-weight: 500;
}

.rd26-pricing-right {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.rd26-pricing-plans {
  color: #919db5;
  letter-spacing: .06em;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  font-weight: 500;
}

.rd26-finalcta-1 {
  background-color: #50af8a;
  padding: 128px 48px;
  overflow: hidden;
}

.rd26-finalcta-wrap {
  flex-direction: column;
  align-items: flex-start;
  max-width: 1136px;
  margin: 0 auto;
  display: flex;
}

.rd26-finalcta-eyebrow {
  color: #ffffffbf;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11.5px;
  font-weight: 500;
}

.rd26-finalcta-h2 {
  color: #fff;
  letter-spacing: -.03em;
  max-width: 880px;
  margin: 0;
  font-size: 72px;
  font-weight: 800;
  line-height: 76px;
}

.rd26-finalcta-ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  margin-top: 48px;
  display: flex;
}

.rd26-finalcta-primary {
  color: #fff;
  background-color: #1e2533;
  border-radius: 999px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.rd26-finalcta-secondary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  border-bottom: 1px solid #fff6;
  align-items: center;
  padding-bottom: 2px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.rd26-finalcta-note {
  color: #fffc;
  margin-top: 32px;
  font-size: 13px;
  font-weight: 500;
}

.rd26-footer-1 {
  background-color: #fafcff;
  border-top: 1px solid #ecf0f5;
  padding: 64px 48px 32px;
}

.rd26-footer-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.rd26-footer-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
  display: grid;
}

.rd26-footer-blurb {
  color: #74819b;
  max-width: 240px;
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.5;
}

.rd26-socials {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.rd26-social {
  color: #4c5c7c;
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.rd26-footer-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.rd26-footer-head {
  color: #919db5;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 10.5px;
  font-weight: 500;
}

.rd26-footer-link {
  color: #4c5c7c;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.rd26-footer-trust {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  display: flex;
}

.rd26-footer-trust-left, .rd26-footer-trust-right {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rd26-footer-badge {
  color: #2e4168;
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 600;
}

.rd26-locale {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border: 1px solid #dae1ed;
  border-radius: 8px;
  padding: 3px;
  display: flex;
}

.rd26-locale-item {
  color: #74819b;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
}

.rd26-locale-item.rd26-locale-active {
  color: #1e2533;
  background-color: #f4f7fd;
}

.rd26-footer-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #ecf0f5;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding-top: 20px;
  display: flex;
}

.rd26-footer-copy {
  color: #919db5;
  font-size: 12px;
  font-weight: 500;
}

.rd26-footer-status {
  color: #919db5;
  letter-spacing: .06em;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 12px;
  font-weight: 500;
}

.div-block-18 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  opacity: 1;
  letter-spacing: normal;
  text-indent: 0;
  border: 0 #000;
  border-radius: 0;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  max-height: none;
  margin-bottom: 20px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.image-64, .image-65, .image-66 {
  margin-bottom: 5px;
}

.ai-spotlight-container {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  background-color: #f8f9fc;
  background-clip: border-box;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 156px 108px;
  position: static;
}

.ai-spotlight-header {
  text-align: left;
  flex-flow: column;
  align-items: center;
  max-width: 1200px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-50 {
  color: #5478f0;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 12px;
  font-weight: 400;
}

.heading-21 {
  font-family: PT Serif, serif;
  font-size: 52px;
}

.ai-spotlight-heading {
  color: #1a1a2e;
  text-align: center;
  margin-left: 0;
  font-family: Merriweather, serif;
  font-size: 2.25rem;
  font-weight: 500;
}

.ai-spotlight-subhead {
  float: none;
  clear: none;
  color: #3f4046;
  text-align: center;
  max-width: 720px;
  margin-top: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.ai-spotlight-eyebrow {
  color: #5478f0;
  letter-spacing: .12em;
  margin-bottom: 16px;
  font-family: Inconsolata, monospace;
  font-weight: 700;
}

.ai-spotlight-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ai-spotlight-card {
  background-color: #fff;
  border: 1px solid #e8e5df;
  border-radius: 14px;
  padding: 26px;
  transition: box-shadow .2s;
}

.ai-spotlight-card:hover {
  border-color: #e8e5df;
  box-shadow: 0 2px 5px #0003;
}

.ai-spotlight-card-icon {
  color: #5478f0;
  -webkit-text-fill-color: inherit;
  background-color: #5478f014;
  background-clip: border-box;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  display: flex;
}

.ai-spotlight-card-title {
  color: #0d0e0b;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
}

.ai-spotlight-card-body {
  color: #3f4046;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
}

.ai-spotlight-card-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #5478f0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s;
  display: flex;
}

.ai-spotlight-cta-wrap {
  justify-content: center;
  align-items: stretch;
  margin-top: 80px;
  display: flex;
}

.ai-spotlight-cta {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 0 #000;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 52px;
  padding: 0 26px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.ai-spotlight-cta:hover {
  background-color: #f0f4ff;
}

.text-block-51 {
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 52px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  display: flex;
}

.ai-spotlight-cta-text {
  color: #5478f0;
  text-decoration: underline;
}

.ai-spotlight-card-content {
  flex-flow: column;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.ai-spotlight-card-link-arrow {
  transition: transform .2s;
}

.ai-spotlight-card-link-arrow:hover {
  transform: translate(4px);
}

.code-embed-5, .code-embed-6 {
  color: navy;
  font-weight: 400;
}

.heading-22 {
  color: #1a1a2e;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
}

.ai-spotlight-heading-v2 {
  font-size: 2.25rem;
}

.code-embed-7 {
  color: navy;
}

.header-ai-callout {
  background-color: #eef2ff;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 24px -24px 0;
  padding: 20px 24px;
  display: none;
}

.header-ai-callout.ai-calloutt-v2 {
  background-image: linear-gradient(#f0f3ff, #e4eaff);
  border-top: 1px solid #e5e1d9;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 28px;
  display: flex;
}

.text-block-52 {
  color: #2754eb;
  letter-spacing: .08em;
  text-transform: uppercase;
  word-break: normal;
  overflow-wrap: normal;
  font-size: 11px;
}

.heading-23 {
  max-width: 600px;
  font-size: 22px;
  line-height: 28px;
}

.heading-23.ai-heading {
  margin-bottom: 4px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.header-dropdown-top-row.dropdown-top-row-v2 {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.text-block-53 {
  color: #2754eb;
  min-width: 220px;
  text-decoration: none;
}

.link-block-5 {
  font-weight: 500;
  text-decoration: none;
}

.text-block-54 {
  max-width: 560px;
  font-size: 13px;
  line-height: 18px;
}

.code-embed-8.code-embed-draft {
  width: auto;
  height: auto;
  margin-top: 1px;
  display: block;
}

.code-embed-8.code-embed-draft:active {
  width: 16px;
  height: 16px;
  display: flex;
  transform: rotate(180deg);
}

.code-embed-8.code-embed-draft.code-embed-staging {
  display: none;
}

.feature-description-draft {
  color: #6b6b65;
  margin-top: 2px;
  font-size: 12px;
  line-height: 16px;
  display: none;
}

.feature-text-stack {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.resource-heading {
  color: #6b6b65;
  text-transform: uppercase;
  padding-bottom: 12px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 11px;
  font-weight: 500;
}

.resources-featured-card-v2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-image: radial-gradient(circle farthest-side at 72% 22%, #243b84, #141b36 26%, #0b1020 36% 71%, #0b1020);
  border-radius: 14px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 180px;
  min-height: 220px;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.featured {
  color: #94abfa;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.mcp-text-div {
  letter-spacing: -.01em;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 22px;
  font-weight: 500;
}

.mcp-text {
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.featured-card-description {
  color: #ffffffb3;
  font-size: 13px;
  line-height: 18px;
}

.read-the-launch.featured-card-link-text-v2 {
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.read-the-launch-link.featured-card-link-v2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.text-block-55 {
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
}

.code-embed-draft {
  display: block;
}

.code-embed-draft.code-embed-staging {
  display: none;
}

.hero-cta-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  width: 100%;
  margin-top: 26px;
  display: flex;
}

.image-67 {
  width: 10px;
}

.footer-top-grid-draft {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 240px 1fr 1.1fr 1fr 1.5fr;
  grid-auto-columns: 1fr;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: grid;
}

.div-block-23 {
  background-color: #0d0e0b14;
  width: 100%;
  height: 1px;
  margin-top: 64px;
  padding-bottom: 24px;
  font-weight: 500;
}

.div-block-23.divider-draft {
  margin-bottom: 24px;
  padding-bottom: 0;
}

.div-block-24 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-bottom-row-draft {
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: auto;
  overflow-wrap: normal;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-bottom-right-draft {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  font-size: 16px;
  display: flex;
  position: static;
}

.copyright-wrapper-draft {
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: auto;
  display: block;
  position: static;
}

.localization-icon-draft {
  padding-top: 4px;
}

.localization-icon-draft.localization-icon-current-theme {
  color: #fff;
}

.code-embed-9.social-media-svg-draft, .linkedin-svg-draft {
  color: #000;
}

.footer-content-container {
  width: 100%;
  min-width: auto;
  max-width: 1360px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.link-block-7 {
  color: #fff;
  text-decoration: none;
}

.dropdown-4 {
  display: none;
}

.heading-28 {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 17px;
}

.list-item-2 {
  text-align: left;
  white-space: nowrap;
  word-break: normal;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.list-item-2:lang(pt-br), .list-item-2:lang(es), .list-item-2:lang(fr) {
  white-space: normal;
}

.list-item-1 {
  text-align: left;
  text-overflow: clip;
  white-space: nowrap;
  direction: ltr;
  padding-top: 6px;
  padding-bottom: 6px;
}

.list-item-1.mau-tooltip-wrapper {
  position: relative;
}

.list-item-1.mau-tooltip-wrapper.list-1-width {
  width: 60%;
}

.list-2 {
  box-sizing: border-box;
  aspect-ratio: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  text-decoration: none;
  list-style-type: disc;
}

.list-item-4 {
  text-align: left;
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
}

.list-item-4:lang(pt-br), .list-item-4:lang(es), .list-item-4:lang(fr) {
  white-space: normal;
}

.list-item-5, .list-item-6 {
  text-align: left;
  white-space: nowrap;
  padding-top: 6px;
  padding-bottom: 6px;
}

.bold-text-8, .div-block-26 {
  text-align: left;
}

.div-block-27 {
  margin-left: 0;
  margin-right: 0;
}

.list-item-7, .list-item-8, .list-item-9 {
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 19px;
}

.list-item-10 {
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
}

.list-item-11 {
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 19px;
}

.pricing-custom-plan-band {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: #fff;
  background-color: #1c253f99;
  border: 1px solid #5478f06b;
  border-radius: 13px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1178px;
  margin-top: 56px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 34px;
  display: flex;
}

.pricing-band-label {
  flex: none;
  width: 180px;
}

.pricing-band-heading {
  color: #fff;
}

.pricing-band-button {
  text-align: center;
  letter-spacing: .54px;
  background-color: #5478f0;
  border-radius: 10px;
  flex: none;
  width: 20%;
  padding: 15px 18px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .4s;
}

.pricing-band-button:hover {
  color: #5478f0;
  background-color: #fff;
}

.pricing-band-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: auto;
  width: auto;
  font-weight: 400;
  display: flex;
}

.pricing-band-paragraph {
  color: #fff;
  width: 700px;
  max-width: 700px;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.pricing-band-paragraph:lang(fr) {
  font-weight: 500;
  line-height: 22px;
}

.bold-text-9 {
  line-height: 24px;
}

.text-block-56 {
  color: var(--ugpurple20);
  align-self: center;
  margin-right: 7px;
  font-size: 18px;
  line-height: 26px;
}

.text-block-56:lang(fr) {
  font-weight: 500;
}

.text-block-56:lang(pt-br) {
  flex: none;
}

.bold-text-10, .mau-tooltip-trigger {
  font-weight: 400;
}

.mau-tooltip-box {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  background-color: #202b55;
  border: 1px dashed #fff0;
  border-radius: 1px;
  width: 260px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  top: 670px;
  left: 206px;
  box-shadow: 0 8px 24px #00000047;
}

.mau-tooltip-box:lang(es) {
  opacity: 0;
  pointer-events: none;
  left: 206px;
}

.mau-tooltip-box:lang(fr), .mau-tooltip-box:lang(pt-br) {
  opacity: 0;
  pointer-events: none;
}

.mau-tooltip-box.growth-tooltip {
  opacity: 0;
  pointer-events: none;
  top: 340px;
  left: 205px;
}

.mau-tooltip-box.growth-tooltip:lang(pt-br) {
  opacity: 0;
  pointer-events: none;
  top: 350px;
  left: 195px;
}

.mau-tooltip-box.growth-tooltip:lang(fr) {
  opacity: 0;
  pointer-events: none;
  left: 195px;
}

.mau-tooltip-box.growth-tooltip:lang(es), .mau-tooltip-box.starter-tooltip, .mau-tooltip-box.starter-tooltip:lang(pt-br), .mau-tooltip-box.starter-tooltip:lang(es), .mau-tooltip-box.starter-tooltip:lang(fr) {
  opacity: 0;
  pointer-events: none;
}

.pricing-popular-badge {
  background-color: #39c38d;
  background-image: linear-gradient(135deg, #4a69d9, #1c3584);
  border-radius: 10px;
  width: 150.492px;
  height: 40px;
  padding: 10px 24px;
  font-weight: 600;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translate(-50%);
}

.pricing-popular-badge:lang(fr) {
  background-color: #39c38d;
  width: auto;
}

.billing-toggle-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.feature-board-image {
  width: 100%;
}

.reviewer-avatar-bg-test {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 0 #000;
  border-radius: 32px;
  width: 32px;
  height: 32px;
}

.usetiful-th {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
}

.usetiful-extras-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #1c253f99;
  background-image: linear-gradient(204.5deg, #10256b00 29%, #4a70f066);
  border: 1px solid #ffffff1f;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 429px;
  height: auto;
  min-height: 180px;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.usetiful-extras-card-heading {
  text-align: center;
  margin-bottom: 5px;
  margin-left: 0;
  font-size: 24px;
  font-weight: 600;
}

.usetiful-extras-card-heading.usetiful-extras-title-slot {
  color: #fff;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  display: flex;
}

.usetiful-table-head-row {
  background-image: linear-gradient(270deg, #142046, #070b19);
  border-bottom: 0 solid #dde1e1;
  align-items: center;
  column-gap: 0;
  width: 100%;
  height: 48px;
  min-height: 52px;
  display: flex;
}

.usetiful-table-card {
  background-color: #fff;
  border-radius: 10px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.usetiful-table-row {
  border-bottom: 1px solid #dde1e180;
  align-items: center;
  width: 100%;
  min-height: 48px;
  display: flex;
}

.usetiful-table-row-last {
  align-items: center;
  width: 100%;
  min-height: 48px;
  display: flex;
}

.usetiful-col-left {
  flex: 0 0 327px;
  align-items: center;
  width: 327px;
  padding-left: 24px;
  padding-right: 16px;
  display: flex;
}

.usetiful-col-right {
  flex: 1;
  align-items: center;
  width: auto;
  padding-right: 24px;
  display: flex;
}

.usetiful-td {
  color: #1a1a2e;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.usetiful-bullet {
  color: #1a1a2e;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}

.usetiful-card-line {
  color: #fff;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
}

.usetiful-offer-card {
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 629px;
  min-height: 180px;
  padding: 28px 24px;
  display: flex;
}

.usetiful-offer-heading {
  text-align: left;
  margin-bottom: 12px;
  margin-left: 8px;
  font-size: 24px;
  font-weight: 600;
}

.usetiful-hero-image {
  border-radius: 20px;
  width: 100%;
  max-width: 620px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.usetiful-hero-cta {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #5478f0;
  border-radius: 10px;
  padding: 15px 28px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.usetiful-hero-cta:hover {
  background-color: #4366d8;
}

.usetiful-hero-h1 {
  color: #fff;
  width: 100%;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
}

.usetiful-hero-desc {
  color: #fff;
  width: 100%;
  min-width: 520px;
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 24px;
}

.usetiful-migration-v2-section {
  background-image: linear-gradient(270deg, #142046, #070b19);
  padding: 72px 32px 80px;
  position: relative;
  overflow: hidden;
}

.usetiful-migration-v2-container {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.usetiful-migration-v2-heading {
  color: #fff;
  text-align: center;
  margin-bottom: 34px;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
}

.usetiful-migration-v2-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1.58fr 1fr;
  align-items: stretch;
  display: grid;
}

.usetiful-migration-v2-card {
  border-radius: 24px;
  min-width: 0;
  padding: 32px;
  box-shadow: 0 20px 48px #00000029;
}

.usetiful-migration-v2-card.usetiful-migration-v2-is-process {
  color: #fff;
  background-color: #171f3b;
  border: 1px solid #ffffff0a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.usetiful-migration-v2-card.usetiful-migration-v2-is-offer {
  color: #fff;
  background-image: linear-gradient(150deg, #1a295d, #30498c);
  border: 1px solid #5478f052;
  border-radius: 10px;
  flex-direction: column;
  display: flex;
}

.usetiful-migration-v2-card-title {
  color: #fff;
  text-align: left;
  font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
}

.usetiful-migration-v2-steps {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin-top: 26px;
  display: flex;
}

.usetiful-migration-v2-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  grid-template-columns: 44px 1fr;
  align-items: center;
  display: flex;
}

.usetiful-migration-v2-step:last-child {
  border-top: 1px solid #ffffff1a;
  margin-top: 22px;
  padding-top: 22px;
}

.usetiful-migration-v2-step-number {
  color: #fff;
  background-color: #5478f0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-weight: 700;
  display: flex;
}

.usetiful-migration-v2-step-text {
  color: var(--white);
  margin-top: 8px;
  font-size: 17px;
  line-height: 26px;
}

.usetiful-migration-v2-badge {
  color: #fff;
  letter-spacing: .04em;
  background-image: linear-gradient(100deg, #3bc894, #2aa978);
  border-radius: 10px;
  align-self: flex-start;
  width: auto;
  margin-bottom: 24px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.usetiful-migration-v2-offer-title-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-bottom: 26px;
  display: flex;
}

.usetiful-migration-v2-check-image {
  object-fit: contain;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
}

.usetiful-migration-v2-offer-copy {
  color: #fff;
  text-align: left;
  font-size: 17px;
  line-height: 26px;
}

.usetiful-migration-v2-note {
  color: #fff;
  text-align: left;
  background-color: #070d2042;
  border-radius: 10px;
  margin-top: 32px;
  padding: 16px;
  font-size: 15px;
  line-height: 22px;
}

.usetiful-migration-v2-nowrap {
  white-space: nowrap;
}

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

.usetiful-extras-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: left;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.usetiful-extras-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  flex-flow: row;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.usetiful-extras-bullet {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  width: 5px;
  min-width: 5px;
  height: 5px;
  margin-top: 8px;
}

.usetiful-extras-item-text {
  color: #fff;
  font-size: 15px;
  line-height: 22px;
}

.beta {
  color: #284bc3;
  background-color: #e5eaff;
  border-radius: 5px;
  margin-left: 6px;
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  display: inline-block;
}

.beta.beta-starter {
  color: #edf1ff;
  background-color: #34468d;
}

.lighthouse-ai-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  padding: 16px 28px;
  display: flex;
}

.text-block-57 {
  color: #333;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.flex-block-44 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  align-items: center;
  width: 100%;
}

.image-68 {
  width: 28px;
  max-width: 32px;
  height: 30px;
}

.text-block-58 {
  color: #333;
  width: 100%;
  margin-top: 4px;
}

.bold-text-12 {
  color: #c5d1ff;
}

.lighthouse-hero-link {
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.hero-heading-link {
  pointer-events: auto;
  color: var(--white);
  cursor: pointer;
  text-decoration: none;
}

@media screen and (min-width: 1440px) {
  .heading-5.footer-header.footer-header-draft {
    color: #5478f0;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .text-3 {
    padding-right: 100px;
  }

  .text-3.faq-answer {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
  }

  .header-horizontal-flex.header-horizontal-draft {
    padding-top: 20px;
  }

  .navbar-text.navbar-text-draft {
    color: #0d0e0b;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .header-menu-item {
    align-items: center;
  }

  .header-menu-item.header-menu-item-draft {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-right-container {
    grid-column-gap: 40px;
  }

  .header-right-container.header-right-container-draft {
    margin-left: 0;
  }

  .header-left-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-left-icons-wrapper {
    margin-right: 0;
    padding-left: 0;
  }

  .footer-wrapper.footer-wrapper-draft {
    padding-left: 156px;
    padding-right: 156px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .footer-social-media-icons.footer-social-media-icons-draft {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .footer-social-media-icons.footer-social-media-icons-draft.footer-social-media-icons-current-theme {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
  }

  .flex-block-16, .flex-block-17 {
    display: none;
  }

  .terms-of-service-content-row {
    justify-content: center;
  }

  .hero-section {
    position: relative;
  }

  .hero-heading.home.dark-ui.height {
    height: 150px;
  }

  .hero-image {
    border-radius: 16px;
  }

  .newsletter-hero-content {
    align-items: flex-start;
  }

  .hero-content-div.referrals {
    min-width: 54%;
    padding-left: 80px;
    padding-right: 80px;
  }

  .button.blue-primary.medium.hero-button.cta-click-listen.cta-click-listen-v2 {
    font-size: 16px;
  }

  .button.xsmall.blue-primary.cta-click-listen.header-cta-draft {
    background-color: #0d0e0b;
    border-color: #0000;
  }

  .button.xsmall.blue-primary.cta-click-listen.header-cta-draft:hover {
    color: var(--white);
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
    margin-right: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen:lang(fr) {
    width: 250px;
  }

  .button.large.blue-primary.home-single-demo.cta-click-listen {
    width: auto;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .hero-hashtag-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .int-content-img {
    padding: 4px 16px 4px 4px;
  }

  .int-desc {
    border-top: 1px solid #1b393a1a;
    margin-top: 37px;
    padding-top: 23px;
  }

  .int-card-heading {
    justify-content: space-between;
    padding: 0;
    display: flex;
  }

  .integrations {
    border-radius: 16px;
  }

  .int-card-button {
    color: #1b393a;
    text-align: center;
    -webkit-text-stroke-color: #1b393a;
    cursor: pointer;
    background-color: #dffbf0;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    transition: color .12s, background-color .12s;
    display: flex;
  }

  .int-card-button:hover {
    color: #dffbf0;
    -webkit-text-stroke-color: #dffbf0;
    background-color: #1b393a;
  }

  .text-block-10 {
    font-size: 16px;
    font-weight: 400;
  }

  .int-card {
    flex-flow: column;
    justify-content: space-between;
    padding: 36px 24px 32px;
    display: flex;
  }

  .int-title-2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }

  .image-12 {
    width: 40px;
    max-height: 40px;
  }

  .header-menu-bottom-line.product.menu-bottom-line-draft, .header-menu-bottom-line.customers.header-bottom-line-draft, .header-menu-bottom-line.pricing.header-bottom-line-draft, .header-menu-bottom-line.resources.menu-bottom-line-draft, .header-menu-bottom-line.login.login-bottom-line-draft {
    display: none;
  }

  .header-menu-text.header-menu-text-draft {
    flex: 0 auto;
  }

  .feature-image.userguiding-logo {
    width: 150%;
  }

  .all-cases-hero-image {
    width: 492px;
  }

  .hero-hashtag-3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .header-menu-product-item {
    justify-content: center;
    display: flex;
  }

  .open-menu-wrapper.open-menu-wrapper-draft-v2 {
    display: flex;
  }

  .open-menu-wrapper.open-menu-wrapper-draft-v2.open-menu-wrapper-staging {
    margin-left: 0;
    top: 16px;
  }

  .open-menu-wrapper.open-menu-wrapper-draft-v2.open-menu-wrapper-staging:lang(fr) {
    margin-left: 0;
  }

  .open-menu-column.last.right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .open-menu-header-text.resource-header-texts-v2 {
    color: #0d0e0b;
    border-radius: 10px;
    margin-bottom: -6px;
    padding: 8px 10px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition-property: background-color;
    transition-duration: .12s;
    transition-timing-function: ease;
  }

  .open-menu-description-text {
    display: block;
  }

  .open-menu-description-text.menu-desc-text-v2, .header-open-menu, .header-open-menu.open-menu-v2, .header-open-menu.open-menu-v2:lang(fr), .header-open-menu.open-menu-v2:lang(pt-br), .header-open-menu.open-menu-v2:lang(es) {
    display: none;
  }

  .header-resources-open-menu {
    display: none;
    position: absolute;
    top: 30px;
  }

  .header-resources-open-menu.resources-menu-v2 {
    display: block;
  }

  .header-resources-open-menu.resources-menu-v2.resources-menu-staging {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .resource-dropdown-arrow.dropdown-arrow-icon {
    display: none;
  }

  .resource-menu-wrapper {
    position: absolute;
    top: 16px;
  }

  .resource-menu-wrapper.resources-menu-draft-v2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: 14px;
    grid-template-rows: minmax(160px, 1fr);
    grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(180px, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch start;
    place-items: center start;
    width: 720px;
    max-width: none;
    margin-left: 150px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: grid;
    overflow: visible;
  }

  .resource-menu-wrapper.resources-menu-draft-v2.resource-menu-wrapper-draft-v2-2 {
    width: 720px;
    max-width: none;
    top: 5px;
  }

  .resources-open-menu-column.last.resources-column-left-v2, .resources-open-menu-column.last.resources-column-right-v2 {
    width: 140px;
    height: 100%;
    display: block;
  }

  .resources-open-menu-column.last.resources-column-third-v2 {
    height: 100%;
    display: block;
  }

  .benefits-container.static {
    margin-bottom: 0;
  }

  .benefit-content-wrapper.static {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .benefit-content-wrapper.static.full-width {
    margin-top: 40px;
  }

  .benefit-content-wrapper.static.full-width.second-benefit-text {
    width: 1178px;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .benefit-content-wrapper.static.first-benefit-heading, .benefit-content-wrapper.static.first-benefit-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .benefit-content-block.first-with-video.static.first-benefit-content {
    max-width: 1178px;
  }

  .benefit-content-block.first-with-video.static.second-benefit-text {
    justify-content: flex-start;
    align-items: center;
  }

  .benefit-heading.static {
    max-width: 446px;
  }

  .benefit-heading.static.full-width {
    max-width: 1178px;
  }

  .benefit-heading.static.full-width.second-benefit-header.benefits-list-h3 {
    text-align: left;
    display: block;
  }

  .benefit-rich-text-blok.static.full-width {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1178px;
    display: flex;
  }

  .benefit-rich-text-blok.static.full-width.second-benefit.list-container, .benefit-rich-text-blok.full-width.static.list-item {
    display: block;
  }

  .benefit-item.static.full-width.second-benefit-text {
    max-width: none;
    display: flex;
  }

  .vendor {
    background-color: #d3ddfb33;
    padding-top: 122px;
    padding-bottom: 122px;
    padding-right: 0;
  }

  .vendor-container {
    flex-flow: column;
    align-items: center;
    display: flex;
    position: static;
  }

  .vendor-heading {
    text-align: center;
    width: 590px;
    position: relative;
  }

  .vendor-background-image {
    z-index: -1;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .vendor-details {
    justify-content: space-between;
    width: 1178px;
    display: flex;
  }

  .vendor-details._2 {
    align-items: center;
  }

  .vendor-image {
    width: 588px;
    height: 424px;
  }

  .vendor-image.ai {
    height: auto;
  }

  .vendor-image._2 {
    border-radius: 8px;
    height: auto;
    max-height: none;
  }

  .faq-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .faq-question {
    column-count: auto;
    border-radius: 0;
  }

  .faq-item {
    opacity: 1;
    letter-spacing: normal;
    -webkit-text-stroke-width: 0px;
    text-indent: 0;
    border: 0 solid #000;
    flex-flow: column;
    align-items: flex-start;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    margin-top: 0;
    display: flex;
  }

  .faq-question-row {
    border: 0 solid #000;
    align-items: flex-start;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    display: flex;
  }

  .faq-question-row:lang(pt-br) {
    justify-content: space-between;
  }

  .div-block-7.static.full-width {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-7.static.full-width.second-benefit-text {
    width: 100%;
  }

  .home-hero-content-wrapper {
    border-radius: 1px;
  }

  .home-hero-content-row {
    width: 100%;
  }

  .companies-moving-row {
    grid-column-gap: 125px;
    grid-row-gap: 125px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .companies-moving-row.white {
    width: 4500px;
  }

  .hero-section-2, .hero-section-3 {
    position: relative;
  }

  .pricing-content.wrapper {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch center;
    display: flex;
  }

  .home-features-heading {
    width: auto;
  }

  .partnership-benefits-header {
    margin-bottom: 80px;
  }

  .pricing-badge.toggle-pricing-bacge {
    text-align: center;
    direction: ltr;
    width: 150.4px;
    margin-left: 10px;
    padding: 10px 24px;
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
  }

  .subscription-card.group-b {
    align-self: auto;
    height: auto;
  }

  .mounthly-text {
    font-size: 16px;
  }

  .hero-content-right-wrapper.referrals, .hero-content-right-wrapper.exclusive-partnership-form {
    width: 54%;
  }

  .big-icon-wrapper.icon-wrapper-v2 {
    display: none;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft {
    padding-left: 0;
  }

  .header-wrapper.header-wrapper-draft {
    background-color: #f4f1ec;
    background-image: none;
  }

  .blog-header-horizontal-flex {
    grid-column-gap: 50px;
  }

  .blog-home-hero-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-home-hero-text-container {
    width: 450px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .highlighted-articles-upper-wrapper {
    justify-content: center;
  }

  .highlighted-articles-upper-row {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .highlighted-articles-lower-row {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .blog-category-hero-section {
    background-image: none;
  }

  .blog-category-hero-text-container {
    padding-bottom: 0;
  }

  .toc-wrapper {
    height: 375px;
  }

  .blog-toc-cta-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .pricing-text-content.pricing-content.vertical {
    padding-top: 8px;
  }

  .pricing-section {
    position: relative;
  }

  .demo-two-iframe-wrapper.hero {
    margin-left: auto;
  }

  .blog-home-background-image {
    margin-bottom: 40px;
  }

  .hubspot-blog-form {
    height: 95px;
  }

  .background-video {
    border-radius: 10px;
  }

  .background-video.hide {
    border-radius: 0;
    width: 565px;
    height: 298px;
  }

  .youtube.static.first-benefit-video {
    width: 450px;
  }

  .navbar-logo:lang(pt-br), .navbar-logo:lang(es) {
    margin-right: 135px;
  }

  .comparsion-heading {
    margin-bottom: 40px;
  }

  .demo-hero-content-wrapper {
    border-radius: 1px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .demo-hero-content-row {
    justify-content: space-between;
    width: 100%;
    max-width: 1256px;
  }

  .demo-hero-content-row.first {
    max-width: 1256px;
  }

  .demo-content-left-wrapper.second {
    max-width: 478px;
  }

  .demo-content-right-wrapper {
    justify-content: flex-end;
    margin-top: 0;
  }

  .demo-hero-text-content {
    max-width: 600px;
  }

  .hero-content {
    width: 50%;
  }

  .badge-wrapper {
    justify-content: flex-end;
  }

  .referral-form-wrapper {
    width: 100%;
  }

  .referrals-hero-section {
    position: relative;
  }

  .product-tour-rich-text-section {
    padding-left: 156px;
    padding-right: 156px;
  }

  .hover-out-for-open-menu:lang(fr) {
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
  }

  .testimonial-image {
    max-width: 500px;
  }

  .exclusive-partnership-form-wrapper {
    width: 100%;
  }

  .partnerships-hero-content-wrapper {
    border-radius: 1px;
  }

  .partnerships-hero-content-row {
    width: 100%;
  }

  .values-section-partnerships.partnership-section-2 {
    display: block;
  }

  .btn-secondary.feature-pages {
    text-decoration: none;
  }

  .btn-primary-hero.feature-pages {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .value-prop-grid {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
  }

  .value-prop-video-wrap {
    max-width: 450px;
  }

  .join-section-static {
    background-image: linear-gradient(135deg, #1a1a2e, #2d2d5e);
  }

  .btn-outline-white {
    text-decoration: none;
  }

  .div-block-19 {
    margin-bottom: 20px;
  }

  .paragraph-3 {
    margin-bottom: 100px;
  }

  .ai-spotlight-container {
    background-color: #f8f9fc;
    max-width: 100%;
    padding-left: 156px;
    padding-right: 156px;
    transition: box-shadow .2s;
  }

  .ai-spotlight-header {
    text-align: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-spotlight-heading {
    text-align: center;
  }

  .ai-spotlight-subhead {
    color: #3f4046;
  }

  .ai-spotlight-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .ai-spotlight-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    transition: box-shadow .2s;
    display: flex;
  }

  .ai-spotlight-card:hover {
    border-color: #e8e5df;
    box-shadow: 0 2px 5px #0d0e0b14;
  }

  .ai-spotlight-card-link {
    margin-top: auto;
  }

  .ai-spotlight-cta {
    padding: 0 26px;
  }

  .ai-spotlight-card-content {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .header-dropdown-top-row.dropdown-top-row-v2 {
    display: flex;
  }

  .text-block-53 {
    min-width: 220px;
  }

  .code-embed-8.code-embed-draft {
    width: auto;
    height: auto;
  }

  .div-block-20, .div-block-21 {
    width: 180px;
  }

  .div-block-22 {
    width: auto;
  }

  .resource-heading {
    color: #6b6b65;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding-bottom: 12px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 11px;
    font-weight: 500;
  }

  .resources-featured-card-v2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    background-color: #0d0e0b;
    background-image: linear-gradient(#0b1020 3%, #243b84 27%, #141b36 50%, #0b1020 71%, #0b1020);
    border-radius: 14px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 180px;
    min-height: 220px;
    padding: 20px;
    display: flex;
    overflow: hidden;
  }

  .featured {
    color: #94abfa;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
  }

  .mcp-text-div {
    letter-spacing: -.01em;
    margin-top: 4px;
    font-family: Georgia, Times, Times New Roman, serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
  }

  .featured-text-div {
    position: relative;
  }

  .featured-card-description {
    color: #ffffffb3;
    font-size: 13px;
    line-height: 18px;
    position: relative;
  }

  .read-the-launch {
    text-align: left;
    display: inline-flex;
  }

  .read-the-launch.featured-card-link-text-v2 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    text-decoration: none;
  }

  .link-block-6 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
  }

  .read-the-launch-svg {
    overflow: visible;
  }

  .read-the-launch-link {
    justify-content: center;
    font-size: 13px;
    font-weight: 500;
    -webkit-text-decoration: none;
    text-decoration: none;
    display: inline-flex;
  }

  .read-the-launch-link.featured-card-link-v2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .text-block-55 {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .code-embed-draft {
    margin-top: 1px;
  }

  .hero-cta-wrapper {
    justify-content: flex-start;
  }

  .footer-top-grid-draft {
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
  }

  .footer-bottom-row-draft {
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-bottom-right-draft {
    margin-right: 14px;
  }

  .list-item-2, .list-item-1, .list-item-4, .list-item-5, .list-item-6 {
    line-height: 19px;
  }

  .list-item-7, .list-item-8, .list-item-9, .list-item-10 {
    text-align: left;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 19px;
  }

  .list-item-11 {
    text-align: left;
    white-space: nowrap;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 19px;
  }

  .pricing-custom-plan-band {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .pricing-band-button {
    width: 20%;
  }

  .pricing-band-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .pricing-band-paragraph {
    color: #fff;
    max-width: 700px;
    font-size: 16px;
  }

  .mau-tooltip-box {
    opacity: 0;
    pointer-events: none;
    top: 630px;
    left: 340px;
  }

  .mau-tooltip-box:lang(pt-br) {
    opacity: 0;
    pointer-events: auto;
    left: 300px;
  }

  .mau-tooltip-box:lang(es) {
    opacity: 0;
    pointer-events: auto;
    left: 280px;
  }

  .mau-tooltip-box:lang(fr) {
    opacity: 0;
    pointer-events: auto;
    left: 300px;
  }

  .mau-tooltip-box.growth-tooltip:lang(pt-br) {
    top: 340px;
  }

  .mau-tooltip-box.growth-tooltip:lang(es) {
    top: 350px;
    left: 180px;
  }

  .mau-tooltip-box.starter-tooltip {
    opacity: 0;
  }

  .pricing-popular-badge {
    background-image: linear-gradient(135deg, #4a69d9, #1c3584);
  }

  .usetiful-extras-card-heading.usetiful-extras-title-slot {
    min-height: 40px;
  }

  .usetiful-extras-list {
    line-height: 24px;
  }

  .usetiful-extras-item-text {
    font-size: 16px;
    line-height: 28px;
  }

  .bold-text-11 {
    opacity: 1;
    pointer-events: none;
  }

  .bold-text-11:lang(fr) {
    opacity: 1;
  }
}

@media screen and (min-width: 1920px) {
  .heading-5.footer-header.footer-header-draft {
    color: #5478f0;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 12px;
  }

  .heading-5.footer-header.footer-header-draft.footer-header-current-theme {
    color: #fff;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .text-1.join-text {
    font-size: 24px;
  }

  .text-3 {
    font-size: 20px;
  }

  .text-3.hero-description.home.dark-ui {
    font-size: 18px;
  }

  .text-3.faq-answer {
    margin-left: 0;
  }

  .text-3.faq-answer:lang(fr) {
    aspect-ratio: auto;
    align-self: auto;
  }

  .text-3.bold-list-item {
    font-size: 20px;
  }

  .header-horizontal-flex.header-horizontal-draft {
    align-items: flex-start;
  }

  .header-horizontal-flex.header-horizontal-draft.header-horizontal-staging {
    padding-top: 0;
  }

  .header-horizontal-flex.header-horizontal-draft.header-horizontal-staging:lang(fr) {
    align-items: center;
  }

  .login-text.login-text-draft {
    color: #0d0e0b;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 500;
  }

  .navbar-text.navbar-text-draft {
    color: #0d0e0b;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .header-menu-item {
    grid-row-gap: 6px;
    align-items: center;
    display: flex;
  }

  .header-menu-item.header-menu-item-draft {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-menu-item.header-menu-item-draft.header-menu-staging {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-left-icons-wrapper {
    justify-content: flex-start;
    margin-right: 0;
    padding-left: 0;
  }

  .footer-wrapper.footer-wrapper-draft.footer-wrapper-current-theme {
    background-image: linear-gradient(270deg, #142046, #070b19);
    padding-top: 48px;
  }

  .social-media-image.social-media-image-draft, .desktop-footer-columns-container.desktop-footer-columns-container-draft {
    display: none;
  }

  .all-rights-text.all-rights-draft.all-rights-current-theme, .footer-clickable-text.footer-clickable-text-draft.footer-clckable-text-current-theme {
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .hero-heading.feature-template-hero-heading.static.feature-requests {
    max-width: 800px;
  }

  .hero-heading.home.dark-ui {
    font-size: 42px;
  }

  .join-heading {
    font-size: 40px;
  }

  .button.xsmall.blue-primary.cta-click-listen.header-cta-draft {
    background-color: #0d0e0b;
    border-color: #0000;
  }

  .button.xsmall.blue-primary.cta-click-listen.header-cta-draft:hover {
    color: #fff;
  }

  .button.xsmall.green-secondary.workflow-button {
    font-size: 18px;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
    margin-left: 0;
    margin-right: auto;
    font-size: 16px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen {
    margin-left: 0;
    font-size: 16px;
  }

  .button.large.blue-primary.home-single-demo.cta-click-listen {
    font-size: 16px;
  }

  .header-menu-bottom-line.product.menu-bottom-line-draft, .header-menu-bottom-line.resources.menu-bottom-line-draft {
    display: none;
  }

  .header-menu-product-item {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .open-menu-wrapper {
    border-radius: 12px;
    flex-flow: row;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .open-menu-wrapper.open-menu-wrapper-v2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    overflow: hidden;
  }

  .open-menu-wrapper.open-menu-wrapper-draft-v2 {
    display: block;
    top: 5px;
  }

  .open-menu-column {
    width: auto;
    display: flex;
  }

  .open-menu-column.last.right {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 240px;
    max-width: none;
    padding-left: 0;
  }

  .open-menu-column.last.right.use-cases-v2 {
    margin-left: 0;
  }

  .open-menu-header-text.resource-header-texts-v2 {
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .open-menu-header-text.resource-header-texts-v2:hover {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .open-menu-header-row.open-menu-header-row-v2 {
    transition: opacity .2s;
  }

  .open-menu-header-row.open-menu-header-row-v2:hover {
    background-color: #f1f1ee;
    border-radius: 8px;
    padding: 0;
  }

  .open-menu-small-icon {
    -webkit-text-fill-color: inherit;
    background-color: #5478f014;
    background-clip: border-box;
    border-radius: 8px;
    width: 32px;
    padding: 0;
  }

  .open-menu-item-row.item-row-v2 {
    transition: opacity .2s;
  }

  .open-menu-item-row.item-row-v2:hover {
    background-color: #f1f1ee;
  }

  .header-open-menu {
    width: auto;
    display: none;
  }

  .header-open-menu.open-menu-v2, .header-open-menu.open-menu-v2:lang(es), .header-open-menu.open-menu-v2:lang(fr), .header-open-menu.open-menu-v2:lang(pt-br), .product-dropdown-arrow.product-dropdown-arrow-icon {
    display: none;
  }

  .divider {
    width: 2px;
    height: auto;
    display: block;
  }

  .header-resources-open-menu {
    display: none;
  }

  .header-resources-open-menu.resources-menu-v2 {
    margin-top: 0;
    display: none;
    position: absolute;
    top: 100%;
  }

  .header-resources-open-menu.resources-menu-v2.resources-menu-staging {
    display: none;
  }

  .resource-dropdown-arrow {
    display: inline-block;
  }

  .resource-dropdown-arrow.dropdown-arrow-icon {
    display: none;
  }

  .resource-menu-wrapper.resources-menu-draft-v2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: minmax(160px, 1fr);
    grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) minmax(140px, 1fr) minmax(180px, 1fr);
    grid-auto-columns: 1fr;
    width: 830px;
    margin-left: 220px;
    display: grid;
  }

  .resource-menu-wrapper.resources-menu-draft-v2.resource-menu-wrapper-draft-v2-2 {
    top: 5px;
  }

  .resources-open-menu-column.last.resources-column-third-v2 {
    height: 100%;
  }

  .faq-question-row {
    align-items: center;
  }

  .home-companies-section {
    text-align: left;
    text-decoration: none;
  }

  .companies-moving-row {
    grid-column-gap: 210px;
    grid-row-gap: 210px;
  }

  .learn-more-heading, .home-features-heading, .workflow-heading {
    font-size: 40px;
  }

  .pricing-badge.toggle-pricing-bacge {
    background-image: linear-gradient(135deg, #39c38d, #1a7a55);
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .subscription-card.group-b, .subscription-card.group-b.growth {
    height: auto;
  }

  .header-product-dropdown-list {
    grid-column-gap: 32px;
    grid-row-gap: 20px;
  }

  .header-product-dropdown-list.header-product-dropdown-list-product-grid-v2 {
    height: 500px;
  }

  .sign-in-buttons {
    display: block;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft {
    padding-left: 14px;
  }

  .header-localization-dropdown.localization-dropdown-draft {
    margin-top: 10px;
    display: none;
  }

  .localization-icon.localization-icon-draft-unused {
    display: none;
  }

  .localization-image {
    vertical-align: baseline;
  }

  .localization-image.localization-image-draft-unused {
    display: none;
  }

  .localization-image.localization-image-draft {
    padding-top: 4px;
  }

  .localization-dropdown-arrow {
    display: inline-block;
  }

  .localization-dropdown-arrow.dorpdown-arrow-draft {
    display: none;
  }

  .localization-dropdown-list.localization-dorpdown-draft.localization-in-mobile-footer, .localization-dropdown-list.localization-dropdown-list-footer-current-theme {
    top: auto;
    bottom: 100%;
  }

  .localization-toggle-text.hide {
    display: none;
  }

  .footer-localization-dropdown.footer-localizatilon-dropdown-draft {
    border-radius: 10px;
    margin-top: 0;
  }

  .header-wrapper {
    max-width: none;
  }

  .header-wrapper.header-wrapper-draft {
    background-color: #f4f1ec;
  }

  .header-wrapper.header-wrapper-draft.header-wrapper-staging {
    background-image: linear-gradient(270deg, #142046, #070b19);
  }

  .blog-home-hero-text-container {
    width: auto;
  }

  .not-found-container {
    max-width: 1440px;
  }

  .not-found-text-wrapper {
    margin-bottom: 20px;
  }

  .not-found-header {
    margin-bottom: 25px;
  }

  .pricing-text-content.pricing-content.vertical {
    border-style: none;
    border-width: 0;
  }

  .pricing-section.pricing-hero {
    align-items: center;
  }

  .navbar-icon {
    display: block;
  }

  .navbar-icon.code-embed-draft {
    height: 16px;
  }

  .youtube.static.first-benefit-video {
    width: 450px;
  }

  .link-block-3.logo-link-block-draft {
    margin-right: 0;
  }

  .features-list-h3 {
    padding-left: 40px;
  }

  .ai-spotlight-h2 {
    text-align: left;
  }

  .btn-primary-hero.feature-pages {
    padding-top: 14px;
  }

  .ai-spotlight-container {
    background-color: #f8f9fc;
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 108px;
  }

  .ai-spotlight-container:hover {
    box-shadow: none;
  }

  .ai-spotlight-header {
    text-align: right;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-spotlight-heading {
    text-align: center;
    word-break: normal;
    overflow-wrap: normal;
    max-width: 996.438px;
    margin-left: auto;
    margin-right: auto;
    font-size: 52px;
  }

  .ai-spotlight-subhead {
    text-align: left;
  }

  .ai-spotlight-subhead:lang(es), .ai-spotlight-subhead:lang(fr), .ai-spotlight-subhead:lang(pt-br) {
    text-align: center;
  }

  .ai-spotlight-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .ai-spotlight-card {
    justify-content: space-between;
    align-items: stretch;
    transition: box-shadow .2s;
  }

  .ai-spotlight-card:hover {
    border-color: #e8e5df;
    transform: none;
    box-shadow: 0 2px 5px #0003;
  }

  .ai-spotlight-card-link {
    margin-top: auto;
  }

  .ai-spotlight-cta {
    padding: 0 26px;
  }

  .ai-spotlight-card-content {
    flex-flow: column;
    height: 100%;
    display: flex;
  }

  .header-ai-callout {
    border-radius: 1px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .header-ai-callout.header-ai-callout-v2 {
    width: 320px;
    min-width: 260px;
    display: block;
  }

  .header-ai-callout.ai-calloutt-v2 {
    padding-bottom: 20px;
  }

  .ai-callout-content {
    width: auto;
    max-width: none;
  }

  .heading-23 {
    max-width: 420px;
    height: 1.3em;
    font-family: Merriweather, serif;
    font-size: 18px;
  }

  .heading-23.ai-heading {
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    max-width: 600px;
    margin-bottom: 4px;
  }

  .heading-23.ai-heading:lang(es) {
    white-space: nowrap;
    word-break: normal;
    max-width: 600px;
  }

  .heading-23.ai-heading:lang(fr), .heading-23.ai-heading:lang(pt-br) {
    white-space: nowrap;
    max-width: 600px;
  }

  .header-dropdown-top-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 24px;
    display: flex;
  }

  .header-dropdown-top-row.dropdown-top-row-v2 {
    padding-right: 0;
    display: flex;
  }

  .text-block-53 {
    color: #2754eb;
    width: auto;
    min-width: 220px;
    text-decoration: none;
  }

  .link-block-5 {
    text-decoration: none;
  }

  .text-block-54 {
    font-size: 12px;
  }

  .code-embed-8 {
    display: block;
  }

  .code-embed-8.code-embed-draft {
    width: auto;
    height: auto;
    margin-top: 1px;
  }

  .code-embed-8.code-embed-draft:active {
    width: auto;
    height: auto;
    margin-right: 0;
    display: block;
    overflow: visible;
    transform: none;
  }

  .code-embed-8.code-embed-draft.code-embed-staging {
    justify-content: center;
    align-items: center;
    line-height: 0;
    display: none;
  }

  .feature-description-draft {
    display: none;
  }

  .read-the-launch.featured-card-link-text-v2, .text-block-55 {
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .code-embed-draft {
    margin-top: 1px;
  }

  .hero-cta-wrapper {
    flex-flow: row;
    justify-content: flex-start;
  }

  .footer-top-grid-draft {
    grid-template-columns: 1fr 1fr 1.1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .div-block-23 {
    border: 1px solid #0000;
    height: 1px;
    min-height: 0;
  }

  .div-block-23.divider-draft {
    border: 0 #000;
    padding-bottom: 0;
    display: block;
  }

  .footer-bottom-row-draft {
    align-items: center;
    width: 100%;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-bottom-right-draft {
    flex: 0 auto;
    width: auto;
    margin-left: 0;
    margin-right: 26px;
  }

  .localization-icon-draft {
    padding-top: 4px;
  }

  .code-embed-9 {
    color: #000;
  }

  .footer-content-container {
    width: 100%;
    min-width: auto;
    max-width: 1360px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .youtube-draft, .linkedin-draft {
    display: none;
  }

  .flex-block-41, .flex-block-42, .flex-block-43 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-24, .heading-25, .heading-26, .heading-27 {
    font-size: 36px;
  }

  .mau-tooltip-box {
    position: absolute;
    top: 630px;
    left: 580px;
  }

  .mau-tooltip-box:lang(pt-br) {
    opacity: 0;
    pointer-events: none;
    left: 500px;
  }

  .mau-tooltip-box:lang(es) {
    left: 500px;
  }

  .mau-tooltip-box:lang(fr) {
    left: 550px;
  }

  .mau-tooltip-box.growth-tooltip {
    opacity: 0;
    pointer-events: none;
  }

  .mau-tooltip-box.growth-tooltip:lang(pt-br) {
    position: absolute;
  }

  .mau-tooltip-box.starter-tooltip {
    opacity: 0;
    pointer-events: none;
  }

  .pricing-popular-badge {
    background-image: linear-gradient(135deg, #4a69d9, #1c3584);
  }

  .feature-board-image {
    width: 100%;
  }

  .bold-text-11 {
    pointer-events: auto;
  }
}

@media screen and (max-width: 991px) {
  .heading-5.footer-header {
    cursor: pointer;
  }

  .heading-5.footer-header.get-started.mobile-footer-header-draft {
    color: #fff;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
  }

  .heading-5.footer-header.get-started.mobile-footer-header-draft.mobile-footer-header-current-theme {
    color: #fff;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .heading-5.footer-header.footer-header-draft {
    letter-spacing: .08em;
  }

  .heading-5.mobile-header {
    color: var(--white);
    font-weight: 500;
  }

  .heading-5.mobile-header.product {
    cursor: pointer;
  }

  .text-3.hero-description.home.dark-ui {
    margin-left: auto;
    margin-right: auto;
  }

  .text-3.hero-description.home.dark-ui.left {
    text-align: center;
  }

  .text-3.faq-answer {
    padding-right: 0;
  }

  .text-4.webinar-info {
    min-height: auto;
  }

  .header-horizontal-flex, .login-text {
    display: none;
  }

  .header-section {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-text {
    display: none;
  }

  .navbar-text.non-hide {
    display: block;
  }

  .header-desktop-wrapper {
    display: none;
  }

  .tablet-header-dropdown-image {
    cursor: pointer;
    width: 24px;
    display: block;
  }

  .footer-wrapper {
    align-items: flex-start;
    max-height: none;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: hidden;
  }

  .social-media-image {
    width: 16px;
  }

  .footer-designs, .desktop-footer-columns-container, .desktop-footer-columns-container.desktop-footer-columns-container-draft {
    display: none;
  }

  .footer-clickable-text {
    max-width: none;
  }

  .footer-clickable-text.footer-clickable-text-draft:hover {
    color: #5478f0;
  }

  .footer-clickable-text.footer-clickable-text-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .footer-clickable-text.mobile-footer-bold-clickable-draft {
    color: #0d0e0b;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35em;
  }

  .footer-clickable-text.mobile-footer-bold-clickable-draft:hover {
    color: #5478f0;
  }

  .footer-clickable-text.mobile-footer-bold-clickable-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .footer-clickable-text.mobile-footer-bold-clickable-draft.footer-clickable-text-current-theme:hover {
    color: #fff;
  }

  .footer-clickable-text.mobile-footer-clickable-draft {
    color: #0d0e0b;
    line-height: 1.35em;
  }

  .footer-clickable-text.mobile-footer-clickable-draft:hover {
    color: #5478f0;
  }

  .footer-clickable-text.mobile-footer-clickable-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .footer-clickable-text.mobile-footer-clickable-draft.footer-clickable-text-current-theme:hover {
    color: #fff;
  }

  .footer-clickable-text.footer-blog-texts-draft {
    color: #0d0e0b;
    font-size: 15px;
    line-height: 1.4em;
    overflow: hidden;
  }

  .footer-clickable-text.footer-blog-texts-draft:hover {
    color: #5478f0;
  }

  .footer-clickable-text.footer-blog-texts-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .footer-clickable-text.footer-blog-texts-draft.footer-clickable-text-current-theme:hover {
    color: #fff;
  }

  .footer-social-media-icons.footer-social-media-icons-draft {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .footer-social-media-icons.mobile-social-media-icons-draft {
    display: none;
  }

  .footer-section {
    overflow: hidden;
  }

  .mobile-footer-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: relative;
  }

  .mobile-footer-column.policies {
    position: relative;
  }

  .mobile-footer-column.mobile-comparison-column-draft {
    display: none;
  }

  .mobile-footer-column.mobile-footer-column-draft {
    border-top: 1px solid #0d0e0b14;
    border-radius: 0;
  }

  .flex-block-16 {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 50px;
    margin-bottom: 40px;
    display: flex;
    position: relative;
  }

  .flex-block-16.flex-block-16-draft {
    width: 100%;
  }

  .flex-block-17 {
    z-index: 5;
    width: 100%;
    display: flex;
    position: relative;
  }

  .mobile-footer-divider {
    background-color: #fff6;
    width: 100%;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-footer-divider.mobile-divider-draft {
    display: none;
  }

  .image-7 {
    display: block;
  }

  .mobile-footer-dropdown {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
    overflow: hidden;
  }

  .mobile-footer-dropdown.mobile-footer-dropdown-draft {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .privacy-policy-hero-design {
    height: auto;
  }

  .policy-text-section {
    margin-bottom: -300px;
    top: -300px;
  }

  .policy-text-section.webinar {
    margin-bottom: -360px;
    padding-left: 10px;
    padding-right: 10px;
    top: -360px;
  }

  .policy-page-image {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .policy-text-div {
    padding-left: 24px;
    padding-right: 24px;
  }

  .policy-text-header {
    white-space: normal;
  }

  .cookies-table {
    overflow-x: auto;
  }

  .terms-of-service-content-row {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .terms-of-service-page-content {
    width: 100%;
    min-width: auto;
  }

  .terms-of-service-content-heading {
    white-space: normal;
  }

  .hero-section {
    height: 937px;
  }

  .hero-section.all-use-cases-hero {
    height: auto;
  }

  .hero-section.partnership {
    height: auto;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .hero-heading {
    width: 470px;
  }

  .hero-heading.home {
    height: 100px;
  }

  .hero-heading.home.dark-ui {
    height: auto;
  }

  .hero-heading.home.dark-ui.left {
    text-align: center;
  }

  .hero-heading.medium.dark-ui.demo {
    width: auto;
  }

  .hero-text-content {
    text-align: center;
    align-items: center;
    width: 100%;
    padding-top: 48px;
  }

  .hero-text-content.newsletter {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-text-content.integrations-hero-text-content {
    height: auto;
    padding-bottom: 48px;
  }

  .hero-design-background-left.podcast-episode {
    display: none;
  }

  .hero-design-background-left.newsletter {
    width: 40%;
    height: auto;
  }

  .contribute-surveys-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contribute-surveys-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .hero-design-background-right.newsletter {
    width: 40%;
  }

  .hero-design-background-right.podcast-episode {
    display: none;
  }

  .newsletter-hero-content {
    flex-direction: column;
  }

  .partnership-page-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partner-use-case-image {
    width: 50%;
  }

  .partner-use-case-text {
    width: 100%;
  }

  .partnership-benefit-card {
    width: 100%;
    max-width: 550px;
  }

  .partnership-benefits-wrapper {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .hero-content-div {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    padding-left: 100px;
    padding-right: 100px;
  }

  .hero-content-div.partnership-hero {
    padding-left: 60px;
    padding-right: 60px;
  }

  .hero-content-div.referrals {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .resources-collection-list {
    grid-template-columns: 1fr;
  }

  .resources-content-heading {
    text-align: center;
  }

  .heading-2.webinar-heading {
    min-height: auto;
  }

  .ebook-template-content {
    flex-flow: column;
  }

  .ebook-image {
    width: 100%;
    max-width: 70vw;
    height: auto;
  }

  .ebook-content-rich-text {
    display: block;
  }

  .ebook-cta {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .ebook-content-section {
    padding-bottom: 80px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .email-input {
    width: 70vw;
    padding-bottom: 24px;
  }

  .ebook-header {
    max-width: 100%;
    font-size: 40px;
    line-height: 50px;
  }

  .comment-card.customer-comment-card.comparison {
    height: 466px;
  }

  .comment-card.customer-comment-card.comparison:lang(pt-br) {
    height: 538px;
  }

  .comment-card.customer-comment-card.comparison:lang(es) {
    height: 505px;
  }

  .comment-card.customer-comment-card.comparison:lang(fr) {
    height: 553px;
  }

  .comment-card.customer-comment-card.comparison-2:lang(es) {
    height: 668px;
  }

  .episode-description-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.xsmall.blue-primary.pricing-header.cta-click-listen {
    display: none;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
    margin-left: auto;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(fr) {
    width: 310px;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(es) {
    width: 190px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen {
    margin-left: auto;
    margin-right: auto;
  }

  .button.medium.blue-primary.home-page.cta-click-listen:lang(fr) {
    width: 320px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen:lang(es) {
    width: 190px;
  }

  .search-box-wrapper {
    margin-top: 8px;
  }

  .hero-design-background-left-2.cust-back-left {
    display: none;
  }

  .integration-container {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .header-mobile-wrapper {
    flex-flow: column;
    width: 100%;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .header-top-section {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 88px;
    padding-top: 30px;
  }

  .mobile-header-dropdowns-wrapper {
    background-color: #0000;
    width: 100%;
    display: none;
    position: relative;
  }

  .mobile-header-dropdowns-wrapper:lang(pt-br) {
    display: none;
  }

  .webinar-hero-design {
    height: 400px;
  }

  .webinar-comment-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 90vw;
  }

  .webinar-badge-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }

  .play-button-wrapper.webinar {
    width: 64px;
    height: 64px;
  }

  .webinar-video-wrapper {
    width: 100%;
    height: 50vw;
  }

  .university-collection-list {
    grid-template-columns: 1fr;
  }

  .all-features-background-right, .all-features-background-left {
    display: block;
  }

  .all-features-cards-container {
    flex-flow: column;
    align-items: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .feature-card-container {
    width: 100%;
  }

  .all-cases-hero-image {
    align-self: center;
    max-height: 400px;
  }

  .hero-heading-2.all-cases-hero-heading {
    text-align: center;
  }

  .hero-heading-2.cust-hero-heading-copy {
    width: 100%;
  }

  .text-10 {
    text-align: center;
  }

  .hero-hashtag-3.customers-hero-hashtag, .feature-card-2 {
    width: 100%;
  }

  .feature-card-2.compare {
    margin-right: 0;
  }

  .all-cases-cards-container {
    flex-flow: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .mobile-header-column {
    z-index: 2;
    width: 100%;
    margin-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    position: relative;
  }

  .mobile-header-divider {
    background-color: #fff6;
    width: 100%;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .mobile-header-product-column {
    height: auto;
    overflow: hidden;
  }

  .mobile-header-link {
    text-decoration: none;
  }

  .mobile-header-link.login {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-header-resources-column {
    height: auto;
    padding-bottom: 6px;
    overflow: hidden;
  }

  .mobile-header-product-wrapper {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .mobile-footer-row {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 24px;
    padding-left: 16px;
    display: flex;
  }

  .mobile-footer-row.mobile-footer-row-draft {
    flex-flow: column;
    display: none;
  }

  .mobile-social-media {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .image-14 {
    width: 20px;
    max-width: none;
  }

  .upper-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px;
    display: flex;
  }

  .mobile-start-button-wrapper {
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 200px;
    display: flex;
    position: relative;
  }

  .benefits-container {
    margin-top: 40px;
    overflow: hidden;
  }

  .benefit-background-image, .benefit-background-image.benefit-background-image-right-aliigned {
    display: block;
  }

  .benefit-content-image {
    width: 100%;
    max-width: 588px;
  }

  .benefit-content-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column-reverse wrap-reverse;
    width: 100%;
    height: auto;
  }

  .benefit-content-block.benefit-content-blok-right-aligned, .benefit-content-block.left {
    flex-flow: column;
  }

  .benefit-content {
    align-items: center;
  }

  .benefit-heading, .benefit-rich-text-blok {
    text-align: center;
  }

  .benefit {
    height: auto;
    margin-bottom: 100px;
  }

  .benefit-item {
    padding-top: 40px;
  }

  .vendor-details {
    flex-flow: column-reverse;
    align-items: center;
    width: 100%;
  }

  .vendor-content {
    flex-flow: column;
    align-items: center;
    width: 100%;
    margin-top: 40px;
  }

  .vendor-profile {
    justify-content: center;
  }

  .badges-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
  }

  .other-products-heading {
    text-align: center;
  }

  .other-products-cards {
    width: 100%;
    display: flex;
  }

  .product-card {
    width: 100%;
  }

  .demo-hero-section {
    height: auto;
  }

  .demo-hero-design-container {
    top: auto;
    bottom: 250px;
  }

  .demo-content-container.ty {
    padding-left: 60px;
    padding-right: 60px;
  }

  .demo-heading.thank-you-heading {
    max-width: none;
    font-size: 45px;
    line-height: 55px;
  }

  .demo-cards-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .demo-design-left, .demo-design-right {
    width: 50%;
  }

  .demo-badge-card {
    width: 100%;
    max-width: 577px;
  }

  .demo-card-column {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hubspot-calendar-wrapper {
    width: 100%;
  }

  .hubspot-calendar-wrapper.alive-event {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hubspot-calendar-wrapper.demo {
    width: auto;
  }

  .div-block-7 {
    align-items: center;
    width: 100%;
  }

  .div-block-7.static.first-benefit-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .companies-heading {
    width: 100%;
  }

  .company-logos-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    overflow-x: auto;
  }

  .schedule-demo-email-form-container {
    border-radius: 16px;
    height: 100%;
    padding-bottom: 24px;
    padding-left: 23px;
    padding-right: 23px;
  }

  .benefit-content-block-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .benefit-content-block-2.benefit-content-block-right {
    flex-flow: column;
  }

  .benefit-2 {
    margin-bottom: 100px;
  }

  .benefit-content-wrapper-2.benefit-content-wrapper-right {
    margin-top: 0;
  }

  .image-17 {
    align-self: center;
  }

  .home-hero-content-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-hero-content-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: auto;
  }

  .home-hero-badge-wrapper {
    flex-flow: row;
  }

  .home-hero-lottie {
    width: 620px;
    height: 340px;
  }

  .home-hero-text-content {
    text-align: center;
    align-items: stretch;
    width: 80%;
    max-width: 750px;
    height: 100%;
    padding-top: 48px;
  }

  .home-hero-gif-wrapper {
    width: 80%;
    height: 340px;
    position: static;
  }

  .learn-more-cards-row {
    overflow: auto;
  }

  .home-learn-more-section {
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
  }

  .learn-more-heading, .cust-action-text {
    width: 100%;
  }

  .hero-text-content-2 {
    text-align: center;
    align-items: center;
    padding-top: 60px;
  }

  .hero-content-div-2 {
    flex-flow: column;
  }

  .hero-design-background-right-3.cust-back-right {
    display: none;
  }

  .hero-section-2 {
    height: 937px;
  }

  .hero-section-2.customers-hero {
    height: auto;
    padding-bottom: 100px;
  }

  .text-11.cust-hero-desc {
    width: 100%;
  }

  .cust-dropdowns {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    width: 100%;
    padding: 16px 48px;
    overflow-x: auto;
  }

  .cust-dropdown {
    width: 180px;
  }

  .cust-container {
    flex-flow: row;
    width: 100%;
    display: flex;
  }

  .cust-container.cust-filter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column-reverse;
    align-items: center;
    height: 180px;
  }

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

  .cust-card-container {
    flex-flow: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cust-success-story-card {
    background-color: var(--ugpurple30);
    width: 355px;
    height: 250px;
  }

  .cust-success-story-card.kpi-card {
    width: auto;
  }

  .cust-success-desc {
    width: 65%;
  }

  .hero-text-content-3 {
    text-align: center;
    align-items: center;
    padding-top: 60px;
  }

  .hero-text-content-3.customer-hero-text-content {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .hero-section-3 {
    height: 937px;
  }

  .customer-hero-image.kb {
    width: 517px;
  }

  .customer-hero-image.industry, .customer-hero-image.industry.healthcare {
    max-width: 80%;
  }

  .customer-hero-content-div {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    display: block;
  }

  .customer-content {
    flex-flow: column;
    width: 100%;
  }

  .customer-info {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pricing-content.wrapper {
    flex-flow: column;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
  }

  .customers-content-wrapper {
    width: 100%;
  }

  .customer-side-menu {
    display: none;
  }

  .customer-story-content {
    flex-flow: column;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .customer-story-title {
    text-align: center;
    width: 100%;
    display: block;
  }

  .customer-story-summary {
    width: 100%;
  }

  .kpi-wrapper {
    flex-flow: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-features-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-feature-media-container {
    max-width: 60.458%;
  }

  .home-feature-lottie {
    width: 100%;
  }

  .home-feature-item-row {
    flex-flow: column;
    height: auto;
    margin-bottom: 64px;
  }

  .home-feature-item-row.mobile-reverse {
    flex-flow: column-reverse;
  }

  .ebook-design-block {
    justify-content: center;
    align-items: center;
    width: 90vw;
  }

  .ebook-background-design {
    display: none;
  }

  .integrations-container {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .workflow-container {
    max-width: none;
  }

  .workflow-row {
    flex-flow: column;
    height: auto;
  }

  .workflow-gif {
    width: 70vw;
    height: auto;
  }

  .collection-list-wrapper-2 {
    width: 100%;
  }

  .collection-list-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-list-3 {
    justify-content: center;
  }

  .text-block-35, .text-block-35.centered:lang(pt-br) {
    width: 100%;
  }

  .subscription-card {
    align-self: auto;
    width: 100%;
    padding: 0;
  }

  .subscription-card.recommended-card {
    box-shadow: none;
    margin-top: 0;
  }

  .subscription-card.group-b {
    width: 90%;
    height: auto;
    min-height: auto;
  }

  .subscription-card.group-b:lang(fr), .subscription-card.group-b:lang(pt-br), .subscription-card.group-b:lang(es) {
    height: auto;
  }

  .subscription-card.group-b.growth {
    margin-top: 14px;
  }

  .plan-name {
    color: #1b393a;
    margin-top: 20px;
    text-decoration: none;
  }

  .plan-name.top-padding {
    color: var(--ugblue);
    margin-top: 0;
  }

  .price {
    text-align: center;
    justify-content: center;
  }

  .billed.billed-custom-code.group-b {
    text-align: left;
  }

  .pricing-other-features.short-features {
    padding-bottom: 0;
  }

  .recomended {
    margin-bottom: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
  }

  .inner-wrapper {
    padding-bottom: 40px;
    display: flex;
  }

  .inner-wrapper.startup-plan {
    padding-left: 28px;
    padding-right: 28px;
    display: none;
  }

  .inner-wrapper.startup-plan.left-aligned {
    display: block;
  }

  .inner-wrapper.startup-plan.left-aligned:lang(fr) {
    padding-left: 0;
    display: block;
  }

  .inner-wrapper.enterprise-plan {
    padding-left: 28px;
    padding-right: 28px;
    display: none;
  }

  .inner-wrapper.enterprise-plan.group-b {
    padding-left: 20px;
    display: block;
  }

  .inner-wrapper.enterprise-plan.group-b:lang(fr) {
    padding-left: 0;
    display: block;
  }

  .inner-wrapper.group-b {
    padding-left: 20px;
  }

  .image-24 {
    display: none;
  }

  .feature-table-wrapper {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .table-header {
    display: none;
  }

  .table-header.sticky {
    display: block;
    top: 170px;
  }

  .table {
    padding: 0 8px 8px;
  }

  .table-content-wrapper.comparison {
    max-width: 90vw;
  }

  .table-row, .table-row.header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .feature-name-column.product-adoption-dropdown-button {
    flex: 1;
  }

  .plan-column-1 {
    width: 78px;
  }

  .plan-column-1.heading-column {
    text-align: center;
    width: auto;
    font-size: 10px;
    line-height: 10px;
  }

  .plan-column-1.plan-header.b-1 {
    width: 100px;
  }

  .plan-column-1.group-b {
    text-align: center;
    width: 100px;
  }

  .plan-column-2 {
    width: 78px;
  }

  .plan-column-2.heading-column {
    text-align: center;
    width: auto;
    font-size: 10px;
    line-height: 10px;
  }

  .plan-column-2.plan-header.b-2 {
    width: 100px;
  }

  .plan-column-2.group-b {
    text-align: center;
    width: 100px;
  }

  .plan-column-3 {
    width: 78px;
  }

  .plan-column-3.heading-column {
    text-align: center;
    width: auto;
    font-size: 10px;
    line-height: 10px;
  }

  .plan-column-3.last-header-column.group-b {
    width: 100px;
    margin-right: 8px;
  }

  .plan-column-3.group-b {
    text-align: center;
    width: 100px;
  }

  .image-25.row-header-image {
    width: 18px;
    height: 18px;
    display: block;
  }

  .text-block-43.group-b {
    font-size: 11px;
  }

  .calculator {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-wrapper {
    width: 100%;
  }

  .content {
    padding-left: 0;
  }

  .pricing-toggle {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
  }

  .div-block-10 {
    border-right-style: none;
    padding-right: 0;
  }

  .deals-table {
    width: 675px;
  }

  .customers-list {
    flex-flow: column;
    align-items: center;
  }

  .customers-list-wrapper {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .customer-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list-5 {
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .rich-text-block-3 {
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }

  .workflow-row-wrapper {
    height: auto;
    min-height: 600px;
  }

  .collection-item-2 {
    width: 100%;
  }

  .image-26 {
    flex: none;
    order: 0;
    align-self: auto;
  }

  .collection-list-6 {
    display: block;
  }

  .collection-list-7 {
    flex-flow: column;
    display: flex;
  }

  .collection-list-wrapper-4 {
    display: block;
  }

  .image-27, .header-background-image-right, .header-background-image-left {
    display: none;
  }

  .hero-content-left-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .hero-content-left-wrapper.partnership, .hero-content-left-wrapper.referrals {
    width: auto;
  }

  .hero-content-right-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .hero-content-right-wrapper.partnership {
    width: auto;
    margin-top: 40px;
  }

  .hero-content-right-wrapper.referrals, .hero-content-right-wrapper.exclusive-partnership-form {
    width: auto;
  }

  .text-block-44.plan-save-price {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .newsletter-html-embed {
    width: 100%;
    max-width: 400px;
  }

  .partner-use-case-subheader {
    font-size: 32px;
    line-height: 40px;
  }

  .demo-comment-card-row {
    overflow: hidden;
  }

  .policy-page-background-image-left, .policy-page-background-image-right {
    width: 50%;
  }

  .row-header-wrapper {
    align-items: center;
    width: 78px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .pricing-dropdown {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    display: flex;
  }

  .pricing-dropdown:lang(fr) {
    padding-left: 0;
  }

  .pricing-dropdown.growth-plan {
    padding-left: 20px;
  }

  .image-28 {
    display: none;
  }

  .image-29 {
    width: 50px;
    height: 50px;
  }

  .div-block-11 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
  }

  .image-30 {
    display: block;
    transform: rotate(180deg);
  }

  .image-30.startup-icon {
    transform: rotate(180deg);
  }

  .image-31 {
    display: none;
  }

  .cookies-table-wrapper {
    overflow: auto;
  }

  .g_id_container {
    display: none;
  }

  .image-32, .image-33, .image-34, .image-35 {
    align-self: center;
  }

  .header-locales-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 12px;
  }

  .header-dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft {
    border: 1px solid #0d0e0b14;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft.header-dropdown-toggle-current-theme {
    border-color: #ffffff1a;
  }

  .header-dropdown-toggle.mobile-language-dropdown-draft {
    display: block;
  }

  .localization-icon {
    max-width: 16px;
  }

  .mobile-header-row {
    z-index: 2;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-left: 16px;
    padding-right: 32px;
    display: flex;
    position: relative;
  }

  .localization-image {
    width: 18px;
    max-width: 18px;
  }

  .localization-dropdown-arrow.dorpdown-arrow-draft, .localization-dropdown-arrow.localization-dropdown-icon-draft {
    display: none;
  }

  .localization-dropdown-list.localization-dorpdown-draft {
    inset: 100% auto auto 0%;
  }

  .localization-dropdown-list.localization-dorpdown-draft.localization-in-mobile-footer {
    top: auto;
    bottom: 100%;
  }

  .localization-toggle-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .current-language-text.language-text-draft.language-text-current-theme {
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .footer-localization-dropdown {
    width: 21.5807%;
    margin-top: 0;
  }

  .footer-localization-dropdown.footer-localization-dropdown-draft {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    width: 100%;
    display: inline-flex;
  }

  .footer-wide-badge {
    width: 120px;
  }

  .footer-narrow-badge {
    width: 60px;
  }

  .mobile-footer-rights-text-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 120px;
    display: flex;
  }

  .mobile-footer-rights-text-wrapper.mobile-footer-rights-text-wrapper-draft {
    justify-content: flex-start;
    margin-top: 0;
  }

  .mobile-footer-rights-text {
    color: var(--white);
    font-size: 13px;
    line-height: 15px;
  }

  .mobile-footer-rights-text.mobile-rights-text-draft {
    color: #6b6b65;
  }

  .mobile-footer-rights-text.mobile-rights-text-draft.mobile-rights-text-current-theme {
    color: var(--white);
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .mobile-design-container {
    z-index: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: visible;
  }

  .badge-footer-down {
    position: absolute;
    bottom: 0;
    left: -24px;
    overflow: hidden;
  }

  .badge-footer-up {
    position: absolute;
    top: 200px;
    right: 24px;
    overflow: hidden;
  }

  .footer-dropdown-toggle {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-dropdown-toggle.footer-dropdown-toggle-draft {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-dropdown-icon.footer-dropdown-icon-draft {
    display: none;
  }

  .footer-dropdown-icon.footer-white-dropdown-icon {
    display: block;
  }

  .footer-dropdown-icon.footer-dropdown-current-theme {
    color: #fff;
  }

  .footer-dropdown-icon.footer-dropdown-icon-current-theme {
    display: none;
  }

  .mobile-header-design-wrapper {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .mobile-header-design {
    max-width: 160px;
    position: absolute;
    top: 140px;
    right: -24px;
  }

  .benefit-video.static.first-benefit-video {
    width: 300px;
  }

  .header-wrapper {
    width: 100%;
    max-width: none;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .header-wrapper.header-wrapper-draft, .header-wrapper.header-wrapper-draft.header-wrapper-staging {
    background-image: linear-gradient(270deg, #142046, #070b19);
  }

  .google-one-tap-embed {
    display: none;
  }

  .pricing-slider {
    width: 100%;
  }

  .pricing-slider-lower {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: center;
  }

  .slider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .html-embed-2 {
    margin-top: 20px;
  }

  .mau-text {
    text-align: right;
    width: auto;
    display: block;
  }

  .div-block-12 {
    justify-content: center;
    width: 100%;
    margin-top: 60px;
    display: flex;
  }

  .price-plan-card-title.left-aligned {
    display: none;
  }

  .home-security-container {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .security-image {
    min-width: 300px;
    max-width: 500px;
  }

  .blog-post-content-container {
    width: 100%;
    max-width: none;
  }

  .blog-hero-header-container {
    flex-flow: column;
    align-items: center;
    width: 100%;
  }

  .blog-page-title {
    text-align: center;
  }

  .blog-hero-info-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .post-author-name {
    font-weight: 600;
  }

  .blog-header-horizontal-flex {
    display: none;
  }

  .blog-mobile-header-categories {
    width: 100%;
  }

  .blog-home-hero-section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-right: 0;
    padding-right: 40px;
  }

  .blog-home-hero-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .blog-home-hero-text-container {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .head-post-info {
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 50%;
    padding: 28px 24px;
  }

  .head-post-title {
    font-size: 16px;
    line-height: 24px;
  }

  .highlighted-articles-upper-row {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .blog-post-card-small-image {
    height: auto;
  }

  .highlighted-articles-lower-row {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
  }

  .big-highlighted-post-card {
    max-width: 358px;
  }

  .blog-category-hero-container {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .blog-category-posts-section, .blog-author-hero-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .author-hero-wrapper {
    flex-flow: column;
  }

  .author-hero-right-column {
    justify-content: flex-start;
    align-items: center;
  }

  .author-articles-section, .author-articles-list {
    width: 100%;
  }

  .blog-post-hero-header {
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-hero-image {
    min-width: auto;
  }

  .blog-post-content-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-hero-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-hero-right-image {
    display: none;
  }

  .search-results-info-container, .search-results-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-result-list {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    overflow: hidden scroll;
  }

  .related-articles-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .post-author-info-container {
    min-width: 49%;
  }

  .blog-post-demo-cta-wrapper {
    display: none;
  }

  .blog-social-share-container {
    margin-right: -123px;
  }

  .scrollable-toc-cta-wrapper {
    display: none;
  }

  .not-found-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    padding-top: 60px;
  }

  .not-found-image-wrapper {
    margin-top: 80px;
  }

  .not-found-text-wrapper {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
  }

  .not-found-header {
    margin-bottom: 16px;
  }

  .not-found-header-section {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .not-found-footer-text {
    text-align: center;
  }

  .pricing-content-div {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-text-content {
    text-align: center;
    align-items: center;
    width: 100%;
    padding-top: 48px;
  }

  .pricing-text-content.pricing-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-left: 48px;
    padding-right: 48px;
  }

  .pricing-section {
    height: 937px;
  }

  .flex-block-35 {
    justify-content: flex-start;
    align-items: center;
  }

  .mobile-toc-container {
    background-color: #f2f5fe;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 16px;
    display: flex;
  }

  .toc-mobile-list {
    width: 100%;
    max-height: 400px;
    color: var(--uggreen);
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .toc-mobile-list:hover {
    color: var(--ugblue);
  }

  .sitemap-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-map-categories-wrapper {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: none;
  }

  .sitemap-categories-column {
    width: 100%;
  }

  .demo-two-iframe-wrapper {
    width: auto;
  }

  .demo-two-iframe-wrapper.alive-event {
    width: 700px;
  }

  .hubspot-blog-form {
    width: 100%;
  }

  .empty-customers-list {
    flex-flow: column;
    align-items: center;
  }

  .empty-customers-list-wrapper {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .blog-hero-image-wrapper {
    height: 320px;
  }

  .navbar-icon {
    width: 16px;
  }

  .google-one-tap-wrapper {
    display: none;
  }

  .on-hover-pop-up {
    margin-top: 184px;
    margin-right: 80px;
  }

  .flex-block-37 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .banner-wrapper {
    height: 100px;
  }

  .sticky-banner-section {
    height: auto;
  }

  .banner-text {
    text-align: center;
  }

  .thank-you-page-paragraph {
    max-width: none;
    font-size: 30px;
    line-height: 40px;
  }

  .thank-you-page-paragraph.small {
    font-size: 25px;
  }

  .youtube.static.first-benefit-video {
    width: 300px;
    max-width: 300px;
    height: 200px;
  }

  .div-block-15 {
    margin-bottom: 5px;
    position: static;
  }

  .navbar-logo.navbar-logo-draft, .navbar-logo.navbar-logo-mobile-draft {
    display: none;
  }

  .image-42 {
    width: auto;
    max-width: 400px;
  }

  .comparison-heading {
    margin-left: 40px;
    margin-right: 40px;
  }

  .userguiding-column, .competitor-column {
    width: 40%;
  }

  .values-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .value-card {
    justify-content: flex-start;
    height: auto;
    padding: 20px 20px 10px;
  }

  .values {
    align-items: stretch;
  }

  .values.values-usetiful {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    max-width: 640px;
  }

  .flex-block-38 {
    margin-bottom: 10px;
  }

  .comparison-hero-right-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .text-field {
    min-width: auto;
  }

  .demo-hero-content-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-hero-content-wrapper.second {
    min-height: 700px;
  }

  .demo-hero-content-row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: auto;
  }

  .demo-content-left-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .demo-content-left-wrapper.second {
    max-width: none;
  }

  .demo-content-right-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .demo-hero-text-content {
    text-align: center;
    align-items: stretch;
    width: 80%;
    max-width: 750px;
    height: 100%;
    padding-top: 48px;
  }

  .webinar-registration-wrapper {
    width: 100%;
    height: 50vw;
  }

  .hero-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: none;
    height: auto;
  }

  .badge-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .banner-collection-list-wrapper {
    align-self: center;
  }

  .blog-logo-div.mobile {
    margin-right: 0;
  }

  .link-block-4 {
    display: none;
  }

  .flex-block-39 {
    flex-flow: column;
    width: auto;
  }

  .image-62 {
    min-width: auto;
  }

  .values-section-referrals {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-block-referrals {
    margin-bottom: 10px;
  }

  .referrals-hero-section {
    height: auto;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .referrals-hero-section.all-use-cases-hero {
    height: auto;
  }

  .referrals-hero-section.partnership {
    height: auto;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .product-tour-rich-text-section {
    padding: 10px 40px 40px;
  }

  .video-hero-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-video-wrapper {
    width: 100%;
    height: 50vw;
  }

  .post-update-date {
    font-weight: 600;
  }

  .webinar-video-wrapper-promo {
    width: 100%;
    height: 50vw;
  }

  .partnerships-hero-content-wrapper {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partnerships-hero-content-row {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: auto;
  }

  .partnerships-content-left-wrapper {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .partnerships-content-left-wrapper.partnership, .partnerships-content-left-wrapper.referrals {
    width: auto;
  }

  .partnerships-hero-text-content {
    text-align: center;
    align-items: stretch;
    width: 80%;
    max-width: 750px;
    height: 100%;
    padding-top: 48px;
  }

  .value-card-partnerships {
    justify-content: flex-start;
    height: auto;
    padding: 20px 20px 10px;
  }

  .values-section-partnerships {
    padding-left: 10px;
    padding-right: 10px;
  }

  .value-prop-grid {
    align-items: center;
  }

  .value-prop-video-wrap {
    width: 300px;
    max-width: 300px;
  }

  .btn-outline-white {
    text-decoration: none;
  }

  .rd26-hero-1 {
    padding: 72px 32px 0;
  }

  .rd26-h1 {
    font-size: 56px;
    line-height: 60px;
  }

  .rd26-logos {
    grid-template-columns: repeat(3, 1fr);
  }

  .rd26-features-1 {
    padding: 56px 0;
  }

  .rd26-h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .rd26-features-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .rd26-metrics-1 {
    padding: 56px 0;
  }

  .rd26-metrics-grid {
    grid-template-columns: 1fr;
  }

  .rd26-mtile-number {
    font-size: 52px;
  }

  .rd26-detailrows-wrap {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .rd26-drow-grid, .rd26-drow-reverse {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    direction: ltr;
    grid-template-columns: 1fr;
  }

  .rd26-drow-title {
    font-size: 28px;
    line-height: 34px;
  }

  .rd26-footer-1 {
    padding: 40px 20px 32px;
  }

  .rd26-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .rd26-footer-brand {
    grid-column: 1 / span 2;
  }

  .ai-spotlight-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ai-spotlight-header {
    max-width: 1200px;
  }

  .heading-21 {
    font-size: 36px;
  }

  .ai-spotlight-heading {
    text-align: center;
    width: 100%;
    max-width: 760px;
    font-size: 52px;
    line-height: 56px;
    text-decoration: none;
    display: block;
  }

  .ai-spotlight-subhead {
    color: #3f4046;
    text-align: center;
    font-size: 17px;
  }

  .ai-spotlight-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .ai-spotlight-cta {
    padding: 0 26px;
  }

  .ai-spotlight-cta:hover {
    background-color: #0d0e0b;
  }

  .hero-cta-wrapper {
    justify-content: center;
  }

  .div-block-23.divider-draft.divider-mobile {
    margin-top: 0;
  }

  .footer-bottom-row-draft, .localization-icon-draft.footer-dropdown-icon, .footer-content-container {
    display: none;
  }

  .div-block-25-draft {
    flex-flow: row;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    align-items: center;
    display: flex;
    position: relative;
  }

  .div-block-25-draft.mobile-footer-meta-row {
    width: 100%;
    margin-top: 24px;
    overflow: visible;
  }

  .dropdown-2 {
    display: none;
  }

  .dropdown-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    display: inline-flex;
  }

  .footer-social-icon-draft {
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
  }

  .footer-social-icon-draft:hover {
    background-color: #0000;
  }

  .youtube-draft, .linkedin-draft {
    display: none;
  }

  .div-block-25 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .list-item-1.mau-tooltip-wrapper.list-1-width {
    width: 40%;
  }

  .pricing-custom-plan-band {
    width: 90%;
  }

  .pricing-band-button, .pricing-band-paragraph {
    width: auto;
  }

  .mau-tooltip-box {
    top: 700px;
  }

  .pricing-popular-badge {
    top: -20px;
  }

  .usetiful-extras-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    max-width: none;
    padding: 32px;
  }

  .usetiful-extras-card-heading.usetiful-extras-title-slot {
    min-height: auto;
  }
}

@media screen and (max-width: 767px) {
  .heading-5.footer-header.get-started.mobile-footer-header-draft, .heading-5.footer-header.get-started.mobile-footer-header-draft.mobile-footer-header-current-theme {
    color: #fff;
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .heading-5.footer-header.get-started.mobile-footer-header-draft.draft {
    color: #5478f0;
  }

  .text-3.partnership-card-text {
    font-size: 14px;
    line-height: 20px;
  }

  .text-3.hero-description.static {
    font-size: 17px;
  }

  .header-section {
    overflow: hidden;
  }

  .header-ug-logo {
    width: 140px;
    height: auto;
  }

  .footer-clickable-text.mobile-footer-bold-clickable-draft {
    color: #0d0e0b;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35em;
  }

  .footer-clickable-text.mobile-footer-clickable-draft {
    color: #0d0e0b;
    line-height: 1.35em;
  }

  .footer-clickable-text.footer-blog-texts-draft {
    color: #0d0e0b;
    font-size: 15px;
    line-height: 1.4em;
    overflow: hidden;
  }

  .footer-social-media-icons.footer-social-media-icons-draft {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .mobile-footer-column {
    display: block;
  }

  .mobile-footer-column.policies {
    border-top: 1px solid #0d0e0b14;
    border-radius: 1px;
  }

  .mobile-footer-column.mobile-comparison-column-draft {
    display: none;
  }

  .mobile-footer-column.mobile-footer-column-draft {
    border-top: 1px solid #0d0e0b14;
    border-radius: 1px;
  }

  .mobile-footer-divider.mobile-divider-draft {
    background-color: #0d0e0b14;
    height: 1px;
    display: none;
  }

  .mobile-footer-dropdown.mobile-footer-dropdown-draft {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .policy-text-section {
    margin-bottom: -180px;
    top: -180px;
  }

  .policy-text-section.webinar {
    margin-bottom: -380px;
    top: -380px;
    overflow: hidden;
  }

  .policy-page-image {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .policy-text-div {
    width: 100%;
  }

  .cookies-table {
    min-width: 550px;
  }

  .terms-of-service-image-left {
    display: none;
  }

  .terms-of-service-image-right {
    width: 0;
    display: none;
  }

  .hero-section.newsletter {
    height: 100%;
  }

  .hero-section.feature-template-hero-text-content {
    height: auto;
  }

  .hero-section.feature-template-hero-text-content.static {
    padding-top: 64px;
  }

  .hero-heading.newsletter {
    width: 100%;
  }

  .hero-heading.feature-template-hero-heading.static {
    font-size: 36px;
  }

  .hero-heading.home {
    height: 150px;
  }

  .hero-design-background-left {
    display: none;
  }

  .hero-image {
    width: 100%;
  }

  .contribute-survey-header {
    font-size: 16px;
    line-height: 20px;
  }

  .join-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .hero-design-background-right {
    display: none;
  }

  .partner-use-case-image {
    width: 100%;
  }

  .partnership-use-case {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 100%;
    overflow: hidden;
  }

  .partnership-use-case.middle {
    flex-flow: column-reverse;
  }

  .benefits-header.minor {
    font-size: 35px;
    line-height: 45px;
  }

  .join-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-content-div {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-content-div.podcast-episode {
    padding-left: 80px;
    padding-right: 80px;
  }

  .hero-content-div.feature-template-hero-text-content {
    padding-bottom: 40px;
  }

  .content-card.university {
    width: 100%;
    height: auto;
  }

  .ebook-cta {
    justify-content: space-between;
    align-items: center;
  }

  .comment-card {
    max-width: 80vw;
  }

  .comment-card.customer-comment-card.comparison {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .comment-card.customer-comment-card.comparison:lang(pt-br), .comment-card.customer-comment-card.comparison:lang(es), .comment-card.customer-comment-card.comparison:lang(fr) {
    height: auto;
  }

  .comment-card.customer-comment-card.comparison-2 {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .comment-card.customer-comment-card.comparison-2:lang(es) {
    height: auto;
  }

  .comment-card.kpi-comment-card {
    max-width: none;
  }

  .user-comment {
    max-width: 60vw;
  }

  .user-comment.demo {
    width: 100%;
  }

  .user-comment.webinar {
    max-width: none;
  }

  .customer-comments-slider {
    padding-left: 0;
  }

  .button.medium.blue-secondary.home-page {
    width: 100%;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
    margin-left: auto;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(es) {
    width: 230px;
  }

  .button.medium.blue-primary.home-page {
    width: 100%;
  }

  .button.medium.blue-primary.cta-click-listen.mobile {
    display: block;
  }

  .button.medium.blue-primary.cta-click-listen.hide-mobile {
    display: none;
  }

  .button.large.blue-primary.home-single-demo {
    width: 60vw;
  }

  .hero-design-background-left-2 {
    display: none;
  }

  .mobile-header-dropdowns-wrapper {
    background-color: #0000;
    display: none;
    overflow: hidden scroll;
  }

  .mobile-header-dropdowns-wrapper:lang(fr) {
    display: none;
  }

  .webinar-page-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .webinar-comment-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .webinar-comment-header {
    font-size: 35px;
    line-height: 40px;
  }

  .webinar-comment-card, .webinar-comment-card-wrapper, .webinar-comment-cards-container {
    width: 100%;
  }

  .image-13 {
    width: 100%;
    height: auto;
  }

  .webinar-comment-card-row, .webinar-badge-card {
    width: 100%;
  }

  .webinar-badge {
    height: 75px;
  }

  .webinar-badge.gtwo {
    height: 102px;
  }

  .webinar-badge.star {
    height: 77px;
  }

  .webinar-image-wrapper {
    height: auto;
  }

  .play-button-wrapper.university {
    width: 48px;
    height: 48px;
    bottom: 12px;
    left: 12px;
  }

  .webinar-video-wrapper.variant-b {
    min-width: 400px;
    display: block;
  }

  .university-collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .university-collection-item {
    height: auto;
  }

  .university-page-image {
    margin-top: 20px;
  }

  .university-video-wrapper {
    width: 100%;
    height: auto;
  }

  .feature-content.compare:lang(pt-br) {
    margin-left: 0;
    margin-right: 10px;
  }

  .feature-card-container {
    width: 343px;
  }

  .feature-image-container {
    width: 80px;
    height: auto;
  }

  .hero-design-background-right-2 {
    display: none;
  }

  .all-cases-hero-image {
    max-height: 300px;
  }

  .feature-card-2 {
    width: 343px;
  }

  .benefits-container.padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .benefits-container.static {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .benefit-content-image {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

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

  .benefit-content-block.first-with-video {
    flex-flow: column wrap-reverse;
  }

  .benefit-content {
    height: auto;
  }

  .benefit-heading {
    max-width: none;
  }

  .benefit-heading.static.first-benefit-heading-text {
    text-align: center;
  }

  .benefit-rich-text-blok.static.first-benefit-text {
    margin-bottom: 0;
  }

  .vendor {
    padding-left: 10px;
    padding-right: 10px;
  }

  .vendor-heading {
    width: 100%;
    max-width: 490px;
  }

  .vendor-details, .vendor-image, .vendor-content {
    width: 100%;
  }

  .badges-row {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .other-products {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
  }

  .other-products-subtitle {
    text-align: center;
  }

  .demo-hero-design-container {
    display: none;
  }

  .demo-content-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .demo-heading.thank-you-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .demo-comment-card {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .faq-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .faq-question:lang(pt-br) {
    max-width: 85%;
  }

  .faq-question-row:lang(pt-br) {
    align-items: flex-start;
  }

  .html-embed {
    width: 100%;
  }

  .home-hero-button-wrapper {
    flex-flow: column;
  }

  .home-hero-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .home-hero-badge-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .home-hero-badge-wrapper.demo {
    flex-flow: row;
  }

  .home-hero-background-left {
    display: none;
  }

  .home-hero-lottie {
    width: 480px;
    height: 250px;
  }

  .home-hero-background-right {
    display: none;
  }

  .companies-moving-row.healthcare {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .home-hero-gif-wrapper {
    width: 480px;
    height: 250px;
  }

  .learn-more-cards-row {
    flex-flow: column;
    position: static;
  }

  .learn-more-heading {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-design-background-right-3 {
    display: none;
  }

  .cust-container.cust-filter {
    height: 300px;
  }

  .dropdown {
    margin-top: 0;
  }

  .cust-card {
    width: 100%;
    max-width: 380px;
  }

  .cust-success-story.padding {
    padding-left: 30px;
    padding-right: 30px;
  }

  .customer-profile-card {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .customer-hero-quoto {
    width: auto;
  }

  .customer-hero-content-div {
    text-align: center;
  }

  .home-feature-media-container {
    max-width: 90%;
  }

  .home-feature-item-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-integrations-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .integrations-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .integrations-column {
    flex-flow: row;
  }

  .integrations-column.lowered {
    flex-flow: row;
    margin-top: 0;
    margin-left: 20px;
  }

  .home-integration-logos {
    flex-flow: column;
  }

  .workflow-container {
    overflow: hidden;
  }

  .workflow-gif {
    min-width: 350px;
  }

  .text-block-35, .text-block-35.centered:lang(pt-br) {
    width: 100%;
  }

  .subscription-card.recommended-card.group-b {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .subscription-card.group-b, .subscription-card.group-b.growth {
    width: 460px;
  }

  .plan-name.top-padding {
    color: #5478f0;
  }

  .inner-wrapper.startup-plan.left-aligned, .inner-wrapper.enterprise-plan.group-b {
    display: block;
  }

  .table {
    padding: 8px;
  }

  .table-content-wrapper.comparison {
    padding-right: 5px;
  }

  .table-row {
    height: auto;
    min-height: 48px;
  }

  .table-row.header {
    align-items: stretch;
  }

  .table-row.comparison {
    height: auto;
  }

  .feature-name-column {
    font-size: 13px;
  }

  .plan-column-1.plan-header.b-1 {
    text-align: center;
    width: 70px;
  }

  .plan-column-1.group-b {
    text-align: center;
    width: 70px;
    font-size: 12px;
  }

  .plan-column-2.plan-header.b-2 {
    text-align: center;
    width: 70px;
  }

  .plan-column-2.group-b {
    text-align: center;
    width: 70px;
    font-size: 12px;
  }

  .plan-column-3.last-header-column.group-b {
    width: 70px;
  }

  .plan-column-3.group-b {
    text-align: center;
    width: 70px;
    font-size: 12px;
  }

  .text-block-43.group-b {
    font-size: 13px;
  }

  .content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-19 {
    font-size: 38px;
  }

  .home-first-join-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .customers-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rich-text-block-3 {
    width: 100%;
  }

  .workflow-row-wrapper {
    height: 550px;
  }

  .hero-content-left-wrapper {
    min-width: 350px;
    margin-bottom: 60px;
  }

  .hero-content-right-wrapper {
    width: 90%;
    min-width: 440px;
    height: auto;
  }

  .hero-content-right-wrapper.full-width {
    width: auto;
  }

  .contribute-survey-description {
    font-size: 14px;
    line-height: 18px;
  }

  .partnership-use-case-header {
    text-align: center;
  }

  .demo-comment-card-row, .demo-comment-card-wrapper {
    width: 100%;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft {
    justify-content: space-between;
    display: flex;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft.header-dropdown-toggle-current-theme {
    border-color: #ffffff1a;
  }

  .mobile-header-row {
    margin-top: 24px;
  }

  .localization-dropdown-arrow.localization-dropdown-icon-draft {
    display: none;
  }

  .localization-dropdown-list.localization-dorpdown-draft.localization-in-mobile-footer {
    top: auto;
    bottom: 100%;
  }

  .mobile-footer-rights-text.mobile-rights-text-draft.mobile-rights-text-current-theme {
    color: var(--white);
  }

  .footer-dropdown-toggle.footer-dropdown-toggle-draft {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-dropdown-icon.footer-white-dropdown-icon {
    display: none;
  }

  .footer-dropdown-icon.footer-white-dropdown-icon.footer-dropdown-icon-draft, .footer-dropdown-icon.footer-white-dropdown-icon.current-theme-icon {
    display: block;
  }

  .footer-dropdown-icon.footer-dropdown-icon-current-theme {
    display: none;
  }

  .header-wrapper {
    overflow: hidden;
  }

  .customer-stories-badge {
    max-width: 100px;
  }

  .star-rating {
    width: 200px;
  }

  .pricing-slider-toggle {
    margin-right: 0;
  }

  .webinar-embed {
    height: 100%;
  }

  .price-plan-card-title.left-aligned {
    display: none;
  }

  .learn-more-wrapper.home {
    height: auto;
  }

  .home-security-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .home-security-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-security-image {
    flex-flow: column;
  }

  .security-image {
    overflow: hidden;
  }

  .blog-home-hero-section {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .blog-home-hero-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .blog-hero-image-left, .blog-hero-image-right {
    display: none;
  }

  .blog-home-hero-text-container {
    width: 100%;
    max-width: 400px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .head-post-info {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 80%;
    max-width: 400px;
    height: 80%;
    max-height: 140px;
    bottom: auto;
    left: auto;
  }

  .highlighted-articles-lower-row {
    display: inline-flex;
  }

  .blog-category-hero-section {
    height: auto;
  }

  .blog-category-hero-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-category-hero-text-container {
    width: 100%;
    max-width: 400px;
  }

  .blog-category-hero-description {
    height: auto;
  }

  .blog-author-hero-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-author-hero-container {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .author-articles-list {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-post-content-section {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .toc-header {
    text-align: center;
    width: 100%;
  }

  .post-author-info-container {
    min-width: 47%;
  }

  .not-found-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .not-found-detail-text {
    text-align: center;
  }

  .not-found-header-section {
    overflow: hidden;
  }

  .pricing-design-background-left, .pricing-design-background-right {
    display: none;
  }

  .blog-tag-header {
    text-align: center;
    white-space: normal;
    font-size: 32px;
    line-height: 40px;
  }

  .blog-header-ug-logo {
    width: 140px;
    height: auto;
  }

  .demo-two-iframe-wrapper.alive-event {
    width: auto;
  }

  .customers-empty-state {
    padding-left: 20px;
    padding-right: 20px;
  }

  .empty-cust-card {
    width: 100%;
    max-width: 380px;
  }

  .empty-customers-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .demo-customer-card-link {
    width: 100%;
  }

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

  .lottie-animation {
    width: auto;
  }

  .flex-block-37 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .banner-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .banner-text {
    font-size: 14px;
  }

  .thank-you-page-paragraph {
    margin-top: 30px;
    font-size: 25px;
    line-height: 35px;
  }

  .thank-you-page-paragraph.small {
    font-size: 20px;
    line-height: 30px;
  }

  .userguiding-column {
    width: 40%;
  }

  .competitor-column {
    width: 30%;
  }

  .value-card {
    width: 80vw;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .values {
    flex-flow: column;
  }

  .comparison-hero-right-wrapper {
    min-width: 440px;
    height: auto;
  }

  .form-2 {
    flex-flow: column;
  }

  .text-field {
    min-width: 42.401%;
  }

  .demo-hero-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .demo-hero-content-wrapper.second {
    min-height: 800px;
  }

  .demo-content-left-wrapper {
    min-width: 350px;
    margin-bottom: 60px;
  }

  .demo-content-left-wrapper.second {
    margin-bottom: 0;
  }

  .demo-content-right-wrapper {
    min-width: 440px;
    height: auto;
  }

  .webinar-registration-wrapper {
    height: 500px;
    max-height: none;
  }

  .webinar-image-wrapper---register {
    height: auto;
  }

  .badge-wrapper {
    min-width: 440px;
    height: auto;
  }

  .referrals-hero-section.newsletter {
    height: 100%;
  }

  .referrals-hero-section.features-template-hero-section {
    height: auto;
  }

  .webinar-video-wrapper-promo.variant-b-promo {
    min-width: 440px;
  }

  .partnerships-hero-content-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .partnerships-hero-content-row {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
  }

  .partnerships-hero-content-row.usetiful-hero-content-row {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .partnerships-content-left-wrapper {
    min-width: 350px;
    margin-bottom: 60px;
  }

  .value-card-partnerships {
    width: 80vw;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .ai-spotlight-h2 {
    text-align: center;
  }

  .btn-primary-hero.feature-pages.partnerships-productgurus.partnerships-f6s {
    width: 100%;
    max-width: 280px;
  }

  .value-prop-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-items: stretch;
    margin-top: 60px;
    display: flex;
  }

  .rd26-nav {
    padding: 14px 20px;
  }

  .rd26-nav-left {
    grid-row-gap: 0;
    grid-column-gap: 0;
  }

  .rd26-nav-links, .rd26-nav-signin {
    display: none;
  }

  .rd26-hero-1 {
    padding: 48px 20px 0;
  }

  .rd26-h1 {
    letter-spacing: -.022em;
    font-size: 44px;
    line-height: 48px;
  }

  .rd26-hero-sub {
    margin-top: 20px;
    font-size: 17px;
  }

  .rd26-prompt {
    border-radius: 14px;
    margin-top: 32px;
    padding: 14px;
  }

  .rd26-chips {
    margin-top: 20px;
  }

  .rd26-logos-label {
    margin-top: 48px;
    margin-bottom: 18px;
  }

  .rd26-logos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .rd26-logo-name {
    font-size: 16px;
  }

  .rd26-hairline {
    margin-top: 48px;
  }

  .rd26-pricing-1 {
    padding: 56px 0;
  }

  .rd26-pricing-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .rd26-pricing-title {
    font-size: 28px;
    line-height: 34px;
  }

  .rd26-pricing-right {
    align-items: flex-start;
  }

  .rd26-finalcta-1 {
    padding: 72px 20px;
  }

  .rd26-finalcta-wrap {
    text-align: center;
    align-items: center;
  }

  .rd26-finalcta-h2 {
    font-size: 40px;
    line-height: 44px;
  }

  .rd26-finalcta-ctas {
    justify-content: center;
    margin-top: 32px;
  }

  .rd26-finalcta-note {
    margin-top: 24px;
  }

  .ai-spotlight-container {
    padding: 96px 20px;
  }

  .ai-spotlight-heading {
    overflow: visible;
  }

  .ai-spotlight-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ai-spotlight-card {
    width: 100%;
  }

  .ai-spotlight-cta-wrap {
    margin-top: 48px;
  }

  .ai-spotlight-cta:hover {
    background-color: #0d0e0b;
  }

  .hero-cta-wrapper {
    justify-content: center;
    width: 100%;
  }

  .youtube-draft, .linkedin-draft {
    display: none;
  }

  .div-block-25 {
    display: flex;
  }

  .list-item-1.mau-tooltip-wrapper.list-1-width {
    width: 60%;
  }

  .pricing-band-button, .pricing-band-paragraph {
    width: auto;
  }

  .pricing-popular-badge {
    top: -20px;
  }

  .usetiful-migration-v2-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .usetiful-migration-v2-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .usetiful-migration-v2-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .usetiful-migration-v2-card {
    padding: 24px;
  }

  .usetiful-migration-v2-card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .usetiful-migration-v2-step {
    grid-template-columns: 40px 1fr;
  }

  .usetiful-migration-v2-step-number {
    width: 40px;
    height: 40px;
  }

  .usetiful-migration-v2-step-text, .usetiful-migration-v2-offer-copy {
    font-size: 16px;
    line-height: 24px;
  }

  .usetiful-migration-v2-note {
    word-break: normal;
    overflow-wrap: normal;
  }

  .usetiful-migration-v2-nowrap {
    white-space: nowrap;
    overflow-wrap: normal;
  }
}

@media screen and (max-width: 479px) {
  .heading-5.footer-header.get-started.mobile-footer-header-draft {
    color: #5478f0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .text-1.join-text {
    font-size: 20px;
  }

  .text-3.hero-description.partnership {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-3.faq-answer {
    overflow-wrap: break-word;
  }

  .header-section {
    position: static;
  }

  .navbar-text.non-hide {
    display: block;
  }

  .header-desktop-wrapper.header-desktop-wrapper-draft {
    background-color: #f4f1ec;
  }

  .footer-clickable-text.footer-clickable-text-draft.footer-clickable-text-current-theme, .footer-clickable-text.mobile-footer-bold-clickable-draft.footer-clickable-text-current-theme, .footer-clickable-text.mobile-footer-clickable-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
  }

  .footer-clickable-text.footer-blog-texts-draft:hover {
    color: #5478f0;
  }

  .footer-clickable-text.footer-blog-texts-draft.footer-clickable-text-current-theme {
    color: #ffffffbf;
  }

  .footer-social-media-icons.footer-social-media-icons-draft {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .privacy-policy-hero-design {
    min-height: 200px;
  }

  .policy-text-section {
    margin-bottom: -150px;
    top: -150px;
  }

  .policy-page-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .policy-page-image {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .policy-text-header {
    white-space: normal;
    font-size: 24px;
    line-height: 28px;
  }

  .terms-of-service-image-left {
    width: 0;
  }

  .hero-section {
    height: 100%;
  }

  .hero-section.all-use-cases-hero {
    height: auto;
  }

  .hero-section.feature-template-hero-text-content {
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .hero-section.feature-template-hero-text-content.static {
    padding-top: 32px;
  }

  .hero-heading {
    width: 100%;
    font-size: 32px;
    line-height: 40px;
  }

  .hero-heading.feature-template-hero-heading {
    font-size: 30px;
  }

  .hero-heading.feature-template-hero-heading.static {
    font-size: 30px;
    line-height: 40px;
  }

  .hero-heading.pricing-hero-heading.medium {
    line-height: 50px;
  }

  .hero-heading.home {
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .hero-heading.home.dark-ui.height {
    height: 160px;
  }

  .hero-text-content {
    min-width: 80vw;
  }

  .hero-text-content.integrations-hero-text-content {
    width: 100%;
  }

  .hero-image {
    width: auto;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-image.case-hero-image {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-image.partnership {
    margin-left: 0;
    padding-right: 0;
  }

  .join-heading {
    font-size: 30px;
    line-height: 38px;
  }

  .demo-buttons-div {
    flex-flow: column;
    width: 220px;
  }

  .partnership-use-case {
    width: 100%;
  }

  .join-container {
    padding-top: 56px;
    padding-bottom: 100px;
  }

  .newsletter-email-input.text-3 {
    width: 100%;
  }

  .newsletter-email-submit-button {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }

  .hero-content-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hero-content-div.podcast-episode {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-content-div.feature-template-hero-text-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
  }

  .hero-content-div.all-cases-hero-content {
    padding-top: 60px;
  }

  .hero-content-div.integrations-hero-content-div {
    width: 100%;
  }

  .hero-content-div.partnership-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-content-div.referrals {
    padding-left: 10px;
    padding-right: 10px;
  }

  .resources-content-wrapper {
    max-width: 100vw;
    overflow: hidden;
  }

  .collection-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .content-card {
    width: 100%;
    height: 100%;
  }

  .card-contents {
    width: 100%;
  }

  .ebook-template-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .ebook-cta {
    width: 100%;
  }

  .ebook-content-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ebook-header {
    font-size: 32px;
    line-height: 40px;
  }

  .comment-card.customer-comment-card, .comment-card.customer-comment-card.comparison {
    padding-left: 20px;
    padding-right: 20px;
  }

  .comments-header {
    font-size: 30px;
    line-height: 40px;
  }

  .user-comment {
    font-size: 15px;
    line-height: 25px;
  }

  .user-comment.demo {
    width: 100%;
  }

  .customer-comments-slider {
    padding-left: 20px;
    padding-right: 60px;
  }

  .button.xsmall.yellow-primary.badge-part {
    margin-top: 10px;
  }

  .button.xsmall.green-primary {
    text-align: center;
  }

  .button.medium.blue-secondary.join-start {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui {
    margin-left: auto;
    margin-right: auto;
  }

  .button.medium.blue-secondary.home-page.cta-click-listen.dark-ui:lang(es) {
    width: 190px;
  }

  .button.medium.blue-primary {
    padding: 20px 40px;
  }

  .button.medium.blue-primary.join-demo {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .button.medium.blue-primary.join-demo.cta-click-listen.long {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.medium.blue-primary.home-page.cta-click-listen:lang(es) {
    width: 190px;
  }

  .button.large.blue-primary.home-single-demo {
    white-space: nowrap;
  }

  .button.yellow-primary.xsmall.banner-padding.cta-click-listen {
    padding-top: 0;
    padding-bottom: 0;
  }

  .integrations {
    padding-bottom: 100px;
  }

  .int-card {
    width: auto;
  }

  .integration-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-top-section {
    padding-top: 0;
  }

  .mobile-header-dropdowns-wrapper, .mobile-header-dropdowns-wrapper:lang(es), .mobile-header-dropdowns-wrapper:lang(fr), .mobile-header-dropdowns-wrapper:lang(pt-br) {
    display: none;
  }

  .webinar-page-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .webinar-page-heading.margin {
    margin-bottom: 0;
  }

  .webinar-page-video-image {
    min-height: auto;
  }

  .image-13 {
    display: none;
  }

  .webinar-comment-card-text {
    text-align: center;
    width: 100%;
  }

  .flex-block-29 {
    align-items: center;
  }

  .webinar-comment-card-row {
    flex-flow: column;
    align-items: center;
    height: auto;
  }

  .flex-block-30 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    align-items: center;
  }

  .webinar-badge.gtwo {
    height: 70px;
  }

  .webinar-badge.star {
    height: 45px;
  }

  .webinar-badge-wrapper {
    flex-flow: wrap;
  }

  .webinar-image-wrapper {
    min-height: 200px;
  }

  .play-button-wrapper.webinar.hover-light {
    width: 50px;
    height: 50px;
    position: relative;
    bottom: 67px;
    left: 25px;
  }

  .webinar-video-wrapper {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .webinar-video-wrapper.variant-b {
    min-width: 80vw;
    height: 170px;
    display: none;
  }

  .university-collection-list {
    width: 100%;
  }

  .university-content-section {
    overflow: hidden;
  }

  .feature-content.compare:lang(pt-br) {
    margin-right: 0;
  }

  .feature-card-container {
    width: auto;
  }

  .feature-image-container {
    flex: none;
    width: 80px;
    height: auto;
  }

  .feature-image-container.intercom-logo {
    flex: none;
  }

  .all-cases-hero-image {
    display: block;
  }

  .hero-heading-2.all-cases-hero-heading {
    width: auto;
  }

  .hero-heading-2.cust-hero-heading-copy {
    clear: none;
    direction: ltr;
    display: block;
  }

  .text-10 {
    text-align: center;
    width: 100%;
  }

  .feature-card-2, .mobile-social-media.mobile-social-media-draft {
    width: auto;
  }

  .mobile-start-button-wrapper {
    margin-top: 20px;
  }

  .mobile-start-button-wrapper.zindex {
    z-index: 0;
    margin-bottom: 30px;
  }

  .benefits-container {
    margin-bottom: 10px;
  }

  .benefit-content-image {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .benefit-content {
    width: 100%;
    height: auto;
  }

  .user-activation-card-container {
    flex-flow: column;
  }

  .benefit-item {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .other-products-heading, .other-products-subtitle {
    text-align: center;
  }

  .demo-hero-section {
    overflow: hidden;
  }

  .demo-content-container {
    padding-bottom: 80px;
  }

  .demo-content-container.ty {
    padding-bottom: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .demo-hashtag.text-3 {
    text-align: center;
  }

  .demo-heading {
    max-width: 100%;
    font-size: 36px;
    line-height: 46px;
  }

  .demo-cards-container {
    overflow: hidden;
  }

  .demo-badge-card {
    flex-flow: wrap;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .g2-badges-row {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .star-rating-row {
    flex-flow: column;
    margin-left: auto;
    margin-right: auto;
  }

  .demo-comment-card {
    justify-content: center;
    align-items: flex-start;
  }

  .demo-card-column {
    max-width: 100vw;
  }

  .faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .faq-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .faq-question {
    max-width: 85%;
    margin-bottom: 0;
  }

  .faq-question:lang(fr) {
    box-sizing: border-box;
    object-fit: contain;
  }

  .faq-question-row {
    align-items: center;
    margin-bottom: 20px;
  }

  .html-embed {
    display: flex;
  }

  .companies-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .schedule-demo-email-form-container {
    width: 100%;
    max-width: 100vw;
  }

  .benefits {
    width: 100%;
  }

  .benefit-content-image-2 {
    height: auto;
  }

  .benefit-content-wrapper-2 {
    margin-top: 100px;
  }

  .home-hero-content-wrapper {
    min-width: 100px;
  }

  .hero-vertical-badge {
    height: auto;
  }

  .home-hero-lottie {
    width: 240px;
    height: 140px;
  }

  .home-hero-text-content {
    width: 100%;
    min-width: 80vw;
    height: 100%;
  }

  .home-learn-more-card {
    width: auto;
    min-width: auto;
    height: 350px;
  }

  .home-hero-gif-wrapper {
    width: 90%;
    height: auto;
  }

  .home-card-description.bold {
    width: 170px;
  }

  .learn-more-cards-row {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .hero-section-2.customers-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cust-container {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .cust-container.cust-filter {
    height: 400px;
  }

  .cust-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
  }

  .cust-success-story-card.kpi-card {
    width: auto;
    height: auto;
  }

  .customer-hero-quoto {
    width: auto;
    font-size: 28px;
  }

  .contributor-hero-image {
    min-width: auto;
  }

  .customer-hero-image.industry, .customer-hero-image.industry.healthcare {
    max-width: 100%;
  }

  .customer-top-bar {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .seperator {
    display: none;
  }

  .kpi-star-ratings {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .home-features-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-features-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .home-integrations-image-wrapper {
    width: 80px;
    height: 80px;
  }

  .workflow-gif {
    min-width: 200px;
  }

  .pricing-badge {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pricing-badge:lang(pt-br) {
    height: auto;
  }

  .pricing-badge:lang(fr) {
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .pricing-badge.toggle-pricing-bacge {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing-badge.toggle-pricing-bacge:lang(fr) {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
  }

  .text-block-35.centered {
    text-align: center;
  }

  .subscription-card.group-b, .subscription-card.group-b.growth {
    width: 90%;
  }

  .price.group-b:lang(fr) {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    flex-flow: wrap;
    width: 120%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 50px;
  }

  .price.group-b:lang(pt-br) {
    flex-flow: wrap;
  }

  .price.group-b:lang(es) {
    white-space: normal;
    overflow-wrap: normal;
  }

  .inner-wrapper.startup-plan.left-aligned, .inner-wrapper.enterprise-plan.group-b {
    display: block;
  }

  .heading-18 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-18:lang(pt-br) {
    text-align: center;
  }

  .feature-table-wrapper.group-b {
    padding-left: 0;
    padding-right: 0;
  }

  .table-header {
    display: block;
  }

  .table-header.groupa {
    display: none;
  }

  .table.group-b {
    padding-left: 0;
    padding-right: 0;
  }

  .table-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto;
    min-height: 48px;
  }

  .table-row.header-row {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .table-row.header-row.group-b {
    padding-left: 8px;
  }

  .table-row.header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: stretch;
  }

  .feature-name-column {
    flex: 1;
    padding-left: 8px;
  }

  .feature-name-column.product-adoption-dropdown-button {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 1;
    width: 115px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .plan-column-1 {
    font-size: 12px;
  }

  .plan-column-1.plan-header.b-1 {
    text-align: center;
    border-style: none;
    width: 40px;
  }

  .plan-column-1.group-b {
    width: 40px;
  }

  .plan-column-2 {
    font-size: 12px;
  }

  .plan-column-2.plan-header.b-2 {
    text-align: center;
    border-style: none;
    width: 40px;
  }

  .plan-column-2.group-b {
    width: 40px;
  }

  .plan-column-3 {
    font-size: 12px;
  }

  .plan-column-3.last-header-column.group-b {
    text-align: center;
    border-style: none;
    width: 60px;
    margin-right: 0;
  }

  .plan-column-3.group-b {
    width: 60px;
  }

  .text-block-42 {
    clear: none;
    overflow-wrap: normal;
    flex: none;
    align-self: auto;
    width: 78px;
    height: auto;
    overflow: visible;
  }

  .text-block-42.group-b {
    width: auto;
  }

  .text-block-43.group-b {
    text-align: center;
    font-size: 11px;
  }

  .content {
    padding: 20px;
  }

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

  .pricing-toggle {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-toggle:lang(fr) {
    text-align: center;
  }

  .vertical-badge-wrapper {
    display: flex;
  }

  .collection-list-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .webinar-comment-card-logo {
    min-width: 110px;
  }

  .hero-content-left-wrapper {
    min-width: auto;
    margin-bottom: 20px;
  }

  .hero-content-right-wrapper {
    width: 90%;
    min-width: auto;
    margin-top: 0;
  }

  .hero-content-right-wrapper.full-width {
    width: auto;
  }

  .text-block-44.plan-save-price:lang(fr) {
    margin-left: auto;
  }

  .demo-comment-card-row {
    flex-flow: column;
    align-items: center;
    height: auto;
  }

  .demo-comment-card-left-column {
    align-items: center;
  }

  .policy-page-background-image-left, .policy-page-background-image-right {
    display: none;
  }

  .row-header-wrapper {
    flex-flow: column;
  }

  .pricing-dropdown {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .header-locales-list {
    min-width: 118px;
  }

  .header-dropdown-toggle.header-dropdown-toggle-draft {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mobile-header-row {
    padding-right: 50px;
  }

  .localization-dropdown-arrow.localization-dropdown-icon-draft {
    display: none;
  }

  .localization-dropdown-list {
    z-index: 99;
    padding-right: 0;
  }

  .localization-dropdown-list.localization-dorpdown-draft.localization-in-mobile-footer {
    top: auto;
    bottom: 100%;
  }

  .current-language-text {
    font-family: Radomir Tinkov Gilroy Webfont, Arial, sans-serif;
  }

  .mobile-footer-rights-text-wrapper.mobile-footer-rights-text-wrapper-draft {
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .mobile-footer-rights-text.mobile-rights-text-draft {
    overflow-wrap: normal;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    display: block;
  }

  .footer-dropdown-icon.footer-white-dropdown-icon.footer-dropdown-icon-draft {
    display: none;
  }

  .footer-dropdown-icon.footer-white-dropdown-icon.footer-dropdown-icon-draft.current-theme-icon {
    display: block;
  }

  .collection-list-8, .benefit-video {
    width: 100%;
  }

  .benefit-video.static.first-benefit-video {
    width: 250px;
    min-width: 250px;
  }

  .header-wrapper, .header-wrapper.header-wrapper-draft {
    background-image: linear-gradient(270deg, #142046, #070b19);
  }

  .customer-stories-badge {
    max-width: 80px;
  }

  .pricing-title {
    flex-flow: column;
    width: 100%;
  }

  .pricing-slider:lang(fr) {
    display: flex;
  }

  .pricing-slider-toggle {
    margin-right: 0;
  }

  .pricing-slider-lower:lang(fr) {
    margin: 0;
  }

  .plan-price-text.left-aligned:lang(fr) {
    flex-flow: column;
    align-items: flex-start;
    width: 120%;
    margin-right: 0;
  }

  .security-image {
    min-width: 150px;
  }

  .blog-hero-header-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 10px;
  }

  .blog-page-title {
    height: auto;
  }

  .blog-hero-info-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 20%;
    margin-right: 20%;
  }

  .blog-home-hero-header {
    font-size: 14px;
    line-height: 18px;
  }

  .blog-home-head-post {
    flex-flow: column;
  }

  .head-post-info {
    width: 100%;
    max-width: none;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .blog-post-card, .blog-post-card.category {
    width: 200px;
  }

  .category-articles-header {
    font-size: 24px;
    line-height: 32px;
  }

  .blog-category-hero-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-category-post-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .author-name {
    white-space: normal;
    font-size: 24px;
    line-height: 28px;
  }

  .blog-hero-image {
    height: auto;
  }

  .blog-header-search-container {
    height: 100%;
    display: none;
  }

  .search-close-image {
    right: 20px;
  }

  .blog-search-container {
    margin-left: 20px;
    margin-right: 20px;
  }

  .post-author-info-container {
    width: auto;
  }

  .not-found-header-section {
    position: static;
  }

  .pricing-content-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-text-content {
    min-width: 80vw;
  }

  .pricing-text-content.pricing-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-text-content.pricing-content.vertical:lang(fr) {
    text-align: center;
  }

  .pricing-section {
    height: 100%;
  }

  .flex-block-35.centered {
    text-align: center;
  }

  .blog-join-wrapper {
    margin-left: 0;
  }

  .empty-cust-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
  }

  .blog-hero-image-wrapper {
    height: auto;
  }

  .category-page-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .google-one-tap-wrapper {
    display: none;
  }

  .on-hover-pop-up {
    width: 180px;
    margin-top: 182px;
    margin-right: 47px;
  }

  .text-block-45 {
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    top: 9px;
  }

  .flex-block-37 {
    flex-flow: column;
  }

  .banner-wrapper {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-flow: column;
    height: auto;
    padding: 10px;
  }

  .banner-text {
    line-height: 16px;
  }

  .thank-you-page-paragraph {
    margin-top: 0;
  }

  .thank-you-page-paragraph.small {
    margin-bottom: 50px;
  }

  .youtube {
    width: auto;
  }

  .youtube.static.first-benefit-video {
    width: 250px;
    max-width: 2500px;
  }

  .collection-list-wrapper-5, .collection-list-wrapper-6 {
    width: 100%;
  }

  .text-span-2 {
    padding-left: 10px;
  }

  .text-span-3 {
    padding-right: 10px;
  }

  .text-block-46 {
    font-size: 10px;
  }

  .div-block-15 {
    position: static;
  }

  .navbar-logo {
    margin-right: 90px;
  }

  .image-42 {
    max-width: 80svw;
    max-height: none;
  }

  .comparison-heading {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 25px;
    line-height: 35px;
  }

  .userguiding-column {
    flex-flow: column;
    width: 30%;
  }

  .competitor-column {
    flex-flow: column;
  }

  .checkbox {
    height: 20px;
  }

  .values.values-usetiful {
    padding-left: 16px;
  }

  .comparsion-heading {
    font-size: 30px;
    line-height: 38px;
  }

  .card-wrapper {
    flex-flow: column;
  }

  .text-block-47, .text-block-48 {
    font-size: 12px;
  }

  .comparison-hero-right-wrapper {
    width: auto;
    min-width: auto;
    margin-top: 0;
  }

  .demo-content-left-wrapper {
    min-width: auto;
  }

  .demo-content-right-wrapper {
    width: auto;
    min-width: auto;
    margin-top: 0;
  }

  .demo-hero-text-content {
    width: 100%;
    min-width: 80vw;
    height: 100%;
  }

  .webinar-registration-wrapper {
    margin-top: 60px;
  }

  .webinar-image-wrapper---register {
    min-height: 200px;
  }

  .badge-wrapper {
    width: auto;
    min-width: auto;
    margin-top: 0;
  }

  .banner-collection-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .button-ai {
    text-align: center;
  }

  .button-wrapper {
    flex-flow: column;
    align-items: stretch;
  }

  .button-wrapper.first {
    flex-flow: row;
  }

  .referrals-hero-section {
    height: 100%;
  }

  .referrals-hero-section.all-use-cases-hero {
    height: auto;
  }

  .referrals-hero-section.features-template-hero-section {
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .product-tour-rich-text-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-tour-rich-text-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .video-hero-section.bg {
    padding-top: 20px;
  }

  .hero-video-wrapper, .webinar-video-wrapper-promo {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .webinar-video-wrapper-promo.variant-b-promo {
    min-width: 80vw;
    height: 170px;
  }

  .partnerships-hero-content-wrapper {
    min-width: 100px;
  }

  .partnerships-content-left-wrapper {
    min-width: auto;
    margin-bottom: 20px;
  }

  .partnerships-hero-text-content {
    width: 100%;
    min-width: 80vw;
    height: 100%;
  }

  .value-card-partnerships.partnerships-productgurus {
    width: 100%;
  }

  .btn-primary-hero.feature-pages.partnerships-productgurus.partnerships-f6s {
    width: 100%;
    max-width: 280px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .value-prop-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .value-prop-video-wrap {
    width: 250px;
    max-width: 250px;
  }

  .ai-spotlight-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ai-spotlight-header {
    justify-content: flex-start;
    margin-bottom: 56px;
  }

  .ai-spotlight-heading {
    color: #0d0e0b;
    font-size: 36px;
    line-height: 40px;
  }

  .ai-spotlight-subhead {
    color: #3f4046;
    text-align: center;
    line-height: 26px;
  }

  .ai-spotlight-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .ai-spotlight-cta-wrap {
    margin-top: 60px;
  }

  .ai-spotlight-cta {
    min-width: 260px;
  }

  .ai-spotlight-cta:hover {
    background-color: #0d0e0b;
  }

  .paragraph-5 {
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .paragraph-6 {
    overflow-wrap: normal;
  }

  .hero-cta-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .div-block-25-draft.mobile-footer-meta-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .youtube-draft, .linkedin-draft {
    display: none;
  }

  .div-block-25 {
    display: flex;
  }

  .heading-28 {
    white-space: nowrap;
  }

  .heading-28:lang(pt-br) {
    text-align: left;
    white-space: nowrap;
    width: 100%;
    margin-right: 10px;
    padding-top: 8px;
    line-height: 56px;
    display: block;
  }

  .list-item-2 {
    white-space: nowrap;
    overflow-wrap: normal;
    width: 100%;
  }

  .list-item-1, .list-item-1:lang(fr), .list-item-1:lang(es), .list-item-1:lang(pt-br) {
    white-space: normal;
  }

  .list-item-1.mau-tooltip-wrapper.list-1-width {
    width: 100%;
  }

  .list-2 {
    position: static;
  }

  .list-item-4, .list-item-5, .list-item-5:lang(fr) {
    white-space: normal;
  }

  .list-item-6 {
    display: inline;
  }

  .bold-text-8:lang(pt-br) {
    white-space: normal;
    line-height: 56px;
  }

  .pricing-custom-plan-band {
    flex-flow: column;
    width: 90%;
  }

  .pricing-band-heading {
    text-align: center;
  }

  .pricing-band-button {
    width: auto;
  }

  .pricing-band-content {
    width: 100%;
    max-width: 700px;
  }

  .pricing-band-paragraph {
    width: 100%;
  }

  .text-block-56:lang(fr) {
    white-space: normal;
    width: 100%;
  }

  .text-block-56:lang(pt-br) {
    width: 100%;
  }

  .mau-tooltip-box {
    width: 260px;
    max-width: 288px;
    top: 105px;
    left: -30px;
  }

  .mau-tooltip-box:lang(es) {
    left: -30px;
  }

  .mau-tooltip-box:lang(pt-br) {
    top: 160px;
  }

  .mau-tooltip-box.growth-tooltip {
    top: 384px;
    left: auto;
  }

  .mau-tooltip-box.growth-tooltip:lang(pt-br) {
    opacity: 0;
    pointer-events: none;
    top: 410px;
    left: auto;
    right: 12px;
  }

  .mau-tooltip-box.growth-tooltip:lang(es) {
    top: 384px;
    left: auto;
  }

  .mau-tooltip-box.growth-tooltip:lang(fr) {
    top: 412px;
    left: auto;
  }

  .mau-tooltip-box.starter-tooltip:lang(fr) {
    left: auto;
  }

  .pricing-popular-badge {
    top: -20px;
  }

  .pricing-popular-badge:lang(fr) {
    white-space: nowrap;
  }

  .div-block-28 {
    position: relative;
  }

  .usetiful-migration-v2-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .usetiful-migration-v2-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .usetiful-migration-v2-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .usetiful-migration-v2-card {
    padding: 24px;
  }

  .usetiful-migration-v2-card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .usetiful-migration-v2-step {
    grid-template-columns: 40px 1fr;
  }

  .usetiful-migration-v2-step-number {
    width: 40px;
    height: 40px;
  }

  .usetiful-migration-v2-step-text, .usetiful-migration-v2-offer-copy {
    font-size: 16px;
    line-height: 24px;
  }
}

#w-node-_93aed2da-75d0-8580-9507-0e377cc230da-7cc230be, #w-node-_94f16d7f-2622-8111-ac15-83a538469657-69b6733c, #w-node-_2a8eb559-60b4-fa0c-c5a9-a1eef5dfcc08-0a903c24 {
  align-self: center;
}

#w-node-a26dbc02-7190-61f8-5495-baf09f8a4108-c227f61b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_28f2c3ba-15cf-7851-0122-09d4fa857fbf-fa857fa3 {
  align-self: center;
}

#w-node-_387835e9-ca81-878b-9df1-4bd6bf3d5613-86f86aeb {
  justify-self: center;
}

#w-node-ef395771-e241-8a82-e239-bb34cbc6abf9-86f86aeb, #w-node-_94ae3dd5-0cc7-057c-b0b5-50f1579e0d8d-86f86aeb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3525d625-fb3a-e56c-e14f-7085494e34e5-86f86aeb {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_4353f1f2-b5ea-d4c3-c6bf-9645a8849fea-cb4478ae {
  grid-area: 1 / 1 / 2 / 2;
}

@media screen and (min-width: 1440px) {
  #w-node-_93aed2da-75d0-8580-9507-0e377cc23125-7cc230be, #w-node-_93aed2da-75d0-8580-9507-0e377cc23143-7cc230be, #w-node-_93aed2da-75d0-8580-9507-0e377cc2317f-7cc230be {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Radomir Tinkov Gilroy Webfont';
  src: url('../fonts/radomir_tinkov_-_gilroy-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Radomir Tinkov Gilroy Webfont';
  src: url('../fonts/radomir_tinkov_-_gilroy-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Radomir Tinkov Gilroy Webfont';
  src: url('../fonts/radomir_tinkov_-_gilroy-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Radomir Tinkov Gilroy Webfont';
  src: url('../fonts/radomir_tinkov_-_gilroy-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Radomir Tinkov Gilroy Webfont';
  src: url('../fonts/gilroy-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}