@font-face {
  font-family: Circularstd;
  src: url('../fonts/CircularStd-Medium.woff2') format("woff2"), url('../fonts/CircularStd-Medium.woff') format("woff"), url('../fonts/CircularStd-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --slate-grey: #30364d;
  --slate-blue: #6a4ee1;
  --white: #fff;
  --af8057: ;
  --663399: #482fb4;
  --dark-blue: #2e188a;
  --light-sea-green: #b87df9;
  --dim-grey: #666;
  --light-cyan: ghostwhite;
  --lavender: #d2d2f5;
  --border-geay: #e3e3e3;
  --dark-grey: #999;
  --shadow: #2e323c17;
  --h3: 25px;
  --h2: 35px;
  --h2-w: 120%;
  --h3-w: 130%;
  --_apps---colors--foreground: #1d1d20;
  --_apps---colors--popover-dark: #2a2a2d;
  --_apps---typography--heading-font: Montserrat, sans-serif;
  --_apps---typography--body-font: Montserrat, sans-serif;
  --_apps---typography--button-font: Montserrat, sans-serif;
  --_apps---sizes--radius: .375rem;
  --_apps---colors--background: #fff;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #1d1d20;
  --_apps---colors--popover: #fff;
  --_apps---colors--popover-foreground: #1d1d20;
  --_apps---colors--primary: #6366f1;
  --_apps---colors--primary-foreground: #fff;
  --_apps---colors--secondary: #f7f7f8;
  --_apps---colors--secondary-foreground: #1d1d20;
  --2e2312: #2e2312;
  --_apps---colors--muted: #f7f7f8;
  --_apps---colors--muted-foreground: #6b7280;
  --_apps---colors--accent: #6366f1;
  --_apps---colors--accent-foreground: #fff;
  --_apps---colors--destructive: #dc2626;
  --_apps---colors--border: #e5e7eb;
  --_apps---colors--input: #f9fafb;
  --_apps---colors--ring: #6366f1;
  --_apps---colors--chart-1: #6366f1;
  --_apps---colors--chart-2: #a78bfa;
  --_apps---colors--chart-3: #c4b5fd;
  --_apps---colors--chart-4: #8b5cf6;
  --_apps---colors--chart-5: #7c3aed;
  --_apps---colors--background-dark: #1d1d20;
  --_apps---colors--foreground-dark: #f9fafb;
  --_apps---colors--card-dark: #2a2a2d;
  --_apps---colors--card-foreground-dark: #f9fafb;
  --_apps---colors--popover-foreground-dark: #f9fafb;
  --_apps---colors--primary-dark: #6366f1;
  --_apps---colors--primary-foreground-dark: #fff;
  --_apps---colors--secondary-dark: #27272a;
  --_apps---colors--secondary-foreground-dark: #f9fafb;
  --_apps---colors--muted-dark: #27272a;
  --_apps---colors--muted-foreground-dark: #9ca3af;
  --_apps---colors--accent-dark: #6366f1;
  --_apps---colors--accent-foreground-dark: #fff;
  --_apps---colors--destructive-dark: #f87171;
  --_apps---colors--border-dark: #ffffff1a;
  --_apps---colors--input-dark: #ffffff26;
  --_apps---colors--ring-dark: #818cf8;
  --_apps---colors--chart-1-dark: #a78bfa;
  --_apps---colors--chart-2-dark: #c4b5fd;
  --_apps---colors--chart-3-dark: #7c3aed;
  --_apps---colors--chart-4-dark: #a5b4fc;
  --_apps---colors--chart-5-dark: #c4b5fd;
  --_apps---sidebar--sidebar: #f9fafb;
  --_apps---sidebar--sidebar-foreground: #1d1d20;
  --_apps---sidebar--sidebar-primary: #6366f1;
  --_apps---sidebar--sidebar-primary-foreground: #fff;
  --_apps---sidebar--sidebar-accent: #6366f1;
  --_apps---sidebar--sidebar-accent-foreground: #fff;
  --_apps---sidebar--sidebar-border: #e5e7eb;
  --_apps---sidebar--sidebar-ring: #6366f1;
  --_apps---sidebar--sidebar-dark: #2a2a2d;
  --_apps---sidebar--sidebar-foreground-dark: #f9fafb;
  --_apps---sidebar--sidebar-primary-dark: #a78bfa;
  --_apps---sidebar--sidebar-primary-foreground-dark: #f9fafb;
  --_apps---sidebar--sidebar-accent-dark: #27272a;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f9fafb;
  --_apps---sidebar--sidebar-border-dark: #ffffff1a;
  --_apps---sidebar--sidebar-ring-dark: #818cf8;
}

.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-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

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

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

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

@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: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--slate-grey);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

h2 {
  color: var(--slate-grey);
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  color: #30364d;
  letter-spacing: -.5px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  color: var(--slate-grey);
  letter-spacing: -.5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: DM Sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

h5 {
  color: var(--slate-grey);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

h6 {
  color: var(--slate-grey);
  margin-top: 0;
  margin-bottom: 14px;
  font-family: DM Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
}

p {
  color: #383838;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

ul {
  color: var(--slate-grey);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  color: var(--slate-blue);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: var(--slate-grey);
  font-size: 16px;
  line-height: 30px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 400;
  display: block;
}

blockquote {
  background-color: var(--white);
  color: var(--af8057);
  border-left: 3px solid #ffc379;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  box-shadow: 0 6px 20px #f5d9d299;
}

.navbar {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.in-lock {
  position: relative;
}

.container {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.container.navbar-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  height: 150px;
  display: flex;
}

.container.white {
  filter: invert();
}

.container.white.padding {
  border-bottom: 1px solid #0003;
  margin-bottom: 98px;
  padding-bottom: 40px;
}

.container.padding-top {
  margin-top: 96px;
}

.container.relativ {
  z-index: -1;
  position: relative;
}

.container.small {
  max-width: 900px;
}

.nav-column.left {
  flex: 1;
}

.nav-column.right {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.nav-menu {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  background-color: #ebce84;
  background-image: linear-gradient(#e2b950, #f4a666);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button:hover {
  background-color: #2ba193;
  background-image: none;
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.button.dark {
  background-color: var(--slate-grey);
  background-image: linear-gradient(to bottom, var(--663399) 25%, var(--dark-blue));
  font-weight: 500;
  transition: all .4s, all .4s;
}

.button.dark:hover {
  background-image: linear-gradient(to bottom, var(--dark-blue), var(--af8057));
}

.button.nav-button {
  background-color: var(--light-sea-green);
  background-image: linear-gradient(to right, var(--light-sea-green), var(--slate-blue));
  border: 0 #000;
}

.button.nav-button:hover {
  background-image: linear-gradient(to right, var(--light-sea-green), var(--slate-blue) 60%);
}

.button.subscribe-button {
  background-color: var(--slate-blue);
  border-radius: 8px;
  width: 160px;
}

.button.subscribe-button:hover {
  background-color: var(--af8057);
  background-image: none;
}

.button.subscribe-button.navigation {
  width: 100%;
}

.button.subscribe-button.in-sidebar {
  width: 180px;
  padding-left: 0;
  padding-right: 0;
}

.button.white {
  border: 1px none var(--white);
  color: var(--white);
  background-color: #2a9d8f;
  background-image: none;
  transition: background-color .4s, all .4s;
}

.button.white:hover {
  border-color: var(--dark-blue);
  box-shadow: none;
  color: var(--white);
  background-color: #279185;
}

.button.white.crisp-button {
  background-color: #7eb356;
}

.button.search-button {
  background-color: var(--slate-blue);
  height: 60px;
  margin-left: 12px;
}

.button.outline {
  border: 1px solid var(--white);
  background-color: #0000;
  background-image: none;
  transition: background-color .4s, all .4s;
}

.button.outline:hover {
  box-shadow: none;
  color: #e6c060;
  background-color: #fff;
}

.button.outline.on-white-nav:hover {
  border-style: solid;
  border-color: var(--white);
  background-color: var(--white);
  color: var(--af8057);
}

.button.outline.crisp-button {
  border-color: var(--white);
  color: var(--white);
  border-bottom-left-radius: 20px;
}

.button.outline.crisp-button:hover {
  color: var(--dim-grey);
}

.button.get-help-button {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
}

.button.crisp-button {
  background-color: #ea580c;
  background-image: none;
  border-radius: 50px;
}

.button.crisp-button:hover {
  background-color: #b14208;
}

.section {
  background-color: #fff;
  padding: 0 20px 100px;
  transition: box-shadow .3s;
  display: block;
  position: relative;
}

.section.gray.less-margin {
  padding-top: 0;
  padding-bottom: 0;
}

.section.gray.padding {
  padding-top: 300px;
}

.section.bottom-margin {
  padding-bottom: 220px;
  padding-left: 20px;
  padding-right: 20px;
}

.section.color.top-pading {
  background-color: #0000;
  background-image: none;
  border: 1px solid #cc9c4d8c;
  border-right-style: none;
  border-bottom-left-radius: 0;
  max-width: none;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 0 100px;
  font-family: Inter, sans-serif;
  display: block;
}

.section.less-margin {
  padding-top: 0;
  padding-bottom: 98px;
}

.section.less-margin.gradient {
  background-image: linear-gradient(135deg, var(--slate-blue) 30%, var(--slate-grey));
}

.section.no-top-padding {
  padding-top: 0;
}

.section.gray.more-paddings {
  padding-top: 220px;
}

.section.gray.less-padding {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.gray.padding-bottom {
  padding-bottom: 200px;
}

.section.darker, .section.darker.cutless {
  background-image: linear-gradient(to bottom, var(--slate-blue), var(--slate-grey));
}

.section.cta-section {
  background-color: #ffdec1;
  background-image: none;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.section.cta-section.white {
  border-top: 1px solid var(--lavender);
  border-bottom: 1px solid var(--lavender);
  background-color: var(--white);
  background-image: none;
}

.section.padding-bottom {
  padding-bottom: 220px;
}

.section.no-paddings {
  justify-content: center;
  max-width: none;
  padding: 100px 0;
  display: flex;
}

.section.gray.p-p {
  background-color: #fcf8ee2e;
}

.section.gray {
  background-color: #f8f8ff;
  padding-left: 20px;
  padding-right: 20px;
}

.section.gray.padding {
  background-color: #0000;
  padding-top: 300px;
  padding-bottom: 10px;
}

.section.gray {
  background-color: var(--white);
}

.section.gray.custom-section {
  background-color: #93b777;
  border-top-right-radius: 250px;
  border-bottom-right-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.section.gray.custom-section.vvv {
  background-color: #d6e2ce;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.section.gray.less-padding {
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.section.padding-bottom {
  background-color: #0000;
  background-image: linear-gradient(to right, #ffedcf, #ffffff61);
  border-bottom-left-radius: 0;
  height: 1200px;
  padding: 300px 6% 100px;
  display: block;
}

.section.color {
  background-color: #0000;
  background-image: linear-gradient(135deg, #6a4ee1 27%, #30364d);
  height: 100vh;
}

.section.color.cta {
  background-color: #0000;
  background-image: none;
  height: auto;
  padding: 0 100px 10px;
}

.section.gray {
  background-color: #dfdfdf1a;
  padding-top: 300px;
}

.section.gray.nec {
  display: block;
  position: static;
}

.page-tittle {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin: 0 auto 60px;
  display: flex;
  position: relative;
}

.page-tittle.top-margin {
  margin-top: 0;
}

.page-tittle.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-tittle.left.no-paddig {
  margin-bottom: 0;
}

.page-tittle.less-margin {
  margin-top: 60px;
  margin-bottom: 0;
}

.page-tittle.horizontal-flex {
  flex-direction: row;
}

.page-tittle.horizontal-flex.less-margin {
  justify-content: center;
  margin-top: auto;
}

.page-tittle.cta {
  width: 80%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.page-tittle.padding {
  margin-top: 20px;
  margin-bottom: 60px;
}

.page-tittle.hero {
  margin-bottom: 60px;
}

.page-tittle.left {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  padding: 10px;
}

.page-tittle.left.half-section-intro {
  max-width: 500px;
}

.page-tittle.left.half-section-intro.p-e {
  margin-top: 80px;
  padding-left: 60px;
  top: 78px;
}

.page-tittle.p-p {
  margin-bottom: 40px;
  top: -22px;
}

.big-text {
  margin-bottom: 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
}

.big-text.all-capital {
  color: var(--slate-blue);
  text-transform: none;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
}

.big-text.all-capital.dark {
  color: var(--af8057);
  font-size: 14px;
}

.big-text.white {
  color: #fff;
  margin-bottom: 10px;
  font-weight: 500;
}

.big-text.white.bg-text-white {
  color: #fff;
}

.button-wrapper {
  grid-template: ". Area"
  / 1fr 1fr;
}

.logotypes {
  grid-column-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 0;
}

.logotypes.less-margin {
  grid-column-gap: 100px;
  grid-row-gap: 20px;
  margin-bottom: 0;
}

.logotypes.bigger {
  grid-column-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 20px;
}

.logo-link {
  color: #9b9b9b;
  text-align: center;
  font-size: 44px;
  line-height: 56px;
  text-decoration: none;
}

.video-button {
  z-index: 10;
  background-color: #0000;
  background-image: url('../images/icons8-play-96-2_1icons8-play-96 (2).png'), linear-gradient(to bottom, var(--light-sea-green), var(--slate-blue));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: auto;
  transition: transform .3s;
  position: relative;
}

.video-button:hover {
  transform: scale(1.1);
}

.text-header {
  color: #4d4d4d;
  text-align: center;
  letter-spacing: -1px;
  text-transform: lowercase;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 40px;
  line-height: 48px;
  display: flex;
}

.text-header.left {
  text-align: left;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 500;
}

.text-header.normal {
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-header.white {
  color: #fff;
}

.text-header.white.normal {
  color: #333;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circularstd, sans-serif;
  font-weight: 700;
}

.text-header.under-const {
  color: #d9c053;
  font-size: 50px;
}

.flex-features-div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-features-div.padding {
  align-items: center;
  margin-top: 60px;
}

.features-card {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  padding: 40px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.features-card:hover {
  background-color: #0000;
  box-shadow: 0 12px 24px #00000012;
}

.features-number {
  background-color: var(--white);
  color: #e8c773;
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px #9999992e;
}

.dots-line {
  z-index: 2;
  border-bottom: 2px dashed var(--light-sea-green);
  flex: 1;
  width: 120px;
  height: 1px;
  padding-top: 0;
  position: relative;
  top: auto;
  right: auto;
}

.dots-line.first {
  border-bottom-color: #f1b24b;
  flex: 0 auto;
  margin-left: -43px;
  margin-right: -43px;
  position: relative;
}

.grid-scale {
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.grid-scale.center-flex {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-scale.over-the-section {
  grid-column-gap: 20px;
  margin-top: -239px;
}

.grid-scale.style {
  grid-column-gap: 20px;
}

.light-text-header {
  font-weight: 400;
  text-decoration: underline;
}

.light-text-header.text-small {
  font-size: 30px;
}

.grid {
  grid-column-gap: 42px;
  grid-template-rows: auto;
  width: 100%;
}

.grid.tab-grid {
  grid-template-columns: 1fr;
  margin-top: 0;
}

.side-image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 400px;
  position: relative;
}

.side-image.tab-side-image {
  border: 1px solid var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images15.png');
  background-size: cover;
  height: 540px;
}

.side-image.tab-side-image.second {
  border: 1px solid var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images8.png');
  background-position: 0 0;
  background-size: cover;
  height: 520px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-right: 20px;
}

.side-image.tab-side-image.third {
  box-shadow: 0 5px 20px 0 var(--lavender);
  background-image: url('../images/Ideo-Images7.png');
  background-position: 0%;
  background-size: cover;
  height: 520px;
  margin: 20px;
  padding-left: 0;
  padding-right: 0;
}

.side-image.two {
  background-image: url('../images/Top-Grades.jpg');
  height: 450px;
}

.number-text {
  font-weight: 300;
}

.number-text.blue {
  color: var(--slate-blue);
}

.number-text.green {
  color: var(--light-sea-green);
}

.top-padding {
  margin-top: 24px;
}

.testimonials-wrapper {
  margin-top: -75px;
  margin-bottom: -100px;
}

.review-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  align-items: center;
}

.review-card {
  background-color: var(--white);
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 40px;
  box-shadow: 0 8px 28px #d2d2f599;
}

.review-top {
  border: 0 #000;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.avatar {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 50%;
  flex: none;
  width: 48px;
  max-width: 100%;
  height: 48px;
  margin-right: 10px;
}

.avatar.one {
  background-position: 50%;
  background-size: contain;
}

.review-info {
  flex: 1;
  padding-left: 15px;
  padding-right: 5px;
}

.review-name {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}

.review-position {
  color: var(--slate-blue);
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.review-position.white {
  color: var(--white);
}

.review-quote {
  color: var(--slate-blue);
  margin-top: 20px;
  font-size: 17px;
  font-weight: 700;
}

.review-rate {
  margin-top: 12px;
  margin-bottom: 20px;
}

.review-star {
  object-fit: cover;
  width: 16px;
  height: 16px;
  margin-left: 1px;
  margin-right: 1px;
}

.blog-slider {
  background-color: #0000;
  height: auto;
}

.blog-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-end;
  height: 400px;
  padding: 40px 40px 50px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card:hover {
  box-shadow: 0 6px 20px #d2d2f599;
}

.blog-card.sidebar-small-post {
  background-color: #0000;
  border-style: none;
  flex-direction: row;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}

.blog-card.sidebar-small-post:hover {
  background-color: var(--white);
}

.blog-post-info {
  color: #00cca7;
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.blog-title {
  color: var(--white);
  font-size: 21px;
  line-height: 31px;
}

.slide-nav {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: #3774f0;
  border-radius: 10px;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
  line-height: 30px;
  display: inline-block;
  position: static;
}

.testimonial-slide {
  width: 33.333%;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-icon {
  object-fit: cover;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: block;
  position: absolute;
  right: 50px;
}

.blog-icon.team {
  margin-left: 5px;
  position: relative;
  right: auto;
}

.blog-icon.team:hover {
  margin-left: 5px;
}

.blog-icon-white {
  object-fit: cover;
  width: 22px;
  height: 22px;
  margin-left: auto;
  display: none;
  position: absolute;
  right: 50px;
}

.form-card {
  z-index: 2;
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  width: 700px;
  height: auto;
  margin-top: -120px;
  margin-bottom: 60px;
  padding: 45px 60px 40px;
  position: relative;
  box-shadow: 0 10px 30px #482fb433;
}

.form-card.help {
  background-image: linear-gradient(to bottom, var(--slate-blue), var(--slate-grey));
  width: 1100px;
  margin-bottom: 96px;
}

.form-card.blog {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-style: none;
  width: 900px;
  height: 500px;
}

.form-block {
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
}

.form-block.padding {
  margin-bottom: 40px;
}

.form-block.navigation {
  width: 100%;
  margin-top: 0;
}

.imput {
  background-color: #0000;
  border: 0 #000;
  margin-bottom: 0;
}

.imput.navigation {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  text-align: center;
  border-radius: 10px;
  height: 50px;
  margin-bottom: 10px;
}

.form {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.form.navigation {
  border-style: none;
  flex-direction: column;
  padding-left: 5px;
}

.subscribe-header {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}

.footer {
  border-top: 1px solid var(--border-geay);
  text-align: center;
  background-color: #0000;
  align-items: flex-start;
  padding: 60px 20px 20px;
}

.footer.second-footer {
  padding-top: 0;
}

.footer.small {
  background-color: var(--light-cyan);
  padding-bottom: 0;
}

.footer-flex-container {
  color: var(--dim-grey);
  text-align: left;
  justify-content: space-between;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.footer-flex-container.height {
  height: 300px;
}

.footer-logo-link {
  color: #333;
  flex: 0 auto;
  min-width: 60px;
  max-height: 60px;
  text-decoration: none;
}

.footer-heading {
  color: #3c3c3c;
  letter-spacing: 0;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.footer-heading.white {
  letter-spacing: 0;
}

.footer-link {
  color: var(--slate-grey);
  border-bottom: 2px solid #0000;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  transition: border .3s, color .3s;
  display: inline-block;
}

.footer-link:hover {
  border-bottom: 2px solid var(--slate-blue);
  color: var(--slate-blue);
  text-decoration: none;
}

.footer-link.white:hover {
  border-bottom-color: var(--light-sea-green);
  color: var(--light-sea-green);
}

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

.subscribe-wrapper.single {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.link {
  color: var(--dim-grey);
  font-family: DM Sans, sans-serif;
  line-height: 30px;
  text-decoration: none;
}

.link.space {
  margin-left: 4px;
  margin-right: 4px;
}

.footer-bottom-div {
  font-family: DM Sans, sans-serif;
  font-weight: 400;
  display: flex;
}

.footer-bottom-text {
  color: var(--slate-grey);
  font-size: 14px;
  line-height: 22px;
}

.footer-bottom-text.white-text {
  color: var(--white);
}

.breadcrumbs {
  color: var(--dark-grey);
  text-align: left;
  text-transform: capitalize;
  border: 1px solid #ffffff52;
  border-radius: 8px;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: center;
  padding: 8px 12px;
  line-height: 16px;
  display: flex;
}

.breadcrumbs.dark {
  border-color: #e8c773 #e8c773 #f29b54;
}

.breadcrumbs-link {
  color: #333;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
}

.breadcrumbs-link.white {
  color: #fff;
}

.breadcrumbs-arrow {
  background-image: url('../images/icons8-forward-96_1icons8-forward-96.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-right: 2px;
}

.breadcrumbs-arrow.white {
  color: #fff;
  background-image: url('../images/icons8-forward-90-1_1icons8-forward-90 (1).png');
}

.pricing-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-align: center;
  text-transform: capitalize;
  border-radius: 10px;
  padding: 45px 50px 50px;
  text-decoration: none;
  transition: transform .3s;
  position: relative;
  box-shadow: 0 5px 20px #30364d33;
}

.pricing-card:hover {
  transform: translate(0, -10px);
}

.pricing-post-info {
  color: var(--dim-grey);
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.pricing-text {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}

.pricing-list {
  color: var(--slate-grey);
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
}

.small-search-text {
  color: var(--slate-blue);
  text-transform: none;
  margin-bottom: 10px;
}

.small-search-text.title {
  color: var(--slate-blue);
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.white-paragraph {
  color: #333;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.grid-alternative {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  place-items: center;
  display: flex;
}

.facts-block {
  border: 1px #333;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
  box-shadow: 0 12px 24px #00000005;
}

.facts-block.third-vr {
  border-color: var(--lavender);
  background-color: var(--light-cyan);
  box-shadow: none;
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
}

.facts-number {
  color: #333;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Circularstd, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 64px;
  position: relative;
}

.facts-text {
  color: #333;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 28px;
  position: relative;
}

.facts-text.vr3 {
  color: #333;
  margin-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.tabs-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 96px;
  display: flex;
}

.tabs-menu.second-variation {
  background-color: #0000;
  border-bottom: 3px #2e323c1a;
  border-radius: 10px;
  justify-content: center;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-submit-div {
  text-align: left;
  flex: 1;
}

.footer-column {
  text-align: left;
  flex: 0 auto;
  width: 50%;
  margin-bottom: 20px;
}

.top-footer {
  border-bottom: 1px solid var(--shadow);
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-grid {
  grid-template-rows: auto;
}

.div-block-alternative {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.side-bar {
  border: 1px none var(--shadow);
  border-radius: 0;
  flex: 0 auto;
  width: 40%;
  height: auto;
  margin-left: 40px;
}

.blog-post-link {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  padding: 25px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-post-link:hover {
  box-shadow: 0 5px 20px #d2d2f599;
}

.blog-post-link.w--current {
  margin-bottom: 20px;
}

.blog-post-link.gray {
  background-color: var(--light-cyan);
}

.blog-post-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 46%;
  max-width: 260px;
  min-height: 230px;
  padding: 12px;
  position: relative;
}

.div-content {
  padding: 0 0 0 30px;
  position: relative;
}

.div-content.blog-posts {
  flex: 1;
  padding-right: 16px;
}

.div-content.side-small-post {
  flex: 1;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.sidebar-card {
  border-bottom: 1px none var(--shadow);
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 0 60px;
}

.sidebar-form {
  flex-direction: column;
  margin-top: 0;
  display: flex;
}

.sidebar-header {
  border-bottom: 1px solid var(--lavender);
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.side-tabs {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: block;
}

.side-tabs.right-side {
  justify-content: center;
  display: flex;
}

.side-tabs.left-side {
  align-items: flex-start;
  display: flex;
}

.side-tab {
  text-align: center;
  background-color: #0000;
  border-bottom: 2px solid #d2d2f5;
  width: 33.3333%;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.side-tab.w--current {
  border-bottom: 2px solid var(--slate-blue);
  background-color: var(--light-cyan);
  color: var(--slate-blue);
  text-align: center;
  border-radius: 5px 5px 0 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.side-content-tab {
  margin-top: 40px;
}

.graphic-side-image {
  border: 1px solid var(--lavender);
  background-image: url('../images/Ideo-Images7.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 520px;
  margin: 20px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 5px 20px #d2d2f599;
}

.graphic-side-image.second {
  border: 1px solid var(--lavender);
  background-image: url('../images/Ideo-Images8.png');
  background-position: 0 0;
  background-size: cover;
  margin: 20px;
  box-shadow: 0 5px 20px #d2d2f599;
}

.graphic-side-image.third {
  box-shadow: none;
  background-image: url('../images/Ideo-Images10.png');
  background-size: contain;
  border-style: none;
}

.graphic-side-image.seventh {
  background-image: url('../images/Ideo-Images11.png');
}

.graphic-side-image.eight {
  background-image: url('../images/Ideo-Images14.png');
  background-position: 50%;
  background-size: cover;
}

.graphic-side-image.ninth {
  background-image: url('../images/Ideo-Images15.png');
  background-size: cover;
}

.tab-paragraph {
  font-size: 17px;
  line-height: 27px;
}

.fact-card {
  justify-content: center;
  align-items: center;
  transition: transform .4s;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
}

.fact-card:hover {
  transform: scale(1.1);
}

.fact-card.second {
  top: auto;
  left: 0;
  right: auto;
}

.fact-card.third {
  inset: auto 0% 0%;
}

.fact-card.fourth {
  transition: transform .4s;
  top: 0;
  right: auto;
}

.features-grid {
  grid-column-gap: 30px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
  padding-top: 40px;
}

.features-icon {
  color: #00cca7;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 10px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 30px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.features-icon.four {
  background-image: url('../images/Untitled-68.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-right: 0;
}

.features-icon.four.padding {
  margin-right: 20px;
}

.features-icon.five {
  background-image: url('../images/Untitled-33.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 0;
}

.features-icon.five.padding {
  margin-right: 20px;
}

.features-icon.six {
  background-image: url('../images/Untitled-22.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-right: 0;
}

.features-icon.seven {
  background-image: url('../images/Untitled-9.png');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.eight {
  background-image: url('../images/Untitled-44.png');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.third {
  background-image: url('../images/Essay-Writer.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-top: 0;
  margin-bottom: 0;
}

.features-icon.third.edited {
  background-image: url('../images/Take-My-Online-Class.png');
}

.features-icon.second.edited {
  background-image: url('../images/Take-My-Online-Class-For-Me.png');
}

.features-icon.one {
  background-color: #0000;
  background-image: url('../images/Online-Class-Helper.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: auto;
  padding-bottom: 50px;
}

.features-icon.second {
  background-image: url('../images/Do-My-Online-Exam.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-icon.one {
  background-color: #0000;
  background-image: url('../images/Online-Class-Helper.png');
  background-position: 0 0;
  background-size: cover;
  width: 14%;
  height: 20%;
  margin-bottom: 20px;
}

.features-icon.third {
  background-image: url('../images/Essay-Writer.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.features-card-vr-2 {
  border: 1px none var(--lavender);
  background-color: var(--white);
  color: #333;
  text-transform: capitalize;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  padding: 60px 40px 40px;
  text-decoration: none;
  transition: box-shadow .2s, transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px #d2d2f599;
}

.features-card-vr-2:hover {
  box-shadow: 0 5px 20px 0 var(--lavender);
  transform: translate(0, -10px);
}

.features-card-vr-2.small {
  justify-content: center;
  height: 260px;
  padding: 0;
}

.features-title {
  text-align: left;
  margin-bottom: 20px;
  font-family: Circularstd, sans-serif;
  font-size: 21px;
  line-height: 31px;
}

.features-paragraph.center {
  color: #30364d;
  text-align: center;
  text-align: center;
}

.features-paragraph.center.feature-a {
  text-transform: capitalize;
}

.facts-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
}

.tab-content {
  color: var(--dim-grey);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.tab-content.bottom {
  margin-top: 0;
}

.tab-info {
  flex: 1;
}

.tab-pannel {
  margin-bottom: 60px;
}

.testimonial-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

.testimonial-slider.b {
  top: 60px;
  left: -852px;
}

.visible-mask {
  overflow: visible;
}

.testimonial-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  color: #333;
  text-transform: lowercase;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 45px 50px 50px;
  font-size: 18px;
  text-decoration: none;
  position: relative;
}

.avatar-icon {
  color: #00cca7;
  text-transform: uppercase;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80px;
  height: 80px;
  margin-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.avatar-icon.first {
  background-image: url('../images/Team-4.jpg');
}

.avatar-icon.second {
  background-image: url('../images/Team-1.jpg');
}

.avatar-icon.third {
  background-image: url('../images/Team-3.jpg');
}

.avatar-icon.fourth {
  background-image: url('../images/Team-2.jpg');
}

.avatar-icon.fifth {
  background-image: url('../images/Team-4.jpg');
}

.avatar-block {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.avatar-info {
  text-transform: none;
  flex: 1;
}

.process-list {
  width: 100%;
  margin-top: 20px;
}

.top-process {
  justify-content: space-between;
  display: flex;
}

.top-process._90 {
  width: 90%;
}

.top-process._80 {
  width: 80%;
}

.top-process._65 {
  width: 65%;
}

.proces-title {
  margin-top: 0;
  font-size: 16px;
}

.proces-percentage {
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.process-bar {
  background-color: var(--shadow);
  border-radius: 8px;
  width: 100%;
  height: 10px;
}

.colored-bar {
  background-color: var(--light-sea-green);
  border-radius: 8px;
  height: 10px;
}

.colored-bar._90 {
  width: 90%;
}

.colored-bar._80 {
  background-color: var(--slate-blue);
  width: 80%;
}

.colored-bar._65 {
  background-color: var(--663399);
  width: 65%;
}

.process-list-item {
  margin-bottom: 30px;
}

.small-text {
  color: var(--slate-blue);
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.small-text.white {
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
}

.big-headline {
  color: #30364d;
  letter-spacing: -1px;
  font-size: 60px;
  line-height: 70px;
}

.big-headline.white.flexible {
  margin-top: 100px;
  padding-left: 180px;
  padding-right: 180px;
  font-size: 38px;
  line-height: 55px;
}

.big-headline.white.flexible.new-style {
  color: var(--white);
}

.big-headline.white.flexible.new-page {
  color: #000;
  padding-left: 0;
  padding-right: 0;
  font-size: 45px;
  line-height: 45px;
}

.big-headline.hero {
  margin-top: 0;
}

.big-headline.white {
  color: #fff;
}

.big-headline.white.flexible.essays-text {
  color: #0f0f0f;
  margin-top: 20px;
  padding-left: 0;
  padding-right: 0;
  line-height: 45px;
}

.gray-space {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.gray-space.blue {
  background-color: var(--slate-blue);
}

.gray-space.dark {
  background-color: var(--663399);
}

.nav-link {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link.w--current {
  color: var(--slate-blue);
}

.nav-link.white {
  color: var(--white);
}

.hero-section {
  align-items: center;
  height: 600px;
  padding: 140px 20px 96px;
  display: flex;
  position: relative;
}

.hero-section.light-green.with-mockup.white {
  background-color: #0000;
  padding-bottom: 96px;
}

.hero-section.pages-section {
  background-color: var(--light-cyan);
  background-image: linear-gradient(135deg, var(--slate-blue), var(--slate-grey));
  height: auto;
}

.hero-section.pages-section.taller {
  padding-bottom: 140px;
}

.hero-section.pages-section.more-taller {
  padding-bottom: 220px;
}

.hero-section.home-vr-3 {
  background-color: var(--light-cyan);
  background-image: linear-gradient(#0000, #6a4ee133);
  height: 100vh;
}

.hero-section.home-vr-3.hero-5 {
  background-image: linear-gradient(#0000, #482fb433);
}

.hero-section.home-vr-4 {
  background-image: linear-gradient(to right, #ffedcf, #fff);
  height: 100vh;
  padding-bottom: 60px;
}

.hero-section.pages-section {
  background-color: #f8f8ff;
  background-image: url('../images/Someone-to-take-my-class.jpg');
  background-position: 0 0;
  background-size: auto;
  height: 500px;
}

.hero-section.light-green {
  background-color: #f8f8ff;
  background-image: linear-gradient(#fff, #0000);
  height: 700px;
  padding-left: 20px;
  padding-right: 20px;
}

.hero-section.light-green.with-mockup {
  background-color: #d2d2f5;
  height: auto;
  padding-bottom: 0;
  overflow: hidden;
}

.hero-section.light-green.with-mockup.get-demo {
  background-color: #fff;
  background-image: none;
  padding-top: 100px;
  padding-bottom: 0;
  display: block;
}

.search-modal {
  z-index: 1000;
  background-color: var(--light-sea-green);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.close-search {
  position: absolute;
  top: 50px;
  right: 50px;
}

.search-container {
  width: 100%;
  max-width: 600px;
}

.search-form {
  margin-bottom: 0;
  display: flex;
}

.search-input {
  border: 1px #000;
  border-radius: 5px;
  height: 60px;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 26px;
}

.toogle-questions {
  cursor: pointer;
  border-radius: 5px;
  align-items: center;
  width: 100%;
  padding: 5px 20px;
  display: flex;
}

.toogle-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.toogle-icon {
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 12px;
  display: flex;
}

.toogle-wrapper {
  background-color: var(--white);
  border: 1px solid #e7ddf1;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 16px;
}

.toogle-wrapper:hover {
  border-color: var(--light-sea-green);
}

.toogle-answer {
  text-align: left;
  padding: 0;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  line-height: 26px;
  display: block;
}

.light-sea-green {
  background-color: var(--light-sea-green);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.light-sea-green.slate-blue {
  background-color: var(--slate-blue);
}

.light-sea-green.dark-blue {
  background-color: var(--dark-blue);
}

.light-sea-green.rebeccapurple {
  background-color: var(--663399);
}

.light-sea-green.black {
  background-color: var(--af8057);
}

.light-sea-green.slate-grey {
  background-color: var(--slate-grey);
}

.light-sea-green.light-cyan {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
}

.light-sea-green.lavender {
  background-color: var(--lavender);
}

.color-text {
  background-color: var(--white);
  border-radius: 5px;
  padding: 5px 20px;
}

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

.text-big {
  color: var(--slate-grey);
  font-size: 17px;
}

.text-big.center {
  text-align: center;
  letter-spacing: -.5px;
}

.big-lightbox {
  box-shadow: inset 0 0 3px 0 var(--lavender);
  filter: contrast(122%);
  background-color: #f0f0f0;
  background-image: linear-gradient(#00000026, #00000026), url('../images/Half2.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: -250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.big-lightbox.normal {
  margin-top: 0;
}

.big-video-button-border {
  background-color: #ffffff7d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
  inset: auto;
  box-shadow: 0 12px 24px #0000001a;
}

.number {
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.image {
  width: 40px;
}

.div-service {
  width: 212.391px;
  margin-top: 20px;
}

.half-side-image {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.half-side-image.second {
  background-image: url('../images/support.jpg');
}

.half-section {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.half-section.image {
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  min-height: 700px;
}

.half-section.gray {
  background-color: var(--light-cyan);
}

.half-section.content {
  padding-left: 40px;
  padding-right: 40px;
}

.side-blocks {
  width: 100%;
  display: flex;
}

.category {
  color: var(--slate-blue);
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.category.colored {
  background-color: var(--slate-blue);
  color: var(--white);
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.white {
  color: var(--lavender);
}

.section-image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-image.third {
  z-index: 2;
  background-image: url('../images/Ideo-Images-14.png');
  background-position: 0%;
  background-size: contain;
}

.section-image.paddings {
  border-radius: 100px 0 0;
  margin-top: 100px;
  padding-top: 0;
  box-shadow: -3px -2px 12px #30364d1a;
}

.section-image.woman {
  z-index: 2;
  background-image: url('../images/Girl.png');
  background-position: 20%;
  background-size: contain;
  margin-top: 100px;
}

.small-intro {
  width: 100%;
  max-width: 450px;
}

.hero-form-block {
  border-radius: 8px;
  flex-direction: column;
  margin-top: 40px;
  display: flex;
  box-shadow: 0 3px 9px #2e188a1a;
}

.hero-form-block.width {
  box-shadow: 0 0 3px 0 var(--lavender);
  width: 100%;
}

.light-form {
  border: 1px none var(--lavender);
  background-color: #fcfcfce0;
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.form-text {
  color: var(--slate-blue);
  margin-top: 10px;
  padding-right: 40px;
  display: inline-block;
}

.form-text.white {
  filter: brightness(200%);
  background-image: none;
}

.centered-big-image {
  background-image: url('../images/Ideo-Images5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
}

.top-side-tab-menu {
  border-radius: 10px;
  width: 50%;
  margin-bottom: -2px;
}

.testimonial-slider-vr-2 {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  box-shadow: 0 5px 20px 0 var(--lavender);
  border-radius: 10px;
  width: 80%;
  height: 300px;
}

.testimonials-card {
  border-radius: 10px;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.testimonials-card.single {
  width: 100%;
  height: 320px;
  margin-top: -150px;
}

.testimonial-content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  width: 50%;
  height: 100%;
  padding: 50px;
}

.testimonial-content.dark-side {
  background-color: var(--slate-blue);
  background-image: linear-gradient(122deg, transparent 30%, var(--slate-grey));
  color: var(--white);
  border-radius: 0;
  width: 70%;
}

.testimonial-content.image {
  background-image: url('../images/Untitled-1-3.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  height: 100%;
}

.testimonial-content.image.second {
  background-image: url('../images/Untitled-6.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.left-testimonials-arrow {
  background-color: var(--white);
  color: var(--af8057);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-left: -30px;
  font-size: 13px;
  box-shadow: 0 12px 24px #00000017;
}

.right-testimonials-arrow {
  background-color: var(--white);
  color: var(--af8057);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-right: -30px;
  font-size: 13px;
  box-shadow: 0 11px 24px #00000017;
}

.testimonial-name {
  align-items: center;
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.testimonial-name.tab {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: 360px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.testimonial-text {
  font-family: DM Sans, sans-serif;
  font-size: 19px;
  line-height: 29px;
}

.testimo-nial-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.price-header {
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  line-height: 20px;
}

.price-header.light {
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.main-grid-table {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.price-list {
  border-bottom: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  padding: 10px 20px;
  display: flex;
}

.top-info {
  color: #fff;
  padding: 8px 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.top-info.dark-gray {
  background-color: var(--slate-grey);
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.top-info.tan, .top-info.gold {
  background-color: var(--slate-blue);
}

.top-info.gold {
  background-color: #f29b54;
}

.top-info.dark-gray {
  color: #fff;
  background-color: #5798b2;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.top-info.red {
  background-color: #f0dca8;
}

.top-info.tan {
  background-color: #e7c773;
}

.top-info.light-gray {
  background-color: #33c1b1;
}

.price-card {
  background-color: #f9f1dc8a;
}

.price-card.purple {
  background-color: #f3e3b982;
}

.price-card.light-purple {
  background-color: #fcf8ee;
}

.price-card.darker-purple {
  background-color: #edd596;
}

.price-card.darker-purple.more {
  background-color: #f6eacb;
}

.container-alternative {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.list {
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.price-tittle {
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.pricing-list-table {
  border-top: 1px solid var(--border-geay);
  border-bottom: 1px solid var(--border-geay);
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-title {
  color: var(--white);
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.section-title.top-padding {
  margin-top: 100px;
  margin-bottom: 0;
}

.section-title.dark {
  color: var(--slate-grey);
  margin-bottom: 20px;
}

.section-title.dark.break {
  width: 60%;
}

.body {
  font-family: DM Sans, sans-serif;
}

.price-nr {
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.first-column {
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.subpage-title {
  color: var(--af8057);
}

.tag-label {
  background-color: var(--slate-blue);
  color: var(--white);
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 22px;
}

.minus {
  background-color: var(--slate-blue);
  width: 18px;
  height: 2px;
}

.plus {
  background-color: var(--slate-blue);
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.toogle-info {
  padding: 20px;
}

.logo-brand {
  height: 40px;
}

.side-tab-white {
  color: var(--slate-grey);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 2px solid #d2d2f5;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.side-tab-white.w--current {
  border-bottom: 2px solid var(--slate-blue);
  background-color: var(--white);
  color: var(--slate-blue);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.side-tab-white.w--current:hover, .side-tab-white.w--current:focus {
  border-bottom-color: #f1b24b;
}

.heading {
  letter-spacing: -1px;
}

.cta-icon {
  background-image: url('../images/head-logo-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}

.cta-icon.dark {
  background-image: url('../images/head-logo.png');
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
}

.cta-icon.center {
  background-image: url('../images/Pinlight-Studio-2.png');
  margin-bottom: 0;
  margin-right: 20px;
}

.cta-text {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 24px;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.cta-text.white {
  color: var(--af8057);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}

.help-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 300px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 24px #0000000f;
}

.help-card.light-purple {
  border-style: solid;
  border-color: var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: auto;
  margin-left: 10px;
  margin-right: 0;
  box-shadow: 0 5px 20px #d2d2f599;
}

.help-card.left {
  border-color: var(--lavender);
  box-shadow: 0 5px 20px 0 var(--lavender);
  text-align: center;
  border-radius: 10px;
  width: auto;
  margin-left: 0;
  margin-right: 10px;
  text-decoration: none;
}

.title {
  color: var(--slate-grey);
  font-family: DM Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.big-paragraph {
  color: var(--slate-grey);
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 30px;
}

.info-content {
  z-index: 10;
  position: relative;
}

.help-image-card {
  background-image: url('../images/Half.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.help-image-card.right {
  background-image: url('../images/support.jpg');
}

.animation-div {
  z-index: -1;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dots-animation {
  opacity: .5;
  background-color: #0000;
  border-radius: 20%;
  width: 80px;
  height: 20px;
  position: relative;
  top: 17%;
  left: 276px;
}

.dots-animation-2 {
  opacity: .5;
  background-color: #0000;
  border-radius: 20%;
  width: 70px;
  height: 15px;
  margin: auto 10px;
  position: relative;
  top: -93px;
  left: 210px;
}

.dots-animation-3 {
  opacity: .24;
  background-color: #0000;
  border-radius: 20%;
  width: 80px;
  height: 25px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-4 {
  background-color: #e76f5166;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.dots-animation-5 {
  background-color: #33c1b196;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  position: relative;
  inset: 25% -2% auto auto;
}

.dots-animation-6 {
  opacity: .5;
  background-color: #0000;
  border-radius: 20%;
  width: 100px;
  height: 100px;
  position: relative;
  inset: 59% -4% auto auto;
}

.page-title.white {
  color: var(--white);
}

.dots-animation-7 {
  opacity: .5;
  background-color: #0000;
  border-radius: 20%;
  width: 90px;
  height: 45px;
  position: relative;
  inset: 31% auto auto 233px;
}

.dots-animation-8 {
  background-color: #2ba1932e;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 93% -22% auto 0%;
}

.dots-animation-9 {
  background-color: #0000;
  border-radius: 20%;
  width: 80px;
  height: 12px;
  margin-left: 0;
  position: relative;
  top: 92px;
  bottom: auto;
  left: auto;
}

.dots-animation-10 {
  background-color: #0000;
  border-radius: 20%;
  width: 80px;
  height: 80px;
  position: relative;
  inset: 306px auto auto;
}

.dots-animation-11 {
  background-color: #10816c7a;
  border-radius: 20%;
  width: 18px;
  height: 18px;
  position: relative;
  inset: 65% auto auto -44%;
}

.dots-animation-12 {
  background-color: #0000;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.mockup-image {
  z-index: 1;
  background-image: url('../images/Ideo-Images12-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  width: 800px;
  height: 550px;
  margin-bottom: -130px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.mockup-image.top {
  background-image: url('../images/Online-Class-Help-2.png');
  background-size: contain;
  margin-bottom: -150px;
  display: none;
}

.footer-dark {
  border-top: 1px none var(--border-geay);
  text-align: center;
  background-color: #0000;
  align-items: flex-start;
  padding: 0 20px;
}

.footer-dark.gradient {
  background-image: linear-gradient(135deg, var(--slate-blue), var(--slate-grey));
}

.footer-side {
  width: 50%;
  padding-top: 98px;
  padding-bottom: 98px;
  padding-right: 60px;
}

.footer-side.flex-side {
  border-left: 1px solid #30364d2e;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 98px;
  padding-left: 60px;
  padding-right: 0;
  display: flex;
}

.footer-side.flex-side.light {
  border-left-color: #d2d2f533;
}

.footer-copyright {
  color: var(--dim-grey);
  border-top: 1px solid #e0e0e0;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-copyright.white {
  border-top-color: #d2d2f533;
}

.left {
  text-align: left;
}

.team-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--lavender);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-grid.vertical {
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.team-grid.line {
  border-radius: 10px;
  overflow: hidden;
}

.team-card {
  border-bottom: 1px solid var(--border-geay);
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  padding: 100px;
  display: flex;
}

.team-card.border-line {
  border-left: 1px none var(--lavender);
  background-color: var(--white);
  box-shadow: 1px 1px 3px 0 var(--663399);
  border-bottom-style: none;
  border-bottom-width: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.team-card.border-line:hover {
  background-color: var(--light-cyan);
}

.team-card.border-line.left {
  background-color: var(--white);
  box-shadow: inset 0 0 2px 0 var(--lavender);
  border-bottom-style: solid;
  border-left-style: none;
  border-radius: 0;
  justify-content: center;
}

.team-card.border-line.left:hover {
  background-color: var(--light-cyan);
}

.team-image {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1000px;
  width: 300px;
  height: 300px;
}

.team-image._2 {
  background-image: url('../images/Team-3.jpg');
}

.team-image._2.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image._3 {
  background-image: url('../images/Team-1.jpg');
}

.team-image._3.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image._4 {
  background-image: url('../images/Team-2.jpg');
}

.team-image._4.small {
  border: 6px solid var(--white);
  border-radius: 100px;
  width: 140px;
  height: 140px;
}

.team-image.small {
  border-radius: 100px;
  width: 200px;
  height: 200px;
}

.team-image._1.small {
  border: 6px solid var(--white);
  width: 140px;
  height: 140px;
}

.team-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 36px;
}

.team-name.small {
  text-align: center;
  font-size: 24px;
}

.team-text {
  color: var(--slate-blue);
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.drop-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 700px;
}

.drop-grid.landing {
  border-radius: 0;
  grid-template-columns: 1fr .25fr .75fr;
  width: 600px;
}

.drop-list-div {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 300px;
  padding: 20px;
}

.drop-list-div.posts-list {
  background-color: var(--light-cyan);
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div.posts-list.home {
  border-radius: 0;
}

.drop-list-div.landing {
  width: auto;
}

.drop-list-div.posts-list {
  background-color: #faf1dc61;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-top: 2px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  left: 141px;
}

.drop-list-div.posts-list.home {
  background-color: #fff;
  border-radius: 0;
}

.drop-list-div.posts-list.subscribe-form-bg {
  background-color: var(--white);
}

.drop-list-div.posts-list.services-menu {
  left: auto;
}

.dropdown-list {
  margin-left: 2px;
}

.dropdown-list.w--open {
  border: 1px solid var(--light-cyan);
  border-radius: 10px;
  margin-left: -570px;
  margin-right: 0;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list.resources {
  border: 1px solid var(--light-cyan);
  background-color: var(--white);
  border-radius: 10px;
  margin-left: -201px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list.template {
  border: 1px solid var(--light-cyan);
  border-radius: 10px;
  margin-left: -435px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.nav-post {
  background-color: var(--white);
  color: var(--dim-grey);
  border-radius: 5px;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.nav-post-info {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
}

.nav-post-info.case {
  padding-top: 20px;
  padding-bottom: 20px;
}

.label-post {
  background-color: var(--white);
  color: var(--slate-grey);
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.drop-title {
  color: var(--slate-grey);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.drop-icon {
  width: 35px;
  height: 35px;
  margin-right: 12px;
}

.dropdown-link {
  color: var(--dim-grey);
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link:hover {
  background-color: var(--light-cyan);
  border-radius: 5px;
}

.dropdown-link.w--current {
  color: var(--slate-blue);
  background-color: #6a4ee11a;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.text {
  color: var(--slate-grey);
  flex: 0 auto;
  font-weight: 500;
}

.paragraph {
  color: var(--slate-grey);
}

.block-service {
  margin-top: 20px;
}

.block-service.flex-block-service {
  border: 1px none var(--lavender);
  background-color: var(--lavender);
  box-shadow: inset 0 0 3px 0 var(--lavender);
  border-radius: 10px;
  align-items: center;
  width: auto;
  padding: 20px 40px;
  display: flex;
}

.block-service.flex-block-service.light {
  background-color: var(--light-cyan);
  box-shadow: none;
  border-style: solid;
  width: 380px;
  padding-left: 20px;
}

.images {
  margin-bottom: 20px;
}

.services-div {
  flex: 1;
}

.features-wrapper {
  border-top: 1px solid #fde3b461;
  justify-content: center;
  align-items: stretch;
  max-width: 1200px;
  margin-bottom: 100px;
  display: flex;
}

.feature-card {
  box-shadow: none;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 55px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-card.gray {
  background-color: #99999905;
  border-left: 1px solid #fde3b461;
  border-right: 1px solid #fde3b461;
}

.feature-image {
  z-index: 2;
  object-fit: fill;
  background-image: url('../images/Team-Work.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 350px;
  width: 400px;
  height: 400px;
  margin-top: 25px;
  display: flex;
  position: relative;
}

.feature-image.second {
  background-image: url('../images/Academikx-2020.svg');
  background-position: 0 100%;
  background-size: 300px;
  width: 400px;
  height: 400px;
}

.feature-image.third {
  background-image: url('../images/Online-Class-Takers.svg');
  background-position: 0 100%;
  background-size: 300px;
  width: 400px;
  height: 400px;
}

.features-block-color {
  background-color: #cadfb9;
  height: 130px;
  position: absolute;
  inset: auto 0% 0%;
}

.features-block-color.darker {
  background-color: #fbc888;
}

.features-block-color.more-darker {
  background-color: #f5b83d94;
}

.blog-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.blog-info {
  flex-direction: column;
  justify-content: flex-end;
  height: auto;
  display: flex;
  position: relative;
}

.blog-image-wrapper {
  border-radius: 10px;
  position: absolute;
  inset: 20px;
  overflow: hidden;
}

.features-grid-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 60px;
}

.text-span {
  color: var(--slate-blue);
  letter-spacing: -.5px;
  font-style: normal;
  font-weight: 700;
}

.link-block-twitter {
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon {
  border: 1px solid var(--af8057);
  opacity: .6;
  filter: invert();
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  transition: background-color .2s;
  display: flex;
}

.fourth-social-icon:hover {
  opacity: 1;
}

.fourth-social-icon.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 2px 0 0 2px;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.facebook-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.facebook-icon.light {
  border-style: solid;
  border-color: var(--663399);
  opacity: .5;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon.facebook-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.googleplus-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/icon-5.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.googleplus-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.googleplus-icon.light {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon.googleplus-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.twitter-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.twitter-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.twitter-icon.light {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon.twitter-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/instagram-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: 5px;
  padding-top: 0;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon.instagram-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon.instagram-icon.light {
  border-style: solid;
  border-color: var(--663399);
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon.instagram-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon.twitter {
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-size: 16px;
}

.fourth-social-icon.google {
  background-image: url('../images/icon-5.png');
}

.fourth-social-icon.insta {
  background-image: url('../images/instagram-1.png');
  margin-right: 3px;
}

.link-block-social {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  position: relative;
}

.team-social-div {
  border-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-social-div.white-content {
  color: var(--white);
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.team-social-div.white-content.no-padding {
  margin-top: 0;
}

.team-info-div {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.team-info-div.bottom {
  margin-top: 40px;
  margin-bottom: 0;
}

.team-info-div.vertical {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 30px;
}

.team-info-div.no-padding {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.team-link {
  color: var(--slate-blue);
  font-weight: 500;
  text-decoration: none;
}

.view-more-posts {
  justify-content: space-between;
  width: auto;
  display: flex;
}

.footer-text {
  width: 300px;
  margin-top: 15px;
}

.learn-more {
  border-bottom: 2px solid var(--lavender);
  color: var(--slate-blue);
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.learn-more:hover {
  border-bottom-color: var(--slate-blue);
  color: var(--slate-blue);
}

.learn-more.bigger {
  margin-top: 40px;
  font-size: 14px;
  display: inline-block;
}

.learn-more.read-their-story {
  color: var(--slate-blue);
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.learn-more.blog {
  display: inline-block;
}

.lightbox-play {
  border: 2px solid var(--white);
  background-color: var(--slate-blue);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.video-image {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-right: 24px;
  display: flex;
}

.small {
  font-size: 13px;
  line-height: 23px;
}

.success-message {
  color: var(--white);
  background-color: #0dcc43;
  border-radius: 10px;
}

.error-message {
  color: var(--white);
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.search-form-one {
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  width: 100%;
  max-width: 470px;
  height: auto;
  margin-bottom: 60px;
  padding: 8px;
  display: flex;
}

.search-image {
  margin-left: 16px;
}

.search-input-alternative {
  color: #19155e;
  border: 0 #000;
  flex: 1;
  margin-bottom: 0;
  padding: 12px 16px;
}

.search-result-item {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  width: 100%;
  margin-bottom: 40px;
  padding: 40px;
  transition: box-shadow .4s;
}

.search-result-item:hover {
  box-shadow: 0 12px 24px #0000001a;
}

.link-search {
  color: var(--slate-grey);
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
  display: block;
}

.image-div {
  width: 100px;
  height: 100px;
}

.image-div.logo {
  background-image: url('../images/head-logo.png');
  background-position: 0 0;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-right: 40px;
}

.image-div.icons {
  background-color: var(--light-cyan);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100px;
  display: flex;
}

.image-div.dashboard {
  background-color: var(--light-cyan);
  background-image: url('../images/Ideo-Images12-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image-div.dashboard.second {
  background-image: url('../images/Ideo-Images14.png');
}

.licence-item-wrapper {
  background-color: #fff;
  border: 1px solid #d7d5ff;
  border-radius: 10px;
  align-items: center;
  width: 60%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.licence-item-wrapper:hover {
  box-shadow: 0 5px 20px #d2d2f599;
}

.licence-item-wrapper.center {
  border-color: var(--lavender);
  border-radius: 10px;
  justify-content: center;
  width: 50%;
}

.changelog-text, .watch-video-now, .min {
  margin-bottom: 0;
}

.icon-div {
  width: 50px;
  height: 50px;
}

.icon-div.image {
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  margin: 1px;
}

.icon-div.image.sec {
  background-image: url('../images/Team-1.jpg');
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.sec.pexels {
  background-image: url('../images/Untitled-2.jpg');
}

.icon-div.image.third {
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.third.pexels {
  background-image: url('../images/Untitled-1-3.jpg');
}

.icon-div.image.four {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.four.pexels {
  background-image: url('../images/Untitled-1-1.jpg');
}

.icon-div.image.pexels {
  background-image: url('../images/Girl.png');
}

.icon-div.one {
  opacity: 1;
  background-image: url('../images/88.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.two {
  background-image: url('../images/77.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.three {
  background-image: url('../images/55.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.four {
  background-image: url('../images/99.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.licence-link {
  color: var(--slate-grey);
  text-transform: none;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.licence-link:hover {
  color: var(--slate-blue);
  font-weight: 500;
  text-decoration: underline;
}

.licence-links-wrapper {
  color: #717177;
  flex: 1;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.column-no-padding {
  padding-left: 0;
  padding-right: 0;
}

.column-icons {
  margin-bottom: 10px;
}

.column-icons.no-padding {
  margin-bottom: 0;
}

.top {
  flex-direction: column;
  display: flex;
}

.paragraph-landing {
  color: #464646;
  text-transform: none;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 15px;
  line-height: 20px;
}

.big-squares {
  position: absolute;
  inset: 0% 0% 0% auto;
}

.big-square {
  background-color: #ffffff80;
  border-radius: 40%;
  width: 500px;
  height: 500px;
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  top: 18%;
  left: auto;
  right: 195px;
}

.mid-circle {
  background-color: #ffffff9c;
  border-radius: 30%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 170px;
  right: 657px;
}

.mid-circle-second {
  background-color: #ffffff9c;
  border-radius: 30%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 250px;
  right: 100px;
}

.get-help-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  padding: 60px 40px;
  box-shadow: 0 12px 24px #00000017;
}

.get-help-card {
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0 var(--border-geay) var(--border-geay);
  background-color: var(--light-cyan);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 25px;
  display: flex;
}

.get-help-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 0;
  padding: 0;
}

.get-help-vidio {
  grid-template-columns: 1fr 1fr 1fr;
}

.get-help-video {
  border: 1px none var(--lavender);
  border-radius: 10px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: transform .4s;
  box-shadow: 0 5px 20px #d2d2f599;
}

.get-help-video:hover {
  transform: translate(0, -5px);
}

.get-help-video-info {
  color: var(--dim-grey);
  padding: 20px 20px 10px 0;
}

.lightbox-link {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  display: flex;
}

.lightbox-link:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.second {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images-14.png');
  background-size: auto, cover;
}

.lightbox-link.second:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images-14.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.three {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images15.png');
  background-size: auto, cover;
}

.lightbox-link.three:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images15.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.four, .lightbox-link.four:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images11.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.five {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images7.png');
  background-size: auto, cover;
}

.lightbox-link.five:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images7.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.lightbox-link.six {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images8.png');
  background-size: auto, cover;
}

.lightbox-link.six:hover {
  background-image: linear-gradient(#482fb41a, #482fb41a), url('../images/Ideo-Images8.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.tag-text {
  color: var(--slate-blue);
  font-size: 12px;
  font-weight: 500;
}

.column-faq {
  margin-top: 60px;
}

.center {
  text-align: center;
  margin-bottom: 20px;
}

.subscribe {
  margin-top: 0;
}

.section-separator {
  height: 200px;
}

.small-info {
  color: var(--dim-grey);
  text-align: center;
  margin-top: 40px;
}

.purple {
  color: var(--slate-blue);
}

.cta-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  box-shadow: 0 8px 28px 0 var(--shadow);
  text-align: center;
  border-radius: 10px;
  width: 800px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
}

.cta-tex-header {
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 48px;
}

.help-icon {
  margin-bottom: 25px;
}

.colorated-text {
  color: var(--slate-blue);
  font-weight: 500;
}

.in-tab-list {
  color: var(--slate-grey);
  margin-top: 10px;
  margin-bottom: 40px;
}

.list-color {
  color: var(--slate-blue);
  font-size: 20px;
  line-height: 26px;
}

.less-padding {
  margin-bottom: 10px;
}

.case-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.case-card {
  border: 1px solid var(--border-geay);
  background-color: var(--white);
  border-radius: 10px;
  height: 400px;
  transition: box-shadow .2s;
  display: flex;
  overflow: hidden;
  box-shadow: 8px 8px 24px #0000000a;
}

.case-card:hover {
  box-shadow: 8px 8px 24px #00000017;
}

.case-card.top {
  border-color: var(--lavender);
  height: 450px;
  position: relative;
}

.case-card.top.right {
  flex-direction: row;
  height: 450px;
}

.case-card.right {
  justify-content: flex-start;
  align-items: stretch;
  height: 320px;
  display: flex;
}

.case-video-button {
  z-index: 10;
  border: 3px solid var(--white);
  background-color: #0000;
  background-image: url('../images/icons8-play-96-2_1icons8-play-96 (2).png'), linear-gradient(to bottom, var(--light-sea-green), var(--slate-blue));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: -11px auto auto;
  transition: transform .3s;
  position: absolute;
  bottom: -35px;
  right: 60px;
}

.case-video-button:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px #482fb433;
}

.video-block-color {
  background-color: var(--white);
  color: var(--slate-grey);
  height: auto;
  padding: 20px 46px;
  position: relative;
  inset: auto 0% 0%;
}

.case-info {
  background-color: var(--white);
  margin: 50px;
  padding: 0;
  overflow: visible;
}

.quote-text {
  font-size: 20px;
  line-height: 30px;
}

.quote-text.padding {
  padding-bottom: 20px;
}

.case-icon {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: 125px;
  margin-bottom: 20px;
}

.case-icon.logo {
  background-image: url('../images/Untitled-5.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 40px;
}

.case-icon.logo.second.case {
  width: 120px;
  margin-bottom: 10px;
}

.case-icon.logo.invert {
  filter: invert();
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: contain;
}

.collection-top {
  width: 100.33%;
}

.case-imager {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  height: 250px;
  position: relative;
}

.blog-and-sidebar {
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: static;
}

.blog-and-sidebar.full {
  margin-top: 100px;
}

.right-collection-wrapper {
  width: 66%;
  padding-left: 0;
  padding-right: 0;
}

.right-collection-wrapper.full {
  width: 66%;
  padding-right: 40px;
}

.sidebar {
  text-align: left;
  background-color: #0000;
  width: 30%;
  padding: 0 0 15px 20px;
}

.sidebar.left {
  flex-direction: column;
  align-items: center;
  width: 32%;
  padding-left: 0;
  display: flex;
}

.sidebar.left.single {
  position: sticky;
  top: 100px;
}

.info-box {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
  display: flex;
  position: sticky;
  box-shadow: 0 6px 20px #d2d2f599;
}

.info-box-text {
  color: var(--dark-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.info-box-text.bold {
  font-weight: 700;
}

.logo-case {
  width: 60%;
  margin-bottom: 20px;
}

.horizontal-info {
  display: flex;
}

.blog-title-post {
  color: var(--af8057);
  margin-top: 0;
  font-size: 21px;
  line-height: 31px;
}

.blog-title-post.small {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.post-datails {
  color: var(--slate-blue);
  margin-bottom: 10px;
  font-size: 12px;
  display: flex;
}

.blog-posts-wrapper {
  display: flex;
}

.image-post {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 80px;
  height: 80px;
}

.overlay {
  background-image: linear-gradient(#0000, #00000082);
  position: absolute;
  inset: 0%;
}

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

.collection-list.category {
  grid-template-columns: 1fr 1fr;
}

.right-arrows {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: var(--af8057);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-top: 170px;
  margin-right: -30px;
  font-size: 13px;
  box-shadow: 0 11px 24px #00000017;
}

.right-arrows.testimonial-arrow {
  margin-top: 125px;
}

.left-arrows {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  color: var(--af8057);
  border-radius: 6px;
  width: 48px;
  height: 48px;
  margin-top: 170px;
  margin-left: -30px;
  font-size: 13px;
  box-shadow: 0 12px 24px #00000017;
}

.left-arrows.testimonial-arrow {
  margin-top: 125px;
}

.text-block-new {
  font-weight: 500;
}

.help-content {
  text-align: left;
  flex-direction: column;
  flex: 1;
  align-items: center;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.blog-in-columns {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.blog-in-columns.single {
  display: none;
}

.categorie-link {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--663399);
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.categorie-link:hover {
  box-shadow: 4px 4px 20px #d2d2f566;
}

.categorie-link.w--current {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--663399);
  text-align: center;
  border-radius: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 10px 20px #d2d2f580;
}

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

.created-date {
  color: var(--slate-grey);
}

.block-margin {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.switch-info {
  text-align: center;
  width: 500px;
}

.intro-section {
  align-items: center;
  height: 600px;
  padding: 140px 20px 96px;
  display: flex;
  position: relative;
}

.intro-section.intro {
  background-color: var(--light-cyan);
  background-image: linear-gradient(#0000, #6a4ee133);
  height: 100vh;
}

.product-tab {
  text-align: center;
}

.product-tab.w--current {
  color: var(--white);
  background-color: #2e188a66;
  padding-top: 20px;
  padding-bottom: 20px;
}

.product-tab.product {
  background-color: var(--light-cyan);
  background-image: linear-gradient(135deg, var(--slate-blue), var(--slate-grey));
  border: 0 #000;
  padding-top: 0;
  padding-bottom: 0;
}

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

.text-field-blog-sidebar {
  float: left;
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  border-radius: 0;
  min-width: 240px;
  height: 44px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

.text-field-blog-sidebar:hover {
  border-bottom-color: #e4e8ee;
}

.text-field-blog-sidebar.message {
  height: auto;
  min-height: 140px;
}

.form-block-contact {
  padding-left: 30px;
  padding-right: 30px;
}

.left-form {
  text-align: left;
}

.contact-content {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.contact-content.new {
  z-index: 0;
  border-color: var(--lavender);
  border-radius: 10px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
  box-shadow: 0 5px 20px #d2d2f599;
}

.success-message-new {
  color: #fff;
  text-align: center;
  background-color: #34cf2c;
  border-radius: 0;
  font-family: Open Sans, sans-serif;
}

.center-button-block {
  text-align: left;
  width: 100%;
}

.field-label-alternative {
  color: #343e52;
  text-align: left;
  text-transform: none;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
}

.field-label-alternative.contact-us-field {
  color: #3f3f3f;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
}

.field-label-alternative.contact-us-field.gray {
  color: var(--slate-grey);
  font-weight: 700;
}

.error-message-second {
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding: 20px;
}

.grid-contact {
  grid-template-rows: auto auto auto auto;
}

.email-link {
  color: var(--dim-grey);
  font-family: DM Sans, sans-serif;
  line-height: 30px;
  text-decoration: none;
}

.email-link.colored {
  color: var(--slate-blue);
  font-weight: 500;
  line-height: 20px;
}

.contact-icon-wrapper {
  background-color: var(--white);
  color: var(--slate-blue);
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px #d2d2f599;
}

.white-image-icon {
  display: none;
  position: absolute;
}

.contact-wrapper {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  padding: 40px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
}

.contact-wrapper:hover {
  background-color: #0000;
  box-shadow: 0 12px 24px #00000012;
}

.product {
  color: var(--white);
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
}

.product.w--current {
  background-color: #2e188a80;
}

.navigation-wrapper-locker {
  flex-direction: column;
  display: flex;
}

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

.utility-page-content {
  z-index: 2;
  background-color: var(--white);
  text-align: center;
  border: 1px #0000;
  border-radius: 10px;
  flex-direction: column;
  width: 500px;
  height: 500px;
  margin-top: 40px;
  padding: 0;
  display: flex;
  position: relative;
}

.utility-page-form {
  border: 1px solid var(--lavender);
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  align-items: stretch;
  padding: 40px;
  display: flex;
  box-shadow: 0 5px 20px #d2d2f599;
}

.utility-page-form.protected {
  box-shadow: none;
  border: 0 #0000;
  padding: 0;
}

.image-password {
  margin-left: auto;
  margin-right: auto;
}

.text-field {
  border: 1px solid var(--lavender);
  background-color: var(--light-cyan);
  color: var(--slate-grey);
  text-align: center;
  border-radius: 8px;
  height: 50px;
  line-height: 24px;
}

.image-404 {
  margin-left: auto;
  margin-right: auto;
}

.info-blog {
  display: none;
}

.register-content {
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #e4ecf691;
  border-radius: 10px;
  height: auto;
  padding: 45px 24px;
  position: relative;
  right: -45px;
  box-shadow: 7px 7px 25px #525b731f;
}

.register-content.new {
  z-index: 0;
  border-color: var(--lavender);
  text-align: center;
  border-radius: 10px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
  position: static;
  box-shadow: 0 5px 20px #d2d2f599;
}

.register-form-block {
  padding-left: 30px;
  padding-right: 30px;
}

.icon-imput {
  border: 1px solid var(--lavender);
  border-radius: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
}

.register-field {
  float: left;
  color: var(--slate-grey);
  background-color: #0000;
  border: 1px #0000;
  border-radius: 0;
  flex: 1;
  min-width: 240px;
  height: 44px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

.register-field:hover {
  border-bottom-color: #e4e8ee;
}

.register-icon {
  background-image: url('../images/Untitled-33.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 44px;
  height: 44px;
  margin-right: 12px;
}

.register-icon.lock {
  background-image: url('../images/Untitled-98.png');
}

.register-button {
  background-color: var(--light-sea-green);
  background-image: linear-gradient(to bottom, var(--light-sea-green), var(--slate-blue));
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.register-button:hover {
  background-image: linear-gradient(1800deg, var(--light-sea-green), var(--slate-blue) 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.rebister-button-wrapper {
  text-align: left;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.register-small-text {
  text-align: center;
  margin-top: 20px;
}

.sign-in-link {
  border-bottom: 2px solid var(--lavender);
  color: var(--slate-blue);
  line-height: 24px;
  text-decoration: none;
}

.sign-in-link:hover {
  border-bottom-color: var(--slate-blue);
}

.help-block {
  width: 50%;
  text-decoration: none;
}

.dots-animation-13 {
  background-color: #0000;
  border-radius: 20%;
  width: 55px;
  height: 55px;
  position: relative;
  top: 12%;
}

.dots-animation-14 {
  background-color: #51c9e747;
  border-radius: 20%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 32%;
  right: 106%;
}

.dots-animation-15 {
  background-color: #0000;
  border-radius: 20%;
  width: 75px;
  height: 44px;
  position: absolute;
  top: auto;
  bottom: 6%;
  right: 81%;
}

.page-wrapper {
  overflow: hidden;
}

.learn-more-2 {
  color: #f0ad4e;
  text-transform: uppercase;
  border-bottom: 2px solid #f0ad4e9e;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.learn-more-2:hover {
  color: #878787;
  border-bottom-color: #33c1b1;
}

.learn-more-2.read-their-story {
  color: #f0ad4e;
  border-bottom-color: #f1b24b;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.features-card-vr-2-2 {
  color: #333;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px #d4ede7;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 400px;
  max-height: 400px;
  padding: 60px 40px 40px;
  text-decoration: none;
  transition: box-shadow .2s, transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px #e1e1e1;
}

.features-card-vr-2-2:hover {
  transform: translate(0, -10px);
  box-shadow: 0 5px 20px #f2f2f2;
}

.text-span-4 {
  text-transform: lowercase;
}

.small-info-2 {
  color: #666;
  text-align: center;
  margin-top: 40px;
}

.features-number-2 {
  color: #f0ad4e;
  background-color: #fff;
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  display: flex;
  box-shadow: 0 5px 20px #f3e3b91c;
}

.features-card-2 {
  text-align: center;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 25%;
  height: auto;
  min-height: 300px;
  padding: 40px;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
  box-shadow: 0 6px 9px -7px #969696db;
}

.features-card-2:hover {
  background-color: #0000;
  box-shadow: 0 12px 24px #00000012;
}

.section-title-2 {
  color: #fff;
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.section-title-2.top-padding {
  margin-top: 100px;
  margin-bottom: 0;
}

.dots-line-2 {
  z-index: 2;
  border-bottom: 2px dashed #b87df9;
  flex: 1;
  width: 120px;
  height: 1px;
  padding-top: 0;
  position: relative;
  top: auto;
  right: auto;
}

.dots-line-2.first {
  border-bottom-color: #f1b24bd1;
  flex: 0 auto;
  margin-left: -43px;
  margin-right: -43px;
  position: relative;
}

.button-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  background-color: #f0ad4eb3;
  background-image: linear-gradient(#f0ad4ec4, #d68438);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button-2:hover {
  background-image: linear-gradient(1800deg, #4bb39ac9, #36846bdb 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.button-2.subscribe-button {
  background-color: #0000;
  background-image: linear-gradient(#f0ad4ec4, #eeab4dc7 100%, #d68438);
  border-radius: 8px;
  width: 160px;
}

.button-2.subscribe-button:hover {
  background-image: linear-gradient(#4bb39a, #4bb39a 64%);
}

.button-2.nav-button {
  color: #000;
  background-color: #0000;
  background-image: linear-gradient(to right, #fbfbfb, #fff);
  border: 0 #000;
}

.button-2.nav-button:hover {
  background-image: linear-gradient(to right, #fff, #f4f4f4 60%);
}

.button-2.outline {
  background-color: #0000;
  background-image: none;
  border: 1px solid #fff;
  transition: background-color .4s, all .4s;
}

.button-2.outline:hover {
  box-shadow: none;
  color: #f0ad4e;
  background-color: #fff;
}

.button-2.white {
  color: #fff;
  background-color: #4bb39a;
  background-image: none;
  border: 1px #fff;
  transition: background-color .4s, all .4s;
}

.button-2.white:hover {
  box-shadow: none;
  color: #fff;
  background-color: #36846b;
  border-width: 0;
  border-color: #0000;
}

.button-2.white.crisp-button {
  background-color: #000;
}

.button-2.crisp-button {
  background-color: #000;
  background-image: none;
}

.button-2.crisp-button:hover {
  background-color: #f1b24b;
  background-image: none;
}

.review-card-2 {
  z-index: 1;
  background-color: #fff;
  border-radius: 15px;
  margin-bottom: 30px;
  padding: 40px;
  position: relative;
  box-shadow: 28px 40px 45px -20px #fdf4e0;
}

.review-card-2:hover {
  color: #222;
  box-shadow: 29px 41px 45px -20px #fff0d3e0;
}

.review-card-2.we {
  box-shadow: 28px 40px 45px -20px #fdf4e0;
}

.review-position-2 {
  color: #d68438;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.review-quote-2 {
  color: #f1b24b;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 700;
}

.review-top-2 {
  border: 0 #000;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.review-info-2 {
  flex: 1;
  padding-left: 0;
  padding-right: 5px;
}

.review-paragraph-2 {
  color: #747474;
  font-weight: 500;
  line-height: 25px;
}

.review-paragraph-2:hover {
  color: #3d3d3d;
}

.review-rate-2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.plus-2 {
  background-color: #d68438;
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.heading-4 {
  color: #3a3a3a;
}

.in-tab-list-2 {
  color: #30364d;
  margin-top: 10px;
  margin-bottom: 40px;
}

.toogle-wrapper-2 {
  background-color: #fff;
  border: 1px solid #f1b24b;
  border-radius: 5px;
  width: 100%;
  margin-bottom: 16px;
}

.toogle-wrapper-2:hover {
  border-color: #f1b24b8f;
}

.list-color-2 {
  color: #f1b24b;
  font-size: 20px;
  line-height: 26px;
}

.top-side-tab-menu-2 {
  border-radius: 10px;
  width: 50%;
}

.minus-2 {
  background-color: #d68438;
  width: 18px;
  height: 2px;
}

.tab-paragraph-2 {
  color: #383838;
  font-size: 17px;
  line-height: 27px;
}

.paragraph-4 {
  color: #30364d;
}

.side-tab-2 {
  opacity: 1;
  text-align: center;
  background-color: #0000;
  border-bottom: 2px solid #f1b24b3b;
  width: 33.3333%;
  height: auto;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.side-tab-2:focus {
  background-color: #0000;
  border-bottom-color: #f1b24b;
}

.side-tab-2.w--current {
  opacity: 1;
  color: #7eb356;
  text-align: center;
  background-color: #f9f9f9;
  border-bottom: 2px solid #f1b24b;
  border-radius: 5px 5px 0 0;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
}

.graphic-side-image-2 {
  background-image: url('../images/Ideo-Images7.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #d2d2f5;
  border-radius: 10px;
  height: 520px;
  margin: 20px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: 0 5px 20px #d2d2f599;
}

.graphic-side-image-2.seventh {
  background-image: url('../images/Co-workers-bro.svg');
  border-color: #f1b24b6e;
  box-shadow: 0 5px 20px #cfcfcf99;
}

.graphic-side-image-2.ninth {
  box-shadow: none;
  background-image: none;
  border-style: none;
  border-color: #f1b24b69;
  border-radius: 20px;
}

.graphic-side-image-2.eight {
  background-image: url('../images/Grades-rafiki.svg');
  background-position: 50%;
  background-size: cover;
  border-color: #f1b24b8c;
  box-shadow: 0 5px 20px #bcbcbc99;
}

.toogle-title-2 {
  color: #343434;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.footer-flex-container-2 {
  color: #666;
  text-align: left;
  justify-content: space-between;
  height: auto;
  margin-bottom: 0;
  display: flex;
}

.footer-dark-2 {
  text-align: center;
  background-color: #fff;
  border-top: 1px #e3e3e3;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.fourth-social-icon-2 {
  opacity: .6;
  filter: invert();
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  transition: background-color .2s;
  display: flex;
}

.fourth-social-icon-2:hover {
  opacity: 1;
}

.fourth-social-icon-2.facebook-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/facebook-logo-Black.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 2px 0 0 2px;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: 5px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon-2.facebook-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon-2.facebook-icon.light {
  opacity: .5;
  filter: none;
  background-color: #0000;
  border-style: solid;
  border-color: #d68438;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon-2.facebook-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon-2.instagram-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/instagram-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0;
  width: 32px;
  height: 32px;
  margin-top: 0;
  margin-bottom: -1px;
  margin-right: 5px;
  padding-top: 0;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon-2.instagram-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon-2.instagram-icon.light {
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-style: solid;
  border-color: #d68438;
  border-radius: 0;
  margin-left: 0;
  margin-right: 2px;
}

.fourth-social-icon-2.instagram-icon.light:hover {
  opacity: 1;
}

.fourth-social-icon-2.twitter-icon {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/twitter-logo-silhouette-2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #d7d5ff;
  border-radius: 0 2px 2px 0;
  width: 32px;
  height: 32px;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: background-color .2s, opacity .4s;
  position: relative;
  overflow: hidden;
}

.fourth-social-icon-2.twitter-icon:hover {
  opacity: 1;
  background-color: #0000;
  border-color: #8280a8;
}

.fourth-social-icon-2.twitter-icon.light {
  opacity: .6;
  filter: none;
  background-color: #0000;
  border-style: solid;
  border-color: #d68438;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.fourth-social-icon-2.twitter-icon.light:hover {
  opacity: 1;
}

.imput-2 {
  background-color: #0000;
  border: 0 #000;
  margin-bottom: 0;
}

.imput-2.navigation {
  color: #3b3b3b;
  text-align: center;
  text-align: center;
  background-color: #fff;
  border: 1px solid #faf1db;
  border-radius: 10px;
  height: 50px;
  margin-bottom: 10px;
}

.footer-link-2 {
  color: #4a4a4a;
  border-bottom: 2px solid #0000;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  transition: border .3s, color .3s;
  display: inline-block;
}

.footer-link-2:hover {
  color: #474747;
  border-bottom: 2px solid #f1b24b;
  text-decoration: none;
}

.footer-link-2.w--current:hover {
  color: #f1b24b;
}

.image-407 {
  max-width: 60%;
  margin-bottom: 140px;
}

.form-2 {
  color: #30364d;
  background-color: #fff;
  border: 1px solid #a5a5a524;
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.footer-side-2 {
  background-color: #0000;
  width: 50%;
  padding-top: 98px;
  padding-bottom: 98px;
  padding-right: 60px;
}

.footer-side-2.flex-side {
  border-left: 1px solid #30364d2e;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 60px 0 60px 60px;
  display: flex;
}

.error-message-2 {
  color: #fff;
  text-align: center;
  background-color: red;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-copyright-2 {
  color: #666;
  border-top: 1px solid #e0e0e0;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.success-message-2 {
  color: #fff;
  background-color: #0dcc43;
  border-radius: 10px;
}

.footer-bottom-text-2 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

.dropdown-link-2 {
  color: #666;
  background-color: #cbcbcb17;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-2:hover {
  background-color: #f1b24b17;
  border-radius: 5px;
}

.dropdown-link-2.w--current {
  color: #f1b24b;
  background-color: #cbcbcb17;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dropdown-link-2.w--current:hover {
  color: #4bb39a;
  background-color: #f1b24b17;
}

.dropdown-list-2 {
  margin-left: 2px;
}

.dropdown-list-2.w--open {
  border: 1px solid #f8f8ff;
  border-radius: 10px;
  margin-left: -570px;
  margin-right: 0;
  display: block;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list-2.resources {
  background-color: #fff;
  border: 1px solid #f8f8ff;
  border-radius: 10px;
  margin-left: -201px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.dropdown-list-2.template.w--open {
  margin-left: -176px;
}

.dropdown-list-2.template {
  border: 1px solid #f8f8ff;
  border-radius: 10px;
  margin-left: -435px;
  overflow: hidden;
  box-shadow: 0 10px 20px #0000001a;
}

.drop-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: .25fr minmax(127px, .25fr) 2.25fr;
  grid-auto-flow: row;
  width: 700px;
}

.drop-grid-2.landing {
  border-radius: 0;
  grid-template-columns: 1fr .25fr .75fr;
  width: 600px;
}

.text-2 {
  color: #30364d;
  flex: 0 auto;
  font-weight: 500;
}

.text-2:hover {
  color: #279185;
}

.nav-link-2 {
  text-align: center;
  min-width: auto;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-2.w--current {
  color: #424242;
}

.nav-link-2.w--current:hover {
  color: #555;
}

.nav-link-2.p-p {
  text-align: center;
  min-width: 170px;
}

.nav-menu-2 {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-405 {
  margin-top: 33px;
}

.cta-icon-2 {
  background-image: url('../images/Untitled-design.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.small-text-2 {
  color: #6a4ee1;
  text-transform: uppercase;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.small-text-2.white {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
}

.background-video {
  background-color: #0000006b;
  background-image: none;
  height: auto;
  padding: 100px 20px;
}

.bold-text-2 {
  font-style: normal;
  text-decoration: underline;
}

.light-text-header-2 {
  font-weight: 400;
}

.light-text-header-2.text-small {
  font-size: 30px;
}

.dots-animation-16 {
  background-color: #0000;
  border-radius: 20%;
  width: 45px;
  height: 15px;
  margin: auto 10px;
}

.dots-animation-17 {
  background-color: #4bb39a87;
  border-radius: 20%;
  width: 18px;
  height: 18px;
  position: relative;
  inset: 73% auto auto -44%;
}

.dots-animation-18 {
  background-color: #4bb39a33;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 58% 30% auto auto;
}

.dots-animation-19 {
  background-color: #ffffff69;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.dots-animation-20 {
  background-color: #0000;
  border-radius: 20%;
  width: 55px;
  height: 55px;
  position: relative;
  top: 17%;
}

.dots-animation-21 {
  background-color: #0000;
  border-radius: 20%;
  width: 120px;
  height: 20px;
  position: relative;
  inset: 572px auto auto 215px;
}

.breadcrumbs-2 {
  color: #999;
  text-align: left;
  text-transform: capitalize;
  border: 1px #000;
  border-radius: 8px;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: center;
  padding: 8px 12px;
  line-height: 16px;
  display: flex;
}

.dots-animation-22 {
  opacity: .24;
  background-color: #0000;
  border-radius: 20%;
  width: 60px;
  height: 60px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-23 {
  background-color: #ff995da1;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  margin-left: 0;
  position: relative;
  top: 56%;
  bottom: auto;
  left: 30%;
}

.dots-animation-24 {
  background-color: #ffffff91;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.subpage-title-2 {
  color: var(--white);
}

.subpage-title-2:hover {
  color: #279185;
}

.dots-animation-25 {
  background-color: #0000;
  border-radius: 20%;
  width: 60px;
  height: 32px;
  position: relative;
  top: 32%;
  right: -18%;
}

.dots-animation-26 {
  background-color: #0000;
  border-radius: 20%;
  width: 30px;
  height: 30px;
  position: relative;
  inset: 78% 15% auto auto;
}

.dots-animation-27 {
  background-color: #40d1304d;
  border-radius: 20%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: auto;
  bottom: 14%;
  right: 8%;
}

.dots-animation-28 {
  background-color: #0000;
  border-radius: 20%;
  width: 70px;
  height: 45px;
  position: relative;
  inset: 37% auto auto -23%;
}

.dots-animation-29 {
  background-color: #0000;
  border-radius: 20%;
  width: 50px;
  height: 40px;
  position: relative;
  inset: 45% -22% auto 0%;
}

.testimonials-wrapper-2 {
  border-radius: 8px;
  align-items: center;
  width: auto;
  margin: 20px auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.testimonials-t3 {
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.page-contents-4 {
  color: #141414;
  background-color: #fff0;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.page-contents-4.pc7 {
  background-color: #0000;
  height: 100vh;
  padding-bottom: 10px;
  padding-left: 100px;
  padding-right: 100px;
}

.page-contents-4.trems {
  height: 100%;
}

.html-embed-3 {
  background-color: #0000;
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.section-2 {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: auto;
}

.container-3 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1296px;
  margin: 0 auto;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.content-width-extra-large {
  width: 100%;
  max-width: 612px;
}

.content-width-extra-large.align-center {
  flex: 0 auto;
  align-self: center;
  margin-left: 0;
  display: block;
}

.article-2 {
  margin-top: 60px;
  font-family: Inter, sans-serif;
  display: block;
}

.section-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
  position: relative;
  top: auto;
}

.container-4 {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 1296px;
  margin: 0 auto;
  padding: 20px 24px 60px;
  display: flex;
  position: relative;
}

.article-4 {
  display: block;
}

.article-3 {
  font-family: DM Sans, sans-serif;
  display: block;
}

.success {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 95vh;
  padding: 175px 3%;
  display: flex;
}

.animation-2 {
  width: 100px;
  height: 100px;
  margin-bottom: 25px;
}

.form-title-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 35px;
  font-family: DM Sans, sans-serif;
  display: flex;
}

.form-section-title-2 {
  color: #5c5c5c;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.span-blue {
  color: #00b8a5;
}

.paragraph-5 {
  color: #696969;
  text-align: center;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 23px;
}

.link-5 {
  color: #00b8a5;
}

.columns {
  height: 100vh;
}

.small-intro-2 {
  width: 100%;
  max-width: 450px;
  margin-top: 100px;
  margin-bottom: 0;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 10px;
}

.html-embed-4 {
  height: 100vh;
  margin-top: 0;
}

.body-2 {
  height: 100vh;
}

.text-span-5 {
  text-decoration: underline;
}

.text-span-6 {
  font-weight: 400;
}

.text-span-7 {
  text-decoration: underline;
}

.text-span-8 {
  font-weight: 400;
}

.column {
  height: 100vh;
}

.paragraph-6 {
  margin-top: 0;
  margin-bottom: 0;
}

.image-408 {
  width: 380px;
  margin-top: 0;
  display: block;
}

.column-2 {
  height: 100vh;
}

.column-3 {
  margin-top: 100px;
}

.text-span-9, .text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14 {
  font-weight: 400;
}

.text-span-15, .text-span-15.new {
  color: var(--white);
}

.text-span-16 {
  font-weight: 400;
  text-decoration: underline;
}

.pricing-card-2 {
  background-color: var(--white);
  color: #333;
  text-align: center;
  text-transform: capitalize;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 45px 50px 50px;
  text-decoration: none;
  transition: transform .3s;
  position: relative;
  box-shadow: 0 5px 20px #30364d33;
}

.pricing-card-2:hover {
  transform: translate(0, -10px);
}

.pricing-list-table-2 {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.small-search-text-2 {
  color: #e3bf63;
  text-transform: none;
  margin-bottom: 10px;
}

.small-search-text-2.title {
  color: #e7c773;
  font-family: DM Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.pricing-list-2 {
  color: #30364d;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
}

.tag-label-2 {
  color: #fff;
  background-color: #23c4ab;
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 22px;
}

.pricing-post-info-2 {
  color: #666;
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.button-3 {
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  background-color: #e7c773;
  background-image: linear-gradient(#e7c773, #f29b54);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button-3:hover {
  background-image: linear-gradient(1800deg, #f29b54, #f29b54 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.nav-link-3 {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-3:hover {
  color: #2ba193;
}

.nav-link-3.w--current {
  color: #313131;
}

.nav-link-3.w--current:hover, .nav-link-3.w--open:hover {
  color: #2ba193;
}

.learn-more-3 {
  color: #6a4ee1;
  text-transform: uppercase;
  border-bottom: 2px solid #d2d2f5;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.learn-more-3:hover {
  color: #6a4ee1;
  border-bottom-color: #6a4ee1;
}

.learn-more-3.read-their-story {
  color: #6a4ee1;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.drop-title-2 {
  color: #4e4e4e;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
}

.form-3 {
  color: #30364d;
  background-color: #f8f8ff;
  border: 1px solid #d2d2f5;
  border-radius: 10px;
  align-items: center;
  padding: 5px 5px 5px 20px;
  display: flex;
}

.form-3.navigation {
  background-color: #faf1dba6;
  border-style: none;
  flex-direction: column;
  padding-left: 5px;
}

.navbar-2 {
  z-index: 999;
  background-color: #188453;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-2._1 {
  top: 35%;
}

.dropdown-link-3 {
  color: #666;
  align-items: center;
  margin-top: 20px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-3:hover {
  color: #279185;
  background-color: #faf1dc;
  border-radius: 5px;
}

.dropdown-link-3.w--current {
  color: var(--dim-grey);
  background-color: #faf1db;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.button-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  background-color: #b87df9;
  background-image: linear-gradient(#b87df9, #6a4ee1);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-family: DM Sans, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button-4:hover {
  background-image: linear-gradient(1800deg, #b87df9, #6a4ee1 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.button-4.nav-button.new-nav-btn {
  background-color: #e4b43a;
  background-image: linear-gradient(to right, #ebc86f, #e4b43a);
}

.button-4.subscribe-button {
  background-color: #6a4ee1;
  border-radius: 8px;
  width: 160px;
}

.button-4.subscribe-button:hover {
  background-image: linear-gradient(#b87df9, #6a4ee1 64%);
}

.button-4.subscribe-button.navigation {
  background-color: #faf1db;
  background-image: linear-gradient(#2ba193, #3eccbb);
  width: 100%;
}

.button-4.nav-button {
  background-color: #b87df9;
  background-image: linear-gradient(to right, #b87df9, #6a4ee1);
  border: 0 #000;
}

.button-4.nav-button:hover {
  background-image: linear-gradient(to right, #b87df9, #6a4ee1 60%);
}

.button-4.outline {
  background-color: #0000;
  background-image: none;
  border: 1px solid #fff;
  transition: background-color .4s, all .4s;
}

.button-4.outline:hover {
  box-shadow: none;
  color: #6a4ee1;
  background-color: #fff;
}

.button-4.outline.a {
  color: #000;
  border-width: 1px;
  border-color: #000;
}

.button-4.white {
  color: #6a4ee1;
  background-color: #fff;
  background-image: none;
  border: 1px solid #fff;
  transition: background-color .4s, all .4s;
}

.button-4.white:hover {
  box-shadow: none;
  color: #fff;
  background-color: #2e188a;
  border-color: #2e188a;
}

.button-4.white.b {
  color: #fff;
  background-color: #000;
}

.button-4.white.b:hover {
  background-color: #4bb39a;
}

.image-409 {
  margin-top: 0;
}

.nav-link-4 {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-4:hover {
  color: #2ba193;
}

.nav-link-4.w--current {
  color: #6a4ee1;
}

.drop-icon-2 {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}

.drop-list-div-2 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100%;
  padding: 20px 10px;
}

.drop-list-div-2.posts-list.home {
  border-radius: 0;
}

.drop-list-div-2.posts-list.nav-bg {
  background-color: #fdf8ed;
}

.drop-list-div-2.landing {
  width: auto;
}

.drop-list-div-2.posts-list {
  background-color: #f8f8ff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div-2.posts-list.home {
  background-color: #fff;
  border-radius: 0;
}

.drop-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 700px;
}

.drop-grid-3.landing {
  border-radius: 0;
  grid-template-columns: 1fr .25fr .75fr;
  width: 600px;
}

.text-3 {
  color: #2c2c2c;
  flex: 0 auto;
  margin-bottom: 5px;
  font-weight: 500;
}

.dropdown-link-4 {
  color: #666;
  background-color: #faf1db17;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-4:hover {
  background-color: #faf1dbba;
  border-radius: 5px;
}

.dropdown-link-4.w--current {
  color: #2c2c2c;
  background-color: #faf1db6e;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav-link-5 {
  color: var(--white);
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-5:hover {
  color: #e0e0e0;
}

.nav-link-5:active {
  color: #535353;
}

.nav-link-5:focus {
  color: var(--af8057);
}

.nav-link-5.w--current {
  color: #424242;
}

.nav-link-5.w--current:hover {
  color: #555;
}

.button-5 {
  color: #fff;
  text-align: center;
  letter-spacing: -.5px;
  background-color: #f0ad4eb3;
  background-image: linear-gradient(#f0ad4ec4, #d68438);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 14px 24px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .4s;
  display: inline-block;
}

.button-5:hover {
  background-image: linear-gradient(1800deg, #4bb39ac9, #36846bdb 56%);
  box-shadow: inset 0 200px 200px 200px #0202021c;
}

.button-5.nav-button {
  color: var(--white);
  background-color: #000;
  background-image: none;
  border: 0 #000;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.button-5.nav-button:hover {
  background-color: #222;
  background-image: none;
  box-shadow: 1px 1px 4px -2px #696161, inset 0 200px 200px 200px #20202029;
}

.text-span-17 {
  font-weight: 400;
  text-decoration: underline;
}

.big-lightbox-2 {
  filter: contrast(122%);
  background-color: #f0f0f0;
  background-image: url('../images/Untitled-7.jpg');
  background-position: 0 0;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 600px;
  margin-top: -250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  box-shadow: inset 0 0 3px #d2d2f5;
}

.video-button-2 {
  z-index: 10;
  background-color: #0000;
  background-image: url('../images/icons8-play-96-2_1icons8-play-96 (2).png'), linear-gradient(#eace85, #e1b851);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin: auto;
  transition: transform .3s;
  position: relative;
  top: 106px;
}

.video-button-2:hover {
  transform: scale(1.1);
}

.column-5 {
  height: 100vh;
}

.page-tittle-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.features-card-vr-2-3 {
  color: #333;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px #f9f1dc3d;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 400px;
  padding: 60px 40px 40px;
  text-decoration: none;
  transition: box-shadow .2s, transform .3s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 20px #c2c2c299;
}

.features-card-vr-2-3:hover {
  transform: translate(0, -10px);
  box-shadow: 0 5px 20px #e4e4e4;
}

.container-5 {
  z-index: 2;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.learn-more-4 {
  color: #f0ad4e;
  text-transform: uppercase;
  border-bottom: 2px solid #eace85;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.learn-more-4:hover {
  color: #878787;
  border-bottom-color: #e4bf62;
}

.learn-more-4.read-their-story {
  color: #f0ad4e;
  border-bottom-color: #f1b24b;
  margin-bottom: 0;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.text-header-2 {
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DM Sans, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

.small-info-3 {
  color: #666;
  text-align: center;
  margin-top: 40px;
  font-family: DM Sans, sans-serif;
}

.features-card-vr-2-4 {
  color: #333;
  text-transform: capitalize;
  background-color: #0000;
  border: 1px #f3e3b98a;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 400px;
  max-height: 600px;
  padding: 60px 40px 40px;
  font-family: DM Sans, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
}

.features-card-vr-2-4:hover {
  transform: translate(0, -10px);
  box-shadow: 0 5px 20px #f2f2f2;
}

.text-span-18 {
  font-weight: 400;
}

.paragraph-7 {
  margin-top: 40px;
  font-size: 16px;
}

.paragraph-8 {
  border: 1px #b9b9b9;
  border-left: 1px solid #e1e1e1;
  margin-top: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 32px;
}

.text-block-30 {
  color: #686868;
  text-align: center;
  font-family: Inconsolata, monospace;
  font-size: 14px;
  position: static;
  top: 0;
}

.column-6 {
  background-image: none;
  background-size: auto;
  height: 100vh;
}

.feature-box {
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.feature-icon {
  width: 24px;
  margin-right: 12px;
}

.feature-text {
  color: #fff;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-44 {
  z-index: auto;
  width: 80px;
  height: 80px;
  position: fixed;
  top: auto;
  bottom: 75%;
  left: 62%;
}

.div-block-44.div-block-45-a {
  width: auto;
  height: 20px;
  top: 180px;
  bottom: 0%;
  left: 60%;
}

.legal-box {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.legal-box._2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.footer-background-image {
  width: 20vw;
  max-width: 380px;
  height: auto;
  position: absolute;
  inset: auto 0 -41px auto;
}

.container-10 {
  background-color: #0000;
  border: 1px #0000;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-top: auto;
  display: flex;
}

.logo-img {
  width: 35px;
  margin-top: 40px;
}

.page-contents-2 {
  color: #141414;
  background-color: #fff0;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  position: relative;
  overflow: hidden;
}

.page-contents-2.pgc3.pc4 {
  padding-top: 60px;
}

.page-contents-2.pgc3.pc4.px5 {
  background-image: url('../images/Academikx-Tutor.jpg');
  background-size: cover;
}

.content-wrapper {
  z-index: 50;
  flex-direction: column;
  justify-content: space-between;
  max-width: 454.4px;
  height: 100%;
  margin-top: auto;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.html-embed-7 {
  z-index: 2;
  background-color: #0000;
  min-width: 100%;
  height: 100vh;
  min-height: 150%;
  margin-top: 40px;
  display: block;
  position: relative;
}

.brand-2 {
  align-self: flex-start;
}

.column-7 {
  background-color: var(--white);
  height: 100vh;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  box-shadow: -3px 0 13px -4px #5f5f5f;
}

.column-7.p-e {
  background-color: var(--white);
}

.div-block-43 {
  height: 50px;
}

.heading-1 {
  color: #fff;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 42px;
  font-weight: 400;
  line-height: 130%;
}

.legal-text {
  opacity: .85;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
}

.text-span-19 {
  text-decoration: underline;
}

.text-span-20 {
  font-weight: 400;
}

.text-span-21 {
  font-weight: 700;
}

.toggle-origin {
  color: #000;
  margin-right: 20px;
  padding-left: 12px;
  padding-right: 24px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.toggle-origin:hover {
  color: #74a94c;
}

.menu-title {
  font-size: 15px;
  font-weight: 700;
}

.dropdown-origin {
  margin-left: 5px;
  margin-right: 5px;
  position: static;
}

.navigation-menu-origin {
  align-items: center;
  display: flex;
}

.brand {
  width: 60px;
  height: 60px;
}

.image-origin {
  width: 100%;
  position: relative;
  top: 12px;
}

.list-wrap-origin {
  background-color: #fff;
  border-radius: 10px;
  max-width: 55%;
  margin-top: 0;
  padding: 0 44px;
  position: absolute;
  left: 208px;
}

.header {
  background-color: #fff;
  min-height: 720px;
  position: fixed;
}

.navigation-origin {
  background-color: #0000;
  background-image: linear-gradient(90deg, #fde3b4d6, #fff);
  align-items: center;
  height: 80px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.navigation-origin:hover {
  background-color: #0000;
}

.nav-container-origin {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-column-origin {
  flex-direction: column;
  padding-top: 14px;
  padding-bottom: 14px;
}

.link-column-origin.new {
  max-width: 100%;
  padding-left: 20px;
}

.image-wrap-origin {
  margin-top: 0;
}

.icon-circle {
  background-color: #fadd9e57;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  margin-right: 14px;
  display: flex;
}

.icon-circle.new {
  border-radius: 10px;
}

.icon-circle.new.a {
  background-color: #f4a2614d;
  padding: 5px 8px;
}

.icon-circle.new.b {
  background-color: #e9c46a4d;
  padding: 5px 8px;
}

.icon-circle.new.c {
  background-color: #2a9d8f4d;
  flex-direction: row;
  padding: 20px 8px 5px;
}

.link-wrap-origin {
  color: #000;
  border-radius: 15px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 14px 10px;
  text-decoration: none;
  transition: all .35s;
  display: flex;
}

.link-wrap-origin:hover {
  color: #f9ac4d;
  background-color: #fff;
}

.link-wrap-origin.new {
  margin-top: 0;
  margin-bottom: 5px;
  padding: 10px 0;
}

.link-wrap-origin.new:hover {
  color: var(--af8057);
}

.nav-menu-origin {
  color: #333;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: auto;
  display: flex;
  position: static;
}

.button-origin {
  background-color: #0000;
  background-image: linear-gradient(117deg, #80b356, #a0c680);
  border-radius: 10px;
  padding: 16px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: all .35s;
  box-shadow: 2px 2px 8px -1px #9c9c9c;
}

.button-origin:hover {
  background-color: #a0c680;
  background-image: none;
  border-radius: 5px;
}

.chevron-origin {
  margin-right: 5px;
  font-size: 14px;
}

.brand-logo {
  width: 150px;
}

.nav-link-origin {
  color: #000;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-origin:hover {
  color: #e2b33c;
}

.nav-link-origin.new-nav-link {
  color: var(--af8057);
  margin-left: 0;
  margin-right: 20px;
}

.nav-link-origin.new-nav-link:hover {
  color: #74a94c;
}

.navigation-grid-origin {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.list-origin {
  min-width: 100%;
}

.list-origin.w--open {
  background-color: #0000;
  padding-top: 0;
  position: absolute;
  inset: 80px 0 auto;
  box-shadow: 4px 70px 50px #00000014;
}

.container-origin {
  color: #333;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.menu-subtext {
  opacity: .5;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}

.menu-subtext:hover {
  color: var(--af8057);
}

.button-inner-panther {
  box-shadow: none;
  color: #ffab15;
  background-color: #ffab1530;
  border-radius: 5px;
  padding: 10px 20px;
  transition: all .35s;
  display: inline-block;
}

.list-wrap-panther {
  background-color: #fff;
  width: 100%;
  display: block;
}

.toggle-panther {
  color: #000;
  padding-left: 12px;
  padding-right: 24px;
  font-size: 15px;
  font-weight: 500;
  transition: all .2s;
}

.toggle-panther:hover {
  color: #74a94c;
}

.content-wrap-panther {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.arrow-right {
  position: absolute;
  inset: auto 5% 5% auto;
}

.navigation-menu-panther {
  align-items: center;
  display: flex;
}

.chevron-panther {
  margin-right: 5px;
  font-size: 14px;
}

.button-panther {
  background-color: #79cabe;
  border-radius: 10px;
  padding: 18px 24px;
  transition: all .35s;
}

.column-panther {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 450px;
  padding: 0 33px 33px;
  text-decoration: none;
  transition: all .35s;
}

.column-panther:hover {
  color: var(--af8057);
  background-color: #e7c15f2e;
}

.menu-title-dark {
  color: #000;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}

.dropdown-panther {
  margin-left: 5px;
  margin-right: 5px;
  position: static;
}

.image-2-copy {
  width: 100%;
  margin-bottom: 32px;
}

.navigation-panther {
  background-color: #fff;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  box-shadow: 38px 38px 74px #38327c0f;
}

.menu-subtext-dark {
  color: #0009;
  font-size: 15px;
}

.nav-link-panther {
  color: #000;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-panther:hover {
  color: #79cabe;
}

.menu-cta-wrap {
  margin-top: 10px;
}

.container-panther {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-title-panther {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.column-cta-panther {
  background-color: #8ee1d7;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25%;
  padding: 20px 33px 33px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.column-cta-panther.crisp-button {
  background-color: #cadfb9e6;
  width: 33%;
  margin-right: 0;
}

.nav-menu-panther {
  color: #000;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
}

.list-panther {
  min-width: 100%;
}

.list-panther.w--open {
  background-color: #0000;
  padding-top: 0;
  position: absolute;
  bottom: auto;
  left: 0;
  right: 0;
  box-shadow: 4px 70px 50px #00000014;
}

.asset-panther {
  width: 200px;
  height: 200px;
  margin-bottom: 32px;
}

.nav-container-panther {
  background-color: #fff;
  min-width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.navigation-dropdown {
  min-width: 140px;
}

.navigation-dropdown.w--open {
  background-color: #0000;
  min-width: 320px;
  max-height: 100vh;
  padding-top: 10px;
  left: -100px;
}

.navigation-dropdown.dropdown-long {
  min-width: 500px;
  left: -185px;
}

.dropdown-image {
  border-radius: 10px;
  margin-top: 24px;
  margin-bottom: 14px;
}

.dropdown-column-left {
  flex-direction: column;
  width: 50%;
  height: 100%;
  display: flex;
}

.nav-menu-3 {
  color: #283338;
  align-items: center;
  margin-right: 50px;
  font-size: 15px;
  display: flex;
  position: static;
}

.brand-logo-2 {
  justify-content: flex-start;
  align-items: center;
  margin: 12px 18px;
  display: flex;
}

.dropdown-block {
  z-index: 25;
  color: #283338;
  background-color: #fafafa;
  border-top: 1px solid #00000014;
  align-items: center;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  position: relative;
}

.button-6 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #392396;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-weight: 600;
  transition: box-shadow .2s;
  display: flex;
}

.button-6:hover {
  opacity: 1;
  box-shadow: inset 100px 0 100px 100px #0000004d;
}

.button-6.button-outline {
  color: #141414;
  background-color: #0000;
  border: 1px solid #1414141a;
}

.button-6.button-outline:hover {
  box-shadow: inset 100px 0 100px 100px #1414141a;
}

.button-6.button-outline.nav-bar-button {
  color: #232323;
  border-color: #777879;
  flex: none;
  margin-top: 5px;
  padding-top: 11px;
  padding-bottom: 12px;
}

.button-6.button-outline.nav-bar-button.nav-menu-link {
  border-color: #a7a7a7;
  border-radius: 5px;
}

.button-6.button-outline.nav-bar-button.nav-menu-link:hover, .button-6.button-outline.nav-bar-button.nav-menu-link:active {
  border-style: none;
}

.dropdown-pointer {
  position: relative;
}

.navigation-right {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  font-size: 16px;
  display: flex;
}

.dropdown-link-5 {
  z-index: 25;
  color: #283338;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dropdown-link-5:hover {
  color: #00a896;
  background-color: #fafafacc;
}

.dropdown-toggle {
  padding-left: 12px;
  padding-right: 24px;
  transition: all .2s;
}

.dropdown-toggle:hover {
  color: #00a896;
}

.pointer {
  z-index: 20;
  background-color: #fff;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -2% 4% auto 0%;
  transform: rotate(45deg);
}

.icon-4 {
  margin-right: 5px;
}

.navigation {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.nav-content-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 12px;
  display: flex;
}

.nav-content-wrap:hover {
  color: #00a896;
}

.navigation-container-mob {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-left {
  align-items: center;
  width: 50%;
  display: flex;
}

.navigation-mob {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  inset: 0% 0% auto;
}

.dropdown-column-right {
  background-color: #fafafa;
  border-left: 1px solid #00000014;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  padding: 25px;
}

.navigation-link {
  color: #4a4a4a;
  justify-content: center;
  align-items: center;
  padding: 20px 12px;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-link:hover {
  color: #00a896;
}

.navigation-link.w--current {
  color: #4a4a4a;
  margin-right: 0;
}

.icon-wrap {
  background-color: #02c39a1a;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 8px;
  display: flex;
}

.dropdown-wrapper {
  background-color: #fff;
  border-radius: 10px;
  min-width: 140px;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.dropdown-wrapper-flex {
  background-color: #fff;
  border-radius: 10px;
  align-items: flex-start;
  min-width: 140px;
  display: flex;
  overflow: hidden;
  box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}

.dropdown-wrapper-flex.w--open {
  background-color: #fff;
  border-radius: 15px;
  min-width: 300px;
  max-height: 100vh;
  left: -97px;
  box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}

.login-buttons {
  align-items: center;
  margin-left: 30px;
  display: flex;
}

.nav-link-details {
  color: #28333899;
  white-space: normal;
  font-size: 14px;
}

.dropdown-title {
  margin-bottom: 2px;
  font-size: 15px;
}

.dropdown-title:hover {
  color: #00a896;
}

.dropdown-link-mobile {
  color: #283338;
  width: 100%;
  padding: 20px 22px 16px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-mobile:hover {
  background-color: #f8faff;
}

.text-block-21 {
  color: #fff;
}

.text-block-21.navigation-link {
  color: #4a4a4a;
}

.flowbase-logo {
  width: 54px;
}

.text-block-20 {
  color: #fff;
}

.text-block-20:hover {
  color: #02c39a;
}

.text-block-20.navigation-link {
  color: #4a4a4a;
}

.navigation-container {
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: 100%;
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 30px;
  display: flex;
}

.image-8 {
  position: relative;
  right: auto;
}

.icon-5 {
  width: 100%;
}

.button-origin-2 {
  box-shadow: none;
  -webkit-text-fill-color: inherit;
  background-color: #74a94c;
  background-image: linear-gradient(117deg, #74a34e, #91c467);
  background-clip: border-box;
  border-radius: 5px;
  padding: 16px 32px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: all .35s;
}

.button-origin-2:hover {
  background-color: #a0c680;
  background-image: none;
  border-radius: 5px;
}

.header-2 {
  background-color: #e8e8e8;
}

.header-2:hover {
  background-color: #fef8ec;
}

.div-block-45 {
  width: 320px;
}

.paragraph-9, .paragraph-10 {
  color: #252525;
  font-size: 16px;
}

.heading-5 {
  color: #7c7c7c;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  display: flex;
}

.div-block-46 {
  min-height: 400px;
  max-height: 600px;
}

.process-title-wrap {
  text-align: left;
  max-width: 680px;
  margin-bottom: 100px;
  margin-left: 0;
  margin-right: auto;
}

.feature-icon-square {
  background-color: #fdf4e0e0;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-bottom: 40px;
  display: flex;
  box-shadow: 2px 30px 40px -32px #666666a8;
}

.feature-title {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 1.2;
}

.process-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.feature-paragraph {
  color: #4f4f4f;
  font-size: 15px;
  line-height: 32px;
}

.process-card-primary {
  box-shadow: none;
  border-radius: 30px;
  min-width: 420px;
  padding: 40px 20px;
  transition: all .3s;
  position: relative;
}

.process-card-primary:hover {
  background-color: #fff;
  box-shadow: 23px 23px 40px #e5e5e566;
}

.process-heading {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 25px;
  line-height: 1.3;
}

.process-section {
  background-color: #0000;
  padding: 60px 2% 100px;
}

.process-arrow-01 {
  max-width: 60%;
  position: absolute;
  inset: 15% -80px auto auto;
}

.process-arrow-02 {
  max-width: 60%;
  position: absolute;
  inset: auto -80px 45% auto;
}

.process-grid {
  grid-column-gap: 80px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.process-subheading {
  color: #4f4f4f;
  font-size: 16px;
  line-height: 1.5;
}

.content-grid {
  grid-column-gap: 92px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.content-image-wrap {
  min-width: 600px;
  max-width: 600px;
  position: relative;
}

.content-feature-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.content-container {
  min-width: 80%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.content-heading {
  color: #e3e3e3;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 40px;
  font-weight: 500;
  line-height: 45px;
}

.feature-card-2 {
  text-align: center;
  background-color: #f1b24bdb;
  border-radius: 14px;
  padding: 24px 16px;
  position: relative;
  top: -288px;
  left: -742px;
  box-shadow: 29px 41px 45px -20px #dfdfdfc4;
}

.feature-card-2._3 {
  box-shadow: none;
  background-color: #89b964;
  top: -725px;
}

.feature-card-2._2 {
  z-index: 2;
  box-shadow: none;
  background-color: #545454;
  top: -311px;
  left: -679px;
}

.feature-card-2._1 {
  z-index: 4;
  box-shadow: none;
  background-color: #f1b24b;
  top: -217px;
  left: -186px;
}

.feature-number {
  color: #fff;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}

.content-wrapper-2 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 80%;
  display: flex;
}

.content-image {
  border-radius: 20px;
  position: relative;
  top: 89px;
  left: 48px;
}

.content-section {
  padding: 100px 3% 60px;
  display: block;
}

.content-paragraph {
  color: #969696;
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
}

.feature-text-2 {
  color: #fffaf0;
  font-weight: 700;
}

.content-wrapper-3 {
  max-width: 100%;
}

.content-wrapper-3.cg {
  z-index: 5;
  background-image: linear-gradient(135deg, #fff0, #0000);
  border-radius: 20px;
  max-width: 85%;
  height: 550px;
  padding: 40px 25px;
  position: relative;
  top: auto;
}

.content-grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  align-items: center;
  position: relative;
}

.image-card {
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  max-width: 80%;
  position: relative;
  inset: 307px auto auto 421px;
  box-shadow: -29px 34px 45px -30px #00000030;
}

.content-image-2 {
  border-radius: 50px;
  width: 100%;
  max-width: 80%;
  position: absolute;
  top: 203px;
  left: 97px;
}

.content-image-2.a {
  box-shadow: none;
}

.content-image-2.b {
  z-index: 1;
  width: auto;
  max-width: 70%;
  top: 165px;
  bottom: auto;
  left: 44px;
}

.image-wrap {
  text-align: right;
  max-width: 100%;
  height: 19%;
  position: relative;
}

.content-container-2 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.red-text {
  color: #ffcf66;
}

.image-card-title {
  color: #242424;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.content-section-2 {
  background-color: #fff;
  background-image: none;
  border-radius: 10px;
  max-width: 100%;
  height: 800px;
  padding: 60px 5%;
  position: static;
  top: -63px;
  overflow: hidden;
}

.content-section-2.a {
  background-color: #0000;
  border-top-left-radius: 0;
  padding-top: 10px;
  display: none;
}

.content-section-2.b {
  background-color: #0000;
  background-image: none;
  border-radius: 20px;
  padding-bottom: 100px;
}

.large-heading {
  color: #4f4f52;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 45px;
  font-weight: 700;
  line-height: 58px;
}

.large-heading.a.s {
  color: #3c4043;
  margin-bottom: 24px;
  font-family: Circularstd, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 38px;
}

.image-card-02 {
  color: #a0a0a0;
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  max-width: 31%;
  padding: 10px 26px 10px 18px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto -5vw auto auto;
  box-shadow: 18px 24px 150px #0000001a;
}

.image-card-02.a {
  background-color: #fff;
  min-height: 100px;
  top: 411px;
  left: 739px;
  right: 0;
  box-shadow: 21px 28px 60px -20px #79797929;
}

.list-item {
  color: #665e73;
  background-image: none;
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
  font-size: 18px;
  line-height: 27px;
}

.section-paragraph {
  color: #000;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.image-card-icon {
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

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

.container-11 {
  width: 100%;
  min-width: 80%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.integration {
  border: 1px #ffffff7d;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 200px;
  height: 100%;
  min-height: 200px;
  display: flex;
  box-shadow: 25px 0 50px -17px #c9c9c9;
}

.custom-tooltips {
  display: block;
}

.integration-section {
  padding: 100px 5%;
}

.title-2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.integration-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 420px;
  max-width: 80%;
  display: flex;
}

.integration-logo {
  width: 75px;
}

.form-heading {
  color: #1a1a1a;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

.integration-cell {
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.button-7 {
  background-color: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  margin-top: 10px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.form-subheading {
  color: #767676;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 400;
  line-height: 34px;
}

.content-grid-3 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  grid-template-rows: auto;
  min-width: 80%;
}

.integration-grid {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-section {
  padding: 80px 10%;
}

.feature-block {
  align-items: center;
  display: flex;
}

.feature-block-header {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 300px;
  padding-left: 72px;
  display: flex;
  position: relative;
}

.feature-wrapper {
  border-radius: 10px;
  align-items: flex-start;
  padding: 20px 10px;
  display: flex;
  box-shadow: 32px 32px 60px -18px #eee;
}

.title-wrapper {
  color: #000;
  letter-spacing: 2px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.feature-paragraph-2 {
  color: #6b6b6b;
  font-size: 15px;
  line-height: 25px;
}

.title-line {
  background-color: #000;
  width: 30px;
  height: 1px;
  margin-right: 24px;
}

.feature-title-2 {
  color: #686868;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 44px;
}

.feature-number-2 {
  color: #b5b5b5;
  margin-top: 10px;
  margin-right: 30px;
  font-size: 24px;
  line-height: 32px;
}

.feature-header {
  color: #2a2a2a;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 48px;
}

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

.feature-details {
  color: #2a2a2a;
  font-size: 16px;
  line-height: 25px;
}

.feature-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.feature-pink-block {
  z-index: -1;
  background-color: #fdf4e0e0;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 30px;
  width: 300px;
  height: 300px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-410 {
  position: static;
  top: -153.328px;
}

.cta-grid {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  background-image: none;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  grid-template-rows: auto;
}

.cta-section {
  background-color: #fff;
  border-radius: 40px;
  margin-left: 100px;
  margin-right: 100px;
  padding: 100px 3% 20px;
  position: relative;
  top: auto;
}

.title-large {
  color: #0a291e;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 60px;
  font-weight: 400;
  line-height: 72px;
}

.button-detail {
  color: #323232;
  max-width: 350px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 24px;
}

.image-wrapper {
  align-items: flex-end;
}

.small-detail {
  color: #000;
  margin-top: 40px;
  font-size: 12px;
  line-height: 24px;
}

.cta-container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.button-wrapper-2 {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.logo-button {
  background-color: #adebd6;
  border-radius: 500px;
  margin-right: 40px;
  padding: 18px 32px;
}

.cta-content-block {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.image-411 {
  z-index: 1;
  border-radius: 20px;
  position: relative;
  top: -173px;
  left: -6px;
}

.error-message-3 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.step-title {
  color: #02044a;
  font-size: 16px;
  font-weight: 700;
}

.next-placeholder {
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 159px;
  height: 0;
  margin: auto auto 25px;
  display: none;
}

.slider-embed {
  display: none;
}

.success-message-grace {
  color: #fff;
  background-color: #5f30e2;
  border-radius: 16px;
  max-width: 620px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 50px;
}

.next-button-slide {
  color: #fff;
  text-align: center;
  background-color: #494a7d;
  border-radius: 16px;
  padding: 20px 44px;
  font-size: 16px;
  transition: all .2s;
}

.next-button-slide:hover {
  background-color: #5f30e2;
}

.form-wrapper {
  max-width: 930px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.slide-tab-current {
  background-color: #5f30e2;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  min-width: 55px;
  height: 55px;
  min-height: 55px;
  display: flex;
  box-shadow: 3px 3px 8px #5f30e229;
}

.slide-content {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
}

.step-detail {
  margin-left: 14px;
}

.grid-single-column {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-bottom: 48px;
}

.form-wrap {
  width: 100%;
  min-height: 390px;
}

.title-wrap {
  width: 100%;
  margin-bottom: 40px;
}

.field-label {
  color: #02044a;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.form-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.large-checkbox {
  cursor: pointer;
  background-color: #fff;
  background-image: none;
  background-position: 50% 40%;
  background-repeat: no-repeat;
  background-size: auto;
  border-width: 2px;
  border-color: #dfdfe87a;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: all .3s;
}

.large-checkbox:hover {
  border-color: #5f30e2;
}

.large-checkbox.w--redirected-checked {
  background-color: #0000;
  background-image: none;
  background-position: 50% 40%;
  background-size: auto;
  border-width: 2px;
  border-color: #5f30e2;
}

.large-checkbox.w--redirected-focus {
  box-shadow: none;
}

.large-checkbox.yes, .large-checkbox.no, .large-checkbox.price-1, .large-checkbox.price-2, .large-checkbox.option-02, .large-checkbox.option-02.w--redirected-checked, .large-checkbox.price-3, .large-checkbox.option-03, .large-checkbox.option-03.w--redirected-checked {
  background-image: none;
}

.previous-button {
  opacity: 1;
  color: #5b617c;
  text-indent: -2px;
  flex: none;
  align-self: center;
  padding: 5px 0;
  font-size: 15px;
  transition: opacity .2s ease-in;
  display: none;
}

.previous-button:hover {
  opacity: 1;
  border-bottom-color: #0000008c;
}

.back-button-slide {
  color: #8687a8;
  margin-right: 20px;
  padding: 20px 30px;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
}

.back-button-slide:hover {
  color: #57588f;
}

.step-count-grace {
  color: #5f30e2;
  font-size: 14px;
  font-weight: 500;
}

.slider-tab {
  border-radius: 100px;
  align-items: center;
  padding: 12px;
  display: flex;
}

.slider-tab:hover {
  background-color: #f9f9fb;
}

.slider-tab.active {
  background-color: #f5f1ff;
}

.slide-detail {
  border: 1px solid #dfdfe8;
  border-radius: 16px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-bottom: 64px;
  padding: 12px;
  display: flex;
}

.grid-three-column {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin-bottom: 48px;
}

.field-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.line-break {
  background-color: #dfdfe87a;
  width: 1px;
  min-height: 32px;
  margin-left: 10px;
  margin-right: 10px;
}

.grid-two-column {
  grid-column-gap: 40px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-bottom: 48px;
}

.submit-button-grace {
  color: #fff;
  text-align: center;
  background-color: #494a7d;
  border-radius: 16px;
  padding: 20px 44px;
  font-size: 16px;
  transition: all .2s;
}

.submit-button-grace:hover {
  background-color: #5f30e2;
}

.form-heading-2 {
  color: #02044a;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 28px;
  font-weight: 700;
}

.form-section {
  align-items: flex-start;
  padding: 140px 3%;
  display: flex;
}

.checkbox-field {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 176px;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.slide {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: static;
}

.slide-wrapper {
  display: flex;
}

.active-tab {
  border-radius: 100px;
  align-items: center;
  display: flex;
}

.paragraph-header {
  color: #494a7d;
  font-size: 16px;
}

.checkbox-label {
  color: #494a7d;
  text-align: center;
  font-size: 16px;
  display: block;
  position: absolute;
  inset: auto 0% 20px;
}

.slider-tab-icon {
  width: 26px;
}

.next-button {
  background-color: #5b3acc;
  border-radius: 5px;
  flex: 1;
  align-self: center;
  padding: 12px 32px;
  font-size: 15px;
  transition: background-color .2s ease-in;
  display: none;
}

.text-field-2 {
  cursor: pointer;
  background-color: #f9f9fb;
  border: 1px solid #f9f9fb;
  border-radius: 8px;
  min-height: 58px;
  margin-bottom: 0;
  padding-left: 16px;
  font-size: 16px;
  transition: all .2s;
  position: relative;
}

.text-field-2:hover {
  background-color: #fff;
  border-style: solid;
  border-color: #dfdfe8;
  box-shadow: 1px 1px 4px #02044a0a;
}

.text-field-2:focus {
  border-width: 1.3px;
  border-color: #007bfc;
}

.text-field-2::placeholder {
  color: #8687a8;
}

.previous-placeholder {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 100px;
  height: 0;
  margin-bottom: 30px;
  transition: opacity .2s;
  display: none;
}

.previous-placeholder:hover {
  opacity: 1;
}

.slider {
  background-color: #0000;
  height: auto;
  position: relative;
}

.button-base {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.field-wrap-large {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.slide-banner {
  background-color: #000;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: 680px;
  display: flex;
}

.slide-embed {
  display: none;
}

.checkbox-text {
  color: #08041f;
}

.checkbox-wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.slider-2 {
  background-color: #0000;
  height: 100%;
  min-height: 850px;
  position: relative;
}

.checkbox-large {
  background-color: #f6f7f9;
  border-color: #ccc0;
  border-radius: 10px;
  width: 100%;
  height: 200px;
  margin-top: 0;
  margin-left: 0;
  position: relative;
}

.checkbox-large:active {
  border-color: #8d57ff;
}

.checkbox-large.w--redirected-checked {
  background-color: #8d57ff1a;
  background-image: none;
  border-color: #8d57ff;
}

.checkbox-large.w--redirected-focus {
  box-shadow: 0 0 3px 1px #e9e9e9;
}

.steps-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 72px;
  display: flex;
  position: relative;
}

.submit-form {
  color: #0f1529;
  text-align: center;
  background-color: #b2ff10;
  border-radius: 8px;
  width: 100%;
  padding: 20px 44px;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
}

.facebook {
  color: #fff;
  background-color: #1877f2;
  border: 1px solid #0f15291a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
}

.facebook:hover {
  border-color: #58a1ff;
}

.slide-wrapper-2 {
  min-height: 90vh;
  display: flex;
}

.title-wrap-2 {
  width: 100%;
  margin-bottom: 60px;
}

.step-wrap {
  color: #0f1529;
  flex-direction: column;
  align-items: flex-start;
  min-width: 33.3333%;
  font-size: 16px;
  display: flex;
}

.form-large-title {
  color: #0f1529;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 500;
  line-height: 50px;
}

.slide-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  position: static;
}

.social-button-grid {
  grid-template-rows: auto;
  width: 100%;
}

.button-wrap {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  display: flex;
}

.grey-line {
  background-color: #0f15291a;
  width: 100%;
  height: 1px;
}

.form-image {
  width: 100%;
  max-width: 480%;
}

.divider-wrap {
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.checkbox-content-wrapper {
  color: #0f1529;
  letter-spacing: -.03em;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 22px;
  font-size: 18px;
  line-height: 32px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.checkbox-primary {
  background-color: #f6f7f9;
  border-style: solid;
  border-color: #f6f7f9;
  border-radius: 10px;
  width: 100%;
  min-width: 150px;
  min-height: 60px;
  margin-top: 0;
  margin-left: 0;
  padding: 18px 32px;
  display: block;
}

.checkbox-primary.w--redirected-checked {
  color: #fff;
  background-color: #8d57ff1a;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-style: solid;
  border-color: #8d57ff;
}

.checkbox-primary.small-checkbox {
  min-width: 120px;
}

.checkbox-primary.large-checkbox {
  min-width: 180px;
}

.form-side-wrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-field-3 {
  color: #0f1529;
  cursor: pointer;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #b2ff1000;
  max-width: 85%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  font-size: 16px;
  transition: all .2s;
  position: relative;
}

.text-field-3:hover {
  box-shadow: 1px 1px 4px #02044a0a;
}

.text-field-3:focus {
  border-bottom-color: #b2ff10;
}

.text-field-3::placeholder {
  color: #0f152999;
}

.form-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 620px;
  display: flex;
}

.success-message-3 {
  letter-spacing: 1px;
  padding: 50px;
}

.field-icon {
  margin-bottom: 32px;
}

.form-wrapper-2 {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.checkbox-detail {
  margin-bottom: 0;
}

.form-body-wrap {
  width: 100%;
  min-height: 460px;
}

.field-wrap-2 {
  background-color: #f6f7f9;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 62px;
  padding: 10px 20px;
  display: flex;
  position: relative;
}

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

.checkbox-field-2 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.title-side-form {
  color: #fff;
  letter-spacing: -.03em;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 60px;
}

.back-button-slide-2 {
  color: #0f1529;
  text-align: center;
  width: 100%;
  padding: 21px;
  font-size: 16px;
  text-decoration: none;
}

.google-icon {
  margin-right: 12px;
}

.checkbox-terms {
  color: #000;
  background-color: #fff;
  border-style: solid;
  border-color: #0f15293b;
  border-radius: 10px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 16px;
}

.checkbox-terms.w--redirected-checked {
  background-color: #0f1529;
  background-size: 14px;
}

.form-paragraph {
  color: #0f1529cc;
  font-size: 16px;
  line-height: 28px;
}

.step-line {
  opacity: .1;
  background-color: #0f1529;
  width: 100%;
  height: 1.3px;
}

.step-line.active {
  opacity: 1;
}

.stage-wrap {
  align-items: center;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.field-label-2 {
  color: #0f152966;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
}

.slide-content-2 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 100px 3%;
  display: flex;
  position: relative;
}

.checkbox-field-large {
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.form-icon {
  width: 28px;
  position: absolute;
  inset: auto 20px auto auto;
}

.google {
  color: #0f1529;
  border: 1px solid #0f15291a;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  padding-top: 14px;
  padding-bottom: 14px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
}

.google:hover {
  border-color: #b2ff10;
}

.sign-up-text {
  color: #0f1529;
  text-align: center;
  white-space: nowrap;
  width: 160px;
  margin-left: 12px;
  margin-right: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.checkbox-content {
  text-align: center;
  letter-spacing: -.03em;
  white-space: nowrap;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form-section-2 {
  justify-content: center;
  align-items: flex-start;
  min-height: 90vh;
  display: flex;
}

.logo-image {
  width: 170px;
  margin-bottom: 32px;
}

.title-large-2 {
  color: #0f1529;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.step-block {
  color: #0f1529;
  background-color: #fff;
  border: 1px solid #0f15291a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.step-block.active {
  color: #fff;
  background-color: #0f1529;
}

.next-button-slide-2 {
  color: #0f1529;
  text-align: center;
  background-color: #b2ff10;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 62px;
  padding: 20px 44px;
  font-size: 16px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
}

.form-logo-block {
  width: 100%;
  max-width: 800px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
}

.text-span-22 {
  color: #747474;
}

.div-block-47 {
  background-color: #f1b24b2e;
  border-radius: 10px;
  min-width: 70px;
  max-width: 70px;
  min-height: 70px;
  max-height: 70px;
  margin-top: 10px;
  margin-right: 30px;
  padding: 10px;
  display: flex;
}

.div-block-47.c, .div-block-47.b {
  background-color: #f1b24b2e;
}

.image-412 {
  max-width: 100%;
}

.link-6 {
  color: var(--dim-grey);
  font-weight: 700;
}

.content-grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 80px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: center;
}

.content-paragraph-2 {
  color: #363636;
  font-size: 17px;
  line-height: 25px;
}

.circle-icon {
  background-color: #08a87c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  padding: 4px;
  display: flex;
}

.circle-icon.outline {
  background-color: #0000;
  border: 1px solid #e5e5e5;
}

.content-heading-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}

.content-text-grey {
  color: #6d6d6d;
}

.content-section-3 {
  padding: 60px 3%;
}

.content-text {
  color: #000;
}

.content-image-3 {
  width: auto;
  max-width: 100%;
  position: static;
  top: -393px;
  left: -86px;
}

.content-image-3.a {
  max-width: none;
  top: -230px;
  left: -307px;
}

.button-wrapper-3 {
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.content-wrapper-4 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 80%;
  margin-bottom: 80px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
  position: relative;
  top: -146px;
  left: 48px;
}

.content-wrapper-4.a {
  max-width: 95%;
  top: -98px;
  left: 26px;
}

.content-wrapper-4.b {
  background-image: none;
  border-bottom-left-radius: 20px;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: static;
}

.content-link {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.content-container-3 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

.content-container-3._3 {
  max-width: 100%;
  margin-top: 140px;
  padding-left: 100px;
  padding-right: 100px;
}

.line-break-2 {
  background-color: #e5e5e5;
  width: 1px;
  height: 28px;
  margin-left: 24px;
  margin-right: 24px;
}

.content-wrapper-5 {
  min-width: 120%;
}

.image-card-3 {
  background-color: #fff;
  border-radius: 10px;
  position: absolute;
  inset: auto auto 30% -20%;
  box-shadow: -19px 23px 150px #0000001a;
}

.red-text-2 {
  color: #ff9066;
}

.large-heading-2 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}

.image-card-4 {
  color: #a0a0a0;
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  align-items: center;
  max-width: 75%;
  padding: 10px 26px 10px 18px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
  inset: auto -5vw 5% auto;
  box-shadow: 18px 24px 150px #0000001a;
}

.section-paragraph-2 {
  color: #665e73;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.text-span-23 {
  color: #89b964;
}

.paragraph-11 {
  color: #353535;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.feature-icon-2 {
  background-color: #89b964;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-right: 16px;
  padding: 8px;
  display: flex;
}

.feature-icon-2.a {
  background-color: #e76f51b3;
}

.feature-icon-2.b {
  background-color: #f4a261b3;
}

.feature-icon-2.c {
  background-color: #93b777b3;
}

.feature-icon-2.d {
  background-color: #e9c46ab3;
}

.feature-title-3 {
  color: #1e1e1e;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 1.2;
}

.feature-section-2 {
  background-color: #fff;
  padding: 70px 3%;
}

.features-title-wrap {
  text-align: center;
  max-width: 600px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.icon {
  width: 40px;
}

.features-subheading {
  color: #4f4f4f;
  font-size: 18px;
  line-height: 1.5;
}

.feature-title-wrap {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.feature-container-2 {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.feature-paragraph-3 {
  color: #727272;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.features-grid-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.features-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 34px;
  line-height: 1.3;
}

.feature-card-3 {
  color: #000;
  border-radius: 30px;
  padding: 24px 20px;
  text-decoration: none;
  transition: box-shadow .3s;
}

.feature-card-3:hover {
  box-shadow: 0 20px 60px #e5e5e566;
}

.content-section-4 {
  padding: 0 3% 100px;
}

.content-section-5 {
  padding: 180px 3%;
  overflow: hidden;
}

.text-span-24 {
  color: #989898;
}

.text-span-25 {
  color: #919191;
}

.process-title-wrap-2 {
  text-align: center;
  max-width: 680px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.process-section-2 {
  background-color: #0000;
  padding: 60px 3%;
}

.feature-title-4 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 1.2;
}

.process-container-2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.feature-icon-square-2 {
  color: #fff;
  background-color: #4b6f30;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: auto;
  font-size: 24px;
  font-weight: 600;
  display: flex;
}

.feature-icon-square-2.feature-icon {
  color: #0d47c1;
  background-color: #ffda2c;
  margin-left: 0;
}

.feature-icon-square-2.article-4 {
  background-color: #fff;
  margin-left: 0;
}

.feature-paragraph-4 {
  color: #fff;
  background-color: #0000;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.process-heading-2 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 48px;
  line-height: 1.3;
}

.process-arrow-01-2 {
  max-width: 70%;
  position: absolute;
  inset: 27% -150px auto auto;
}

.process-card-primary-2 {
  text-align: left;
  border-radius: 30px;
  padding: 40px;
  transition: all .3s;
  position: relative;
}

.process-subheading-2 {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}

.text-block-31, .text-block-32 {
  color: #000;
}

.section-5 {
  display: none;
}

.paragraph-12 {
  color: #3c4043;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.content-block {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.cta-grid-2 {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
}

.underline {
  position: absolute;
  inset: auto 0% -25px;
}

.image-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 440px;
  display: flex;
  position: absolute;
  left: 245px;
}

.link-block {
  margin-right: 22px;
}

.cta-image {
  width: 100%;
  max-width: 470px;
}

.cta-block {
  background-color: #ffcc9d;
  border-radius: 0;
}

.cta-section-2 {
  justify-content: center;
  align-items: center;
  max-width: 99.9314%;
  padding: 100px 0%;
  display: block;
}

.title-large-3 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  display: inline-block;
}

.cta-paragraph {
  color: #2b2b2b;
  text-align: center;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  font-family: DM Sans, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
}

.underline-wrapper {
  margin-right: 8px;
  display: inline-block;
  position: relative;
}

.cta-container-2 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 1023px;
  display: flex;
  position: absolute;
  inset: auto 0% 16%;
}

.title-wrapper-2 {
  max-width: 445px;
  margin-bottom: 0;
  font-size: 18px;
  position: relative;
}

.graphic.bottom-left {
  position: absolute;
  inset: -291px auto auto -2%;
}

.graphic.top-right {
  position: absolute;
  inset: -135% 12% auto auto;
}

.section-6 {
  background-color: #fff0;
  background-image: url('../images/Online-class-helpers.png');
  background-position: 0 0;
  background-size: auto;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-6 {
  text-align: center;
}

.feature-icon-blue {
  background-color: #1355ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 24px;
  padding: 8px;
  display: flex;
}

.container-large {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.heading-large {
  color: #061237;
  letter-spacing: -.02em;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.paragraph-standard {
  color: #67718e;
  letter-spacing: -.02em;
  max-width: 600px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.title-wrapper-3 {
  text-align: center;
  max-width: 600px;
  margin-bottom: 92px;
  margin-left: auto;
  margin-right: auto;
}

.title-large-4 {
  color: #1355ff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
}

.grid-feature-large {
  grid-column-gap: 40px;
  grid-row-gap: 72px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.section-features {
  align-items: center;
  min-height: 720px;
  padding: 100px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h3-heading {
  color: #061237;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 50px;
  font-weight: 800;
  line-height: 60px;
}

.large-feature-wrapper {
  align-items: flex-start;
  display: flex;
}

.content-section-6 {
  color: #e5e5e5;
  background-color: #0000;
  background-image: linear-gradient(to right, #ffedcf, #ffffff61);
  padding: 0 6% 100px;
  font-family: Circularstd, sans-serif;
}

.content-section-6.a {
  background-image: linear-gradient(270deg, #ffeecf, #fff0);
  height: 800px;
  padding-top: 220px;
  padding-left: 0%;
  padding-right: 5%;
}

.content-section-6.a.f {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  padding-top: 100px;
  display: grid;
}

.content-container-4 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0%;
}

.content-block-2 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.content-button {
  color: #fff;
  background-color: #486bd1;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.content-button:hover {
  opacity: .8;
}

.content-button.green {
  background-color: #4d7f71;
}

.content-button.yellow {
  background-color: #000;
}

.content-button.red {
  background-color: #b81414;
}

.content-button.a {
  background-color: #000;
  width: 40%;
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
}

.content-text-wrap {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  max-width: 65%;
  display: flex;
  position: relative;
  top: auto;
}

.content-image-wrap-2 {
  max-width: 580px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}

.content-heading-3 {
  color: #0a2540;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #fff0;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
  display: flex;
}

.content-heading-3.a {
  font-family: Circularstd, sans-serif;
  font-size: 50px;
  line-height: 45px;
}

.content-paragraph-3 {
  color: #333;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.content-block-last {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.features-container {
  max-width: 1060px;
  margin-left: auto;
  margin-right: auto;
}

.feature-card-4 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-card-name {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
}

.feature-link {
  color: #3389ff;
  border-bottom: 1px solid #0000;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s;
}

.feature-link:hover {
  border-bottom-color: #3389ff;
  margin-bottom: -3px;
  padding-bottom: 3px;
}

.features-grid-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.features-heading-2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 180px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.features-section {
  color: #1e1e48;
  background-color: #fff;
  padding: 180px 3%;
  font-size: 18px;
  line-height: 28px;
}

.feature-image-wrap {
  align-items: center;
  height: 180px;
  margin-bottom: 60px;
  display: flex;
}

.feature-card-paragraph {
  color: #52527a;
  margin-bottom: 30px;
}

.paper {
  position: absolute;
  inset: auto 0% -92px -72px;
}

.partner-text {
  color: #4e3a18;
  letter-spacing: 1px;
  margin-right: 60px;
  font-weight: 500;
}

.header-grid {
  grid-column-gap: 72px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
}

.avatar-group {
  margin-bottom: 8px;
}

.color-01 {
  color: #ffbe21;
}

.nav-menu-4 {
  color: #000;
  white-space: nowrap;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
}

.bottom-wrapper {
  z-index: 1;
  background-color: #fff;
  background-image: linear-gradient(135deg, #fffdf96b, #0000), linear-gradient(to right, #0000, #ffeecf);
  border-top: 2px #ffd18773;
  border-right: 1px #000;
  border-radius: 20px;
  justify-content: space-between;
  max-width: 100%;
  max-height: 30%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 20px;
  padding: 20px 10px;
  display: flex;
  position: relative;
  top: -11px;
  box-shadow: 25px 25px 35px -50px #35353533;
}

.hero-button-outline {
  color: #4e3a18;
  background-color: #0fe987;
  border: 2px #4e3a18;
  border-radius: 10px;
  margin-top: 10px;
  margin-right: 20px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s;
}

.hero-button-outline:hover {
  color: #fff;
  background-color: #271d0c;
}

.image-wrapper-2 {
  position: relative;
}

.header-paragraph {
  color: #382217;
  max-width: 460px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.container-navigation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.avatar-detail {
  color: #4e3a18;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.avatar-name {
  color: #4e3a18;
  margin-bottom: 10px;
  font-weight: 600;
}

.hero-heading {
  color: #262626;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 72px;
}

.navigation-2 {
  background-color: #faf6ef;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.avatar-detail-wrapper {
  background-color: #0000;
  background-image: linear-gradient(315deg, #faebdb, #fff);
  border-radius: 10px;
  max-width: 380px;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  padding: 20px;
}

.navigation-right-2 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.header-section {
  background-color: #0000;
  background-image: linear-gradient(to right, #ffda97, #ffffff5c);
  align-items: center;
  padding: 140px 6% 100px;
  display: flex;
  position: relative;
}

.navigation-button-small {
  background-color: #271d0c;
  border-radius: 8px;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  transition: all .3s;
  box-shadow: 3px 3px #271d0c40;
}

.navigation-button-small:hover {
  color: #271d0c;
  background-color: #fff;
}

.header-icon-wrapper {
  align-items: center;
  display: flex;
}

.nav-link-6 {
  color: #271d0c;
  letter-spacing: -.01em;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-6:hover {
  color: #ffbe21;
}

.books-icon {
  margin-right: 40px;
}

.logo-group {
  align-items: center;
  display: flex;
}

.container-12 {
  z-index: 5;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-title-wrapper {
  margin-bottom: 24px;
  position: relative;
}

.brand-3 {
  margin-right: 60px;
}

.button-wrapper-4 {
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.company-logo {
  max-width: 120px;
  margin-right: 60px;
}

.company-logo.c {
  margin-top: 20px;
}

.color-03 {
  color: #4856df;
}

.headphones {
  position: absolute;
  inset: -24px -14px auto auto;
}

.color-02 {
  color: #ffb7d5;
}

.logo-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-button {
  background-color: #271d0c;
  border-radius: 8px;
  margin-right: 20px;
  padding: 20px 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: all .3s;
  box-shadow: 3px 3px #271d0c40;
}

.hero-button:hover {
  color: #271d0c;
  background-color: #fff;
}

.navigation-left-2 {
  align-items: center;
  width: 50%;
  min-height: 50px;
  display: flex;
}

.hero-block {
  max-width: 600px;
}

.process-detail {
  color: #999;
  letter-spacing: -.02em;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.process-heading-3 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.3;
}

.shape-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.line-break-3 {
  border: 1px dashed #d9d9d9;
  width: 100%;
  height: 2px;
}

.process-title-wrap-3 {
  text-align: center;
  max-width: 610px;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
}

.process-block {
  text-align: center;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.number-large {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 600;
  line-height: 80px;
  position: absolute;
  top: -24px;
}

.process-paragraph {
  color: #999;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.process-title {
  color: #262626;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

.process-grid-2 {
  grid-column-gap: 14px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr .25fr 1fr .25fr 1fr;
  align-items: center;
}

.title-small {
  color: #8e8e8e;
  letter-spacing: 2px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.process-section-3 {
  background-color: #fff;
  padding: 100px 5%;
}

.cta-section-3 {
  color: #262626;
  text-align: center;
  background-color: #f1f9f1;
  padding: 140px 3%;
  font-size: 18px;
  line-height: 21px;
  position: relative;
  overflow: hidden;
}

.cta-heading {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 60px;
  font-weight: 500;
  line-height: 72px;
}

.cta-paragraph-2 {
  color: #0009;
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.submit-button {
  color: #fff;
  text-transform: uppercase;
  background-color: #48b774;
  border: 1px solid #262626;
  border-left-style: none;
  border-radius: 0 8px 8px 0;
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  transition: background-color .3s;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.submit-button:hover {
  background-color: #3d9c63;
  background-image: none;
}

.success-message-4 {
  text-align: left;
  background-color: #0000;
  padding-left: 0;
  font-size: 18px;
  line-height: 26px;
}

.cta-content {
  text-align: left;
  max-width: 760px;
}

.cta-field-wrap {
  position: relative;
}

.error-message-4 {
  text-align: left;
  padding: 16px 18px;
}

.email-field {
  background-color: #0000;
  border: 1px solid #262626;
  border-radius: 8px;
  height: 80px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 80px;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .2s;
}

.email-field:hover {
  background-color: #48b7741a;
}

.email-field:focus {
  background-color: #48b7741a;
  border-style: solid;
  border-color: #262626;
}

.email-field::placeholder {
  color: #262626;
}

.cta-container-3 {
  z-index: 5;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-form-block {
  max-width: 560px;
  margin-bottom: 0;
}

.bg-image {
  z-index: 0;
  height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.cta-preheading {
  color: #61b379;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: 31px;
}

.error-message-5 {
  padding: 16px 18px;
}

.cta-container-4 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cta-form-block-2 {
  z-index: 1000;
  margin-bottom: 0;
  position: relative;
  top: -62px;
}

.cta-heading-2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}

.cta-content-2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.cta-paragraph-3 {
  color: #0009;
  margin-bottom: 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.email-field-2 {
  color: #2b2b2b;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 40px;
  max-width: 100%;
  min-height: 70px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 80px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .2s;
  box-shadow: 0 20px 40px -10px #38383833;
}

.email-field-2:hover {
  border-style: solid;
  border-color: #b6e2c7;
}

.email-field-2:focus {
  border-style: solid;
  border-color: #48b774;
}

.email-field-2::placeholder {
  color: silver;
}

.cta-preheading-2 {
  color: #48b774;
  margin-bottom: 24px;
  font-weight: 600;
}

.submit-button-2 {
  color: #fff;
  background-color: #48b774;
  border-radius: 30px;
  min-width: 150px;
  height: 55px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .3s;
  position: absolute;
  inset: 9px 10px auto auto;
}

.submit-button-2:hover {
  background-color: #3d9c63;
  background-image: none;
}

.cta-bg-image-right {
  position: absolute;
  inset: 0% -6% auto auto;
}

.success-message-5 {
  background-color: #0000;
  font-size: 18px;
  line-height: 26px;
}

.cta-bg-image-left {
  position: absolute;
  inset: 0% auto auto -7%;
}

.cta-section-4 {
  color: #000;
  text-align: center;
  background-color: #fff;
  background-image: none, none;
  background-position: 100% 0, 0 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  padding: 130px 3% 90px;
  overflow: hidden;
}

.cta-field-wrap-2 {
  background-color: #0000;
  position: relative;
}

.title-wrap-3 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.heading-large-2 {
  color: #121f3e;
  letter-spacing: -.03em;
  margin-top: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 54px;
}

.faq-paragraph {
  color: #6d7d93;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 32px;
}

.title-3 {
  color: #ff2c68;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.div-block {
  background-color: #e9245c;
  max-width: 32px;
  min-height: 4px;
  margin-bottom: 16px;
  display: none;
}

.faq-section {
  padding: 100px 3%;
}

.faq-grid {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
}

.question-title {
  color: #121f3e;
  letter-spacing: -.03em;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.container-13 {
  z-index: 5;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faq-number {
  color: #fff;
  background-color: #e9245c;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.integration-row-bottom {
  justify-content: center;
  align-items: stretch;
  width: 105vw;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  left: -5vw;
}

.avatar-circle {
  background-color: #f2f3f8;
  border-radius: 100px;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  margin-right: 14px;
}

.integration-row {
  justify-content: center;
  align-items: stretch;
  width: 105vw;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  left: -5vw;
}

.author-social {
  color: #67718e;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.section-social {
  background-color: #ffe8c4;
  padding: 100px 5%;
  position: relative;
  overflow: hidden;
}

.star {
  width: 24px;
  margin-left: 2px;
  margin-right: 2px;
}

.author-name {
  color: #37456c;
  letter-spacing: -.02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.integration-wrapper {
  width: 100%;
}

.star-wrapper {
  margin-bottom: 14px;
}

.card-testimonial-large {
  color: #02044a;
  text-align: left;
  letter-spacing: -.03em;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 380px;
  max-width: 380px;
  height: 100%;
  min-height: 140px;
  margin-left: 16px;
  margin-right: 16px;
  padding: 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
  display: flex;
  box-shadow: 46px 46px 72px 2px #2b1d6714;
}

.paragraph-large {
  color: #67718e;
  letter-spacing: -.02em;
  max-width: 600px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.avatar-wrapper {
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.faq-title {
  color: #5a5a5a;
  font-weight: 500;
}

.faq-content-wrap {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.tab-content-2 {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 32px;
  line-height: 36px;
}

.tabs-menu-2 {
  margin-bottom: 80px;
}

.tab-link {
  color: #8997a9;
  text-align: center;
  background-color: #16191d;
  border-radius: 32px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px 16px;
  transition: all .3s;
}

.tab-link:hover {
  color: #e1e5e9;
  background-color: #0059cc;
}

.tab-link.w--current {
  color: #060606;
  background-color: #ffeecf;
}

.faq-container {
  z-index: 5;
  max-width: 1160px;
  margin-bottom: 220px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.paragraph-13 {
  color: #3f3f3f;
  font-size: 14px;
  line-height: 32px;
}

.faq-section-2 {
  color: #4d4d4d;
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(225deg, #ffeecf 2%, #fffdfa69 49%, #ffffff61);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding: 100px 0%;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
  overflow: hidden;
}

.tabs-content {
  max-width: 612px;
  margin-left: auto;
  margin-right: auto;
}

.placeholder-background {
  z-index: -1;
  display: block;
  position: absolute;
  top: auto;
  bottom: auto;
}

.faq-svg {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.faq-line-break {
  background-color: #2b323b;
  width: 100%;
  height: 1px;
  margin-top: 10px;
}

.faq-title-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.faq-item-toggle {
  color: #8997a9;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.faq-item-toggle:hover {
  color: #338cff;
}

.faq-item {
  border-radius: 20px;
  margin-top: 40px;
  padding-top: 32px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.faq-heading {
  color: #181818;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 600;
  line-height: 62px;
}

.features-cta-microsoft-link {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 24px;
  height: 24px;
  margin-left: 20px;
  transition: all .2s;
}

.features-cta-microsoft-link:hover {
  background-image: none;
}

.feature-icon-wrap {
  background-color: #9b9b9b;
  background-image: none;
  border-radius: 20%;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  margin-top: -55px;
  margin-bottom: 32px;
  padding: 18px;
  display: flex;
}

.feature-icon-wrap.grey {
  background-color: #171c26;
  background-image: none;
}

.features-cta-playstation-link {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 24px;
  height: 24px;
  margin-left: 20px;
  transition: all .2s;
}

.features-cta-playstation-link:hover {
  background-image: none;
}

.features-heading-wrap {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  margin-bottom: 145px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.features-cta-button {
  color: #fff;
  background-image: linear-gradient(95deg, #1481b8, #250a5c);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 360px;
  min-height: 80px;
  margin-bottom: 20px;
  padding: 30px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
  transition: transform .4s;
  display: flex;
}

.features-cta-button:hover {
  transform: scale(1.05);
}

.features-container-2 {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.features-cta-available-text {
  flex: 1;
}

.features-cta-button-text {
  margin-bottom: -5px;
  margin-right: 20px;
}

.feature-link-2 {
  color: #477eeb;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.feature-link-2:hover {
  text-decoration: underline;
}

.features-cta-block {
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.features-section-2 {
  background-color: var(--white);
  color: #e5e5e5;
  padding: 140px 3% 40px;
}

.feature-card-5 {
  box-shadow: none;
  text-align: center;
  background-color: #fff;
  border: 2px solid #171c26;
  border-radius: 40px;
  flex-direction: column;
  align-items: center;
  padding-bottom: 50px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.feature-card-5.left, .feature-card-5.right {
  box-shadow: none;
  background-color: #fff;
}

.feature-card-5.dark {
  background-color: #fff;
  position: static;
}

.features-paragraph-2 {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 36px;
}

.features-cta-text {
  max-width: 560px;
  margin-right: 40px;
}

.features-cta-available-wrap {
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.features-grid-4 {
  grid-column-gap: 40px;
  grid-row-gap: 95px;
  border-bottom: 2px solid #262626;
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 100px;
  font-size: 14px;
  position: relative;
}

.feature-card-paragraph-2 {
  color: #5e5e5e;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.features-cta-heading {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 44px;
}

.feature-card-name-2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 27px;
}

.features-heading-3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.plain-link {
  color: #6f6f6f;
  margin-top: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: all .2s;
}

.plain-link:hover {
  color: #000;
}

.tabs-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.steps-wrapper-2 {
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.tabs {
  width: 100%;
}

.tab-paragraph-3 {
  color: #6f6f6f;
  font-size: 18px;
  line-height: 32px;
}

.tab-graphic-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-notification {
  border-radius: 10px;
  width: 100%;
  max-width: 240px;
  position: absolute;
  inset: auto auto 40px -15%;
  box-shadow: -14px 14px 50px #6b728029;
}

.tabs-menu-3 {
  margin-bottom: 20px;
}

.tab-base {
  background-color: #f6f4fa;
  border-radius: 50px;
  align-items: flex-end;
  width: 100%;
  max-width: 360px;
  min-height: 420px;
  display: flex;
  position: relative;
}

.step-basic {
  background-color: #efefef;
  border-radius: 100px;
  width: 30px;
  height: 4px;
  margin-right: 14px;
}

.step-basic.active {
  background-color: #000;
  width: 60px;
}

.heading-wrapper {
  color: #6f6f6f;
  align-items: center;
  margin-bottom: 34px;
  font-size: 18px;
  line-height: 32px;
  display: flex;
}

.tabs-content-2 {
  height: 100%;
}

.div-block-48 {
  background-color: #000;
  min-height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 52px;
}

.heading-graph {
  margin-left: 10px;
}

.tab-content-3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  display: flex;
}

.tabs-base {
  z-index: 5;
  background-color: #ffe8c4;
  border-radius: 50px;
  flex-direction: row;
  align-items: stretch;
  min-height: 640px;
  padding: 80px;
  display: flex;
  position: relative;
  top: -122px;
}

.tab-section {
  background-color: #000;
  padding: 80px 3%;
  position: relative;
}

.tab-link-2 {
  color: #8a8a8a;
  background-color: #fff;
  border-radius: 10px;
  margin-right: 10px;
  padding: 14px 36px;
  font-size: 16px;
}

.tab-link-2.w--current {
  color: #fff;
  background-color: #61a764;
  margin-right: 10px;
}

.tab-image {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
}

.tab-content-grid {
  grid-template-rows: auto;
}

.title-wrap-4 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blur-bottom-example {
  z-index: -1;
  position: absolute;
  inset: auto 0% 0% auto;
}

.integration-title {
  color: #262626;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.container-small {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.blur-top-example {
  z-index: -1;
  position: absolute;
  inset: 0% auto auto 0%;
}

.section-integrations {
  background-color: #000;
  padding: 140px 5%;
  position: relative;
}

.centre-line {
  background-color: #e5e5e5;
  width: 2px;
  height: 40%;
}

.integration-paragraph {
  color: #4d4d4d;
  text-align: left;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.centre-line-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-4 {
  color: #2eb67d;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}

.button-integration {
  color: #7c2d12;
  letter-spacing: .2px;
  background-color: #fed7aa;
  border-radius: 5px;
  max-width: 100%;
  margin-top: 0;
  margin-right: auto;
  padding: 10px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.button-integration:hover {
  color: #c2410c;
  background-color: #fff0;
}

.button-integration.b {
  color: #454545;
  background-color: #fff0;
  border-radius: 5px;
  max-width: 100%;
  margin-top: 40px;
  padding-right: 0;
}

.button-integration.b:hover {
  color: #2b6ff0;
  background-color: #fff0;
}

.button-integration.c {
  color: #454545;
  background-color: #fff0;
  border: 1px #000;
  border-radius: 5px;
  max-width: 100%;
  padding-right: 0;
}

.button-integration.c:hover {
  color: #2b6ff0;
}

.button-integration.d {
  color: #2a2626;
  background-color: #fff0;
  margin-top: 20px;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  text-decoration: none;
}

.button-integration.d:hover {
  color: #2b6ff0;
  background-color: #fff0;
}

.button-integration.d.x {
  color: #fff;
  text-align: center;
  background-color: #2b6ff0;
  border-radius: 8px;
  min-width: 150px;
  max-width: none;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
  box-shadow: 0 2px 5px #0003;
}

.button-integration.d.x:hover {
  box-shadow: none;
  background-color: #125ff1;
}

.button-integration.e {
  color: #1b7981;
  background-color: #fff;
}

.button-integration.e:hover {
  box-shadow: 7px 7px 40px 10px #dfedff;
}

.button-integration.f {
  color: #3a3a3a;
  background-color: #fff;
  max-width: 100%;
}

.button-integration.bh {
  color: #fff;
  background-color: #2b6ff0;
  border-radius: 8px;
  max-width: 100%;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  box-shadow: 0 2px 5px #0003;
}

.button-integration.bh:hover {
  color: #fff;
  background-color: #1248ae;
}

.button-integration.sdf {
  color: #505050;
  background-color: #fff;
  border-radius: 50px;
  margin-top: 0;
  margin-right: 20px;
  padding-left: 20px;
  font-weight: 500;
}

.button-integration.sdf:hover {
  box-shadow: 7px 7px 40px 10px #61616140;
}

.button-integration.sdf.new {
  color: #fff;
  background-color: #c2410c;
  border: 1px #963300;
  border-radius: 5px;
  width: auto;
  max-width: none;
  padding-right: 20px;
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.button-integration.sdf.new:hover {
  background-color: #9a3412;
}

.button-integration.sdf.new.b {
  color: #0a2540;
  background-color: #fff;
  border-radius: 20px;
  width: auto;
}

.button-integration.sdf.new.results {
  justify-content: center;
  width: 50%;
  display: flex;
}

.button-integration.ghgh {
  color: #fff;
  background-color: #ab6d16;
}

.button-integration.ghgh:hover {
  background-color: #1fa069;
}

.button-integration.ghgh.caht {
  padding-left: 20px;
  padding-right: 20px;
}

.button-integration.cvgf {
  color: #fff;
  background-color: #2b6ff0;
  border-radius: 5px;
  margin-top: 0;
}

.button-integration.cvgf:hover {
  box-shadow: none;
  background-color: #1255d4;
}

.button-integration.cvgf.content {
  padding-left: 20px;
}

.button-integration.cvgf.content.f {
  color: #374151;
  background-color: #2b6ff000;
  border: 1px solid #cecece;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 1.5rem;
  display: flex;
}

.integration-icon-circle {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
  padding: 24px;
  display: flex;
  box-shadow: 28px 28px 80px 20px #e5e5e580;
}

.integration-icon-circle.blur-one {
  background-image: none;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.integration-icon-circle.blur-two {
  border-radius: 20%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 80px;
  height: 80px;
  margin-bottom: 0;
  padding: 15px;
  position: relative;
  top: -59px;
  box-shadow: 28px 28px 45px -5px #ffd6b4;
}

.integration-icon-circle.blur-two.a {
  background-color: #fff;
  border-radius: 20%;
  width: 80px;
  height: 80px;
  padding: 15px;
  box-shadow: 28px 28px 100px -5px #ffd6b4;
}

.integration-icon-circle.blur-two.d {
  background-color: #fdddc3;
  margin-bottom: 0;
  top: -45px;
  box-shadow: 28px 28px 45px -5px #ffd6b4;
}

.integrations-grid {
  grid-column-gap: 32px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 2fr 2fr;
}

.heading-large-3 {
  color: #262626;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}

.integration-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -46px;
}

.button-wrapper-bottom {
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.button-standard {
  color: #4d4d4d;
  background-color: #f5f5f5;
  border-radius: 32px;
  padding: 12px 32px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: all .3s;
}

.button-standard:hover {
  color: #fff;
  background-color: #262626;
}

.interaction-wrapper {
  margin-bottom: 100px;
}

.integration-card {
  text-align: center;
  background-color: #000;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  box-shadow: 42px 42px 120px 40px #e5e5e540;
}

.integration-card:hover {
  box-shadow: 10px 41px 60px #a0a5b117;
}

.feature-section-3 {
  background-color: #07080c;
  padding: 100px 3%;
}

.image-413 {
  margin-left: 10px;
}

.feature-title-5 {
  color: #5f5f5f;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.feature-card-6 {
  color: #fff;
  text-align: left;
  background-color: #1a1a1a;
  border: 1px solid #313131;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  text-decoration: none;
  transition: border-color .3s;
  display: flex;
}

.feature-card-6:hover {
  border-color: #2041ff;
}

.feature-grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.feature-paragraph-5 {
  opacity: .8;
  color: #8e8e8e;
  font-size: 16px;
  line-height: 24px;
}

.heading-large-4 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  text-decoration: none;
}

.feature-icon-4 {
  background-color: #2041fe;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-right: 24px;
  padding: 10px;
  display: flex;
}

.icon-10 {
  z-index: 2;
  width: 50px;
  margin-bottom: 0;
  position: relative;
}

.icon-wrapper {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.grid-heading {
  grid-column-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  margin-bottom: 100px;
  overflow: hidden;
}

.text-block {
  color: #8e8e8e;
  letter-spacing: 2px;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.feature-container-3 {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.button-wrapper-5 {
  justify-content: flex-end;
  display: flex;
}

.button-8 {
  color: #fff;
  background-color: #2041ff;
  border-radius: 4px;
  align-items: center;
  padding: 20px 44px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button-8:hover {
  background-color: #1c3bee;
}

.light-text-header-3 {
  font-weight: 400;
}

.facts-number-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: 400;
  line-height: 64px;
  position: relative;
}

.facts-block-2 {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 35px;
  display: flex;
  box-shadow: 0 12px 24px #00000005;
}

.facts-block-2.third-vr {
  box-shadow: none;
  text-align: left;
  background-color: #ffe4b3;
  border-color: #ffe8c440;
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
}

.facts-block-2.third-vr.a {
  background-color: #b814147a;
}

.facts-block-2.third-vr.b {
  background-color: #4d7f717a;
}

.facts-block-2.third-vr.c {
  background-color: #486bd17a;
}

.container-14 {
  z-index: 2;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
}

.section-title-3 {
  color: #fff;
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.section-title-3.dark {
  color: #30364d;
  margin-bottom: 20px;
}

.section-title-3.dark.break {
  width: 60%;
  font-family: Circularstd, sans-serif;
  line-height: 64px;
}

.facts-text-2 {
  color: #30364d;
  text-align: center;
  font-size: 17px;
  line-height: 28px;
}

.facts-text-2.vr3 {
  color: #fcfcfc;
  margin-bottom: 15px;
  font-family: DM Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.section-7 {
  background-color: #0000;
  background-image: linear-gradient(45deg, #ffeecf, #0000 35%);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  transition: box-shadow .3s;
  position: static;
}

.paragraph-14, .paragraph-15, .paragraph-16 {
  color: #fff;
}

.feature-card-paragraph-3 {
  color: #425466;
  border-left: 1px #f0bb90;
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.feature-card-paragraph-3.a {
  color: #555;
}

.features-paragraph-3 {
  color: #000;
  font-size: 18px;
  line-height: 27px;
}

.feature-section-4 {
  text-align: center;
  background-color: #ffffff63;
  background-image: linear-gradient(90deg, #ffedcf, #ffffff61);
  justify-content: center;
  max-width: none;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0 180px;
  display: block;
}

.features-grid-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}

.feature-container-4 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.title-wrapper-4 {
  text-align: left;
  max-width: 100%;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.feature-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Circularstd, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.feature-link-3 {
  color: var(--af8057);
  margin-top: auto;
  font-weight: 500;
  text-decoration: none;
}

.feature-link-3:hover {
  text-decoration: underline;
}

.feature-card-name-3 {
  color: #0a2540;
  letter-spacing: -.2px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.feature-card-7 {
  text-align: left;
  background-color: #7d7f4d7a;
  border-radius: 17px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
  box-shadow: 14px 14px 45px -45px #000;
}

.feature-card-7.a {
  background-color: #fde6bb00;
  background-image: none;
  border: 2px solid #ff950059;
  border-radius: 5px;
  width: 360px;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: 288px;
  left: auto;
  box-shadow: 22px 27px 60px -20px #79797929;
}

.feature-card-7.b {
  background-color: #0000;
  background-image: linear-gradient(135deg, #fff3df 9%, #ffffff3b 27%, #fff 100%, #ffffff12);
  border: 2px solid #6ec9805c;
  border-radius: 8px;
  width: 360px;
  max-height: none;
  margin-top: 0;
  padding-left: 32px;
  padding-right: 32px;
  box-shadow: 25px 25px 60px -20px #79797929;
}

.feature-card-7.c {
  background-color: #9bc58400;
  background-image: none;
  border: 2px solid #cc9c4d8c;
  border-radius: 8px;
  width: 360px;
  min-height: auto;
  max-height: none;
  padding: 32px;
  position: relative;
  top: auto;
  left: auto;
  box-shadow: 28px 28px 45px -20px #79797929;
}

.feature-card-7.c:hover {
  box-shadow: 25px 25px 60px -20px #79797929;
}

.feature-card-7.d {
  z-index: 1;
  background-color: #fff8d100;
  background-image: none;
  border: 2px solid #f2a74669;
  border-radius: 5px;
  width: 360px;
  max-height: none;
  margin-top: 40px;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  top: 11px;
  box-shadow: 25px 25px 50px -20px #79797929;
}

.feature-icon-5 {
  width: 100%;
  max-width: none;
  height: auto;
  margin-bottom: 34px;
  display: block;
}

.ui-asset-wrapper {
  background-color: #ffffff45;
  background-image: linear-gradient(225deg, #fad9b0d6, #fff);
  border-radius: 20px;
  flex-direction: row;
  padding: 20px 40px 20px 10px;
  display: flex;
}

.features-heading-4 {
  color: #000;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 52px;
  line-height: 1.3;
}

.title-wrapper-5 {
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 40px;
}

.feature-title-6 {
  color: #0a2540;
  letter-spacing: -.02px;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.feature-card-8 {
  color: #000;
  background-color: #0000;
  border-radius: 40px;
  margin-top: 0;
  text-decoration: none;
  transition: box-shadow .3s;
}

.features-grid-6 {
  grid-column-gap: 300px;
  grid-row-gap: 300px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.feature-paragraph-6 {
  color: #2a2828;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.features-title-wrap-2 {
  text-align: left;
  max-width: 100%;
  margin-bottom: 92px;
  margin-left: 0;
  margin-right: auto;
}

.button-link {
  color: #72d395;
  align-items: center;
  height: 30px;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.arrow-green {
  margin-left: 10px;
}

.integration-2 {
  height: px;
  text-align: center;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 60px 24px 24px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
}

.integration-2:hover {
  box-shadow: 10px 41px 60px #a0a5b117;
}

.dropdown-link-6 {
  color: #000;
  border-radius: 8px;
  align-items: center;
  width: 100%;
  padding: 6px 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-6:hover {
  background-color: #f7f7f7;
}

.dropdown-toggle-2 {
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 10px;
  transition: border-color .3s;
}

.dropdown-toggle-2:hover {
  border-color: #e9e9e9;
}

.content-grid-5 {
  grid-column-gap: 40px;
  grid-row-gap: 32px;
  grid-template: "Area"
  / 1fr 1fr 1fr;
}

.small-menu-wrapper {
  align-items: center;
  display: flex;
  position: absolute;
  inset: 15px 15px auto auto;
}

.title-5 {
  color: var(--af8057);
  letter-spacing: 1px;
  text-transform: lowercase;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.form-heading-3 {
  color: #5a350d;
  letter-spacing: -.03em;
  width: 500px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.integration-title-2 {
  color: #000;
  letter-spacing: -.03em;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.integration-icon {
  width: 60px;
  margin-bottom: 30px;
}

.title-wrap-5 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 650px;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-details {
  color: #949bab;
  font-size: 14px;
  line-height: 28px;
}

.integration-section-2 {
  background-color: #0000;
  border-radius: 10px;
  padding: 200px 3% 100px 2%;
  display: block;
}

.icon-small {
  width: 24px;
  margin-right: 8px;
}

.integrations-container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-list-4 {
  background-color: #9e6b6b;
}

.dropdown-list-4.w--open {
  background-color: #fff;
  border-radius: 14px;
  min-width: 140px;
  padding: 10px;
  box-shadow: 23px 23px 42px #19142912;
}

.custom-tooltips-2 {
  display: none;
}

.title-wrap-6 {
  z-index: 1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.integration-3 {
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  box-shadow: 7px 7px 10px #3741510d;
}

.integration-3.surveymonkey {
  position: relative;
  bottom: -40px;
  left: 113px;
}

.integration-3.hubspot {
  position: relative;
  top: -43px;
  left: -120px;
}

.integration-3.intercom {
  margin-left: 16px;
  margin-right: 16px;
  display: none;
  position: relative;
  left: -191px;
}

.integration-3.unbounce-2 {
  display: none;
  position: relative;
}

.integration-3.salesforce {
  display: none;
  position: relative;
  top: -203px;
  left: -467px;
}

.integration-3.hubspot-small {
  display: none;
  position: relative;
  bottom: -50px;
  left: -50px;
}

.integration-3.slack {
  position: relative;
  top: -21px;
  right: -22px;
}

.integration-3.flowbase {
  display: none;
  position: relative;
  top: 112px;
  right: -118px;
  box-shadow: 7px 7px 10px #37415126;
}

.integration-3.paypal {
  position: relative;
  bottom: -30px;
  left: -150px;
}

.integration-3.kickstarter {
  position: relative;
}

.integration-3.unbounce {
  position: relative;
  bottom: -50px;
  left: 50px;
}

.integration-3.mailchimp {
  display: none;
  position: relative;
  top: -43px;
  left: 56px;
}

.form-subheading-2 {
  color: #000;
  min-width: 200px;
  max-width: 500px;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.integration-section-3 {
  background-color: #fff;
  padding: 140px 3%;
  overflow: hidden;
}

.integration-wrap-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: none;
}

.form-heading-4 {
  color: #4f3221;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Circularstd, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.form-heading-4.a {
  font-size: 40px;
  line-height: 50px;
}

.integration-grid-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  min-height: 480px;
}

.number-span {
  color: #ffbc5f;
}

.integration-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.container-15 {
  background-color: #0000;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: auto;
}

.company-details {
  color: #4d4d4d;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}

.testimonial-heading {
  color: #000;
  letter-spacing: -.04em;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.testimonial-mask {
  width: 460px;
  overflow: visible;
}

.link-wrapper {
  color: #383838;
  align-items: center;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  display: flex;
}

.left-arrow {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 4px;
  display: flex;
  inset: -95px 70px auto auto;
}

.company-name {
  color: #262626;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
}

.slide-3 {
  margin-right: 40px;
}

.testimonial-paragraph {
  color: #353434;
}

.testimonial-container {
  max-width: 1100px;
  margin-left: 0;
  margin-right: auto;
}

.testimonial-card-2 {
  color: #1f2937;
  background-color: #fff;
  border-radius: 20px;
  width: 90%;
  min-height: 420px;
  max-height: 420px;
  padding: 50px;
  text-decoration: none;
  box-shadow: 28px 28px 80px -40px #ffbd6b;
}

.testimonial-title-wrapper {
  max-width: 500px;
  margin-bottom: 60px;
}

.slide-nav-2 {
  display: none;
  bottom: -50px;
}

.testimonial-section {
  background-color: #0000;
  background-image: linear-gradient(45deg, #ffeecf, #0000 33%), linear-gradient(225deg, #ffeecf, #fff 40%);
  margin-top: 0;
  padding: 220px 4%;
  display: block;
  overflow: hidden;
}

.company-icon {
  margin-bottom: 50px;
}

.company-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.right-arrow {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 4px;
  display: flex;
  inset: -95px 0% auto auto;
}

.sub-heading {
  color: #252525;
  letter-spacing: 2px;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-weight: 500;
}

.email-field-3 {
  background-color: #0000;
  border: 1px #000;
  height: 100%;
  min-height: 60px;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  transition: all .2s;
}

.email-field-3:hover, .email-field-3:focus {
  border-color: #fe9790;
}

.email-field-3::placeholder {
  color: #bcbcbc;
}

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

.link-wrapper-2 {
  color: #b7b7b7;
  text-align: center;
}

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

.header-wrapper-2 {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.modal-section {
  z-index: 1001;
  background-color: #1b1a1abf;
  border-radius: 6px;
  padding: 100px 3%;
  display: none;
  position: fixed;
  inset: 0%;
}

.close-icon {
  background-color: #e3e3e3;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 11px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.close-icon:hover {
  opacity: .4;
}

.text-link {
  color: #b7b7b7;
  text-align: center;
  transition: all .3s;
}

.text-link:hover {
  color: #272727;
}

.modal-container {
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 60px 40px;
  position: relative;
}

.success-message-6 {
  color: #fff;
  background-color: #fe9790;
  border-radius: 20px;
  padding-left: 32px;
  padding-right: 32px;
}

.underline-2 {
  position: absolute;
  inset: auto 0% -8px;
}

.form-4 {
  border: 1px solid #000;
  border-radius: 100px;
  flex-direction: row;
  align-items: center;
  padding: 5px 5px 5px 10px;
  display: flex;
}

.star-large {
  position: absolute;
  inset: 0% auto auto 0%;
}

.underline-wrapper-2 {
  margin-right: 6px;
  position: relative;
}

.modal-paragraph {
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 28px;
}

.submit-button-3 {
  color: #fff;
  background-color: #000;
  border-radius: 500px;
  min-height: 60px;
  padding: 14px 36px;
  font-size: 16px;
  transition: all .3s;
}

.submit-button-3:hover {
  color: #fff;
  background-color: #fe9790;
}

.star-small {
  position: absolute;
  inset: auto 0% auto auto;
}

.modal-content-wrap {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.modal-heading {
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 42px;
}

.text-block-34 {
  color: #e6e6e6;
}

.text-block-35, .text-block-36 {
  color: #fff;
}

.form-5 {
  text-align: left;
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
}

.container-16 {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

.div-block-49 {
  background-color: #0000;
  background-image: linear-gradient(90deg, #fde3b4d6, #ffffff96);
  max-width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-50 {
  min-width: 700px;
  height: 150px;
}

.text-span-27 {
  color: #31aa6b;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #ffb464, #9b7547);
  -webkit-background-clip: text;
  background-clip: text;
  text-decoration: none;
}

.heading-7 {
  color: #2d2d2d;
  text-transform: none;
  border-bottom: 1px #ffffff87;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 32px;
}

.link-7 {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.image-46714 {
  max-width: none;
  display: block;
  position: absolute;
  top: 1965px;
  left: auto;
  right: 65px;
}

.heading-8 {
  color: #6d6d6d;
  margin-bottom: 12px;
  font-family: Circularstd, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
}

.div-block-51 {
  background-color: #ffe5cc00;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  padding: 10px 10px 20px;
  position: static;
  top: -10px;
  left: 4px;
}

.div-block-51.a {
  padding-left: 0;
}

.integration-4 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  padding: 32px 35px;
  transition: box-shadow .3s;
}

.integration-4:hover {
  box-shadow: 10px 41px 60px #a0a5b117;
}

.integrations-button {
  background-color: #ff6f30;
  border: 1px solid #ff6f30;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 180px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  transition: all .5s;
  display: flex;
}

.integrations-button:hover {
  color: #ff6f30;
  background-color: #0000;
}

.title-paragraph {
  color: #4f4f4f;
  max-width: 470px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.integration-section-4 {
  background-color: #f3f3f3;
  padding: 100px 3%;
  overflow: hidden;
}

.integration-heading {
  color: #0a0b3b;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}

.integration-title-3 {
  color: #000;
  letter-spacing: -.03em;
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.integration-grid-3 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.integration-details-2 {
  color: #949bab;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 28px;
}

.icon-border {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  margin-bottom: 28px;
  padding: 15px;
  display: flex;
}

.icon-border.green {
  background-color: #eafff1;
}

.icon-border.grey {
  background-color: #f5f5f5;
}

.icon-border.pink {
  background-color: #fae4e4;
}

.icon-border.purple {
  background-color: #f2f3ff;
}

.icon-border.orange {
  background-color: #faf4e4;
}

.icon-border.blue {
  background-color: #e4edfa;
}

.integrations-container-2 {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.dots.left {
  position: absolute;
  inset: auto auto -30px -30px;
}

.dots.right {
  position: absolute;
  inset: -20px -53px auto auto;
}

.dots-wrapper {
  position: relative;
}

.title-wrap-7 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-grid-6 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-flow: row;
}

.arrow-2 {
  margin-top: 20px;
}

.integration-grid-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 850px;
}

.integrations-container-3 {
  width: 100%;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}

.integration-title-4 {
  letter-spacing: .5px;
  text-transform: lowercase;
  margin-bottom: 22px;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
}

.title-wrap-8 {
  text-align: left;
  justify-content: center;
  align-items: flex-start;
  max-width: 650px;
  margin-bottom: 72px;
  display: block;
}

.brand-logo-4 {
  width: 40px;
  margin-bottom: 28px;
}

.integrations-details {
  color: #636363;
  font-size: 16px;
  line-height: 24px;
}

.title-large-5 {
  color: #18191f;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.brand-span {
  color: #ffbf6efc;
}

.integration-card-2 {
  color: #000;
  border-top: 4px #eee;
  border-radius: 10px;
  padding: 20px 10px 20px 20px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
}

.integration-card-2:hover {
  color: #fff;
  background-color: #000;
  border-top-color: #6f57eb;
}

.integration-card-2.b {
  background-color: #fad9b066;
  border: 1px solid #fff;
}

.integration-card-2.a {
  background-color: #0000;
}

.integration-card-2.c {
  background-color: #fff;
}

.integration-card-2.d {
  background-color: #0000;
  border: 1px solid #fff;
}

.integration-card-2.e {
  background-color: #0000;
  height: 327px;
}

.integration-card-2.f {
  background-color: #ffe4e43b;
}

.div-block-52 {
  width: auto;
  max-width: 350px;
  position: relative;
}

.div-block-53 {
  width: 100%;
}

.sub-heading-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.tab-circle {
  border: 1.5px solid #fff;
  border-radius: 100px;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.tab-circle.a {
  background-color: #ffa600;
}

.tab-circle.b {
  background-color: #fff;
}

.section-large {
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  position: relative;
}

.accent-red-circle {
  background-color: #ffca66;
  border-radius: 100px;
  width: 14px;
  height: 14px;
  margin-right: 8px;
}

.h1-heading {
  color: #3c4043;
  letter-spacing: -.03em;
  width: 50%;
  font-family: Circularstd, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 38px;
  display: none;
}

.text-span-3 {
  color: #f6af56;
}

.feature-line-tab {
  background-color: #060606;
  width: 100%;
  height: 1px;
  margin-bottom: 64px;
}

.tabs-2 {
  margin-top: 32px;
}

.icon-small-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.accent-wrapper {
  white-space: nowrap;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.tab-grid-wrapper {
  max-width: 100%;
}

.tab-detail-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  margin-bottom: 40px;
  display: flex;
}

.caption-medium {
  color: #2b3136;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h6-heading {
  color: #0a2540;
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.h6-heading.a {
  text-align: left;
}

.grid-feature {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.paragraph-regular {
  color: #2a2626;
  text-align: left;
  border-left: 5px #ffe1b1;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.paragraph-regular.a {
  text-align: left;
  margin-bottom: 40px;
  font-size: 17px;
  line-height: 25px;
}

.paragraph-regular.a.sectiondg {
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.line-long {
  background-color: #060606;
  width: 100%;
  height: 1px;
  margin-bottom: 10px;
}

.tab-link-3 {
  color: #060606;
  letter-spacing: -.02em;
  text-transform: uppercase;
  background-color: #fad9b066;
  border-radius: 8px;
  align-items: center;
  margin-right: 20px;
  padding: 5px 14px 5px 10px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.tab-link-3.w--current {
  color: #fff;
  text-transform: capitalize;
  background-color: #40c2a1;
}

.tab-link-3.b {
  background-color: #ffb55982;
}

.container-large-2 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.grid-tab-full {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 2fr;
  grid-auto-flow: row;
  position: static;
}

.badge-small {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 70px;
  margin-bottom: 20px;
  margin-right: 12px;
  padding: 5px;
  display: flex;
  box-shadow: 21px 21px 64px -15px #00000047;
}

.badge-small.a {
  margin-right: 12px;
  box-shadow: 21px 21px 64px -15px #00000047;
}

.badge-small.b {
  background-color: #ffebd3;
  margin-right: 12px;
  box-shadow: 21px 21px 64px -15px #00000047;
}

.badge-small.c {
  box-shadow: 21px 21px 64px -15px #0000005c;
}

.feature-card-9 {
  background-color: #fff;
  background-image: none;
  border: 1px #d1d1d1;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 85%;
  min-height: 90%;
  max-height: 100%;
  margin-bottom: 40px;
  padding: 40px 20px 40px 24px;
  display: flex;
  position: relative;
  box-shadow: 25px 25px 64px -20px #ecececad;
}

.feature-card-9.a {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(45deg, #fff, #fff);
  border-radius: 5px;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.feature-card-9.b {
  box-shadow: none;
  background-color: #0000;
  background-image: linear-gradient(225deg, #fff5eb, #fff);
  border-left-style: none;
  border-left-color: #df9d32;
  border-radius: 5px;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.feature-card-9.c {
  box-shadow: none;
  background-color: #fff0;
  background-image: none;
  border-radius: 5px;
  max-width: 100%;
}

.feature-card-9.d {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(0deg, #fff, #fff);
  border-radius: 5px;
  max-width: 100%;
}

.feature-card-9.e {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(315deg, #fff, #fff);
  border-radius: 5px;
  max-width: 100%;
}

.feature-card-9.f {
  background-color: #fff;
  background-image: linear-gradient(315deg, #83ff7a, #fff);
  border-radius: 5px;
  max-width: 100%;
  font-size: 17px;
  box-shadow: 25px 25px 64px -20px #ddddddad;
}

.tabs-menu-4 {
  justify-content: flex-start;
  margin-bottom: 20px;
  display: none;
}

.text-block-37, .text-block-38 {
  text-transform: capitalize;
}

.image-415 {
  max-width: 80%;
}

.feature-section-5 {
  padding: 70px 3%;
}

.features-title-wrap-3 {
  text-align: center;
  max-width: 650px;
  margin-bottom: 92px;
  margin-left: auto;
  margin-right: auto;
}

.solid-button {
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000;
  border-style: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 32px;
  font-size: 9px;
  line-height: 1.35em;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.grid-wrapper {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(auto, 1594px);
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: grid;
  position: relative;
}

.section-8 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.sticky-intro {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 118px;
}

.body-display {
  color: #2a2828;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 620px;
  margin-left: auto;
  display: grid;
}

.medium-stacked-intro {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 400px;
  display: grid;
}

.stacked-heading {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.left-line {
  background-color: #ffefd1;
  width: 60px;
  height: 2px;
  display: flex;
}

.line-fill {
  background-color: #ffd280;
  width: 40%;
  height: 100%;
}

.verticle-line {
  background-color: #fff3;
  height: 100%;
  position: relative;
}

.half-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1px 1fr;
  grid-auto-columns: 1fr;
  min-width: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.list-grid {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  border-top: 1px solid #889ea833;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-items: stretch;
  display: grid;
}

.heading-10 {
  color: #4d4d4d;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-color: #000;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  font-family: Circularstd, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
}

.image-416 {
  position: absolute;
  top: 8194.58px;
  bottom: auto;
  left: -9.2639px;
}

.div-block-54 {
  background-color: #0000;
  background-image: linear-gradient(135deg, #fff3, #fff);
  border-radius: 20px;
  width: 65%;
  max-width: 100%;
  height: 200px;
  position: absolute;
  top: 326px;
  left: 97.9444px;
}

.text-span-28 {
  background-color: var(--white);
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.text-block-39 {
  color: #686868;
  font-weight: 700;
}

.columns-2 {
  max-width: 1124.17px;
  margin-top: 220px;
}

.image-417 {
  position: absolute;
}

.column-8 {
  max-height: 200px;
}

.container-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  max-height: 500px;
  margin-top: 0;
  display: block;
}

.image-4568 {
  max-width: 100%;
  position: static;
  top: 10448.8px;
  left: auto;
}

.image-4568.a.c.cc {
  max-width: none;
  position: absolute;
  top: 58px;
  right: 36.734px;
}

.image-4568.v {
  max-width: none;
  position: static;
  top: 379px;
  left: -320px;
}

.image-419 {
  position: absolute;
  top: 8456.82px;
  left: 701px;
}

.image-420 {
  position: absolute;
  left: 565px;
}

.text-block-40 {
  background-color: #0000;
}

.text-block-41 {
  color: #707070;
}

.cta-grid-3 {
  z-index: 1;
  background-color: #0000;
  background-image: none;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  position: relative;
}

.image-block-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 300px;
  display: flex;
  position: relative;
}

.cta-image-2 {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: -146.986px;
  bottom: auto;
  left: -302px;
}

.cta-block-2 {
  background-color: #0000;
  border-radius: 0;
  padding-top: 0;
}

.cta-section-5 {
  background-color: #0000;
  background-image: linear-gradient(0deg, #ffeecf, #fff);
  justify-content: center;
  align-items: center;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.title-large-6 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  display: inline-block;
}

.cta-paragraph-4 {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 66px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}

.cta-container-5 {
  background-image: none;
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.cta-image-wrapper-2 {
  justify-content: center;
  align-items: center;
  width: 900px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.link-arrow {
  color: #583fbc;
  align-items: center;
  margin-top: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.link-arrow:hover {
  color: #7735f6;
}

.navigation-column-large {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.arrow-3 {
  width: 6px;
  margin-left: 10px;
}

.image-blog {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.navigation-wrap-2 {
  z-index: 6;
  background-color: #fff;
  border-bottom: 1px solid #0414341a;
  align-items: center;
  width: 100%;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: relative;
}

.dropdown-wrapper-2 {
  background-color: #fff;
  padding: 20px 3% 34px;
  overflow: hidden;
  box-shadow: 33px 115px 100px #0414341a;
}

.dropdown-list-5 {
  min-width: 100%;
}

.dropdown-list-5.w--open {
  background-color: #0000;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  position: absolute;
  inset: 75px 0 auto;
}

.navigation-3 {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: fixed;
}

.toggle-button {
  color: #181945;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-weight: 700;
  transition: all .2s;
}

.toggle-button:hover {
  color: #4e2d92;
}

.toggle-button.w--open {
  color: #583fbc;
}

.brand-4 {
  margin-right: 20px;
}

.navigation-link-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.navigation-link-2:hover {
  background-color: #b7c8e71a;
}

.navigation-container-dropdown {
  background-color: #fff;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-title {
  color: #04143466;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.menu-wrap {
  color: #283338;
  align-items: center;
  font-size: 16px;
  display: flex;
  position: static;
}

.button-nav {
  color: #fff;
  background-color: #583fbc;
  border-radius: 12px;
  padding: 18px 24px;
  font-weight: 700;
  transition: all .35s;
}

.button-nav:hover {
  background-color: #6249c7;
}

.icon-11 {
  background-color: #b7c8e71a;
  border: 1px solid #b7c8e759;
  border-radius: 16px;
  width: 64px;
  height: 64px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  padding: 8px;
}

.grid-large {
  grid-column-gap: 42px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.navigation-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.container-navigation-2 {
  border-bottom: 1px #0414341a;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.navigation-icon {
  width: 24px;
}

.grid-navigation {
  grid-column-gap: 42px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  width: 100%;
}

.navigation-column-featured {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.navigation-image-wrap {
  border-radius: 30px;
  width: 100%;
  max-width: 290px;
  height: 200px;
  margin-bottom: 22px;
  overflow: hidden;
}

.navigation-block {
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.navigation-link-title {
  color: #181945;
  letter-spacing: -.03em;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
}

.navigation-left-3 {
  align-items: center;
  width: 50%;
  min-height: 60px;
  display: flex;
}

.navigation-link-text {
  color: #18194580;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.nav-link-7 {
  color: #181945;
  padding: 20px 18px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
}

.nav-link-7:hover {
  color: #4e2d92;
}

.nav-link-7.w--open {
  color: #583fbc;
}

.navigation-image-link-large {
  flex-direction: column;
  align-items: flex-start;
  max-width: 320px;
  text-decoration: none;
  display: flex;
}

.navigation-right-3 {
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  min-height: 60px;
  display: flex;
}

.dropdown-button {
  position: static;
}

.hero-heading-2 {
  color: #1a1a1a;
  letter-spacing: -.04em;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #1b1a1f, #593c3c 15%, #1e1d21 28%, #434650 52%, #3e2c2d 75%, #1d1d21);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 90px;
  font-weight: 700;
  line-height: 94px;
}

.avatar-02 {
  border-radius: 100px;
  margin-bottom: -40px;
  position: absolute;
  inset: auto -40px auto auto;
  box-shadow: 14px 14px 52px #423d753b;
}

.header-wrapper-3 {
  font-family: Montserrat, sans-serif;
  display: none;
}

.avatar-small {
  background-color: #dee2e3;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 52px;
  min-width: 52px;
  height: 52px;
  min-height: 52px;
}

.avatar-small.avatar-stack {
  margin-left: -12px;
}

.search-block-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -83px;
}

.search-block-wrapper.b {
  position: static;
}

.hero-feature-wrapper {
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-right: 20px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.container-navigation-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.navigation-menu {
  align-items: center;
  display: flex;
}

.header-grid-2 {
  grid-column-gap: 92px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.nav-menu-5 {
  color: #000;
  align-items: center;
  width: auto;
  height: 100%;
  display: flex;
  position: static;
}

.check-icon {
  max-width: 20%;
  margin-right: 12px;
}

.avatar-03 {
  border-radius: 100px;
  margin-bottom: -40px;
  position: absolute;
  inset: auto auto 5% 10%;
  box-shadow: 14px 14px 52px #423d753b;
}

.image-wrapper-3 {
  background-image: linear-gradient(133deg, #efeeff, #feeee9);
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 480px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.container-18 {
  z-index: 5;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.avatar-row {
  align-items: center;
  display: flex;
}

.form-6 {
  background-color: #fff6e738;
  border: 1px solid #1a1a1aa1;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px 5px 10px;
  transition: border-color .3s;
  display: flex;
}

.form-block-2 {
  width: 100%;
  margin-bottom: 0;
}

.success-message-7 {
  background-color: #3cdfa5;
  font-weight: 700;
}

.header-section-2 {
  background-image: linear-gradient(to right, #fdfcf9, #ffffffa1 43%, #ffeee97a 78%, #feebe5);
  align-items: center;
  padding: 190px 5% 140px;
  display: flex;
  position: relative;
}

.dashboard-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  left: -40px;
}

.search-field {
  color: #413a40;
  background-color: #0000;
  border: 1px #000;
  width: 100%;
  max-width: 340px;
  min-height: 54px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 600;
}

.search-field::placeholder {
  color: #4d4d4d99;
}

.feature-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
}

.feature-row._2 {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
}

.hero-paragraph {
  color: #1a1a1a;
  letter-spacing: -.02em;
  max-width: 320px;
  margin-bottom: 4px;
  margin-left: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
}

.avatar-01 {
  border-radius: 100px;
  position: absolute;
  inset: -10% auto auto;
  box-shadow: 14px 14px 52px #423d753b;
}

.navigation-4 {
  background-color: #0000;
  align-items: center;
  height: 100px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-dashboard {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 51px 51px 92px -30px #7571a040;
}

.nav-link-8 {
  color: #1a1a1a;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 14px;
  font-weight: 600;
  transition: all .35s;
}

.nav-link-8:hover {
  color: #8088ff;
}

.navigation-button {
  background-color: #8080ff;
  border-radius: 15px;
  margin-left: 18px;
  padding: 12px 24px;
  font-weight: 600;
  transition: all .35s;
}

.navigation-button:hover {
  background-color: #5e53e0;
}

.submit-button-4 {
  background-color: #0000;
  background-image: linear-gradient(135deg, #e4a96a, #7e4e1a);
  border-radius: 20px;
  width: auto;
  min-height: 64px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .3s;
  box-shadow: 20px 20px 45px -9px #21253821;
}

.submit-button-4:hover {
  background-color: #0000;
  background-image: linear-gradient(135deg, #e4a96aad, #7e4e1aad);
}

.submit-button-4.a {
  border-radius: 0 30px 30px 0;
}

.submit-button-4.b {
  border: 1px solid var(--dark-grey);
  box-shadow: none;
  color: #111827;
  background-color: #fff0;
  background-image: none;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  min-height: 44px;
  padding: 10px 24px;
  font-family: Circularstd, sans-serif;
  font-weight: 500;
  display: flex;
}

.submit-button-4.b:hover {
  background-color: #fff0;
  background-image: none;
  border-color: #f0904f;
}

.submit-button-4.b:active {
  border-radius: 50px;
}

.image-421 {
  max-width: 80%;
}

.image-422 {
  max-width: 75%;
}

.image-423 {
  border-radius: 10px;
}

.image-424 {
  max-width: 40%;
  position: relative;
  top: 380px;
  left: -132px;
}

.image-425 {
  margin-right: 0;
  display: none;
  position: static;
  inset: auto 0% 0%;
}

.container-19 {
  z-index: 5;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-block-3 {
  width: 100%;
  max-width: 506px;
  margin-bottom: 0;
}

.search-field-2 {
  color: #67718e;
  letter-spacing: -.02em;
  background-color: #0000;
  border: 1px solid #afafaf;
  border-right-style: none;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 100%;
  min-height: 64px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 58px;
  font-size: 16px;
  font-weight: 500;
}

.search-field-2::placeholder {
  color: #b6bcce;
}

.hero-feature-wrapper-2 {
  color: #37456c;
  align-items: center;
  margin-right: 20px;
  font-weight: 500;
  display: flex;
}

.search-block-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  margin-top: 60px;
  display: flex;
}

.hero-card-bg {
  z-index: -1;
  background-color: #f5f7f9;
  position: absolute;
  inset: 20px 20px -20px -20px;
}

.header-section-large {
  align-items: center;
  padding: 120px 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-image-large {
  height: 280px;
  margin-left: 60px;
  position: relative;
}

.hero-image-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 3fr 1fr;
  width: 100%;
  max-width: 750px;
}

.hero-image-cover {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.hero-feature-icon {
  background-color: #ffdb9a42;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: 8px;
  padding: 8px;
  display: flex;
}

.header-paragraph-2 {
  color: #67718e;
  max-width: 600px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}

.hero-block-small {
  border: 1px #e5e5e5;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 55%;
  margin-top: 40px;
  padding: 40px;
  display: flex;
}

.hero-block-small.cvc {
  flex-direction: row;
}

.address-icon {
  position: absolute;
  inset: auto auto auto 24px;
}

.form-7 {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  transition: border-color .3s;
  display: flex;
  position: relative;
}

.hero-heading-3 {
  color: #061237;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 56px;
  font-weight: 900;
  line-height: 68px;
}

.feature-row-2 {
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.image-fixed-wrapper {
  z-index: 5;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.grid-hero-small {
  grid-column-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.submit-button-5 {
  background-color: #1355ff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  width: auto;
  height: 100%;
  min-height: 54px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .3s;
  box-shadow: 20px 20px 45px -9px #21253821;
}

.submit-button-5:hover {
  background-color: #154ee2;
}

.grid-image-standard {
  height: 240px;
  position: relative;
}

.icon-12 {
  margin-right: 10px;
}

.brand-5 {
  margin-right: 40px;
}

.image-block-3 {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 33%;
  margin-top: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown-wrapper-3 {
  background-color: #fff;
  border-radius: 10px;
  height: 450px;
  padding: 30px 3%;
  overflow: hidden;
  box-shadow: 33px 115px 100px #0414341a;
}

.navigation-link-block {
  border-radius: 30px;
  height: 200px;
  max-height: none;
  padding: 24px;
  text-decoration: none;
  transition: all .3s;
  position: relative;
}

.navigation-link-block:hover {
  background-color: #fff9ee;
}

.large-navigation-title {
  color: #181945;
  letter-spacing: -.03em;
  margin-bottom: 14px;
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 28px;
}

.navigation-right-4 {
  justify-content: flex-end;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.search-input-2 {
  color: #181945;
  background-color: #1819450d;
  border: 1px solid #1819451a;
  border-radius: 10px;
  min-height: 48px;
  margin-bottom: 0;
}

.search-input-2:focus {
  border-style: solid;
  border-color: #ff8c4b;
}

.search-input-2::placeholder {
  color: #18194566;
  letter-spacing: -.03em;
  font-weight: 500;
}

.toggle {
  color: #313131;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s;
}

.toggle:hover {
  color: #1557ff;
}

.toggle.w--open {
  color: #ff8c4b;
}

.toggle.link-block-2 {
  color: #111827;
  font-family: Circularstd, sans-serif;
}

.navigation-left-4 {
  align-items: center;
  width: 100%;
  min-height: 60px;
  display: flex;
}

.navigation-link-text-2 {
  color: #0a2540;
  letter-spacing: -.02em;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.search-icon {
  position: absolute;
  inset: auto 12px auto auto;
}

.navigation-grid {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  width: 100%;
}

.image-full {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.logo {
  width: auto;
  min-width: auto;
  max-width: 40px;
  height: 100%;
  max-height: 40px;
}

.video-link {
  position: absolute;
}

.chevron-arrow {
  width: 6px;
  margin-left: 10px;
}

.featured-block {
  background-color: #ffe3c61a;
  border-radius: 30px;
  flex-direction: column;
  padding: 32px 20px 20px;
  display: flex;
}

.link-grid-large {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation-button-2 {
  color: #fff;
  white-space: nowrap;
  background-color: #ff8c4b;
  border-radius: 12px;
  margin-left: 20px;
  padding: 18px 24px;
  font-weight: 700;
  transition: all .35s;
}

.navigation-button-2:hover {
  background-color: #e07437;
}

.dropdown-list-6 {
  min-width: 100%;
}

.dropdown-list-6.w--open {
  z-index: auto;
  background-color: #0000;
  min-width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  position: absolute;
  inset: 80px 0 auto;
}

.search {
  align-items: center;
  width: 100%;
  max-width: 330px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.dropdown-container {
  background-color: #fff;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-navigation-4 {
  border-bottom: 1px #0414341a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.search-button {
  background-color: #0000;
  min-width: 50px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.navigation-wrap-3 {
  z-index: 99;
  background-color: #0000;
  border-bottom: 1px #0414341a;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.navigation-link-title-2 {
  color: #0a2540;
  letter-spacing: -.02em;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.navigation-link-3 {
  color: #16a34a;
  align-items: center;
  margin-top: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.navigation-icon-block {
  background-color: #fff0d6;
  border-radius: 16px;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  padding: 8px;
  box-shadow: inset -24px -24px 5px #ffcb93;
}

.navigation-paragraph {
  color: #181945;
  letter-spacing: -.02em;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.dropdown {
  position: static;
}

.link-block-2 {
  color: #111827;
  justify-content: center;
  align-items: center;
  min-width: auto;
  padding: 20px 30px;
  font-family: Circularstd, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.link-block-2:hover {
  color: #ea580c;
}

.link-block-2.how {
  color: #111827;
  min-width: 170px;
  font-family: Circularstd, sans-serif;
}

.link-block-2.how:hover {
  color: #ea580c;
}

.link-grid-small {
  grid-column-gap: 32px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

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

.form-image-section {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  min-height: 800px;
  padding: 100px 60px 220px;
  display: flex;
  position: relative;
}

.form-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.image-background {
  z-index: 0;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.contact-detail-grid {
  grid-template-rows: auto;
  width: 100%;
  max-width: 800px;
}

.heading-11 {
  color: #000;
  max-width: 400px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  line-height: 72px;
}

.form-title-wrapper {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-block-section {
  background-color: #fff;
  align-items: center;
  width: 50%;
  padding: 100px 1%;
  display: flex;
  position: relative;
}

.error-message-6 {
  color: #fff;
  background-color: #522723;
  padding: 16px;
}

.title-small-2 {
  color: #000;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.contact-submit-button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #6a27ff;
  width: 100%;
  height: 60px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s;
}

.contact-submit-button:hover {
  color: #1a1a1a;
  background-color: #fff;
}

.form-section-3 {
  background-color: #0000;
  background-image: linear-gradient(45deg, #b9824f, #25b8b0);
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.bottom-bar {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #ffffff4d;
  justify-content: center;
  align-items: center;
  min-height: 140px;
  padding: 32px 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.form-field-wrapper {
  margin-bottom: 40px;
}

.contact-field-label {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

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

.contact-field {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #443380;
  min-height: 60px;
  margin-bottom: 0;
  padding-bottom: 8px;
  padding-left: 0;
  padding-right: 20px;
  font-size: 16px;
  line-height: 24px;
  transition: all .3s;
}

.contact-field:hover {
  border-color: #000 #000 #fff;
}

.contact-field:focus {
  border-color: #f97316 #f97316 #6a27ff;
}

.contact-field::placeholder {
  color: #665e86;
}

.success-message-8 {
  color: #000;
  background-color: #fff;
  padding: 28px 16px;
}

.detail {
  color: #343030;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.form-wrapper-3 {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-55 {
  align-items: center;
  display: flex;
}

.image-427 {
  border: 5px solid #fff;
  border-radius: 50px;
  max-width: 50%;
  position: relative;
}

.image-427.a {
  border-color: #ffedd0;
}

.image-427.b {
  border-color: #fff;
  width: 15%;
  max-width: 70%;
  left: -11px;
}

.div-block-56 {
  height: auto;
}

.image-428 {
  border-radius: 20px;
  margin-left: 20px;
}

.image-429 {
  color: #fff;
  border-radius: 20px;
  position: static;
  top: -5px;
  left: 239px;
  box-shadow: 25px 25px 64px -55px #696969;
}

.image-429.a {
  z-index: -1;
  background-color: #0000;
  max-width: 50%;
  position: absolute;
  top: 180px;
  left: 887.075px;
}

.image-429.b {
  z-index: 1;
  top: -39px;
  left: -84px;
  box-shadow: 14px 14px 64px -45px #4e4e4e;
}

.image-429.cv {
  background-color: #fff;
  max-width: 80%;
  max-height: 120px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  top: 290px;
  left: -442px;
  box-shadow: 25px 25px 64px -40px #0c0c0c;
}

.image-430 {
  border-radius: 20px;
  display: none;
}

.image-431 {
  z-index: 1;
  border-radius: 20px;
  position: static;
  bottom: 40px;
  left: 13px;
  box-shadow: 25px 25px 64px -55px #2c2c2c;
}

.image-432 {
  border-radius: 20px;
  position: static;
  top: -19px;
  left: 117px;
  box-shadow: 25px 25px 64px -55px #b4b4b4;
}

.faq-content {
  margin-top: 0;
  overflow: hidden;
}

.faq-paragraph-2 {
  color: #bcb8d0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 32px;
  overflow: hidden;
}

.title-heading {
  color: #0a071b;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 900;
  line-height: 56px;
}

.faq-question {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px 32px;
  text-decoration: none;
}

.faq-container-2 {
  max-width: 920px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.title-wrap-centre {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.faq-question-bar {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  text-decoration: none;
  display: flex;
}

.faq-grid-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns: 1fr;
}

.faq-wrapper {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.faq-title-2 {
  color: #0a071b;
  letter-spacing: -.02em;
  font-size: 18px;
  line-height: 32px;
}

.tabs-heading {
  color: #000;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

.tab-content-wrap {
  background-color: #0000;
  display: block;
  position: static;
  overflow: hidden;
}

.faq-item-2 {
  border-bottom: 1px solid #e5e5e5;
  font-size: 18px;
  display: block;
}

.tab-link-4 {
  color: #999;
  background-color: #fff;
  border-radius: 50px;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  font-size: 18px;
  transition: background-color .2s;
  display: flex;
}

.tab-link-4:hover {
  color: gray;
}

.tab-link-4.w--current {
  color: #636363;
  background-color: #fdf0df;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.tab-link-4.w--current:hover {
  color: #797979;
}

.tab-content-4 {
  padding-bottom: 0;
  line-height: 36px;
}

.image-433 {
  max-width: 15%;
  margin-right: 20px;
}

.tabs-paragraph {
  color: #2b2b2b;
  font-size: 16px;
  line-height: 25px;
}

.faq-content-2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  display: flex;
}

.faq-panel {
  width: 100%;
  max-width: 700px;
}

.tabs-section {
  color: #262626;
  background-color: #0000;
  padding: 100px 0% 0;
  font-family: Circularstd, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.tabs-link {
  color: #dd943a;
  text-decoration: none;
}

.tabs-link:hover {
  text-decoration: underline;
}

.tabs-preheading {
  color: #707070;
  letter-spacing: 2px;
  text-transform: lowercase;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.tab-name {
  color: #0a2540;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.tab-name:hover {
  color: #ea580c;
}

.tabs-container-2 {
  min-width: 1100px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faq-toggle {
  color: #999;
  justify-content: space-between;
  align-items: center;
  padding: 20px 5px 20px 0;
  line-height: 28px;
  display: flex;
}

.faq-toggle:hover {
  color: #6e6e6e;
}

.tabs-menu-5 {
  flex-direction: column;
  flex: none;
  align-items: stretch;
  width: 400px;
  margin-right: 60px;
  display: flex;
}

.tabs-3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tabs-heading-wrap {
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 55%;
  max-width: 700px;
  margin-bottom: 40px;
  margin-left: auto;
  display: flex;
}

.faq-paragraph-3 {
  color: #0a2540;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.text-span-29 {
  text-transform: capitalize;
}

.text-block-42, .text-block-43 {
  color: #374151;
  letter-spacing: -.2px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.text-block-43:hover {
  color: #ea580c;
}

.text-block-43.a {
  color: #374151;
  letter-spacing: -.2px;
  font-size: 15px;
}

.text-block-44 {
  color: #505050;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-block-45, .text-block-46 {
  color: #0a2540;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.bold-text-4 {
  color: #646464;
}

.text-block-47 {
  color: #16a34a;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.text-block-48, .text-block-49, .text-block-50, .text-block-51, .text-block-52 {
  color: #16a34a;
}

.image-434 {
  display: block;
}

.body-3 {
  background-image: linear-gradient(90deg, #ffedcf, #fff);
}

.testimonial-slider-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.testimonial-arrow-left {
  background-color: #160042;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  transition: background-color .2s;
  display: flex;
}

.testimonial-arrow-left:hover {
  background-color: #393b6a;
}

.slide-nav-hidden {
  display: none;
  bottom: -50px;
}

.section-large-2 {
  padding: 120px 5%;
  position: relative;
}

.avatar-image-2 {
  object-fit: cover;
  border-radius: 100px;
  width: 20%;
  height: 100%;
}

.paragraph-small {
  text-align: left;
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-regular-2 {
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 24px;
}

.testimonial-arrow-right {
  background-color: #160042;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  transition: background-color .2s;
  display: flex;
}

.testimonial-arrow-right:hover {
  background-color: #393b6a;
}

.container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-detail-regular {
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal;
  font-size: 16px;
  line-height: 24px;
}

.testimonial-avatar-name {
  margin-top: 24px;
}

.testimonial-slider-2 {
  background-color: #0000;
  height: 100%;
}

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

.flex-wrapper-centre {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.star-wrapper-2 {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.h5-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  font-size: 32px;
  line-height: 1.5;
}

.paragraph-large-2 {
  color: #425466;
  text-align: left;
  letter-spacing: -.02em;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.paragraph-large-2.text-weight-bold {
  font-weight: 700;
}

.paragraph-large-2.text-color-gray-500 {
  color: #3f3f3f;
  margin-bottom: 20px;
  padding-right: 40px;
  font-size: 18px;
  line-height: 25px;
}

.paragraph-large-2.text-color-gray-500.vbb {
  color: #47484a;
  letter-spacing: 0;
  max-width: 600px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-large-2.cta {
  color: #fff;
}

.testimonial-avatar-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 5px;
  display: flex;
}

.heading-detail-small {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.heading-detail-small.margin-bottom-12 {
  margin-bottom: 12px;
}

.heading-detail-small.margin-bottom-12.text-color-gray-500 {
  color: #5c5c5c;
  text-transform: lowercase;
  font-family: DM Sans, sans-serif;
  font-weight: 500;
}

.testimonial-avatar {
  background-color: #0000;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: auto;
  display: flex;
  position: static;
  overflow: hidden;
}

.image-435 {
  max-width: 60%;
  position: relative;
  inset: -248px 0 187px 495px;
}

.integration-wrapper-2 {
  border-top: 1px solid #cc9c4d8c;
  border-bottom: 1px solid #cc9c4d8c;
  max-width: none;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 20px;
}

.integration-bottom-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 400px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.integration-name {
  box-shadow: none;
  color: #1a1a1a;
  background-color: #fff;
  border-radius: 8px 8px 12px 12px;
  padding: 4px 16px;
  font-weight: 600;
  line-height: 24px;
}

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

.section-regular {
  z-index: auto;
  background-color: #0000;
  background-image: none;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  position: static;
}

.polka-heading-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  margin-left: 0%;
  margin-right: auto;
  display: flex;
}

.polka-heading-wrapper.margin-bottom-64 {
  margin-bottom: 64px;
}

.polka-heading-wrapper.blog {
  max-width: none;
  margin-bottom: 20px;
}

.h1-heading-2 {
  letter-spacing: -.04em;
  margin-top: 0;
  font-size: 64px;
  line-height: 1.2;
}

.h1-heading-2.margin-bottom-24 {
  color: #0a2540;
  text-align: left;
  margin-bottom: 24px;
  font-family: Circularstd, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
}

.h1-heading-2.margin-bottom-32 {
  color: #0a2540;
  letter-spacing: -1.5px;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-clip: border-box;
  max-width: 620px;
  margin-bottom: 24px;
  margin-right: -8px;
  padding-right: 0;
  font-family: Circularstd, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 57px;
}

.container-large-3 {
  width: auto;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.integration-logo-item {
  box-shadow: none;
  filter: none;
  background-color: #fff0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 160px;
  max-width: 120px;
  min-height: 120px;
  max-height: 120px;
  margin: 14px 40px 40px 0;
  padding: 14px;
  transition: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integration-logo-item:hover {
  box-shadow: 17px 17px 64px -14px #ffdfc5;
}

.button-primary-light {
  color: #fff;
  background-color: #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 14px 24px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button-primary-light.margin-bottom-24 {
  margin-bottom: 24px;
}

.integration-inner-wrapper {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.polka-heading-detail {
  color: #8b8b8b;
  letter-spacing: .08em;
  text-transform: capitalize;
  white-space: normal;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.carousel-track {
  flex: none;
  display: flex;
  top: 232px;
}

.carousel-track.b {
  top: 435px;
}

.carousel-track.c {
  top: 50px;
}

.card-integration {
  color: #1a1a1a;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  height: 700px;
  min-height: 400px;
  padding: 32px 32px 0;
  position: relative;
  overflow: hidden;
}

.grid-button {
  grid-template-rows: auto;
}

.grid-button.margin-top-64 {
  margin-top: 64px;
}

.polka-button-outline {
  color: #4255bd;
  text-align: center;
  background-color: #0000;
  border: 1.5px solid #6070c8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .4s;
  display: flex;
}

.polka-button-outline:hover {
  border-color: #d3d3d3;
}

.polka-button-primary {
  color: #fff;
  background-color: #4255bd;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.icon-integration {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: flex;
}

.carousel-group {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.integration-detail-wrapper {
  color: #1a1a1a;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.client-logo-carousel {
  background-color: #fff;
  border-radius: 16px;
  align-items: center;
  min-height: 700px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
  overflow: hidden;
}

.h6-heading-2 {
  margin-top: 0;
  font-size: 28px;
  line-height: 34px;
}

.gradient-panel-right {
  z-index: 5;
  background-image: linear-gradient(267deg, #fff, #fff 21%, #ffffffa3 51%, #fff0);
  width: 140px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.grid-two-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-two-column-2.align-centre {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
  position: relative;
}

.grid-two-column-2.align-centre.hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.grid-two-column-2.sd {
  flex-direction: column;
  display: flex;
}

.integration-text {
  color: gray;
  text-align: center;
  margin-top: 32px;
  font-weight: 500;
  line-height: 24px;
}

.gradient-panel-left {
  z-index: 5;
  background-image: linear-gradient(to right, #fff, #fff 25%, #ffffffba 60%, #fff0);
  width: 140px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.integration-title-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo-carousel {
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 120px;
  min-height: 120px;
  max-height: 120px;
  margin-left: 14px;
  margin-right: 14px;
  padding: 14px;
  transition: background-color .3s;
  display: flex;
  box-shadow: -7px 34px 64px -14px #b9b9b95e;
}

.logo-carousel-css {
  display: none;
}

.image-436 {
  max-width: 120px;
  overflow: hidden;
}

.image-437 {
  max-width: 80px;
  overflow: hidden;
}

.star-row {
  align-items: center;
  max-width: 67%;
  margin-bottom: 15px;
  display: flex;
}

.button-wrapper-6 {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.testimonial-title-wrapper-2 {
  max-width: 300px;
  margin-bottom: 60px;
}

.testimonial-card-3 {
  color: #1f2937;
  background-color: #0000;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  width: 100%;
  padding: 40px 32px;
  text-decoration: none;
  transition: all .2s;
}

.testimonial-card-3:hover {
  background-color: #fff;
  border-color: #e5e5e500;
  box-shadow: 13px 20px 32px #e5e5e540;
}

.testimonial-card-3.a {
  z-index: 1;
  background-color: #fff;
  border-style: none;
  width: 28%;
  padding: 30px 25px 25px;
  position: absolute;
  top: 616px;
  left: 570px;
  box-shadow: 25px 25px 64px -30px #c4c4c4;
}

.testimonial-card-3.a.b {
  background-image: linear-gradient(#fff, #fff);
  width: 28%;
  padding: 10px;
  inset: auto 31px 1871.24px auto;
  box-shadow: 25px 25px 64px -30px #c4c4c4;
}

.testimonial-card-3.a.b.cv {
  bottom: 1982.24px;
}

.testimonial-card-3.a.c {
  z-index: 2;
  background-image: linear-gradient(45deg, #fff, #fff);
  top: auto;
  bottom: 636.625px;
  left: 628px;
  box-shadow: 25px 25px 64px -30px #c4c4c4;
}

.testimonial-card-3.a.c.d {
  background-image: linear-gradient(45deg, #fff, #fff);
  bottom: -126px;
  left: 492px;
}

.testimonial-card-3.a.c.fredf {
  bottom: 1017.63px;
  left: 449px;
}

.avatar-cover {
  object-fit: cover;
  border: 4px solid #fff;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.blue-span {
  color: #5138ed;
}

.testimonial-author-wrapper {
  align-items: center;
  display: flex;
}

.avatar-circle-2 {
  border-radius: 100px;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 14px;
}

.testimonial-author {
  color: #000;
  letter-spacing: -.03em;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
}

.testimonial-mask-2 {
  width: 400px;
  overflow: visible;
}

.testimonial-heading-2 {
  color: #262626;
  letter-spacing: -.04em;
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.testimonial-section-2 {
  background-color: #fff;
  padding: 100px 3%;
  position: relative;
  overflow: hidden;
}

.testimonial-credentials {
  color: #727272;
  letter-spacing: -.03em;
  font-weight: 500;
  line-height: 20px;
}

.block-blue {
  background-color: #5138ed;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: relative;
  left: 20px;
}

.star-2 {
  max-width: 20%;
  max-height: 100%;
  margin-right: 4px;
}

.testimonial-slider-3 {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.testimonial-content-2 {
  flex-direction: column;
  align-items: flex-start;
  max-height: 50%;
  display: flex;
}

.testimonial-container-2 {
  z-index: 5;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.testimonial-title {
  color: #262626;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.right-arrow-2 {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 4px;
  display: flex;
  inset: -95px 0% auto auto;
}

.accent-left {
  position: absolute;
  inset: 10% auto auto 0%;
}

.testimonial-button {
  color: #fff;
  background-color: #5138ed;
  border-radius: 4px;
  padding: 14px 40px;
  font-size: 16px;
  transition: all .2s;
}

.testimonial-button:hover {
  background-color: #402ac9;
}

.testimonial-line {
  background-color: #ffeccd;
  width: 30px;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 0;
}

.accent-right {
  position: absolute;
  inset: auto 0% 10% auto;
}

.testimonial-details {
  color: #8f8f8f;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}

.block-green {
  background-color: #8ae59d;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: relative;
  left: -20px;
}

.integration-name-2 {
  color: #262626;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.integration-title-wrapper-2 {
  align-items: center;
  display: flex;
}

.title-block {
  max-width: 680px;
  margin-right: 40px;
}

.integration-card-3 {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  text-decoration: none;
  transition: box-shadow .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 10px 2px 32px #f9f6fee6;
}

.integration-card-3:hover {
  box-shadow: 35px 35px 50px #e5e5e5cc;
}

.integration-icon-wrapper {
  background-color: #fff;
  border: 1px solid #f9f4fd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.large-icon {
  width: 128px;
  position: absolute;
  inset: auto -30px -30px auto;
}

.link-8 {
  color: #7e48ea;
  text-decoration: none;
}

.integration-title-5 {
  color: #250a5c;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.3;
}

.integration-container {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.licence-wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  font-size: 18px;
  display: flex;
}

.integration-link-wrapper {
  color: #9e75f0;
  align-items: center;
  margin-top: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.integration-section-5 {
  background-color: #fcfcfc;
  padding: 100px 3%;
}

.line-break-4 {
  background-color: #fafafa;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.large-button {
  background-color: #7e48ea;
  border: 1px solid #7e48ea;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 16px;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.large-button:hover {
  color: #7e48ea;
  background-color: #fff;
  border: 1px solid #7e48ea;
}

.arrow-icon {
  margin-left: 10px;
}

.integration-details-3 {
  color: #b2b2b2;
  letter-spacing: .05px;
  font-size: 14px;
  line-height: 24px;
}

.integration-type {
  color: #999;
  line-height: 24px;
}

.licence-text {
  color: #b0abba;
  letter-spacing: -.02em;
  font-size: 16px;
}

.title-paragraph-2 {
  color: #b0abba;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 32px;
}

.integration-grid-4 {
  grid-column-gap: 40px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.title-wrap-9 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 72px;
  display: flex;
}

.span-blue-2 {
  color: #4255bd;
}

.cta-card-2 {
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  flex-direction: column;
  padding: 24px;
  transition: box-shadow .3s;
  display: flex;
}

.cta-card-2:hover {
  box-shadow: 15px 32px 64px -14px #4d4d4d29;
}

.grid-three-column-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-regular-2 {
  padding: 92px 5%;
  position: relative;
}

.cta-card-3 {
  background-color: #b3e5c3;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.cta-title-wrapper {
  color: #1a1a1a;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-small-regular {
  font-size: 14px;
  line-height: 24px;
}

.cta-card-4 {
  background-color: #fcd49c;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.span-orange {
  color: #f99406;
}

.image-cover {
  z-index: -1;
  object-fit: cover;
  width: 700px;
  max-width: none;
  height: auto;
  position: absolute;
  top: 94px;
  left: auto;
  right: 70px;
}

.span-green {
  color: #40bf6a;
}

.icon-small-3 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  display: flex;
}

.cta-card-01 {
  background-color: #b3bbe5;
  border-radius: 14px;
  height: 180px;
  margin-top: 32px;
  overflow: hidden;
}

.section-integrations-2 {
  padding: 140px 5%;
  position: relative;
}

.integrations-grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 2fr;
}

.integration-card-4 {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 358.4px;
  max-width: 100%;
  max-height: 350px;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  left: 499px;
  box-shadow: 42px 42px 120px 40px #e5e5e540;
}

.integration-card-4:hover {
  box-shadow: 10px 41px 60px #a0a5b117;
}

.header-form-wrapper {
  color: #000;
  border: 1px solid #2f2f2f;
  border-radius: 50px;
  align-items: center;
  padding: 4px;
  display: flex;
}

.button-neutral {
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #2b6ff0;
  background-image: none;
  border-radius: 50px;
  outline: 2px solid #0000;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-neutral:hover {
  background-color: #1f5ad0;
  background-image: none;
}

.button-neutral:active {
  background-color: #4c89f9;
}

.button-neutral:focus {
  outline-offset: 0px;
  outline: 2px solid #6b7094;
}

.success-message-9 {
  color: #006638;
  letter-spacing: .02em;
  background-color: #ebfff6;
  font-size: 12px;
  line-height: 16px;
}

.header-form-block {
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
}

.placeholder-image-tall {
  border-radius: 12px;
  width: auto;
  max-width: none;
  height: auto;
  overflow: visible;
}

.header-input-field {
  color: #000;
  background-color: #0000;
  border: 1px #000;
  min-height: 48px;
  margin-bottom: 0;
  margin-right: 16px;
  padding: 12px 16px;
  font-size: 18px;
  font-style: normal;
}

.header-input-field::placeholder {
  color: #9ca3af;
}

.button-navigation {
  color: #fff;
  letter-spacing: -.02em;
  background-color: #1355ff;
  border-radius: 10px;
  margin-left: 14px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
}

.button-navigation:hover {
  color: #1355ff;
  background-color: #f7f7f7;
}

.header-logo-block {
  background-color: #fff;
  align-items: center;
  max-width: 100%;
  margin-top: 140px;
  padding: 40px 32px;
  display: flex;
}

.button-arrow {
  color: #67718e;
  letter-spacing: -.04em;
  align-items: center;
  margin-left: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.navigation-5 {
  background-color: #fff;
  align-items: center;
  height: 100px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.nav-link-9 {
  color: #67718e;
  letter-spacing: -.02em;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 16px;
  font-weight: 400;
  transition: all .35s;
}

.nav-link-9:hover {
  color: #1355ff;
}

.header-logo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
}

.button-header {
  background-color: #1355ff;
  border: 2px solid #1355ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
}

.button-header:hover {
  color: #1355ff;
  background-color: #fff;
}

.arrow-circle {
  border: 1px solid #67718e;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-right: 18px;
  padding: 4px;
  display: flex;
}

.grid-hero {
  grid-column-gap: 72px;
  grid-template-rows: auto;
}

.navigation-container-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-image-block {
  background-color: #bebebe;
  width: 100%;
  max-width: 45%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.button-wrapper-7 {
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.header-section-3 {
  padding-top: 140px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-image-2 {
  max-width: 150px;
}

.hero-image {
  object-fit: cover;
  object-position: 100% 50%;
  width: 100%;
  height: 100%;
}

.header-wrapper-4 {
  position: relative;
}

.div-block-57 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.div-block-58 {
  width: auto;
  height: auto;
  margin-bottom: 10px;
  padding-top: 0;
  position: static;
  top: -6px;
  left: 47px;
}

.text-block-53 {
  font-size: 15px;
}

.logo-wrapper-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.company-logo-2 {
  max-width: 15%;
  margin-left: 60px;
  margin-right: 60px;
  display: block;
}

.nav-link-10 {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-10:hover {
  color: #1042a3;
}

.button-sign-in {
  background-color: #0000;
  border: 1px solid #1042a3;
  border-radius: 100px;
  padding: 12px 24px;
  transition: all .35s;
}

.button-sign-in:hover {
  background-color: #1042a3;
  border-color: #fff;
}

.button-9 {
  color: #fff;
  background-color: #1042a3;
  border-radius: 100px;
  margin-right: 36px;
  padding: 20px 48px;
  font-size: 18px;
  transition: all .3s;
}

.button-9:hover {
  color: #1042a3;
  background-color: #fff;
}

.header-wrapper-5 {
  z-index: 2;
  background-color: #000;
  position: relative;
}

.navigation-6 {
  background-color: #000;
  border-bottom: 1px solid #262626;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.header-paragraph-3 {
  color: #e5e5e5;
  font-size: 22px;
  line-height: 40px;
}

.header-circle {
  width: 100%;
  max-width: 440px;
}

.trusted-text {
  color: #666;
  text-align: center;
  margin-top: 40px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.underline-span {
  border-bottom: 4px solid #1042a3;
}

.hero-heading-4 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  font-size: 58px;
  line-height: 80px;
}

.button-sign-up {
  background-color: #1042a3;
  border-radius: 100px;
  margin-left: 18px;
  padding: 12px 24px;
  transition: all .35s;
}

.button-sign-up:hover {
  color: #1042a3;
  background-color: #fff;
}

.header-grid-3 {
  grid-column-gap: 44px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  align-items: center;
}

.bottom-content {
  z-index: 5;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.search-link {
  padding: 20px;
}

.text-link-large {
  color: #e5e5e5;
  padding: 10px 4px;
  font-size: 20px;
  transition: all .3s;
}

.text-link-large:hover {
  color: #e5e5e599;
}

.container-20 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.brand-logo-5 {
  width: 60px;
}

.button-wrapper-8 {
  margin-top: 72px;
}

.bloom-image-effect {
  z-index: -1;
  min-width: 60%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.container-navigation-5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.header-section-4 {
  align-items: center;
  padding: 140px 3%;
  display: flex;
  position: relative;
}

.paragraph-small-2 {
  letter-spacing: -.01em;
  font-size: 14px;
  line-height: 24px;
}

.image-438 {
  max-width: 100%;
  position: absolute;
  top: 1272.66px;
  left: 4.9375px;
}

.integration-bottom-wrapper-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-logo-item-2 {
  background-color: #fff;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 120px;
  margin: 14px;
  padding: 14px;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.integration-logo-item-2:hover {
  box-shadow: 17px 17px 64px -14px #4d4d4d29;
}

.image-439 {
  max-width: 120px;
  overflow: hidden;
}

.image-440 {
  max-width: 150px;
  overflow: hidden;
}

.arrow-4 {
  max-width: 80%;
  margin-left: 20px;
  position: absolute;
  top: 47px;
  left: 301px;
}

.hero-person {
  z-index: 5;
  max-height: 800px;
  position: relative;
}

.display-heading {
  z-index: 5;
  color: #161c27;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 400;
  line-height: 88px;
  position: relative;
}

.header-block {
  grid-template-rows: auto;
}

.navigation-menu-2 {
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-link-11 {
  color: #000;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-11:hover {
  color: #000;
}

.card-02 {
  z-index: 5;
  position: absolute;
  inset: -120px 0% auto auto;
  box-shadow: 17px 17px 52px #6663;
}

.hero-block-right {
  background-color: #ffdadf;
  justify-content: flex-start;
  align-items: flex-end;
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.play-icon {
  width: 40px;
  margin-right: 10px;
}

.header-container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.header-paragraph-4 {
  color: #6f6f6f;
  letter-spacing: -.02em;
  font-size: 20px;
  line-height: 32px;
}

.hero-title-wrap {
  position: relative;
}

.header-wrapper-6 {
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.hero-image-wrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
  left: -60px;
}

.button-wrapper-9 {
  z-index: 5;
  align-items: center;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.header-section-5 {
  align-items: center;
  min-height: 1000px;
  padding: 160px 3% 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-01 {
  z-index: 9;
  border-radius: 10px;
  position: relative;
  inset: 5px auto auto 430px;
  box-shadow: 17px 17px 52px #6663;
}

.hero-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.button-header-2 {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 50px;
  padding: 16px 48px;
  font-size: 18px;
  transition: all .3s;
}

.button-header-2:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

.header-accent-wrapper {
  align-items: center;
  display: flex;
}

.header-accent-text {
  color: #6f6f6f;
  letter-spacing: -.02em;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}

.video-play-link {
  color: #000;
  align-items: center;
  margin-top: auto;
  margin-left: 0;
  padding: 10px 16px 10px 0;
  font-size: 18px;
  line-height: 32px;
  text-decoration: none;
  transition: opacity .3s;
  display: none;
  position: static;
  top: 346px;
  left: 35px;
}

.video-play-link:hover {
  opacity: .6;
}

.navigation-7 {
  background-color: #0000;
  align-items: center;
  height: 100px;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.accent-header {
  position: absolute;
  inset: 0 -50px auto auto;
}

.text-block-54 {
  color: #000;
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.cta-content-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-grid-4 {
  grid-column-gap: 92px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 2.25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.cta-heading-3 {
  color: #fff;
  letter-spacing: -.04em;
  max-width: 550px;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 34px;
  font-weight: 700;
  line-height: 35px;
}

.avatar-image-3 {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.cta-detail-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.cta-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.group-wrapper {
  align-items: center;
  margin-right: 14px;
  display: flex;
}

.paragraph-cta {
  color: #fff;
  letter-spacing: -.02em;
  max-width: 450px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.cta-avatar-group {
  color: #fff;
  letter-spacing: -.01em;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.avatar-text {
  color: #425466;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
}

.avatar-text.cta {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.cta-button {
  color: #061237;
  white-space: nowrap;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-right: 32px;
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .3s;
  display: flex;
}

.cta-button:hover {
  color: #292929;
  background-color: #fff;
}

.cta-shape {
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.avatar-group-2 {
  border: 2px solid #fff;
  border-radius: 100px;
  align-items: center;
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
}

.avatar-group-2.avatar-stacked {
  margin-left: -20px;
}

.section-cta {
  background-color: #166534;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-section-7 {
  color: #e5e5e5;
  background-color: #0000;
  padding: 100px 5%;
  font-family: Circularstd, sans-serif;
}

.content-container-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1200px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: grid;
}

.content-block-3 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.content-button-2 {
  color: #fff;
  background-color: #486bd1;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 96px;
  padding: 20px 75px;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.content-button-2:hover {
  opacity: .8;
}

.content-button-2.green {
  background-color: #4d7f71;
}

.content-button-2.yellow {
  background-color: #d4a547;
}

.content-button-2.red {
  background-color: #b81414;
}

.content-text-wrap-2 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 450px;
  display: flex;
}

.content-heading-4 {
  color: #3c4043;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 34px;
  font-weight: 700;
  line-height: 35px;
}

.content-paragraph-4 {
  color: #3c4043;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.content-block-last-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 500px;
  padding-left: 5%;
  padding-right: 5%;
  display: grid;
}

.image-46715 {
  position: static;
}

.image-46716 {
  max-width: 150%;
  position: absolute;
  top: 4585px;
  left: auto;
  right: 0;
}

.content-image-wrap-3 {
  max-width: none;
  position: relative;
}

.content-section-8 {
  background-image: linear-gradient(135deg, #ffedcf, #0000 50%);
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 60px;
}

.content-section-8.b {
  background-image: linear-gradient(135deg, #ffeecf, #0000 54%);
  max-width: none;
  margin-bottom: 0;
  padding: 100px 0;
}

.content-section-8.b.b2 {
  background-image: linear-gradient(90deg, #ffeecf, #0000 54%);
}

.content-container-6 {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.image-46717 {
  z-index: -1;
  max-width: 10%;
  position: absolute;
  top: auto;
  left: 152px;
}

.image-46718 {
  z-index: -1;
  max-width: 8%;
  position: absolute;
  top: 4455.5px;
  left: 588px;
}

.tabs-content-3 {
  padding-right: 0%;
}

.image-46719, .image-46720 {
  display: none;
}

.div-block-60 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.html-embed-8 {
  flex-direction: column;
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.input-field {
  letter-spacing: -.02em;
  background-color: #0000;
  border: 1px #000;
  margin-bottom: 0;
}

.person {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
}

.header-section-6 {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  padding: 200px 3% 140px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header-paragraph-5 {
  color: #000;
  letter-spacing: -.03em;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
}

.header-grid-4 {
  grid-column-gap: 52px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  align-items: center;
}

.number-text-2 {
  color: #000;
  font-size: 16px;
  line-height: 1.2;
}

.pattern-accent {
  position: absolute;
  inset: -30px -30px auto auto;
}

.icon-block {
  background-color: #fc916833;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-right: 14px;
  display: flex;
}

.header-icon {
  background-color: #fd7e41;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  display: flex;
}

.form-block-4 {
  max-width: 380px;
  margin-top: 60px;
}

.title-medium {
  color: #3f3f3f;
  font-size: 16px;
  font-weight: 500;
}

.button-sign-up-2 {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  margin-left: 18px;
  padding: 12px 24px;
  transition: all .35s;
}

.button-sign-up-2:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

.avatar-group-3 {
  max-width: 190px;
  margin-top: 10px;
}

.number-large-2 {
  color: #000;
  letter-spacing: -.05em;
  margin-right: 14px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.nav-link-12 {
  color: #000;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  transition: all .35s;
}

.nav-link-12:hover {
  color: #fd7e41;
}

.card-block-top {
  background-color: #fff;
  border-radius: 14px;
  align-items: center;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 27% auto auto -21%;
  box-shadow: 21px 21px 40px #0000001a;
}

.feature-wrapper-2 {
  align-items: center;
  max-width: 100%;
  margin-top: 40px;
  display: flex;
}

.hero-heading-5 {
  color: #000;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 68px;
  font-weight: 600;
  line-height: 1.1;
}

.number-wrapper {
  align-items: center;
  display: flex;
}

.container-navigation-6 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.submit-button-6 {
  background-color: #fd7e41;
  border-radius: 33px;
  min-height: 56px;
  padding-left: 32px;
  padding-right: 32px;
}

.card-block {
  background-color: #0000;
  border-radius: 14px;
  padding: 24px;
  position: static;
  inset: auto 73% 8% auto;
}

.header-wrapper-7 {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.header-block-2 {
  background-color: #fd7e41;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 220px;
  align-items: flex-end;
  width: 100%;
  max-width: 440px;
  height: 610px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.green-title {
  color: #6db98d;
  letter-spacing: -.03em;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.line-break-5 {
  background-color: #000;
  width: 1px;
  height: 46px;
  margin-left: 30px;
  margin-right: 30px;
}

.form-8 {
  background-color: #f6f6f6;
  border-radius: 100px;
  align-items: center;
  padding: 6px 6px 6px 20px;
  display: flex;
}

.card-heart {
  z-index: 3;
  position: absolute;
  inset: 20% auto auto 8%;
}

.banner {
  background-color: #f6f2ea;
  padding: 14px 5%;
}

.card-pen {
  z-index: 5;
  max-width: 40%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.install-detail {
  color: #1f2c47;
  letter-spacing: -.02em;
  margin-right: 10px;
  font-size: 16px;
  line-height: 32px;
}

.navigation-8 {
  background-color: #f6f2ea;
  align-items: center;
  height: 90px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.bottom-content-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  display: none;
}

.navigation-menu-3 {
  align-items: center;
  display: flex;
}

.company-logo-3 {
  margin-right: 60px;
  display: block;
}

.navigation-button-wrap-2 {
  align-items: center;
  display: flex;
}

.hero-paragraph-2 {
  color: #4d4d4d;
  max-width: 460px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.bloom-effect {
  z-index: -1;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.brand-6 {
  margin-right: 4vw;
}

.brand-span-2 {
  color: #4d6fb2;
}

.button-navigation-2 {
  color: #f6f2ea;
  background-color: #4e6eb1;
  border-radius: 8px;
  margin-left: 10px;
  padding: 12px 20px;
  font-weight: 600;
  transition: all .35s;
}

.button-navigation-2:hover {
  background-color: #29498d;
}

.install-wrapper {
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.install-link {
  border: 1px solid #f0e9db;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  margin-right: 10px;
  padding: 8px;
  transition: all .3s;
  display: flex;
}

.install-link:hover {
  border-color: #4e6eb1;
}

.bottom-content-2 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.avatar-small-2 {
  background-color: #dee2e3;
  border: 4px solid #f8f5ef;
  border-radius: 100px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.avatar-small-2.avatar-stack {
  margin-left: -12px;
}

.avatar-row-2 {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.hero-button-2 {
  color: #f6f2ea;
  white-space: nowrap;
  background-color: #4e6eb1;
  border-radius: 8px;
  margin-right: 24px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: all .35s;
}

.hero-button-2:hover {
  background-color: #29498d;
}

.text-detail {
  color: #1f2c47;
  margin-top: 20px;
  font-weight: 500;
  line-height: 24px;
}

.close {
  position: absolute;
  inset: auto 12px auto auto;
}

.product-hunt-badge {
  color: #4d6fb2;
  background-color: #dbe2f0;
  border-radius: 32px;
  margin-bottom: 20px;
  padding: 10px 16px;
  font-weight: 600;
}

.hero-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.hero-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
}

.hero-button-wrapper {
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.highlight {
  color: #be8046;
  font-weight: 700;
}

.logo-line {
  background-color: #f0e9db;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.phone {
  z-index: 4;
  position: absolute;
}

.banner-link {
  color: #4d6fb2;
  align-items: center;
  margin-left: 16px;
  padding: 4px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.hero-image-wrapper-2 {
  justify-content: center;
  align-items: center;
  max-width: 700px;
  height: 100%;
  display: flex;
  position: relative;
}

.hero-heading-6 {
  color: #1f2c47;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 80px;
  line-height: 96px;
}

.install-row {
  align-items: center;
  display: flex;
}

.header-section-7 {
  background-color: #f6f2ea;
  align-items: center;
  padding: 40px 5% 100px;
  display: flex;
  position: relative;
}

.banner-image {
  margin-right: 20px;
}

.logo-wrapper-3 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.banner-text-wrapper {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.banner-text {
  color: #525f7a;
  letter-spacing: .02em;
  line-height: 24px;
}

.button-sign-in-2 {
  color: #4d6fb2;
  background-color: #0000;
  border-radius: 8px;
  margin-left: 10px;
  padding: 12px 20px;
  font-weight: 600;
  transition: all .35s;
}

.button-sign-in-2:hover {
  color: #fff;
  background-color: #29498d;
}

.banner-block {
  text-align: center;
  background-image: linear-gradient(94deg, #ede5d4, #f6f2ea);
  border: 1px solid #e8dec9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.nav-link-13 {
  color: #1f2c47;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: all .35s;
}

.nav-link-13:hover {
  color: #4d6fb2;
}

.image-46721 {
  max-width: 12%;
  position: absolute;
  top: 2080px;
  left: 97px;
}

.image-46722 {
  width: 8%;
  max-width: none;
  position: absolute;
  inset: 537px 2px 2232.44px auto;
}

.image-46723 {
  z-index: -1;
  width: auto;
  max-width: 15%;
  max-height: none;
  position: absolute;
  top: 595px;
  left: 905px;
}

.image-46723.s {
  inset: auto 343px 245.525px auto;
}

.image-46724 {
  z-index: auto;
  width: 30%;
  max-width: none;
  position: absolute;
  top: 1543.5px;
  left: 618px;
}

.image-46725 {
  width: 20%;
  position: absolute;
  top: 2670.5px;
  left: 885.075px;
}

.div-block-61 {
  flex-direction: column;
  align-items: flex-start;
  margin-right: auto;
  display: flex;
}

.div-block-62 {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  padding-top: 20px;
  display: flex;
  position: absolute;
  top: 405px;
  left: 734.075px;
  box-shadow: 25px 25px 64px -40px #949494;
}

.div-block-63 {
  background-color: #fff;
  border-radius: 50px;
  max-width: 100%;
  margin-bottom: 10px;
}

.text-block-55 {
  color: #bebebe;
  font-family: DM Sans, sans-serif;
  font-weight: 700;
}

.div-block-64 {
  position: absolute;
}

.image-46726 {
  width: 40%;
  max-width: none;
}

.image-46727 {
  z-index: auto;
  border-radius: 10px;
  position: absolute;
  top: 2714.5px;
  left: 948px;
  box-shadow: 25px 25px 64px -45px #7c7c7c;
}

.image-46728 {
  background-color: #fff;
  border-radius: 20px;
  max-width: 15%;
  padding: 10px;
  position: absolute;
  top: 3155.96px;
  left: 541px;
  box-shadow: 25px 25px 64px -40px #7e7e7e;
}

.image-46729, .image-46730 {
  display: none;
}

.image-46731 {
  max-width: 110%;
  display: block;
  position: static;
  transform: scale(1.2);
}

.text-span-32 {
  color: #000;
}

.text-span-33 {
  color: #464646;
  font-family: Circularstd, sans-serif;
}

.dots-animation-30 {
  background-color: #e14e4e66;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 93% -22% auto 0%;
}

.dots-animation-31 {
  background-color: #0000004d;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.dots-animation-32 {
  background-color: #4ee1736e;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  top: 10%;
}

.nav-menu-6 {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.drop-title-3 {
  color: #30364d;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
}

.dots-animation-33 {
  background-color: #f8843633;
  border-radius: 20%;
  width: 55px;
  height: 55px;
  position: relative;
  top: 15%;
}

.dots-animation-34 {
  background-color: #fff;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  position: relative;
  inset: 52% 20% auto auto;
}

.animation-div-2 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.category-2 {
  color: #6a4ee1;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.category-2.colored {
  color: #fff;
  background-color: #0e8b3a;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.nav-link-14 {
  font-family: DM Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.nav-link-14.w--current {
  color: #6a4ee1;
}

.imput-3 {
  background-color: #0000;
  border: 0 #000;
  margin-bottom: 0;
}

.imput-3.navigation {
  text-align: center;
  background-color: #fff;
  border: 1px solid #d2d2f5;
  border-radius: 10px;
  height: 50px;
  margin-bottom: 10px;
}

.dropdown-link-7 {
  color: #666;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.dropdown-link-7:hover {
  background-color: #f8f8ff;
  border-radius: 5px;
}

.dropdown-link-7.w--current {
  color: #6a4ee1;
  background-color: #6a4ee11a;
  border-radius: 5px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dots-animation-35 {
  background-color: #519e2f63;
  border-radius: 20%;
  width: 15px;
  height: 15px;
  margin: auto 10px;
}

.dots-animation-36 {
  opacity: .24;
  background-color: #b4a14e;
  border-radius: 20%;
  width: 25px;
  height: 25px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-37 {
  background-color: #ff995d;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  margin-left: 0;
  position: relative;
  top: 56%;
  bottom: auto;
  left: 30%;
}

.created-date-2 {
  color: #30364d;
  font-size: 16px;
}

.dots-animation-38 {
  background-color: #1fa35133;
  border-radius: 20%;
  width: 45px;
  height: 45px;
  position: relative;
  inset: 37% auto auto -30%;
}

.container-21 {
  z-index: 2;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

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

.container-21.small {
  max-width: 60%;
  margin-top: 20px;
}

.dots-animation-39 {
  background-color: #f0dbb5;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 600px auto auto 360px;
}

.dots-animation-40 {
  background-color: #f9c97d33;
  border-radius: 20%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 32%;
  right: -35%;
}

.dots-animation-41 {
  background-color: #aaf97d;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  position: relative;
  inset: 78% 24% auto auto;
}

.dots-animation-42 {
  background-color: #b7f0b5;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.drop-list-div-3 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 200px;
  padding: 20px;
}

.drop-list-div-3.landing {
  width: auto;
}

.drop-list-div-3.posts-list {
  background-color: #f8f8ff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.drop-list-div-3.posts-list.home {
  border-radius: 0;
}

.dots-animation-43 {
  background-color: #64c939;
  border-radius: 20%;
  width: 18px;
  height: 18px;
  position: relative;
  inset: 73% auto auto -44%;
}

.section-9 {
  background-color: #fff8ed;
  padding: 100px 20px;
  transition: box-shadow .3s;
  position: relative;
}

.section-9.gray {
  background-color: #f8f8ff;
}

.section-9.gray.no-top-padding {
  background-color: #fff;
  padding-top: 0;
}

.section-9.gray.no-top-padding.a {
  padding-top: 20px;
}

.form-card-2 {
  z-index: 2;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  width: 700px;
  height: auto;
  margin-top: -120px;
  margin-bottom: 60px;
  padding: 45px 60px 40px;
  position: relative;
  box-shadow: 0 10px 30px #482fb433;
}

.form-card-2.blog {
  background-image: none;
  background-position: 50%;
  background-size: cover;
  border-style: none;
  width: 900px;
  height: 500px;
  margin-top: auto;
  padding: 0;
  box-shadow: 0 10px 30px #0003;
}

.text-header-3 {
  color: #333;
  text-align: center;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 60px;
  font-size: 40px;
  line-height: 48px;
}

.b-testimonial-quote {
  letter-spacing: -.02em;
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
}

.hide {
  display: none;
}

.b-form-checkbox-field {
  align-items: center;
  max-width: 225px;
  margin-bottom: 0;
  padding: 8px;
  display: flex;
}

.line {
  background-color: #dce0e5;
  width: 100%;
  height: .5px;
}

.b-account-slide {
  margin-right: 0;
}

.b-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.b-account-banner {
  border-top: .5px solid #c4cad4;
  justify-content: flex-start;
  width: auto;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
}

.b-form-icon-circle {
  background-color: #f3f4f6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  inset: 16px 16px 16px auto;
}

.b-testimonial-text {
  text-shadow: 0 2px 4px #00000040;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.b-account-form {
  width: 100%;
  max-width: 400px;
}

.b-account-title-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
  display: flex;
}

.b-account-testimonial-card {
  color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 64px;
  display: flex;
  position: relative;
}

.b-paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

.b-paragraph-small.b-text-color-gray-700 {
  color: #454f5f;
  text-transform: capitalize;
}

.span-link {
  color: #5e53a2;
  text-decoration: underline;
}

.b-form-text-field {
  color: #95a1b2;
  border: 1px solid #c4cad4;
  border-radius: 16px;
  min-height: 56px;
  margin-bottom: 0;
  padding: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.b-form-text-field:focus {
  border-width: 2px;
  border-color: #5e53a2;
}

.b-form-text-field::placeholder {
  color: #95a1b2;
}

.b-account-slider {
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
}

.b-account-image-wrapper {
  z-index: -1;
  background-image: linear-gradient(to top, #00000080, #fff0), none;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  position: absolute;
  inset: 0%;
}

.b-account-form-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 135px;
  padding-bottom: 135px;
  display: flex;
}

.b-form-input {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.b-account-testimonial {
  width: 100%;
  height: 100%;
  position: relative;
}

.b-section-account {
  align-items: stretch;
  display: flex;
}

.b-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

.b-account-mask {
  z-index: 1;
  max-width: 100%;
  overflow: hidden;
}

.b-testimonial-text-small {
  text-shadow: 0 2px 4px #00000040;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.b-account-testimonial-arrow {
  color: #fff;
  background-color: #0000;
  border: .5px solid #c4cad4;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-width .3s;
  display: flex;
  inset: auto 0% 0% auto;
}

.b-account-testimonial-arrow:hover {
  border-width: 1px;
}

.b-account-testimonial-arrow.left-arrow {
  z-index: 9;
  bottom: 64px;
  right: 120px;
}

.b-account-testimonial-arrow.right-arrow {
  z-index: 9;
  bottom: 64px;
  right: 64px;
}

.b-icon-xsmall {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.b-button-google {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #454f5f;
  background-color: #f3f4f6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.b-button-google:hover {
  color: #22272f;
  background-color: #dce0e5b3;
}

.b-h2-heading {
  color: #3e376d;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.b-form-field-label {
  color: #454f5f;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.b-account-divider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #95a1b2;
  text-transform: uppercase;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.b-input {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 16px;
  display: flex;
}

.b-account-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 32px;
  display: flex;
}

.b-checkbox-remember {
  background-color: #f3f4f6;
  border-style: none;
  border-radius: 100%;
  flex: none;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.b-checkbox-remember.w--redirected-checked {
  background-color: #f3f4f6;
  background-image: none;
  background-size: auto;
  border-style: none;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
}

.span-form-link {
  color: #5e53a2;
}

.b-account-testimonial-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 45%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b-icon-small {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.b-button-dark {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-height: 56px;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  transition: background-color .3s;
}

.b-button-dark:hover {
  background-color: #000000d9;
}

.b-form-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.a-text-link-regular {
  color: #5167f6;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.a-button-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.02em;
  background-color: #5167f6;
  border-radius: 99px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.6, .6, 0, 1);
}

.a-button-primary:hover {
  background-color: #6478f7;
}

.a-button-primary:active {
  background-color: #7788f8;
}

.a-margin-bottom-12 {
  margin-bottom: 12px;
}

.a-account-password {
  position: relative;
}

.a-text-link-large {
  color: #5167f6;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}

.a-margin-bottom-48 {
  margin-bottom: 48px;
}

.a-margin-bottom-24 {
  margin-bottom: 24px;
}

.a-success-message {
  background-color: #c5e7d1;
}

.a-account-text-field {
  border: 1px solid #dedfe3;
  border-radius: 16px;
  height: 56px;
  margin-top: 8px;
  margin-bottom: 0;
}

.a-account-text-field:focus {
  border-width: 2px;
  border-color: #5167f6;
}

.a-margin-bottom-08 {
  margin-bottom: 8px;
}

.a-detail-small {
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.8;
}

.a-account-divider-large {
  background-color: #dedfe3;
  width: 100%;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.a-account-link-wrapper {
  grid-column-gap: 4px;
  text-align: center;
  justify-content: flex-start;
  display: flex;
}

.a-account-image-wrapper {
  position: relative;
}

.a-account-image {
  object-fit: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.a-account-form-block {
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
}

.a-error-message {
  background-color: #fdd8e0;
}

.a-paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.a-container-regular {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.a-account-form-wrapper {
  width: 45%;
  max-width: 410px;
  margin-left: auto;
}

.a-margin-bottom-32 {
  margin-bottom: 32px;
}

.a-paragraph-regular {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.a-account-social-button {
  grid-column-gap: 12px;
  color: #383942;
  background-color: #f4f4f6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding: 12px 32px 12px 24px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.a-account-social-button:hover {
  background-color: #dedfe3;
}

.a-icon-regular {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.a-account-forgot {
  grid-column-gap: 4px;
  text-align: center;
  justify-content: center;
  display: flex;
}

.a-account-form {
  grid-column-gap: 16px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.a-section-regular {
  padding: 92px 5%;
  position: relative;
}

.a-margin-bottom-16 {
  margin-bottom: 16px;
}

.a-account-password-icon-wrapper {
  color: #5e606e;
  background-color: #f4f4f6;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
  position: absolute;
  inset: 16px 10px 0% auto;
}

.a-account-password-icon-wrapper:hover {
  color: #5167f6;
}

.a-icon-small {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.a-h3-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.p-14 {
  color: #989fb2;
  font-size: 14px;
}

.p-14.mb-7 {
  margin-bottom: 7px;
}

.left-menu__link {
  color: #989fb2;
  border-left: 5px solid #0000;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 28px;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
  position: relative;
  left: -28px;
}

.left-menu__link:hover {
  border-left-color: #989fb2;
}

.left-menu__link.w--current {
  color: #f04770;
  border-left-color: #f04770;
}

.content-middle {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 40px 40px;
}

.section-10 {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.call-block {
  background-color: #06d7a0;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 15px 15px;
  display: flex;
  box-shadow: 0 15px 40px #06d7a066;
}

.tabs-menu-6 {
  border-bottom: 2px solid #f7f7f9;
  margin-bottom: 30px;
}

.scroll {
  max-height: 100vh;
  overflow: auto;
}

.plus-button {
  background-color: #f04770;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  transition: transform .2s;
  display: flex;
}

.plus-button:hover {
  transform: scale(1.1);
}

.plus-button.small {
  background-color: #f3f3f5;
  min-width: 34px;
  height: 34px;
}

.plus-button.small.pink {
  background-color: #f04770;
}

.tasks-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.status-numbers {
  grid-column-gap: 20px;
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
}

.nav-left__menu {
  margin-bottom: 65px;
}

.status-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.user-profile {
  grid-column-gap: 24px;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.call-length {
  color: #fff;
  font-size: 16px;
}

.mb-15 {
  margin-bottom: 15px;
}

.tasks-h {
  color: #989fb2;
  margin-bottom: 20px;
}

.pointer-2 {
  cursor: pointer;
}

.flex-div {
  align-items: center;
  display: flex;
}

.flex-div.gap-10 {
  grid-column-gap: 10px;
}

.cards-wrap {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 45px;
  display: grid;
}

.nav-right__heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
  display: flex;
}

.img-abs {
  position: absolute;
  inset: auto 0% 0% auto;
}

.collaborator-img {
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
}

.border {
  background-color: #ededed;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.embed-center {
  margin-bottom: -4px;
}

.mode-wrap {
  color: #c9cdd8;
  background-color: #f5f6fa;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 78px;
  padding: 8px 15px;
  display: flex;
}

.p-13 {
  color: #989fb2;
  font-size: 13px;
}

.user-img {
  object-fit: cover;
  border-radius: 50%;
  min-width: 60px;
  height: 60px;
}

.round-img {
  border: 2px solid #fff;
  border-radius: 50%;
  min-width: 30px;
  height: 30px;
}

.round-img.negative {
  object-fit: cover;
  margin-left: -10px;
}

.call-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.card-top.block {
  display: inline-block;
}

.invite-button {
  grid-column-gap: 8px;
  color: #2a84fe;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  text-decoration: none;
  display: flex;
}

.task-h {
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
}

.container-22 {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .35fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.nav-left__favorites {
  margin-bottom: 50px;
}

.task-img__block {
  background-color: #f04770;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 48px;
  display: flex;
}

.task-img__block.green {
  background-color: #06d7a0;
}

.task-img__block.blue {
  background-color: #582be7;
}

.favorite-circle {
  border: 1px solid #417ff8;
  border-radius: 50%;
  min-width: 15px;
  height: 15px;
}

.favorite-circle.orange {
  border-color: #fa6c6a;
}

.favorite-circle.green {
  border-color: #26c1b3;
}

.task-p {
  color: #989fb2;
  font-size: 12px;
}

.small-circle {
  background-color: #07d6a0;
  border-radius: 50%;
  min-width: 7px;
  height: 7px;
}

.small-circle.pink {
  background-color: #f04770;
}

.progress {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.task-description-wrap {
  grid-column-gap: 3px;
  align-items: center;
  display: flex;
}

.status-wrap {
  align-items: flex-start;
  display: flex;
}

.task-block {
  grid-column-gap: 20px;
  color: #2f3c66;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  text-decoration: none;
  display: flex;
}

.pink-label {
  color: #f04770;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}

.tabs-wrap {
  position: relative;
}

.progress-p {
  color: #989fb2;
  font-size: 12px;
}

.nav-left {
  background-color: #fafafa;
  border-right: 1px solid #ededed;
  padding-top: 50px;
  padding-left: 28px;
  padding-right: 20px;
}

.card {
  color: #fff;
  background-color: #f04770;
  border-radius: 10px;
  padding: 35px 30px 20px;
  box-shadow: 0 0 50px #f04770cc;
}

.card.purple {
  background-color: #ac98ef;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 50px #ac98ef;
}

.notification-box {
  color: #fff;
  background-color: #f04770;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 23px;
  margin-left: 50px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  display: flex;
}

.collaborator-l {
  grid-column-gap: 4px;
  align-items: center;
  display: flex;
}

.tab-link-5 {
  color: #989fb2;
  background-color: #0000;
  border-bottom: 2px solid #0000;
  margin-bottom: -2px;
  margin-right: 20px;
  padding: 13px 30px 13px 0;
}

.tab-link-5.w--current {
  color: #8f77ff;
  background-color: #0000;
  border-bottom-color: #8f77ff;
}

.buttons-wrap {
  grid-column-gap: 7px;
  align-items: center;
  display: flex;
}

.content-heading-5 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
  display: flex;
}

.around-padding {
  padding: 3px 4px;
}

.card-icon__wrap {
  background-color: #0000004d;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  height: 42px;
  display: flex;
}

.mode-field.active {
  color: #2f3c66;
}

.create-field {
  background-color: #f5f6f8;
  border: 1px solid #0000;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 15px 13px;
  font-size: 13px;
}

.task-block__l {
  grid-column-gap: 15px;
  align-items: center;
  display: flex;
}

.more-option {
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.collaborator {
  grid-column-gap: 10px;
  color: #7655e4;
  background-color: #7655e433;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  min-width: 100px;
  padding: 6px 7px;
  font-size: 12px;
  display: flex;
}

.collaborator.green {
  color: #07d6a0;
  background-color: #07d6a033;
}

.h1 {
  font-size: 22px;
}

.call-options {
  grid-column-gap: 13px;
  align-items: center;
  display: flex;
}

.search-field-3 {
  background-image: url('../images/search.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #0000;
  height: 46px;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-left: 50px;
  padding-right: 5px;
}

.search-field-3::placeholder {
  color: #989fb2;
  font-size: 16px;
}

.form-block-5 {
  z-index: 10;
  border-bottom: 2px solid #f7f7f9;
  margin-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.form-block-5.static {
  border-bottom-style: none;
  margin-top: 18px;
  position: static;
}

.custom-css {
  display: none;
}

.p-11 {
  font-size: 11px;
}

.card-text {
  width: 100%;
  max-width: 200px;
  margin-bottom: 15px;
}

.nav-right {
  padding: 50px 35px 40px;
}

.progress-bar__color {
  background-color: #f04770;
  border-radius: 5px;
  width: 30%;
  height: 7px;
}

.text-brown {
  color: #515151;
}

.progress-bar__bg {
  background-color: #e4e1e8;
  border-radius: 5px;
  min-width: 88px;
  height: 7px;
}

.status-count {
  font-size: 30px;
  font-weight: 600;
}

.favorite-block {
  grid-column-gap: 20px;
  color: #989fb2;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
  display: flex;
}

.mb-5 {
  margin-bottom: 5px;
}

.collaborators-wrap {
  grid-column-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.collaborators-flex {
  grid-column-gap: 10px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

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

.button-10 {
  color: #2f3c66;
  background-color: #f5f6fa;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.button-10.purple {
  grid-column-gap: 9px;
  color: #f3deff;
  background-color: #582be6;
}

.button-wrapper-10 {
  grid-template: ". Area"
  / 1fr 1fr;
}

.paragraph-17 {
  color: #272727;
  font-size: 16px;
}

.project-image-1 {
  z-index: 2;
  width: 100%;
  position: relative;
}

.project-link {
  border-bottom: 1px solid #2e2e36;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  transition: all .3s;
  display: flex;
}

.project-link:hover {
  border-bottom-color: #c2c2c7;
}

.white-bg-bar-02 {
  z-index: 1;
  background-color: #fff;
  min-height: 140px;
  position: absolute;
  inset: auto 0% 0%;
}

.title-wrapper-6 {
  align-items: center;
  display: flex;
}

.arrow-5 {
  margin-left: 10px;
}

.service-type-h4 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: underline;
}

.service-detail {
  color: #69696e;
  margin-right: 32px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
  text-decoration: underline;
}

.project-link-block {
  background-color: #000;
  width: 100%;
  padding-top: 132px;
  padding-left: 132px;
  padding-right: 132px;
  position: relative;
}

.project-link-grid {
  grid-column-gap: 96px;
  grid-row-gap: 8px;
  margin-bottom: 132px;
}

.container-large-4 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content-section-9 {
  background-color: #0000;
  background-image: linear-gradient(to right, #f8be6e1a, #ffbc8547);
  padding: 132px 3%;
  position: relative;
  overflow: hidden;
}

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

.icon-block-2 {
  background-color: #f7f7fd;
  justify-content: center;
  align-items: center;
  min-height: 451px;
  display: flex;
}

.title-split {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 140px;
  display: flex;
}

.footer-grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.branding-block {
  background-color: #fff;
  border-radius: 5px;
  max-width: 550px;
  padding: 64px;
  position: relative;
  top: 60px;
  box-shadow: 85px 85px 122px #d4d4db33;
}

.navigation-left-5 {
  align-items: center;
  width: 50%;
  display: flex;
}

.border-inner {
  background-color: #ffffffa3;
  width: 100%;
  height: 100%;
}

.cta-section-6 {
  background-image: linear-gradient(to right, #fce5d2cf, #0000);
  padding: 96px 3%;
  display: none;
  position: relative;
}

.service-title {
  color: #2e2e36;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 600;
}

.full-image {
  background-image: url('../images/Case-Study-Branding.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
  min-height: 800px;
  display: flex;
}

.gallery-image-wrapper {
  justify-content: center;
  align-items: center;
  height: 600px;
  display: flex;
  overflow: hidden;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nav-menu-7 {
  background-color: #0000;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.legal {
  background-color: #fafafa;
  align-items: center;
  min-height: 83px;
  padding: 22px 3%;
  display: flex;
}

.paragraph-18 {
  color: #4b4b4b;
  letter-spacing: -.01em;
  font-size: 15px;
  line-height: 1.5;
}

.paragraph-18.padding-below {
  color: #fff;
  margin-bottom: 40px;
  font-size: 16px;
}

.navigation-right-5 {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.nav-link-15 {
  color: #fafafa;
  letter-spacing: -.01em;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Circularstd, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.nav-link-15:hover {
  color: #fdceaf;
  font-weight: 500;
}

.nav-link-15.w--current {
  color: #01bc9a;
}

.paragraph-title-white {
  color: #fff;
  letter-spacing: -.01em;
  max-width: 500px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.subtitle-03 {
  color: #8a8a8f;
  max-width: 400px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.white-bg-bar {
  z-index: 0;
  background-color: #146d45;
  min-height: 270px;
  position: absolute;
  inset: auto 0% 0;
}

.cta-block-3 {
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(225deg, #ffd1b3, #ffffffba);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 380px;
  padding: 96px 42px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.strategy-content-column {
  padding-top: 140px;
}

.social-square {
  background-color: #eeeeef;
  border: 2px solid #0000;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-right: 24px;
  transition: border-color .25s;
  display: flex;
}

.social-square:hover {
  border-color: #01bc9a;
}

.container-23 {
  z-index: 3;
  grid-template-rows: auto;
  width: 100%;
  max-width: 100%;
  height: 99.9994%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
}

.detail-link {
  color: #8a8a8f;
  letter-spacing: -.01em;
  max-width: 600px;
  margin-right: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.detail-link:hover {
  color: #069d84;
}

.content-h1 {
  color: #474747;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #000, #fdceaf);
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 550px;
  height: 90px;
  margin-right: 20px;
  font-size: 40px;
  line-height: 40px;
}

.case-study-logo {
  color: #fff;
  margin-bottom: 40px;
}

.line-text {
  color: #2e2e36;
  text-transform: capitalize;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.project-ui {
  box-shadow: 85px 85px 122px #0000000d;
}

.line-wrap {
  color: #01bc9a;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
}

.results-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.hero-title {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
}

.navigation-container-3 {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
}

.paragraph-title {
  color: #616161;
  letter-spacing: -.01em;
  max-width: 500px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.service-type-h4-2 {
  color: #fff;
  margin-bottom: 0;
  font-weight: 400;
}

.footer-h4 {
  max-width: 450px;
}

.project-hero {
  background-color: #188453;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: auto;
  padding-top: 220px;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: relative;
}

.navbar-3 {
  background-color: #0000;
  align-items: center;
  min-height: 92px;
  padding: 10px 3%;
  position: absolute;
  inset: 0% 0% auto;
}

.branding-section {
  padding: 96px 3% 20px;
  position: relative;
  overflow: hidden;
}

.number-large-3 {
  color: #2e2e36;
  margin-bottom: 4px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.1;
}

.brand-link {
  color: #eba254;
}

.background-block-black {
  z-index: -1;
  background-color: #000;
  width: 65%;
  min-height: 500px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.service-detail-2 {
  color: #69696e;
  margin-right: 32px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

.footer-title {
  color: #8a8a8f;
  margin-bottom: 26px;
  font-size: 18px;
  font-weight: 600;
}

.brand-7 {
  margin-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.brand-7.w--current {
  padding-left: 0;
}

.line-break-6 {
  background-color: #eeeeef;
  width: 100%;
  height: 1px;
  margin-top: 132px;
  margin-bottom: 132px;
}

.cta-h1 {
  color: #2e2e36;
  max-width: 830px;
  margin-bottom: 22px;
  font-size: 44px;
  line-height: 1.2;
}

.results-block {
  background-color: #fafafa;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 182px;
  padding: 48px;
  display: flex;
}

.legal-links {
  align-items: center;
  display: flex;
}

.project-detail-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.gallery-grid-reverse {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
}

.company-dot {
  background-color: #0000;
  position: absolute;
  inset: 12% -5% auto auto;
}

.return-top {
  z-index: 9;
  background-color: #e2a484;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  transition: all .5s;
  display: flex;
  position: fixed;
  inset: auto 32px 48px auto;
}

.return-top:hover {
  transform: translate(0, -8px);
}

.logo-2 {
  min-width: auto;
  max-width: none;
}

.section-11 {
  background-color: #fafafa;
  padding: 96px 3%;
  position: relative;
  overflow: hidden;
}

.section-11.new-pay {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: static;
}

.hero-image-wrapper-3 {
  z-index: 2;
  max-width: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: auto;
  overflow: hidden;
}

.social-row {
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.start-project {
  color: #fff;
  letter-spacing: -.01em;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: none;
}

.start-project:hover, .start-project.w--current {
  color: #01bc9a;
}

.footer-column-2 {
  padding-right: 20px;
}

.full-hero-image {
  border-radius: 10px;
  width: 100%;
}

.footer-link-3 {
  color: #2e2e36;
  letter-spacing: -.01em;
  margin-bottom: 18px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color .45s;
  display: block;
}

.footer-link-3:hover {
  color: #eba254;
}

.border-base {
  background-color: #0000;
  height: 1px;
  overflow: hidden;
}

.project-detail-h3, .footer-logo {
  margin-bottom: 32px;
}

.footer-logo.w--current {
  margin-bottom: 16px;
}

.button-outline {
  color: #2c2c2c;
  white-space: nowrap;
  background-color: #fdceaf;
  border: 1px solid #ffbc85;
  border-radius: 33px;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  margin-left: 30px;
  padding: 10px 20px;
  font-family: Circularstd, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.button-outline:hover {
  color: #484949;
  background-color: #fac4a1;
  border-style: none;
  border-color: #ffd4c2;
}

.button-outline.submit-button-2 {
  color: #fff;
  border-radius: 20px;
  width: 100%;
  min-height: 30px;
  margin-left: 0;
}

.button-outline.submit-button-2:hover {
  border-style: solid;
}

.logo-dark {
  width: 150px;
}

.content-h2 {
  max-width: 550px;
  margin-bottom: 32px;
}

.button-11 {
  color: #fff;
  background-color: #4b6880;
  background-image: linear-gradient(270deg, #e9ae78, #b3683d);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 62px;
  padding: 18px 24px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.button-11:hover {
  background-image: linear-gradient(270deg, #e9ae78c4, #b3683dc4);
}

.button-11.button-space {
  border-radius: 50px;
  min-width: 40%;
  margin-top: 32px;
}

.display-h1 {
  color: #fff;
  border-left: .5px solid #0f9d5c;
  max-width: 550px;
  margin-bottom: 32px;
  margin-right: 20px;
  padding-left: 10px;
  font-size: 60px;
  font-weight: 500;
  line-height: .9;
}

.cta-wrapper {
  overflow: hidden;
}

.service-type {
  margin-top: 20px;
}

.strategy-content {
  grid-column-gap: 96px;
  grid-template-rows: auto;
}

.detail-2 {
  color: #8a8a8f;
  letter-spacing: -.01em;
  max-width: 600px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.container-tight {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

.legal-close-block {
  color: #2e2e36;
  background-color: #eeeeef;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  margin-top: 60px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.updated-text {
  margin-bottom: 10px;
}

.social-square-blank {
  background-color: #eeeeef;
  border: 2px solid #e1e1e4;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-left: 15px;
  margin-right: 15px;
  transition: border-color .25s;
  display: flex;
}

.social-square-blank:hover {
  border-color: #01bc9a;
}

.branding-block-2 {
  background-color: #188453;
  border-radius: 5px;
  max-width: 550px;
  padding: 64px;
  position: relative;
  top: 60px;
  box-shadow: 85px 85px 122px #d4d4db33;
}

.container-24 {
  z-index: 3;
  grid-template-rows: auto;
  width: 100%;
  max-width: 1170px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
}

.text-4 {
  color: #30364d;
  flex: 0 auto;
  font-weight: 500;
}

.paragraph-landing-2 {
  margin-bottom: 0;
  padding-top: 0;
  font-size: 10px;
}

.navbar-4 {
  z-index: 999;
  background-color: #0000;
  border-bottom: 1px solid #0000;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px 24px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.drop-grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 700px;
}

.drop-grid-4.landing {
  border-radius: 0;
  grid-template-columns: 1fr .25fr .75fr;
  width: 600px;
}

.dots-animation-44 {
  background-color: #fff;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.section-12 {
  height: 1100px;
}

.dots-animation-45 {
  background-color: #6a4ee166;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 93% -22% auto 0%;
}

.dots-animation-46 {
  background-color: #6647ec4d;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.dots-animation-47 {
  background-color: #eeacac;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  position: relative;
  inset: 52% 20% auto auto;
}

.dots-animation-48 {
  background-color: #e9d7fd;
  border-radius: 20%;
  width: 15px;
  height: 15px;
  margin: auto 10px;
}

.dots-animation-49 {
  opacity: .24;
  background-color: #b87df9;
  border-radius: 20%;
  width: 25px;
  height: 25px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-50 {
  background-color: #ff00e533;
  border-radius: 20%;
  width: 45px;
  height: 45px;
  position: relative;
  inset: 37% auto auto -30%;
}

.dots-animation-51 {
  background-color: #b87df933;
  border-radius: 20%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 32%;
  right: -35%;
}

.dots-animation-52 {
  background-color: #b87df9;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  position: relative;
  inset: 78% 24% auto auto;
}

.dots-animation-53 {
  background-color: #eeb5f0;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.link-9 {
  display: block;
}

.dots-animation-54 {
  background-color: #1fa35133;
  border-radius: 20%;
  width: 45px;
  height: 45px;
  position: relative;
  inset: 37% auto auto -30%;
}

.dots-animation-55 {
  opacity: .24;
  background-color: #b4a14e;
  border-radius: 20%;
  width: 25px;
  height: 25px;
  position: relative;
  inset: 60% 0% auto;
}

.dots-animation-56 {
  background-color: #40d1304d;
  border-radius: 20%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: auto;
  bottom: 14%;
  right: 8%;
}

.dots-animation-57 {
  background-color: #519e2f63;
  border-radius: 20%;
  width: 15px;
  height: 15px;
  margin: auto 10px;
}

.dots-animation-58 {
  background-color: #b7f0b5;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 71% auto auto 38%;
}

.dots-animation-59 {
  background-color: #e14e4e66;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  position: relative;
  inset: 93% -22% auto 0%;
}

.section-title-4 {
  color: #fff;
  letter-spacing: -1px;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.section-title-4.dark {
  color: #30364d;
  margin-bottom: 20px;
}

.section-title-4.dark.break {
  width: 60%;
}

.container-25 {
  z-index: 2;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.animation-div-3 {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.dots-animation-60 {
  background-color: #fff;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  position: relative;
  inset: 52% 20% auto auto;
}

.dots-animation-61 {
  background-color: #aaf97d;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  position: relative;
  inset: 78% 24% auto auto;
}

.dots-animation-62 {
  background-color: #f0dbb5;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  inset: 600px auto auto 360px;
}

.dots-animation-63 {
  background-color: #0000004d;
  border-radius: 20%;
  width: 10px;
  height: 10px;
  margin-left: 0;
  position: relative;
  top: 32%;
  bottom: auto;
  left: 16%;
}

.category-3 {
  color: #6a4ee1;
  font-family: DM Sans, sans-serif;
  font-size: 12px;
}

.category-3.colored {
  color: #fff;
  background-color: #000;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.dots-animation-64 {
  background-color: #f9c97d33;
  border-radius: 20%;
  width: 32px;
  height: 32px;
  position: relative;
  top: 32%;
  right: -35%;
}

.dots-animation-65 {
  background-color: #4ee1736e;
  border-radius: 20%;
  width: 20px;
  height: 20px;
  position: relative;
  top: 10%;
}

.dots-animation-66 {
  background-color: #64c939;
  border-radius: 20%;
  width: 18px;
  height: 18px;
  position: relative;
  inset: 73% auto auto -44%;
}

.dots-animation-67 {
  background-color: #f8843633;
  border-radius: 20%;
  width: 55px;
  height: 55px;
  position: relative;
  top: 15%;
}

.created-date-3 {
  color: #30364d;
  font-size: 16px;
}

.dots-animation-68 {
  background-color: #ff995d;
  border-radius: 20%;
  width: 12px;
  height: 12px;
  margin-left: 0;
  position: relative;
  top: 56%;
  bottom: auto;
  left: 30%;
}

.image-46732 {
  border-radius: 20px;
  position: relative;
}

.paragraph-19 {
  color: #474849;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.heading-12, .heading-13 {
  font-size: 36px;
  line-height: 120%;
}

.rich-text-block {
  font-size: var(--h3);
  font-weight: 500;
}

.bold-text-5, .heading-14 {
  font-size: 25px;
  font-weight: 500;
  line-height: 130%;
}

.bold-text-6 {
  font-size: 25px;
  font-weight: 500;
}

.bold-text-7, .bold-text-8 {
  font-size: 25px;
  font-weight: 500;
  line-height: 130%;
}

.heading-15 {
  font-size: 24px;
  line-height: 130%;
}

.heading-16, .bold-text-9, .bold-text-10, .heading-17, .bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20 {
  font-size: 35px;
  line-height: 120%;
}

.heading-18, .heading-19, .heading-20, .heading-21, .heading-22, .heading-23, .heading-24 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-25, .heading-26, .heading-27 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-28, .heading-29, .bold-text-21, .bold-text-22 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.bold-text-23 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.bold-text-24 {
  font-size: var(--h2);
  line-height: var(--h3-w);
}

.bold-text-25, .heading-30, .heading-31, .heading-32, .heading-33 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.bold-text-26, .heading-34, .heading-35, .heading-36 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-37, .heading-38 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-39, .heading-40, .heading-41 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-42, .heading-43, .heading-44, .heading-45, .heading-46, .heading-47 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.bold-text-27, .heading-48, .bold-text-28 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-49, .heading-50 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-51, .heading-52, .heading-53 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-54, .heading-55, .heading-56, .heading-57, .heading-58 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-59, .heading-60, .heading-61, .heading-62 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-63 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-64, .heading-65, .heading-66, .heading-67, .heading-68, .heading-69 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-70, .heading-71, .heading-72, .heading-73 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.heading-74, .heading-75, .bold-text-29 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-76, .bold-text-30, .bold-text-31, .heading-77, .heading-78, .heading-79, .heading-80, .heading-81, .heading-82, .heading-83, .heading-84, .heading-85, .heading-86, .heading-87, .heading-88, .heading-89, .heading-90 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

.bold-text-32, .bold-text-33 {
  font-size: var(--h3);
  line-height: var(--h3-w);
}

.heading-91, .heading-92, .heading-93, .heading-94, .heading-95, .heading-96, .heading-97, .heading-98, .heading-99 {
  font-size: var(--h2);
  line-height: var(--h2-w);
}

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

.content-preheader {
  color: #818181;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 20px;
}

.content-grid-7 {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 3fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 1200px;
  min-height: auto;
  display: grid;
}

.content-grid-7.b {
  grid-template-columns: 2.25fr 3fr;
  padding-left: 20px;
  padding-right: 20px;
}

.content-section-10 {
  color: #252525;
  background-color: #0000;
  background-image: none;
  border-bottom-left-radius: 0;
  padding: 60px 3% 100px;
  font-size: 18px;
  line-height: 30px;
}

.content-section-10.a {
  background-color: #0000;
  background-image: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-left: 0;
  padding-right: 0;
}

.content-section-10.a.new {
  padding-top: 80px;
}

.content-heading-6 {
  color: #0a2540;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Circularstd, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
}

.content-container-7 {
  border-bottom-left-radius: 100px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.content-button-3 {
  color: #fff;
  background-color: #fd7e41;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-height: 70px;
  padding: 20px 44px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: relative;
  top: 1px;
}

.content-button-3:hover {
  background-color: #86401f;
}

.content-button-3.a {
  justify-content: flex-start;
}

.content-text-wrap-3 {
  z-index: 1;
  background-image: none;
  border: 5px #ffffff30;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 500px;
  max-height: none;
  padding: 20px 20px 10px 0;
  display: flex;
  position: relative;
}

.content-paragraph-5 {
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.image-15 {
  position: absolute;
  top: 2330px;
  left: 286.5px;
}

.image-15.a {
  z-index: 4;
  min-width: auto;
  max-width: 100%;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
}

.image-15.a.b {
  min-width: auto;
}

.text-span-34 {
  color: #c96434;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, #c96434, #524b4b);
  -webkit-background-clip: text;
  background-clip: text;
}

.text-span-35 {
  color: #35a863;
}

.row-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.brand-dot {
  background-color: #5dac5d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.brand-dot:hover {
  background-color: #5dac5d;
}

.brand-dot.text {
  background-color: #3aff61;
}

.brand-dot.text.headder-dot {
  background-color: #2fce5400;
  width: 12px;
  height: 12px;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  border: 1px dashed #08b54f;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.badge.right-icon {
  color: #007f19;
  border-style: none;
  border-color: #2cb154;
  padding-left: 0;
  font-family: Circularstd, sans-serif;
  font-weight: 500;
}

.badge.right-icon.header {
  background-color: #fff0;
}

.badge.right-icon.hedar {
  border-style: none none none solid;
  border-color: #3a8cff #3a8cff #3a8cff #ffb33a;
  border-left-width: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.icon-x-small-3 {
  color: #737475;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.h1-heading-3 {
  color: #3a3a3a;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 1;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.header-gsap-text {
  z-index: 1;
  color: #458745;
  position: relative;
}

.text-span-36 {
  color: #3b74de;
}

.text-span-37 {
  color: #010101;
}

.text-block-56 {
  color: #425466;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.link-10, .link-11 {
  color: #6b7280;
}

.row-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text-block-57 {
  color: #16a34a;
  letter-spacing: 1px;
  text-transform: capitalize;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.person-2 {
  background-color: #fff;
  background-image: url('../images/team.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #ffffff63;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.person-2._3 {
  background-image: url('../images/Blackboard-Learn.png');
  border-color: #fff;
  width: 45px;
  height: 45px;
  margin-left: -20px;
}

.person-2._3._4._5 {
  background-image: url('../images/japan-translator.png');
  border-color: #fff;
  width: 50px;
  height: 50px;
  margin-left: -12px;
}

.person-2._3._4._5._10 {
  background-image: url('../images/ashmita_1ashmita.jpg');
  margin-left: -18px;
}

.person-2._3._4._5._6 {
  background-image: url('../images/reviews_ava-01.png');
  margin-left: -24px;
}

.person-2._3._4._5._6._8 {
  background-image: url('../images/reviews_ava-02.png');
}

.person-2._3._4._5._6._7 {
  background-image: url('../images/reviews_ava-03.png');
}

.person-2._3._9 {
  background-image: url('../images/martin_1martin.jpg');
  width: 50px;
  height: 50px;
  margin-left: 0;
}

.text-block-58 {
  color: #4e4e4e;
  align-items: center;
  margin-left: 10px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.flex {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.flex.hp-flex {
  top: -5px;
  left: 57px;
}

.flex.hp-flex.a {
  margin-top: 0;
  margin-bottom: 15px;
  position: static;
  top: auto;
  left: auto;
}

.title-medium-2 {
  color: #ececec;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.title-medium-2.a {
  color: #2e2e36;
  border-left: 2px #0b7f6d63;
  margin-bottom: 10px;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}

.div-block-131 {
  border-left: 5px solid #f4b57e;
  padding-left: 10px;
}

.card-block-2 {
  background-color: #0000;
  border-radius: 14px;
  max-width: none;
  margin-top: 0;
  padding: 20px 24px 20px 0;
  position: static;
  inset: auto auto auto 0;
}

.container-27 {
  background-color: #85cf8000;
  background-image: linear-gradient(90deg, #85cf80, #fffdfd);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 450px;
  padding-top: 20px;
  display: flex;
}

.div-block-132 {
  background-color: #0000;
}

.blog-image-border {
  border: 2px solid #fff;
  border-radius: 16px;
  overflow: hidden;
}

.blog-card-background {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-divider-dot {
  background-color: #c9c9c9;
  border-radius: 8px;
  flex: none;
  width: 4px;
  height: 4px;
}

.text-span-strong {
  color: #000;
  font-weight: 500;
}

.column-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.column-x-small.text-color-black {
  color: #000;
}

.image-cover-2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar-regular {
  background-color: #e3e3e3;
  border-radius: 40px;
  flex: none;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.subheading-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.label-small {
  color: #000;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.blog-author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  align-items: center;
  display: flex;
}

.paragraph-small-3 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
}

.paragraph-small-3.text-color-tertiary {
  color: #8f8f8f;
}

.paragraph-small-3.text-color-primary {
  color: #000;
  position: static;
}

.blog-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  font-family: Inter, sans-serif;
  display: flex;
}

.blog-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.icon-small-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.blog-content-large {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 440px;
  padding: 32px;
  display: flex;
}

.blog-read-time {
  color: #000;
  background-color: #fff;
  border-radius: 40px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 20px;
}

.max-width-x-small {
  width: 100%;
  max-width: 312px;
}

.blog-card-large {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffeac9;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  display: grid;
  position: relative;
}

.blog-card-outline {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #3d3d3d;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 8px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 0 1px #0000000f, 0 1px 2px #0000000f;
}

.section-large-3 {
  padding: 120px 20px;
  position: relative;
}

.blog-category {
  color: #000;
  background-color: #f5f5f5;
  border-radius: 40px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 20px;
}

.blog-image-2 {
  border-radius: 12px;
  height: 224px;
  overflow: hidden;
}

.column-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.column-small.column-left {
  justify-content: center;
  align-items: flex-start;
}

.paragraph-regular-3 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.button-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  background-color: #292929;
  border-radius: 10px;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  box-shadow: inset 1px 1px .25px #ffffff1f, inset -1px 1px .25px #ffffff1f, 0 0 0 1px #000, 0 1px 2px #000000a3;
}

.button-primary:hover {
  background-color: #141414;
}

.button-primary.icon-left {
  padding-left: 10px;
  font-family: Inter, sans-serif;
}

.subheading-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.grid-three-column-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.container-regular-2 {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.process-heading-4 {
  color: #0a2540;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Circularstd, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 57px;
}

.process-sub-heading {
  color: #4d4d4d;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-weight: 700;
}

.process-image-wrapper, .process-count-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.propcess-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 460px;
  display: flex;
}

.process-block-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.process-step {
  color: #0a2540;
  background-color: #fff;
  border: 2px solid #d5e4c8;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  display: flex;
}

.process-title-2 {
  color: #0a2540;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.wave {
  margin-left: 60px;
}

.process-section-4 {
  padding: 100px 20px;
}

.process-grid-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  justify-items: center;
  width: 100%;
}

.process-button {
  color: #fff;
  background-color: #1f62ff;
  border-radius: 8px;
  margin-top: 40px;
  padding: 14px 24px;
  font-weight: 600;
}

.process-button:hover {
  background-color: #053196;
}

.process-button.b {
  background-color: #c77101;
}

.process-button.b:hover {
  background-color: #965602;
}

.process-button.c {
  background-color: #ea580c;
  border-radius: 50px;
  font-family: Inter, sans-serif;
}

.process-button.c:hover {
  background-color: #04794a;
}

.header-grid-5 {
  grid-template-rows: auto;
  grid-auto-flow: row;
  align-items: center;
  width: 100%;
  margin-bottom: 100px;
}

.process-paragraph-2 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.process-line {
  z-index: -1;
  background-color: #26262669;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.body-x-large {
  color: #0a2540;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.h1-heading-4 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.2;
}

.h1-heading-4.text-balance {
  color: var(--af8057);
  text-wrap: balance;
  text-wrap: balance;
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 35px;
}

.column-large {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.column-large.column-center {
  text-align: center;
  align-items: center;
}

.container-medium {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.max-width-large {
  width: 100%;
  max-width: 32rem;
}

.section-medium {
  padding: 0 0%;
  position: relative;
}

.button-12 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #05df72;
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-12:hover {
  background-color: #00c950;
}

.button-12.secondary {
  color: #fff;
  background-color: #04794a;
  border-radius: 8px;
}

.button-12.secondary:hover {
  background-color: #015e38;
}

.cta_card {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  background-color: #fffbe600;
  background-image: url('../images/Globe-Lines.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem 5%;
  display: flex;
}

.body-medium {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}

.body-medium.text-weight-medium {
  font-weight: 500;
}

.body-medium.text-weight-medium.text-color-secondary {
  color: #27272a;
}

.heading-pattern {
  z-index: -1;
  background-image: url('../images/Heading-Pattern.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -8px;
  margin-bottom: -12px;
  margin-right: -24px;
  padding-top: 8px;
  padding-bottom: 12px;
  padding-right: 24px;
  display: inline-block;
}

.pattern {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.pattern.header-02-right {
  justify-content: flex-start;
  align-items: center;
  width: 42%;
  max-width: 615px;
  top: 0;
  right: 4%;
}

.pattern.header-02-left {
  top: 404px;
  left: 0;
}

.pattern.right-bottom {
  inset: auto 0% 0% auto;
}

.pattern.left-top {
  inset: 0% auto auto 0%;
}

.code-embed {
  display: none;
}

.header-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 736px;
  display: flex;
}

.heading-icon {
  vertical-align: middle;
  background-image: url('../images/Header-Inline-Icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-top: -12px;
  display: inline-block;
  transform: rotate(-4deg);
  box-shadow: inset 0 -8.533px 21.333px #1a192514, inset 0 1.067px 3.2px #ffffff14, inset 0 .8px .8px #ffffff14, inset 0 .267px .267px #ffffff1f, 0 8.533px 12.8px -4.267px #1a19250f, 0 4.267px 8.533px -4.267px #1a19251f, 0 2.133px 4.267px -1.067px #1a19251f, 0 1.067px 1.6px -.533px #1a19251f;
}

.paragraph-small-4 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.header-bottom {
  z-index: 1;
  background-color: #be979700;
  border-radius: 24px;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.header-carousel {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}

.icon-14 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.relative {
  position: relative;
}

.background {
  z-index: 0;
  pointer-events: none;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.column-regular {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.column-regular.column-left {
  justify-content: center;
  align-items: flex-start;
}

.column-regular.column-center {
  justify-content: center;
  align-items: center;
}

.container-large-5 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-statistic-count {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1-heading-5 {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 500;
  line-height: 1.2;
}

.header-carousel-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-highlight {
  color: #1a1925;
  background-color: #eeeef0;
  border-radius: 6px;
  padding: 2px 6px;
  font-weight: 500;
  display: inline-block;
}

.header-top {
  z-index: 1;
  padding: 0 5% 48px;
}

.header-carousel-wrapper {
  margin-top: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.paragraph-regular-4 {
  color: #51515e;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.section-2x-small {
  background-color: var(--white);
  padding: 100px 0;
  position: relative;
}

.badge-primary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  box-shadow: none;
  color: #9a3412;
  background-color: #fff7ed;
  border: 1px solid #fed7aa;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  max-width: 33%;
  margin-bottom: 24px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.header-statistics-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.h4-heading {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
}

.header-statistic-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px -1px #1a19250f, 0 1px 1px #1a192514, 0 .5px .5px #1a192514;
}

.header-statistic-card.a, .header-statistic-card.b {
  background-color: #fff;
}

.header-statistic-card.c {
  background-color: var(--white);
}

.h2-heading {
  color: #3a4149;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 70px;
}

.h2-heading.text-color-inverse {
  color: #fff;
}

.button-slide-text {
  margin-left: 12px;
  margin-right: 12px;
  position: static;
}

.video-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  min-height: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.video-lines {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.container-x-small {
  z-index: 2;
  width: 100%;
  max-width: 572px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-background {
  height: 100%;
  position: absolute;
  inset: 0%;
}

.paragraph-small-5 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.icon-15 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-large-6 {
  z-index: 2;
  width: 100%;
  max-width: 1084px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.video-overlay {
  background-image: linear-gradient(#0003, #000);
  position: absolute;
  inset: 0%;
}

.button-slide-text-hidden {
  opacity: 0;
  margin-left: .75rem;
}

.button-slide-text-hidden.text-color-primary {
  color: #1a1925;
}

.column-large-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.column-large-2.column-center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.column-large-2.column-left {
  justify-content: center;
  align-items: flex-start;
}

.video-card {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.button-slide-icon {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #1f62ff;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px 8px 8px 12px;
  display: flex;
  position: absolute;
  left: .25rem;
  overflow: hidden;
}

.icon-regular {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .3s;
  display: flex;
}

.video-play-button {
  color: #fff;
  white-space: nowrap;
  background-color: #1a1925;
  background-image: linear-gradient(0deg, #55555514, #ececec14);
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  height: 48px;
  padding: 8px 4px 8px 44px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: relative;
}

.video-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-section-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  padding: 128px 5% 32px;
  display: flex;
  position: relative;
}

.paragraph-small-6 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.icon-16 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video-feature-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.h2-heading-2 {
  color: #252527;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
}

.video-title-grid {
  grid-template-rows: auto;
  margin-bottom: 64px;
}

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

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

.text-color-white {
  color: #2e2e2e;
}

.paragraph-small-7 {
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-7.text-color-white {
  color: var(--af8057);
}

.paragraph-small-7.text-color-tertiary {
  color: #59595f;
  font-family: Inter, sans-serif;
}

.max-width-x-small-2 {
  width: 100%;
  max-width: 386px;
}

.overline-regular {
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.paragraph-regular-5 {
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-5.text-color-white {
  color: #fff;
}

.paragraph-regular-5.text-color-tertiary {
  color: #59595f;
  font-family: Inter, sans-serif;
}

.video-play-button-2 {
  z-index: 999;
  color: #fff;
  background-color: #fff0;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
  inset: 24px 24px auto auto;
}

.icon-x-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.icon-x-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.section-video-background {
  background-color: #ffecd4;
  justify-content: center;
  align-items: flex-end;
  min-height: 80vh;
  padding: 120px 5%;
  display: flex;
  position: relative;
}

.text-color-brand {
  color: #ff5805;
}

.video-feature-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid #8d8d8d;
  border-radius: 8px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.video-background-2 {
  z-index: 0;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-gradient {
  pointer-events: none;
  background-image: url('../images/BG-Hex.svg'), linear-gradient(#0000 50%, #000);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.container-large-7 {
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-medium-2 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.section-medium-2 {
  padding: 4rem 5%;
  position: relative;
}

.button-13 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #05df72;
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-13:hover {
  background-color: #00c950;
}

.button-13.secondary {
  color: #fff;
  background-color: #000;
}

.button-13.secondary:hover {
  background-color: #000;
}

.cta_card-2 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  text-align: center;
  background-color: #fff5db00;
  background-image: linear-gradient(90deg, #fff0, #ffeecf), url('../images/Globe-Lines.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem 0;
  display: flex;
}

.h4-heading-2 {
  color: #3a4149;
  letter-spacing: -.64px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 70px;
}

.icon-large {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.section-regular-3 {
  padding: 100px 0;
  position: relative;
}

.feature-logo-row {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.feature-card-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #f9fafb00;
  border-radius: 12px;
  flex-direction: column;
  max-width: 1200px;
  padding: 0;
  display: flex;
}

.container-large-8 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.feature-card-medium {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff0;
  border: 1px #000;
  border-left: 1px dashed #ffc376;
  border-radius: 0 8px 0 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.feature-card-medium.last {
  background-color: #6ecb5c;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.text-color-green {
  color: #3bab4f;
}

.text-weight-medium {
  font-weight: 500;
}

.text-color-red {
  color: #11c335;
}

.text-color-red.green-heading {
  color: #3a4149;
}

.h1-heading-6 {
  color: #0a2540;
  text-align: left;
  letter-spacing: -1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.logo-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.text-color-purple {
  color: #ff9e3d;
}

.row-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #4b5563;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-logos-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.subheading-regular-2 {
  color: #030711;
  letter-spacing: -.18px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}

.icon-wrapper-2 {
  color: #87ff66;
  background-color: #fbf1b6;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-wrapper-2.green {
  color: #2c8c3e;
  background-color: #fff;
}

.icon-wrapper-2.red {
  color: #11c335;
  background-color: #fff;
}

.icon-wrapper-2.red.yrs {
  background-color: #ffdeaa;
}

.number-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.paragraph-regular-6 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.column-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.feature-grid-medium {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.column-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.testimonial-slider-arrow {
  color: #73737f;
  background-color: #fff;
  border: 1px solid #e7e7ea;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 48px;
  padding: 6px 12px;
  transition: box-shadow .3s, border-color .3s, background-color .3s;
  display: flex;
  inset: auto 0% 0% auto;
}

.testimonial-slider-arrow:hover {
  color: #fff;
  background-color: #1f62ff;
  border-color: #1f62ff;
  box-shadow: inset 0 -8px 20px #1a192514, inset 0 1px 3px #ffffff14, inset 0 .75px .75px #ffffff14, inset 0 .25px .25px #ffffff1f, 0 8px 12px -4px #1a19250f, 0 4px 8px -4px #1a19251f, 0 2px 4px -1px #1a19251f, 0 1px 1.5px -.5px #1a19251f, 0 .75px .75px #1a19251f, 0 .25px .25px #1a19253d;
}

.testimonial-slider-arrow.left {
  right: 56px;
}

.paragraph-small-8 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.container-regular-3 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.testimonial-avatar-large {
  background-color: #e7e7ea;
  border: 2px solid #fff;
  border-radius: 100%;
  flex: none;
  width: 64px;
  height: 64px;
  overflow: hidden;
}

.text-color-tertiary {
  color: #73737f;
}

.testimonial-statistics-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.paragraph-large-3 {
  color: #51515e;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.paragraph-large-3.text-strong {
  color: #1a1925;
  font-weight: 500;
}

.paragraph-large-3.text-weight-medium {
  font-weight: 500;
}

.testimonial-statistic-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  background-color: #eeeef0;
  border-radius: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
  box-shadow: 0 1px 2px -1px #1a19250f, 0 1px 1px #1a192514, 0 .5px .5px #1a192514;
}

.column-2x-large {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  flex-flow: column;
  display: flex;
}

.section-regular-4 {
  padding: 96px 0;
  position: relative;
}

.divider-primary {
  background-color: #e7e7ea;
  border-radius: 4px;
  flex: none;
  width: 100%;
  height: 1px;
}

.text-balance {
  text-wrap: balance;
}

.testimonial-slider-large {
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.row-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-small-3.wrap-children {
  flex-wrap: wrap;
}

.testimonial-mask-3 {
  overflow: hidden;
}

.testimonial-column {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-flow: column;
  display: flex;
}

.avatar-group-4 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-right: 12px;
  display: flex;
}

.avatar-styles {
  display: none;
}

.header-card-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #71717b;
  flex-flow: wrap;
  display: flex;
}

.icon-medium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.text-color-secondary {
  color: #3f3f46;
  font-weight: 700;
}

.section-large-4 {
  background-color: #f4f4f5;
  padding: 80px 5%;
  position: relative;
  overflow: hidden;
}

.circular-animation {
  width: 100%;
  max-width: 600px;
  height: 100%;
  display: flex;
  -webkit-mask-image: linear-gradient(#000 40%, #0000 60%);
  mask-image: linear-gradient(#000 40%, #0000 60%);
}

.row-x-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-card-avatars {
  height: 24px;
}

.row-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-star {
  background-color: #ffeb85;
  border-radius: 6px;
  flex: none;
  padding: 2px;
}

.header-grid-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  display: grid;
}

.header-logo-block-2 {
  opacity: .5;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 24px;
  transition: opacity .3s;
  display: flex;
}

.header-logo-block-2:hover {
  opacity: 1;
}

.column-small-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-color-orange {
  color: #f46d2a;
}

.voice-visualiser {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-radius: inherit;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.paragraph-medium {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
}

.h6-heading-3 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
}

.header-carousel-content-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  display: flex;
}

.header-reviews {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.header-carousel-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 10% 90%, #0000 100%);
}

.button-circle-large {
  background-color: #fff;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  box-shadow: 0 1px 1px #0000000d;
}

.avatar-4 {
  background-color: #fafafa;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.header-card-authors {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #3f3f46;
  border-top: 1px solid #e4e4e7;
  border-bottom: 1px solid #e4e4e7;
  flex-flow: wrap;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.button-14 {
  color: #18181b;
  text-align: center;
  white-space: nowrap;
  background-color: #daecff;
  border: 1px solid #90cbff;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
  box-shadow: inset 0 1px 2px 2px #fff, 0 1px 1px #25252726;
}

.button-14.large {
  padding: 8px;
}

.badge-circle-icon {
  background-color: #f46d2a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.header-content-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 12px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
}

.text-featured {
  background-image: url('../images/Underline-Gradient.svg'), linear-gradient(89deg, #368cfb80 1.4%, #5caefe4d 30.98%, #ffeb8566);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100% 4px, auto;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 500;
}

.h1-heading-7 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 500;
  line-height: 1.15;
}

.paragraph-x-small {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5;
}

.row-2x-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-x-small-4 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.column-medium {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.voice-visualiser-border {
  background-image: linear-gradient(52deg, #368cfb, #90cbff 57%, #ffeb85);
  border-radius: 999px;
  max-width: 64px;
  height: 30px;
  padding: 3px;
  overflow: hidden;
  box-shadow: 0 110px 30px #0000, 0 70px 28px #00000003, 0 40px 24px #0000000a, 0 17px 17px #00000012, 0 4px 9px #00000014;
}

.voice-waveform {
  background-color: #368cfb;
  border-radius: 999px;
  width: 2px;
  animation: 1.5s ease-in-out infinite bounce;
}

.paragraph-small-9 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.paragraph-small-9.text-color-gradient {
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 0%, #368cfb, #5caefe 35%, #ffeb85);
  -webkit-background-clip: text;
  background-clip: text;
}

.column-3x-large {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.badge-featured {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #18181b;
  background-color: #fafafa;
  border: 1px solid #fff;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 4px 4px 12px;
  text-decoration: none;
  display: flex;
}

.paragraph-large-4 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.5;
}

.max-width-small {
  width: 100%;
  max-width: 384px;
}

.button-text-wrapper {
  padding-left: 6px;
  padding-right: 6px;
}

.header-logos {
  margin-top: 64px;
}

.header-cards {
  z-index: 99;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 628px;
  display: grid;
  position: relative;
}

.header-logo-2 {
  width: 184px;
}

.icon-small-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.badge-small-2 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #52525b;
  white-space: nowrap;
  background-color: #fff;
  border: 1px #000;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px 4px 6px;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.circular-visualiser {
  z-index: 99;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text-color-brand-2 {
  color: #368cfb;
}

.header-graphic {
  background-image: url('../images/Noda-BG-Accent.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  padding: 15% 5% 5%;
  display: flex;
  position: relative;
}

.header-image-card {
  border: 4px solid #fff;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 100px 30px #0000, 0 70px 27px #00000003, 0 40px 24px #0000000a, 0 17px 17px #00000012, 0 4px 9px #00000014;
}

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

.circular-wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.card-border {
  background-image: radial-gradient(circle, #368cfb, #90cbff 57%, #ffeb85);
  border-radius: 16px;
  width: 100%;
  padding: 4px;
  overflow: hidden;
}

.carousel-script {
  display: none;
}

.container-regular-4 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-rating {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  align-items: center;
  display: flex;
}

.h6-heading-4 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.h6-heading-4.text-weight-bold {
  font-weight: 700;
}

.row-regular-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-regular-7 {
  color: #3c4238;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.paragraph-regular-7.text-color-tertiary {
  color: #646e5e;
}

.subheading-regular-3 {
  color: #425466;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

.icon-wrapper-3 {
  color: #2a514c;
  background-color: #e0e3de;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
}

.icon-x-small-5 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.row-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.grid-four-column {
  z-index: 1;
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  max-width: 1200px;
  display: flex;
}

.icon-wrapper-small {
  color: #2a514c;
  background-color: #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.title-wrapper-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 588px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.h1-heading-8 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
}

.testimonial-avatar-2 {
  background-color: #e0e3de;
  border-radius: 100%;
  flex: none;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.h4-heading-3 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
}

.testimonial-column-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.testimonial-card-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  flex: none;
  width: 100%;
  padding: 24px;
  font-weight: 500;
  display: flex;
}

.subheading-large-2 {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}

.testimonial-star {
  color: #f2b02c;
}

.paragraph-small-10 {
  color: #3c4238;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.6;
}

.icon-regular-2 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.grid-two-column-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  width: 100%;
}

.section-regular-5 {
  background-color: #fde3b461;
  border-bottom: 1px #000;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding: 100px 20px 10px;
  display: flex;
  position: relative;
}

.row-space-between {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bold-text-34 {
  color: #3b74de;
  text-transform: capitalize;
}

.image-cover-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.body-x-large-2 {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.75;
}

.body-x-large-2.text-weight-semibold {
  font-weight: 600;
}

.body-x-large-2.text-weight-medium {
  font-weight: 500;
}

.column-3x-large-2 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.container-x-small-2 {
  width: 100%;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.testimonial_image-card {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #fff;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem;
  display: flex;
  position: absolute;
  inset: auto .5rem .5rem;
  overflow: hidden;
}

.testimonial_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.container-medium-3 {
  width: 100%;
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
}

.testimonial_card-filled {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #f4f4f5;
  border-radius: .75rem;
  flex-flow: column;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.icon-17 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial_image-wrapper {
  border-radius: .75rem;
  flex: 1;
  height: 25rem;
  position: relative;
  overflow: hidden;
}

.section-medium-3 {
  padding: 4rem 5%;
  position: relative;
}

.section-medium-3.background-brand {
  background-color: #cfffe7;
  border-radius: 8px;
  padding-top: 0;
  padding-bottom: 0;
}

.column-9 {
  flex-flow: column;
  display: flex;
}

.image-46733 {
  max-width: 17%;
}

.div-block-133 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta_heading {
  grid-column-gap: 10rem;
  grid-row-gap: 10rem;
  flex-flow: column;
  max-width: 36rem;
  display: flex;
}

.button-15 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #05df72;
  border-radius: 99rem;
  justify-content: center;
  align-items: center;
  min-height: 2.75rem;
  padding: .5rem 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-15:hover {
  background-color: #00c950;
}

.button-15.secondary {
  color: #fff;
  background-color: #000;
}

.button-15.secondary:hover {
  background-color: #000;
}

.cta_content {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.cta_background-lines {
  object-fit: cover;
  object-position: 0% 100%;
  width: 40%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
  -webkit-mask-image: linear-gradient(to top left, #000 10%, #0000 60%);
  mask-image: linear-gradient(to top left, #000 10%, #0000 60%);
}

.body-large {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.75;
}

.body-large.text-weight-medium {
  font-weight: 500;
}

.max-width-x-small-3 {
  width: 100%;
  max-width: 20rem;
}

.container-medium-4 {
  width: 100%;
  max-width: 74rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium-4.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-highlight-2 {
  color: #05df72;
  background-color: #000;
  padding-left: .5rem;
  padding-right: .5rem;
}

.modal-list {
  margin-bottom: 50px;
}

.modal-button {
  color: #1a33d5;
  text-align: center;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  margin-right: 50px;
  padding: 12px 38px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.modal-button:hover {
  color: #fff;
  background-color: #0000;
}

.modal-link {
  color: #a9b3f3;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.modal-link:hover {
  color: #fff;
}

.modal-heading-2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}

.modal-section-2 {
  color: #fff;
  background-color: #c0c9ff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 3%;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  overflow: auto;
}

.modal-list-item {
  background-image: url('../images/tick-circle.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 20px;
  padding-left: 40px;
  font-style: normal;
}

.modal-buttons-wrap {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.modal-container-2 {
  color: #fff;
  background-color: #1a33d5;
  background-image: url('../images/Background-Left.svg'), url('../images/Background-right.svg');
  background-position: 20px 26px, 90% 26px;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  border-radius: 20px;
  align-items: center;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding: 70px 50px;
  display: flex;
}

.carousel {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
  mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}

.logo-cell {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.text-strong {
  color: #1a1925;
  font-weight: 500;
}

.logo-avatar {
  background-color: #fff;
  border-radius: 10px;
  flex: none;
  padding: 2px;
  box-shadow: 0 1px 2px -1px #1a19250f, 0 1px 1px #1a19250f, 0 .5px .5px #1a19250f;
}

.paragraph-small-11 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.carousel-content {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.icon-18 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-section {
  padding: 8px 0;
  position: relative;
}

.container-large-9 {
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.image-46734 {
  object-fit: cover;
  border-radius: 8px;
  width: 52px;
  height: 52px;
}

.logo-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.logo-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  min-height: 200px;
  margin-top: 10px;
  margin-bottom: 24px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  box-shadow: 0 4px 12px #00000014;
}

.logo-block {
  background-color: #f7f7f8;
  border-radius: 24px;
  padding: 96px 5% 64px;
  position: relative;
}

.logo-footnote {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-small {
  padding: 0;
  position: relative;
}

.logo-feature {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.logo-statistic {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph-regular-8 {
  color: #51515e;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.logo-content {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.h5-heading-2 {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
}

.review-row {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheading-small {
  color: #252527;
  letter-spacing: -.08px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-small.text-color-black {
  color: #000;
  font-family: Inter, sans-serif;
}

.icon-19 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.avatar-square {
  background-color: #f5f5f6;
  border: .5px #e6e6e7;
  width: 48px;
  height: 48px;
  padding: 4px;
  overflow: hidden;
}

.column-small-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.column-x-large {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.column-x-small-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.image-cover-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-tail {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto -28px 30px;
}

.paragraph-large-5 {
  letter-spacing: -.16px;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large-5.text-color-primary {
  color: #252527;
  font-family: Inter, sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.h6-heading-5 {
  color: #252527;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
}

.testimonial-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 32px;
  display: flex;
  box-shadow: 0 2px 1.5px .5px #95a0b229;
}

.section-regular-6 {
  background-color: #f5f5f6;
  padding: 80px 5%;
  position: relative;
}

.testimonial-review-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
}

.testimonial-bubble {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 1.5px .5px #95a0b229;
}

.container-regular-5 {
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.icon-small-6 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.button-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  display: inline-flex;
}

.row-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-10 {
  flex-flow: column;
  display: flex;
}

.testimonial-divider {
  background-color: #d0d0d2;
  width: 1px;
  height: 24px;
}

.form-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.paragraph-small-12 {
  color: #49505b;
  letter-spacing: -.08px;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-12.text-color-tertiary {
  color: #8d95a3;
}

.form-checkbox {
  background-color: #fff;
  border: 2px solid #d8dbdf;
  border-radius: 100%;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 8px 0 0;
  padding-left: 0;
  display: flex;
}

.form-checkbox.w--redirected-checked {
  background-color: #154ee0;
  border-style: solid;
  border-color: #154ee0;
  margin-top: 0;
  margin-left: 0;
}

.form-checkbox-field {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.section-regular-7 {
  background-color: #f7f8f8;
  padding: 100px 0;
  position: relative;
}

.cta-illustration {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.paragraph-x-large {
  color: #49505b;
  letter-spacing: -.2px;
  font-size: 20px;
  line-height: 32px;
}

.badge-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.text-color-brand-3 {
  color: #154ee0;
}

.column-large-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.max-width-regular {
  width: 100%;
  max-width: 520px;
}

.button-primary-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 3px #3f444d;
}

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

.form-text-field {
  color: #25272c;
  letter-spacing: -.18px;
  background-color: #fff;
  border: 1px solid #d8dbdf;
  border-radius: 8px;
  min-height: 48px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 16px;
  line-height: 24px;
}

.form-text-field:focus {
  color: #25272c;
  background-color: #f7f8f8;
  border-color: #3a88fe;
}

.form-text-field::placeholder {
  color: #8d95a3;
}

.cta-content-4 {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 628px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.h2-heading-3 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}

.text-link-primary {
  color: #25272c;
  text-decoration: underline;
  transition: color .3s;
}

.text-link-primary:hover {
  color: #49505b;
}

.cta-card-5 {
  background-color: #fff6e7;
  border: 1px #b5bbc4;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
  position: relative;
}

.button-primary-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  letter-spacing: -.2px;
  background-color: #2b6ff0;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: inline-flex;
  box-shadow: 0 2px 5px #0003;
}

.button-primary-3:hover {
  color: #fff;
  background-color: #1a57cb;
}

.button-primary-3.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.paragraph-x-small-2 {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
  text-decoration: none;
}

.section-regular-8 {
  padding: 82px 5%;
  position: relative;
}

.section-regular-8.background-gray-100 {
  background-color: #fff;
  padding: 100px 0;
}

.overline-regular-2 {
  letter-spacing: 1.28px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.column-x-large-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  max-width: 450px;
  display: flex;
}

.container-large-10 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.cta-grid-5 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(auto, 583px);
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.subheading-large-3 {
  color: #030711;
  letter-spacing: -.32px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.subheading-large-3.text-color-gray-600 {
  color: #4b5563;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.paragraph-small-13 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.cta-card-outline {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  display: flex;
}

.h1-heading-9 {
  color: #030711;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Circularstd, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 52px;
}

.subheading-regular-4 {
  color: #030711;
  letter-spacing: -.18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}

.row-x-small-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-wrapper-2 {
  background-color: #fff0;
  border-radius: 24px;
  padding: 0;
}

.icon-small-7 {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.icon-wrapper-4 {
  color: #b95bb4;
  background-color: #f4dcf4;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.icon-wrapper-4.red {
  color: #d12e46;
  background-color: #fde7e7;
}

.button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.link-12 {
  color: #000;
  text-decoration: none;
}

.link-12:hover {
  color: #2b6ff0;
}

.header-pattern-front {
  z-index: 3;
  position: absolute;
  inset: auto 0% 0 auto;
}

.header-pattern-back {
  z-index: 0;
  position: absolute;
  inset: auto 0 0 auto;
}

.max-width-small-2 {
  width: 100%;
  max-width: 396px;
}

.form-input-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.form-text-field-2 {
  color: #1a1925;
  letter-spacing: 0;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 8px;
  min-height: 36px;
  margin-bottom: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  box-shadow: 0 0 0 1px #1a192514, 0 3px 3px -1.5px #07011308, 0 2px 2px -1px #07011308, 0 1px 1px -.5px #07011308, 0 .5px .5px #07011308;
}

.form-text-field-2:focus {
  border: 1px solid #1f62ff;
  box-shadow: 0 0 0 2px #1f62ff1f, 0 3px 3px -1.5px #07011308, 0 2px 2px -1px #07011308, 0 1px 1px -.5px #07011308, 0 .5px .5px #07011308;
}

.form-text-field-2::placeholder {
  color: #73737f;
}

.form-text-field-2.icon-left {
  padding-left: 36px;
  font-size: 16px;
}

.form-block-7 {
  width: auto;
  margin-bottom: 0;
}

.form-row-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  min-height: 48px;
  display: flex;
}

.paragraph-small-14 {
  color: #51515e;
  letter-spacing: -.005em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.5;
}

.icon-20 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-large-11 {
  z-index: 2;
  width: 100%;
  max-width: 1084px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.h1-heading-10 {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 500;
  line-height: 1.2;
}

.header-users {
  display: flex;
}

.row-regular-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-regular-4.child-wrap {
  flex-flow: wrap;
}

.header-block-primary {
  z-index: 1;
  background-color: #f7f7f8;
  border-radius: 24px;
  width: 100%;
  max-width: 1424px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 5%;
  position: relative;
  overflow: hidden;
}

.header-image {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.grid-two-column-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.header-image-right {
  display: flex;
  position: relative;
}

.paragraph-regular-9 {
  color: #51515e;
  letter-spacing: -.01em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.paragraph-regular-9.text-strong {
  color: #1a1925;
  font-weight: 500;
}

.section-2x-small-2 {
  background-color: #f7f7f8;
  padding: 8px;
  position: relative;
}

.section-2x-small-2.background-white {
  background-color: #fff;
}

.form-icon-left {
  color: #5e6573;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: auto auto auto 10px;
}

.header-avatar {
  background-color: #e7e7ea;
  border: 2px solid #fff;
  border-radius: 100%;
  flex: none;
  width: 48px;
  height: 48px;
  margin-left: -16px;
}

.header-avatar.first-item {
  margin-left: 0;
  overflow: hidden;
}

.header-column {
  grid-column-gap: 156px;
  grid-row-gap: 156px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.header-image-overflow {
  border-radius: 24px;
  flex: none;
  height: 666px;
  overflow: hidden;
  box-shadow: 0 3px 3px -1.5px #07011308, 0 2px 2px -1px #07011308, 0 1px 1px -.5px #07011308, 0 .5px .5px #07011308;
}

.button-primary-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  letter-spacing: -.006em;
  white-space: nowrap;
  background-color: #1f62ff;
  background-image: linear-gradient(0deg, #55555514, #ececec14);
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  transition-property: all, background-color, box-shadow;
  transition-duration: .3s, .3s, .3s;
  transition-timing-function: ease, ease, ease;
  display: inline-flex;
  box-shadow: 0 8px 12px -4px #1a19250f, 0 4px 8px -4px #1a19251f, 0 2px 4px -1px #1a19251f, 0 1px 1.5px -.5px #1a19251f, 0 .75px .75px #1a19251f, 0 .25px .25px #1a19253d, inset 0 -8px 20px #1a192514, inset 0 1px 3px #ffffff14, inset 0 .75px .75px #ffffff14, inset 0 .25px .25px #ffffff1f;
}

.button-primary-4:hover {
  background-image: linear-gradient(0deg, #5555553d, #ececec14);
  box-shadow: 0 8px 12px -4px #1a19250f, 0 4px 8px -4px #1a19251f, 0 2px 4px -1px #1a19251f, 0 1px 1.5px -.5px #1a19251f, 0 .75px .75px #1a19251f, 0 .25px .25px #1a19253d, inset 0 -8px 20px #1a192514, inset 0 1px 3px #ffffff14, inset 0 .75px .75px #ffffff14, inset 0 .25px .25px #ffffff1f;
}

.header-form {
  max-width: 336px;
}

.link-13 {
  color: #00b67a;
  font-weight: 700;
}

.link-13:hover {
  color: #02734e;
}

.link-14 {
  color: #00b67a;
  font-weight: 700;
}

.link-14:hover {
  color: #02734e;
}

.bold-text-35 {
  color: #00b67a;
}

.bold-text-35:hover {
  color: #02734e;
}

.image-46735 {
  max-width: 70%;
  position: relative;
  top: -462px;
  left: auto;
}

.image-46736 {
  max-width: 30%;
  margin-left: 5px;
}

.link-15 {
  text-transform: none;
}

.bold-text-36 {
  color: #1358b9;
}

.bold-text-37 {
  text-transform: none;
}

.paragraph-21, .paragraph-22, .paragraph-23 {
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.bold-text-38 {
  color: #3d3d3d;
}

.text-span-38 {
  color: #0a2540;
  font-family: Circularstd, sans-serif;
  font-size: 48px;
  line-height: 52px;
}

.heading-100 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.grid-two-column-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.subheading-regular-5 {
  color: #25272c;
  letter-spacing: -.12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

.h1-heading-11 {
  color: #25272c;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2;
}

.icon-22 {
  z-index: 1;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-left: 20px;
  display: flex;
  position: absolute;
  inset: -20px auto auto -15px;
}

.heading-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  place-items: end stretch;
  margin-bottom: 64px;
  display: grid;
}

.section-regular-9 {
  background-color: #f7f8f8;
  padding: 96px 5%;
  position: relative;
}

.paragraph-regular-10 {
  color: #49505b;
  letter-spacing: -.12px;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-regular-10.text-color-tertiary {
  color: #8d95a3;
}

.testimonial-card-outline {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #edeef1;
  border: 1px dashed #b5bbc4;
  border-radius: 12px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.divider-secondary {
  border-top: 1px dashed #d8dbdf;
  width: 100%;
}

.testimonial-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

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

.row-regular-5.row-space-between {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
}

.badge-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px dashed #b5bbc4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.text-color-brand-4 {
  color: #154ee0;
}

.button-secondary-small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #49505b;
  text-align: center;
  letter-spacing: -.08px;
  white-space: nowrap;
  background-color: #f7f8f8;
  border: 1px solid #edeef1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-secondary-small:hover {
  background-color: #edeef1;
}

.column-small-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-small-4.column-left {
  justify-content: center;
  align-items: flex-start;
}

.button-primary-large {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  letter-spacing: -.18px;
  white-space: nowrap;
  background-color: #25272c;
  border: 2px solid #000;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition-property: background-color;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000080, inset 0 1px 1px 3px #3f444d;
}

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

.paragraph-2x-large {
  color: #49505b;
  letter-spacing: -.24px;
  font-size: 22px;
  line-height: 40px;
}

.button-wrapper-11 {
  flex-flow: column;
  width: 100%;
  max-width: 196px;
  display: flex;
}

.container-regular-6 {
  z-index: 1;
  width: 100%;
  max-width: 1062px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.testimonial-avatar-3 {
  border-radius: 12px;
  flex: none;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.column-11 {
  flex-flow: column;
  display: flex;
}

.bold-text-42 {
  color: #047857;
}

.image-46737 {
  max-width: 160px;
  overflow: hidden;
}

.image-46738 {
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.image-46739 {
  max-width: 120px;
  overflow: hidden;
}

.image-46740 {
  max-width: 180px;
  overflow: hidden;
}

.image-46741 {
  max-width: 160px;
  overflow: hidden;
}

.image-46742 {
  max-width: 120px;
  overflow: hidden;
}

.image-46743 {
  max-width: 160px;
  overflow: hidden;
}

.image-46744 {
  max-width: 120px;
}

.image-46745 {
  max-width: 150px;
  overflow: hidden;
}

.image-46746 {
  max-width: 120px;
  overflow: hidden;
}

.image-46747 {
  max-width: 160px;
  overflow: hidden;
}

.image-46748, .image-46749 {
  max-width: 120px;
  overflow: hidden;
}

.text-block-59 {
  color: #9a3412;
  letter-spacing: .5px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.text-span-39 {
  color: #1f62ff;
}

.div-block-134 {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-28 {
  max-width: 1200px;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-x-large {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.header-play-button {
  color: #000;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
}

.text-color-accent {
  color: #ff6c0a;
}

.header-component {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  display: flex;
}

.header-lightbox-link {
  aspect-ratio: 2;
  background-color: #fff;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-23 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-logos-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.carousel-overlay {
  background-image: linear-gradient(90deg, #f3f3f5, #fff0);
  width: 20%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.carousel-overlay.right {
  background-image: linear-gradient(90deg, #fff0, #f3f3f5);
  inset: 0% 0% 0% auto;
}

.dot-orange {
  background-color: #ff6c0a;
  border-radius: 100%;
  width: 5px;
  height: 5px;
}

.text-color-disabled {
  color: #cfd2d6;
}

.caption-regular {
  font-size: 16px;
  line-height: 24px;
}

.caption-regular.text-weight-medium {
  color: #6b7280;
  letter-spacing: .02em;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}

.h3-heading-2 {
  color: #1e2022;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.4;
}

.section-regular-10 {
  background-color: #f3f3f5;
  padding: 72px 5%;
  position: relative;
}

.column-gigantic {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.carousel-content-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.header-video-thumbnail {
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.caption-small {
  font-size: 14px;
  line-height: 20px;
}

.max-width-large-2 {
  width: 100%;
  max-width: 600px;
}

.header-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.header-carousel-large {
  width: 100%;
  max-width: 770px;
  position: relative;
  overflow: hidden;
}

.container-large-12 {
  color: #000;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.button-primary-large-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #ff6c0a;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-large-2:hover {
  background-color: #d35908;
}

.h2-heading-4 {
  color: #000;
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
}

.course-description {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.course-content-header {
  justify-content: space-between;
  padding-right: 16px;
  display: flex;
}

.row-regular-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.content-course-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.column-tiny-2 {
  z-index: 5;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.course-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.course-dropdown {
  flex-flow: column;
  display: flex;
}

.course-dropdown.last {
  border-bottom-style: none;
}

.subheading-large-4 {
  color: #000;
  letter-spacing: -.24px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.course-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #4d4d4c;
  white-space: nowrap;
  background-color: #f0edea;
  border: 1px solid #d6d3d1;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 4px 4px 4px 16px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s;
  display: flex;
}

.course-link:hover {
  border-color: #a5a3a1;
}

.course-gradient {
  background-image: linear-gradient(#0000, #fff);
  justify-content: center;
  align-items: center;
  height: 100px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  position: sticky;
  inset: auto 0% 0%;
}

.section-regular-11 {
  padding: 96px 5%;
}

.content-course-links {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: flex;
}

.badge-4 {
  color: #ff443d;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #fff7f5;
  border: 1px solid #ffeae6;
  border-radius: 96px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.button-primary-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-primary-5:hover {
  background-color: #ff443d;
}

.button-primary-5.icon-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #c2410c;
  margin-bottom: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  box-shadow: 0 2px 5px #0003;
}

.button-primary-5.icon-left:hover {
  background-color: #c2410c;
}

.title-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #ff443d;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.content-course-description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding: 8px;
  display: flex;
}

.icon-regular-3 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.course-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.paragraph-small-15 {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small-15.text-color-gray-800 {
  color: #4d4d4c;
}

.title-center-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 638px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-course-count {
  background-color: #fff;
  border-radius: 96px;
  padding: 4px 12px;
  font-weight: 400;
  box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}

.content-courses {
  scrollbar-gutter: stable;
  width: 100%;
  max-width: 500px;
  height: 500px;
  position: relative;
  overflow: auto;
}

.content-course-example {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  padding: 8px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.avatar-x-small {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.course-title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.content-course-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  overflow: hidden;
}

.lesson-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.content-course-image {
  border-radius: 12px;
  height: 256px;
  overflow: hidden;
}

.content-button-footer {
  justify-content: center;
  align-items: center;
  margin-top: 64px;
  display: flex;
}

.content-course-detail {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #4d4d4c;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.course-dropdown-inner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding-top: 16px;
  display: flex;
}

.course-dropdown-inner.last {
  padding-bottom: 0;
}

.icon-x-small-6 {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.course-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
  display: flex;
}

.paragraph-x-small-3 {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
}

.container-regular-7 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.content-course-instructor {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.course-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.divider-gray-200 {
  background-color: #d6d3d1;
  width: 100%;
  height: 1px;
}

.content-course-statistics {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.course-lesson-lightbox {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #71716f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 8px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
}

.course-lesson-lightbox:hover {
  color: #000;
  background-color: #f6f5f3;
}

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

.content-course-details {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.button-outline-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #393837;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #bfbcba;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.button-outline-2:hover {
  background-color: #f6f5f3;
}

.course-review {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.course-detail {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}

.button-primary-small {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  white-space: nowrap;
  background-color: #000;
  border-radius: 96px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .2s;
  display: inline-flex;
}

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

.button-primary-small.icon-left {
  padding-left: 8px;
}

.text-color-red-500 {
  color: #ff443d;
}

.course-dropdown-trigger {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #1f1e1e;
  justify-content: space-between;
  align-items: stretch;
  padding-right: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.course-dropdown-content {
  max-width: 100%;
  overflow: hidden;
}

.subheading-small-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.video-outline {
  border: 1px solid #e7e7ea;
  border-radius: 32px;
  padding: 8px;
}

.video-testimonials {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.column-x-small-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.video-platform {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #51515e;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.h3-heading-3 {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.25;
}

.video-embed {
  border-radius: 24px;
  overflow: hidden;
}

.video-star {
  color: #ff8247;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.icon-24 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-regular-8 {
  z-index: 2;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.video-testimonial {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-2x-large-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.section-regular-12 {
  padding: 96px 5%;
  position: relative;
}

.badge-secondary {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #1a1925;
  background-color: #fffcf8;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  padding: 4px 12px 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.badge-secondary.how-it-works {
  width: 150px;
}

.video-stars {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video-divider {
  background-color: #e7e7ea;
  width: 1px;
  height: 24px;
}

.h6-heading-6 {
  color: #1a1925;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.section-regular-13 {
  background-color: #000;
  padding: 80px 5%;
  position: relative;
}

.header-accent-card {
  position: absolute;
}

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

.header-column-2 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.paragraph-x-large-2 {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 32px;
}

.paragraph-x-large-2.text-color-gray-500 {
  color: #ababab;
}

.text-color-purple-500 {
  color: #8f6ee7;
}

.row-tiny {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subheading-large-5 {
  color: #e3e3e3;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.header-grid-7 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.icon-small-8 {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.column-large-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.header-accent {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-small-16 {
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
}

.button-ghost-large {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  color: #f0f0f0;
  letter-spacing: -.25px;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color .4s, color .4s;
  display: inline-flex;
}

.button-ghost-large:hover {
  background-color: #3d3d3da3;
  border-color: #ffffff14;
}

.button-ghost-large.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.button-ghost-large.icon-right {
  padding-right: 12px;
}

.icon-25 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-primary-large-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  color: #f0f0f0;
  letter-spacing: -.25px;
  background-color: #36178ca3;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: border-color .4s, background-color .4s, color .4s;
  display: inline-flex;
}

.button-primary-large-3:hover {
  background-color: #36178c7a;
  border-color: #ffffff1f;
}

.button-primary-large-3.w--current {
  background-color: #344256;
  border-color: #48566a;
}

.button-primary-large-3.icon-right {
  padding-right: 12px;
}

.header-avatars {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.icon-regular-4 {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: color .2s;
  display: flex;
}

.overline-small {
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.container-large-13 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.header-avatar-circle {
  background-color: #edeff2;
  border: 4px solid #000;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.header-avatar-circle.grouped {
  margin-left: -16px;
}

.badge-regular {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  color: #dacff7;
  letter-spacing: -.25px;
  background-color: #36178ca3;
  border: 1px solid #ffffff1f;
  border-radius: 96px;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: flex;
}

.badge-regular.gray {
  color: #e3e3e3;
  background-color: #ffffff14;
}

.header-logos-3 {
  grid-column-gap: 62px;
  grid-row-gap: 62px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.column-regular-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.column-regular-2.column-left {
  align-items: flex-start;
}

.h2-heading-5 {
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(157deg, #a78eec, #8f6ee7 28%, #7e58e478);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 1.2;
}

.person-3 {
  background-color: #fff;
  background-image: url('../images/Testimonial-Avatar-03_1Testimonial Avatar 03.webp');
  background-position: 0 0;
  background-size: cover;
  border: 4px solid #ffffff63;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.person-3._3 {
  background-image: url('../images/Blackboard-Learn.png');
  border-color: #fff;
  width: 45px;
  height: 45px;
  margin-left: -20px;
}

.person-3._3._4._5 {
  background-image: url('../images/japan-translator.png');
  border-color: #fff;
  width: 50px;
  height: 50px;
  margin-left: -12px;
}

.person-3._3._4._5._10 {
  background-image: url('../images/ashmita_1ashmita.jpg');
  border-width: 2px;
  margin-left: -18px;
}

.person-3._3._4._5._6 {
  background-image: url('../images/Testimonial-Avatar-Image-05_1Testimonial Avatar Image 05.webp');
  background-position: 0 0;
  background-size: cover;
  border-width: 2px;
  margin-left: -24px;
}

.person-3._3._4._5._6._8 {
  background-image: url('../images/Testimonial-Avatar-Image-01_1Testimonial Avatar Image 01.webp');
  background-position: 0 0;
  background-size: cover;
  border-width: 2px;
}

.person-3._3._4._5._6._7 {
  background-image: url('../images/Avatar-1_1Avatar 1.avif');
  background-position: 0 0;
  background-size: cover;
  border-width: 2px;
}

.person-3._3._9 {
  background-image: url('../images/martin_1martin.jpg');
  border-width: 2px;
  width: 50px;
  height: 50px;
}

.div-block-135 {
  border-left: 5px solid #fafafa;
  padding-left: 10px;
}

.card-block-3 {
  background-color: #0000;
  border-radius: 14px;
  max-width: none;
  margin-top: 0;
  padding: 0 24px 0 0;
  display: flex;
  position: static;
  inset: auto auto auto 0;
}

.text-span-40 {
  background-color: #c0e5ff;
}

.highlight-mark {
  background-color: #bfdbfe;
  border-radius: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

.text-block-60 {
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.bold-text-46 {
  font-family: Inter, sans-serif;
}

.bold-text-47, .bold-text-48 {
  font-family: Circularstd, sans-serif;
}

.paragraph-24 {
  font-family: Inter, sans-serif;
}

.heading-101, .heading-102 {
  font-family: Circularstd, sans-serif;
}

.paragraph-25, .text-block-61, .text-block-62, .text-block-63, .rich-text-block-2 {
  font-family: Inter, sans-serif;
}

.paragraph-26 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.paragraph-27 {
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.heading-103 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-28 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-64 {
  color: #15803d;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.image-46750 {
  transform: scale(1.2);
}

.section-13 {
  background-color: #0000;
}

.nav-button {
  color: #111827;
  background-color: #3898ec00;
  border: 1px solid #ffae83;
  border-radius: 20px;
  width: 120px;
  height: 40px;
  font-family: Circularstd, sans-serif;
  font-weight: 500;
}

.nav-button:hover {
  border-color: #ea580ca1 #b4440a #ea580ca1 #ea580ca1;
}

.image-46751 {
  overflow: hidden;
}

.button-16 {
  color: #7c2d12;
  background-color: #fed7aa;
  justify-content: center;
  width: 40%;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.div-block-139 {
  font-family: Inter, sans-serif;
}

.container-29 {
  max-width: 1200px;
  display: flex;
}

.div-block-140 {
  background-image: linear-gradient(270deg, #fde3b4a8, #fff);
  width: 100%;
  height: 100vh;
  position: absolute;
}

.text-block-65 {
  color: #0a2540;
  font-family: Circularstd, sans-serif;
}

.section-14 {
  padding: 100px 20px 0;
}

.heading-104 {
  font-family: Inter, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.paragraph-42 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.paragraph-43, .block-quote-2 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.paragraph-44 {
  color: #425466;
  font-size: 16px;
  line-height: 26px;
}

.heading-105 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-45 {
  color: #425466;
  font-size: 16px;
  line-height: 26px;
}

.heading-106 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-46, .paragraph-47, .paragraph-48 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-107 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-49 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-108 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-50 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-109 {
  font-family: Circularstd, sans-serif;
  line-height: 48px;
}

.heading-110 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-51 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.paragraph-52 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.block-quote-3 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.paragraph-53 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-111 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-54 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-112 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.rich-text-block-3 {
  font-family: Inter, sans-serif;
}

.paragraph-55 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.block-quote-4 {
  color: #425466;
  font-family: Inter, sans-serif;
}

.paragraph-56 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.heading-113 {
  font-family: Circularstd, sans-serif;
  font-size: 38px;
  line-height: 48px;
}

.paragraph-57 {
  color: #425466;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.heading-114, .heading-115 {
  font-family: Circularstd, sans-serif;
}

.paragraph-58, .paragraph-59 {
  color: #425466;
  font-family: Inter, sans-serif;
}

.paragraph-60 {
  font-family: Inter, sans-serif;
}

@media screen and (min-width: 1280px) {
  .section.no-paddings {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .section.gray.padding {
    display: block;
  }

  .footer-heading {
    font-family: Inter, sans-serif;
  }

  .white-paragraph {
    color: #425466;
    font-family: Inter, sans-serif;
    font-weight: 500;
  }

  .grid-alternative {
    background-color: #fff0;
  }

  .facts-text {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 16px;
    position: relative;
  }

  .features-title {
    font-family: Circularstd, sans-serif;
  }

  .cta-text.white {
    font-family: Inter, sans-serif;
  }

  .features-wrapper {
    align-items: center;
    max-width: 1200px;
  }

  .footer-dark-2 {
    background-color: #fff;
  }

  .footer-link-2, .footer-link-2.crisp-button {
    font-family: Inter, sans-serif;
  }

  .image-card {
    top: 492px;
    left: -82px;
  }

  .content-image-2.b {
    max-width: 70%;
    top: 166px;
    left: 49px;
  }

  .content-section-2 {
    height: 800px;
  }

  .content-section-2.a {
    display: none;
  }

  .content-image-3.a {
    top: -228px;
  }

  .paragraph-11 {
    font-family: Inter, sans-serif;
  }

  .feature-paragraph-3 {
    font-weight: 400;
  }

  .content-block {
    max-width: 800px;
    margin-left: auto;
  }

  .section-6 {
    opacity: 1;
    background-image: url('../images/Online-class-helpers.png');
    background-position: 50%;
    background-size: contain;
    background-attachment: fixed;
  }

  .bottom-wrapper {
    background-image: linear-gradient(135deg, #fffdf96b, #0000), linear-gradient(to right, #0000, #ffeecf);
  }

  .avatar-detail {
    font-size: 14px;
    line-height: 20px;
  }

  .avatar-detail-wrapper {
    background-image: none;
    border-radius: 10px;
    padding: 20px;
  }

  .faq-section-2 {
    background-image: none;
  }

  .button-integration {
    color: #7c2d12;
    font-family: DM Sans, sans-serif;
  }

  .button-integration.b {
    color: #454545;
  }

  .button-integration.b:hover {
    color: #2b6ff0;
  }

  .button-integration.d {
    color: #454545;
  }

  .button-integration.bh {
    font-family: Inter, sans-serif;
    font-weight: 700;
  }

  .feature-section-3, .feature-card-6 {
    background-color: #fff;
  }

  .feature-icon-4 {
    background-color: #ffe8c4;
  }

  .section-7 {
    padding-left: 0;
  }

  .feature-card-paragraph-3 {
    color: #425466;
    line-height: 26px;
  }

  .feature-card-name-3 {
    color: #0a2540;
  }

  .feature-card-7.a {
    left: auto;
  }

  .feature-card-7.c {
    background-image: none;
  }

  .testimonial-section {
    padding-bottom: 300px;
  }

  .image-46714 {
    top: 1948px;
    right: 62px;
  }

  .feature-card-9.e {
    background-image: linear-gradient(315deg, #f2feff, #fff);
  }

  .tabs-menu-4 {
    margin-right: 0;
  }

  .section-8 {
    background-image: linear-gradient(135deg, #0000 70%, #ffeecf), linear-gradient(315deg, #fff 60%, #ffeecf);
  }

  .half-wrapper {
    grid-column-gap: 100px;
  }

  .image-4568 {
    position: relative;
    top: -424px;
  }

  .image-4568.a.c.cc {
    max-width: 60%;
    top: 54px;
    right: 53.734px;
  }

  .image-4568.v {
    position: absolute;
    top: auto;
    left: -337px;
  }

  .cta-image-2 {
    top: -151.986px;
  }

  .cta-section-5 {
    padding-bottom: 0;
  }

  .submit-button-4.b {
    background-color: #fff0;
    background-image: none;
    border-style: none;
  }

  .image-424 {
    top: 380px;
    left: -138px;
  }

  .image-425 {
    display: block;
  }

  .navigation-link-text-2 {
    font-size: 14px;
    line-height: 22px;
  }

  .image-427.b {
    max-width: 80%;
    left: -14px;
  }

  .image-429 {
    top: -4px;
    left: 185px;
  }

  .image-431 {
    left: 3px;
  }

  .tabs-section {
    padding-right: 3%;
  }

  .tab-name:hover {
    color: #ea580c;
  }

  .body-3 {
    background-image: linear-gradient(90deg, #ffedcf, #fff);
  }

  .avatar-image-2 {
    width: 20%;
    height: 100%;
  }

  .star-wrapper-2 {
    justify-content: flex-start;
  }

  .paragraph-large-2 {
    margin-bottom: 12px;
  }

  .testimonial-avatar {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .integration-wrapper-2 {
    margin-bottom: 0;
  }

  .section-regular {
    padding-left: 0;
  }

  .h1-heading-2.margin-bottom-32 {
    font-size: 56px;
    line-height: 62px;
  }

  .grid-two-column-2.align-centre {
    padding-left: 5%;
  }

  .testimonial-card-3.a.b {
    bottom: 1578.24px;
    right: 18px;
  }

  .testimonial-card-3.a.b.cv {
    bottom: 1754.24px;
  }

  .testimonial-card-3.a.c.d {
    bottom: -189px;
  }

  .testimonial-card-3.a.c.fredf {
    bottom: 943.625px;
    left: 597px;
  }

  .image-cover {
    right: 44px;
  }

  .video-play-link {
    padding-left: 0;
  }

  .cta-grid-4 {
    grid-template-columns: 1.75fr 2fr;
  }

  .cta-heading-3 {
    font-weight: 700;
  }

  .cta-detail-wrapper {
    justify-content: center;
    width: auto;
  }

  .cta-avatar-group {
    flex-flow: row;
    justify-content: flex-start;
  }

  .avatar-text.cta {
    font-size: 12px;
    line-height: 18px;
  }

  .content-block-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .content-text-wrap-2 {
    max-width: 100%;
  }

  .content-heading-4 {
    margin-bottom: 12px;
  }

  .content-paragraph-4 {
    font-size: 16px;
    line-height: 25px;
  }

  .content-block-last-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image-46715 {
    position: relative;
  }

  .image-46716 {
    position: absolute;
  }

  .content-section-8.b.b2 {
    padding-top: 0;
  }

  .image-46717 {
    top: auto;
    bottom: -3332.66px;
  }

  .image-46718 {
    top: 4378.5px;
  }

  .image-46723 {
    top: 656px;
  }

  .image-46723.s {
    bottom: 199.525px;
  }

  .image-46724 {
    top: 1663.5px;
    left: 730px;
  }

  .image-46728 {
    top: 3037.96px;
    left: 628px;
  }

  .content-h1 {
    font-size: 40px;
    line-height: 40px;
  }

  .return-top {
    background-color: #fdceaf;
  }

  .button-outline {
    background-color: #ffa73b;
  }

  .button-11 {
    background-color: #d89556;
    background-image: linear-gradient(270deg, #e9ae78, #b3683d);
  }

  .content-section-10 {
    box-shadow: none;
  }

  .content-section-10.a {
    margin-top: 0;
    padding-top: 100px;
  }

  .content-button-3 {
    top: 0;
  }

  .image-15 {
    top: 2415px;
    left: 284.5px;
  }

  .image-15.a {
    bottom: -2721px;
  }

  .text-block-57 {
    color: #973908;
  }

  .person-2 {
    border-color: #effaff;
  }

  .person-2._3 {
    border-color: #c8ffe9;
  }

  .person-2._3._9 {
    border-color: #fff;
  }

  .flex.hp-flex {
    top: -8px;
  }

  .card-block-2 {
    right: auto;
  }

  .div-block-132 {
    background-color: #0000;
  }

  .badge-primary {
    max-width: 32%;
    padding-right: 8px;
  }

  .container-large-8 {
    border-left-style: none;
  }

  .feature-card-medium {
    background-color: #fff0;
    border-left-style: solid;
    border-radius: 0 8px 8px 0;
  }

  .h1-heading-6 {
    color: #424c5d;
    margin-bottom: 12px;
  }

  .subheading-regular-2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }

  .paragraph-regular-6 {
    font-size: 16px;
  }

  .subheading-regular-3 {
    font-size: 15px;
    font-weight: 400;
  }

  .button-primary-3, .paragraph-x-small-2 {
    font-family: Inter, sans-serif;
  }

  .section-regular-8.background-gray-100 {
    background-color: #fff;
    background-image: none;
  }

  .paragraph-21, .paragraph-22, .paragraph-23 {
    font-family: Inter, sans-serif;
  }

  .text-block-59 {
    font-weight: 600;
  }

  .caption-regular.text-weight-medium {
    letter-spacing: 0;
  }

  .person-3 {
    border-color: #effaff;
  }

  .person-3._3 {
    border-color: #c8ffe9;
  }

  .person-3._3._9 {
    border-color: #fff;
  }

  .card-block-3 {
    right: auto;
  }

  .list-2, .bold-text-46 {
    font-family: Inter, sans-serif;
  }

  .nav-button {
    color: #111827;
    background-color: #3898ec00;
    border: 1px solid #ffae83;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    width: 120px;
    height: 40px;
    padding: 8px 16px;
    font-family: Circularstd, sans-serif;
    font-weight: 500;
    display: flex;
  }

  .div-block-138 {
    border: 1px solid #000;
  }

  .button-16 {
    color: #7c2d12;
    background-color: #fed7aa;
    padding-left: 0;
    font-family: Inter, sans-serif;
    font-weight: 700;
    text-decoration: underline;
  }

  .container-29 {
    display: flex;
  }

  .div-block-140 {
    background-color: #fff0;
    background-image: linear-gradient(270deg, #fde3b461, #fff);
    width: 100%;
    height: 100vh;
    position: absolute;
  }
}

@media screen and (min-width: 1440px) {
  .section.color.top-pading {
    background-image: none;
    border-bottom-left-radius: 0;
    padding-top: 100px;
    display: block;
  }

  .dots-animation-9 {
    width: 80px;
  }

  .heading-1.a {
    color: #000;
  }

  .navigation-origin {
    background-image: linear-gradient(90deg, #fde3b4d6, #fff);
  }

  .header-2 {
    display: block;
  }

  .content-wrapper-3.cg {
    max-width: 85%;
    top: 93px;
  }

  .content-grid-2 {
    grid-template-columns: 1fr 1fr;
    margin-top: 100px;
    position: static;
  }

  .image-card {
    position: relative;
    top: 313px;
    left: -269px;
  }

  .content-image-2.b {
    max-width: 60%;
    top: 229px;
    left: 83px;
  }

  .content-section-2 {
    height: 1400px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-image-3 {
    max-width: 220%;
    top: -452px;
    left: -223px;
  }

  .content-image-3.a {
    max-width: 200%;
    top: -150px;
    left: -308px;
  }

  .content-wrapper-4 {
    max-width: 80%;
    left: 105px;
  }

  .content-wrapper-4.a {
    max-width: 95%;
    top: 39px;
    left: -66px;
  }

  .content-wrapper-4.b {
    max-width: 95%;
    left: 73px;
  }

  .content-block {
    margin-left: auto;
  }

  .cta-block {
    background-color: #ccb394;
  }

  .title-wrapper-2 {
    margin-bottom: 0;
  }

  .content-section-6 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .content-section-6.a {
    top: 8462.82px;
  }

  .content-container-4 {
    max-width: 1100px;
  }

  .content-button.yellow.a {
    background-color: #d49e47;
  }

  .content-button.a {
    margin-bottom: 24px;
  }

  .content-text-wrap {
    max-width: 50%;
    top: auto;
    left: 156px;
  }

  .bottom-wrapper {
    background-color: #fff;
    background-image: linear-gradient(to right, #fffdf96b, #0000), linear-gradient(to right, #0000, #ffeecf);
    justify-content: center;
  }

  .avatar-detail-wrapper {
    background-image: linear-gradient(225deg, #fcdfab, #fff0);
  }

  .email-field-2 {
    background-color: var(--white);
  }

  .tab-link.w--current {
    background-color: #7e7e7e;
  }

  .faq-container {
    display: block;
  }

  .faq-section-2 {
    background-color: #0000;
    background-image: none;
    padding-top: 0;
  }

  .button-integration {
    padding-right: 10px;
  }

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

  .button-integration.c {
    color: #454545;
    background-color: #f5f5f500;
  }

  .button-integration.c:hover {
    box-shadow: none;
  }

  .button-integration.d {
    background-color: #fff0;
    max-width: 100%;
  }

  .button-integration.d.x {
    max-width: none;
  }

  .button-integration.e {
    max-width: 100%;
  }

  .button-integration.e:hover {
    box-shadow: 7px 7px 40px #dfedff;
  }

  .button-integration.f {
    max-width: 100%;
  }

  .button-integration.f:hover {
    box-shadow: 7px 7px 40px #2eb67d40;
  }

  .button-integration.bh {
    color: var(--white);
  }

  .button-integration.bh:hover {
    box-shadow: 7px 7px 40px 10px #c5c5c540;
  }

  .button-integration.sdf {
    border-radius: 50px;
  }

  .button-integration.sdf.new.b {
    min-width: 35%;
  }

  .button-integration.sdf.new.b:hover {
    color: #fff;
    background-color: #000;
  }

  .button-integration.ghgh {
    color: #fff;
    background-color: #ab6d16;
  }

  .button-integration.ghgh:hover {
    background-color: #279667;
  }

  .container-14 {
    display: block;
  }

  .section-7 {
    padding-top: 0;
    padding-right: 0;
    right: auto;
  }

  .feature-card-paragraph-3 {
    color: #425466;
    line-height: 26px;
  }

  .feature-card-paragraph-3.a {
    border: 1px #000;
    border-left: 2px #313131;
    padding-left: 0;
  }

  .feature-section-4 {
    background-color: #0000;
    padding-bottom: 0;
  }

  .feature-container-4 {
    max-width: 80%;
  }

  .feature-card-name-3 {
    color: #0a2540;
  }

  .feature-card-7.a {
    background-color: #fffdf8;
    background-image: none;
    border-style: solid;
    border-color: #ff950061;
    width: 360px;
    left: auto;
  }

  .feature-card-7.b {
    border-style: solid;
    width: 360px;
  }

  .feature-card-7.c {
    background-image: none;
    border-style: solid;
    width: 360px;
    left: auto;
  }

  .feature-card-7.d {
    background-color: #fff8d100;
    background-image: none;
    width: 360px;
  }

  .ui-asset-wrapper {
    background-color: #fad9b04f;
    display: flex;
  }

  .feature-title-6 {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-family: Inter, sans-serif;
  }

  .feature-card-8 {
    padding-top: 40px;
  }

  .features-grid-6 {
    grid-template-columns: 1fr;
  }

  .integration-section-2 {
    background-color: #ffd8ae57;
    padding-left: 0%;
    padding-right: 0%;
  }

  .title-wrap-6 {
    max-width: 600px;
  }

  .integration-wrap-right {
    display: none;
  }

  .form-heading-4 {
    font-size: 45px;
    line-height: 45px;
  }

  .image-46714 {
    position: relative;
    inset: -260px auto auto 518px;
  }

  .div-block-51 {
    padding-left: 0;
  }

  .content-grid-6 {
    width: 100%;
  }

  .integration-grid-list {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
  }

  .integrations-container-3 {
    max-width: 1250px;
  }

  .integration-card-2.d {
    background-color: #0000;
    border: 1px solid #fff;
  }

  .section-large {
    padding-left: 0%;
  }

  .h1-heading {
    text-transform: capitalize;
    font-family: DM Sans, sans-serif;
    line-height: 35px;
  }

  .h6-heading {
    letter-spacing: -.2px;
    font-family: Inter, sans-serif;
    font-size: 20px;
    font-weight: 700;
  }

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

  .paragraph-regular {
    color: #6d6d6d;
    padding-left: 0;
    font-family: DM Sans, sans-serif;
    font-weight: 500;
    line-height: 25px;
  }

  .paragraph-regular.a {
    margin-bottom: 0;
  }

  .badge-small {
    background-color: #fff;
    box-shadow: 25px 25px 64px -15px #afafaf;
  }

  .badge-small.a {
    background-color: #fff;
  }

  .feature-card-9 {
    background-image: linear-gradient(315deg, #dce6f5, #fff);
    align-items: flex-start;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-card-9.a {
    background-color: #0000;
    background-image: linear-gradient(45deg, #f6fffb, #fff);
    max-width: 95%;
  }

  .feature-card-9.b {
    background-image: linear-gradient(315deg, #fff6ed, #fff);
    max-width: 95%;
  }

  .feature-card-9.c {
    background-color: #0000;
    background-image: linear-gradient(225deg, #fff, #0000);
    max-width: 95%;
    box-shadow: 25px 25px 64px -20px #e7e7e7ad;
  }

  .feature-card-9.d {
    background-image: linear-gradient(45deg, #fff2eb, #fff);
    max-width: 95%;
  }

  .feature-card-9.e {
    background-image: linear-gradient(315deg, #f0feff, #fff);
    max-width: 95%;
  }

  .feature-card-9.f {
    max-width: 95%;
    box-shadow: 25px 25px 64px -20px #ebebebad;
  }

  .tabs-menu-4 {
    justify-content: flex-start;
    display: none;
  }

  .feature-section-5 {
    background-color: #ffeccd;
  }

  .grid-wrapper {
    padding-left: 10px;
  }

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

  .body-display {
    color: #2e2e2e;
  }

  .medium-stacked-intro {
    max-width: 400px;
  }

  .left-line {
    background-color: #fad9b0;
    border-radius: 12px;
  }

  .verticle-line {
    background-color: #fad9b000;
  }

  .half-wrapper {
    grid-column-gap: 120px;
  }

  .heading-9 {
    color: var(--af8057);
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
  }

  .heading-10 {
    color: #424c5d;
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
  }

  .image-416 {
    position: absolute;
    top: 8675.58px;
    bottom: auto;
  }

  .image-4568 {
    max-width: 50%;
    top: -738px;
    left: 140px;
  }

  .image-4568.a.c.cc {
    max-width: 60%;
    top: 94px;
    left: auto;
    right: 30.734px;
  }

  .image-4568.v {
    max-width: 200%;
    position: absolute;
    top: -209px;
    left: -433px;
  }

  .cta-grid-3 {
    background-color: #0000;
    background-image: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .image-block-2 {
    min-height: 300px;
  }

  .cta-image-2 {
    top: -202.986px;
  }

  .cta-block-2 {
    background-color: #0000;
    padding-left: 0;
  }

  .cta-section-5 {
    height: auto;
  }

  .cta-container-5 {
    background-image: none;
  }

  .navigation-wrap-2 {
    background-color: #0000;
  }

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

  .submit-button-4.b {
    background-image: none;
    border-style: solid;
    border-color: #ffbf94;
  }

  .image-424 {
    top: 378px;
    left: -205px;
  }

  .image-425 {
    max-width: 100%;
  }

  .brand-5 {
    width: 10%;
    max-width: 9.99789%;
    position: static;
  }

  .navigation-link-text-2 {
    color: #0a2540;
    font-size: 13px;
    line-height: 22px;
  }

  .logo {
    min-width: auto;
  }

  .navigation-link-3 {
    color: #3c3a38;
  }

  .image-427.b {
    max-width: 100%;
  }

  .image-428 {
    border-radius: 20px;
    margin-left: 10px;
    box-shadow: 14px 14px 50px -40px #000;
  }

  .image-429 {
    border-radius: 20px;
    top: -21px;
    left: 233px;
  }

  .image-430 {
    border-radius: 20px;
  }

  .image-431 {
    border-radius: 20px;
    left: 19px;
  }

  .image-432 {
    border-radius: 20px;
  }

  .faq-panel {
    max-width: 700px;
  }

  .tabs-section {
    padding-top: 220px;
    padding-right: 5%;
  }

  .text-block-47, .text-block-48, .text-block-49, .text-block-50, .text-block-51, .text-block-52 {
    color: #3c3a38;
  }

  .avatar-image-2 {
    width: 20%;
    height: 100%;
  }

  .star-wrapper-2 {
    justify-content: flex-start;
  }

  .testimonial-avatar {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .image-435 {
    max-width: 80%;
    left: 555px;
  }

  .section-regular {
    padding-left: 0;
    position: static;
  }

  .h1-heading-2.margin-bottom-24 {
    color: #424c5d;
    font-size: 38px;
    line-height: 48px;
  }

  .h1-heading-2.margin-bottom-32 {
    font-size: 53px;
    line-height: 57px;
  }

  .integration-logo-item {
    box-shadow: none;
    width: 140px;
    min-height: 100px;
  }

  .integration-logo-item:hover {
    box-shadow: 17px 17px 64px -14px #ffd3ae;
  }

  .integration-inner-wrapper {
    justify-content: flex-start;
  }

  .grid-two-column-2.align-centre {
    padding-left: 10%;
    padding-right: 10%;
  }

  .testimonial-card-3.a {
    background-color: #fff;
    border-style: none;
    width: 25%;
    padding: 10px;
    top: 695px;
    left: 601px;
    box-shadow: 25px 25px 64px -40px #ffd5b3;
  }

  .testimonial-card-3.a.b {
    bottom: 1931.24px;
    right: 115px;
  }

  .testimonial-card-3.a.b.cv {
    bottom: 2028.24px;
    right: 82px;
  }

  .testimonial-card-3.a.c.d {
    bottom: -150px;
    left: 593px;
  }

  .testimonial-card-3.a.c.fredf {
    bottom: 1094.63px;
    left: 589px;
  }

  .testimonial-content-2 {
    background-color: #0000;
    margin-bottom: 0;
  }

  .image-cover {
    right: 153px;
  }

  .button-neutral {
    background-image: none;
  }

  .div-block-58 {
    width: auto;
    padding-right: 40px;
  }

  .cta-grid-4 {
    grid-template-columns: 1.75fr 1.75fr;
  }

  .avatar-text.cta {
    font-size: 12px;
    line-height: 18px;
  }

  .section-cta {
    background-image: none;
  }

  .content-heading-4 {
    max-width: 200%;
    position: static;
  }

  .image-46715 {
    position: relative;
  }

  .content-section-8 {
    padding-bottom: 40px;
  }

  .content-section-8.b {
    background-image: linear-gradient(135deg, #ffeecf, #0000 54%);
    padding-top: 100px;
    padding-bottom: 220px;
  }

  .content-section-8.b.b2 {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .image-46717 {
    max-width: 8%;
    bottom: -3173.96px;
    left: 275px;
    right: auto;
  }

  .image-46718 {
    max-width: 7%;
    top: 4290.5px;
    left: 736px;
  }

  .image-46720 {
    display: none;
  }

  .div-block-60, .html-embed-8 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .person {
    max-width: 100%;
  }

  .number-large-2 {
    font-size: 45px;
  }

  .bottom-content-wrapper {
    display: none;
  }

  .image-46723 {
    top: 660px;
    left: 927px;
  }

  .image-46723.s {
    bottom: 184.525px;
  }

  .image-46724 {
    max-width: 30%;
    position: absolute;
    top: 1638.5px;
    left: 690px;
  }

  .div-block-61 {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-span-31 {
    color: #fff;
  }

  .div-block-62 {
    top: 485px;
    left: 827.075px;
  }

  .image-46728 {
    top: 3209.96px;
    left: 588px;
  }

  .image-46731 {
    max-width: 100%;
    transform: scale(1.2);
  }

  .content-h1 {
    margin-bottom: 20px;
    font-size: 40px;
  }

  .brand-link {
    color: #eba254;
  }

  .return-top {
    background-color: #eba254;
  }

  .footer-link-3:hover {
    color: #eba254;
  }

  .button-11 {
    border: 2px solid #fff;
  }

  .content-section-10 {
    box-shadow: none;
    background-image: none;
    padding-bottom: 60px;
  }

  .content-section-10.a {
    background-color: #0000;
    padding-top: 60px;
  }

  .content-heading-6 {
    color: #424c5d;
    font-size: 38px;
    line-height: 48px;
  }

  .content-button-3 {
    top: 0;
  }

  .content-paragraph-5 {
    font-size: 16px;
    line-height: 25px;
  }

  .image-15 {
    top: 2154px;
    left: 586.5px;
  }

  .person-2 {
    background-image: url('../images/kenya-translator.png');
  }

  .person-2._3 {
    box-shadow: none;
    background-image: url('../images/DL2.png');
    border-color: #ff9f5a;
    margin-left: -10px;
  }

  .person-2._3._4 {
    background-color: #fff;
    background-image: url('../images/Pearson.png');
    border-color: #fff;
    margin-left: -8px;
    box-shadow: 1px 1px 3px #6e6e6e;
  }

  .person-2._3._4._5 {
    box-shadow: none;
    border-color: #fff;
  }

  .person-2._3._4._5._6 {
    background-image: url('../images/german-translator.png');
  }

  .flex.hp-flex.a {
    margin-top: 0;
  }

  .title-medium-2 {
    font-size: 13px;
  }

  .title-medium-2.a {
    color: #242424;
  }

  .card-block-2 {
    background-color: #0000;
    margin-top: 20px;
    bottom: auto;
    right: auto;
  }

  .div-block-132 {
    background-color: #0000;
  }

  .badge-primary {
    max-width: 35%;
    padding-right: 8px;
  }

  .subheading-regular-3 {
    font-size: 15px;
    font-weight: 400;
  }

  .button-primary-3 {
    font-weight: 700;
  }

  .cta-grid-5 {
    grid-template-columns: 1fr minmax(auto, 556px);
  }

  .h1-heading-9 {
    color: #424c5d;
    font-size: 38px;
    line-height: 48px;
  }

  .image-46735 {
    left: -97px;
  }

  .text-span-38 {
    color: #424c5d;
    font-size: 38px;
    line-height: 48px;
  }

  .text-block-59 {
    font-weight: 600;
  }

  .caption-regular.text-weight-medium {
    letter-spacing: 0;
  }

  .person-3 {
    background-image: url('../images/Testimonial-Avatar-03_1Testimonial Avatar 03.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .person-3._3 {
    box-shadow: none;
    background-image: url('../images/DL2.png');
    border-color: #ff9f5a;
    margin-left: -10px;
  }

  .person-3._3._4 {
    background-color: #fff;
    background-image: url('../images/Pearson.png');
    border-color: #fff;
    margin-left: -8px;
    box-shadow: 1px 1px 3px #6e6e6e;
  }

  .person-3._3._4._5 {
    box-shadow: none;
    border-color: #fff;
  }

  .person-3._3._4._5._6 {
    background-image: url('../images/Content-01-Image.png');
    background-position: 0 0;
    background-size: cover;
  }

  .person-3._3._4._5._6._8 {
    background-image: url('../images/Testimonial-Avatar-Image-01_1Testimonial Avatar Image 01.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .person-3._3._4._5._6._7 {
    background-image: url('../images/Testimonial-Avatar-Image-03_1Testimonial Avatar Image 03.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .card-block-3 {
    background-color: #0000;
    margin-top: 0;
    bottom: auto;
    right: auto;
  }

  .text-block-64 {
    color: #15803d;
    letter-spacing: 0;
    line-height: 20px;
  }

  .container-29 {
    justify-content: center;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    max-width: 1200px;
  }

  .button.crisp-button {
    background-color: #000;
    background-image: none;
  }

  .facts-block {
    border-style: none;
  }

  .dots-animation {
    opacity: .95;
  }

  .content-wrapper-3.cg {
    max-width: 80%;
  }

  .content-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .image-card {
    top: 751px;
    left: -217px;
  }

  .content-image-2.b {
    max-width: 50%;
    top: -205px;
    left: 225px;
  }

  .content-image-3 {
    top: -453px;
    left: -286px;
  }

  .content-image-3.a {
    top: -141px;
  }

  .content-wrapper-4.a {
    left: -56px;
  }

  .content-block {
    max-width: 800px;
  }

  .content-section-6 {
    background-color: #fff;
  }

  .faq-section-2 {
    border: 1px #000;
  }

  .button-integration {
    padding-right: 10px;
  }

  .button-integration.d:hover {
    box-shadow: none;
  }

  .button-integration.d.x {
    font-weight: 700;
  }

  .button-integration.sdf.new {
    min-width: 180px;
    font-weight: 700;
  }

  .button-integration.sdf.new.b {
    min-width: 40%;
  }

  .facts-block-2.third-vr.a {
    background-color: #b814147a;
  }

  .facts-block-2.third-vr.b {
    background-color: #4d7f717a;
  }

  .facts-block-2.third-vr.c {
    background-color: #000;
  }

  .paragraph-15 {
    color: #f7f7f7;
  }

  .feature-card-paragraph-3 {
    color: #425466;
  }

  .feature-section-4 {
    padding-bottom: 0;
  }

  .feature-container-4 {
    max-width: 70%;
  }

  .feature-card-7.c {
    background-image: none;
    top: -61px;
  }

  .feature-card-7.d {
    background-image: none;
    max-height: 530px;
  }

  .integration-3.salesforce, .integration-3.hubspot-small, .integration-3.flowbase, .integration-3.mailchimp {
    display: none;
  }

  .image-46714 {
    max-width: none;
    top: -268px;
    left: 740px;
  }

  .paragraph-regular {
    border-left-style: none;
  }

  .feature-card-9 {
    background-color: #fff;
    border-style: none;
    box-shadow: 25px 25px 64px -14px #e9e9e9;
  }

  .feature-card-9.a {
    background-image: linear-gradient(45deg, #f6fffb, #fff);
  }

  .grid-wrapper {
    padding-left: 0;
  }

  .medium-stacked-intro {
    max-width: 500px;
  }

  .image-4568 {
    top: -534px;
    left: 216px;
  }

  .image-4568.a.c.cc {
    max-width: 45%;
    top: -6px;
    right: 281.734px;
  }

  .image-4568.v {
    top: auto;
    left: -439px;
  }

  .cta-section-5 {
    max-width: 1920px;
  }

  .submit-button-4.b {
    background-image: none;
    border-style: solid;
  }

  .submit-button-4.b:hover {
    background-image: none;
  }

  .image-424 {
    top: 262px;
    left: 38px;
  }

  .navigation-paragraph {
    line-height: 18px;
  }

  .image-429 {
    top: -114px;
    left: 457px;
  }

  .image-429.b {
    left: 28px;
  }

  .text-block-43 {
    font-weight: 500;
  }

  .testimonial-avatar {
    justify-content: flex-start;
  }

  .image-435 {
    top: -207px;
    left: 704px;
  }

  .integration-bottom-wrapper {
    align-items: flex-end;
    margin-left: auto;
    margin-right: 0;
  }

  .section-regular {
    padding-top: 100px;
    padding-left: 0;
  }

  .polka-heading-wrapper {
    margin-left: 0;
    display: flex;
  }

  .h1-heading-2.margin-bottom-32 {
    font-family: Circularstd, sans-serif;
    font-size: 53px;
    line-height: 57px;
  }

  .testimonial-card-3.a {
    top: 474px;
    left: 782px;
  }

  .testimonial-card-3.a.b {
    bottom: 1614.24px;
  }

  .testimonial-card-3.a.c.d {
    bottom: -204px;
    left: 672px;
  }

  .image-cover {
    right: 327px;
  }

  .div-block-58 {
    width: auto;
  }

  .image-438 {
    bottom: 7.01562px;
    left: 411.938px;
  }

  .cta-content-3 {
    display: flex;
  }

  .cta-grid-4 {
    grid-template-columns: 1.75fr 1.25fr;
  }

  .cta-detail-wrapper {
    width: 500px;
  }

  .cta-avatar-group {
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
    overflow: visible;
  }

  .avatar-text.cta {
    font-size: 12px;
    font-weight: 400;
  }

  .section-cta {
    background-color: #166534;
    background-image: none;
  }

  .image-46717 {
    bottom: -2758.96px;
    left: 442px;
  }

  .image-46718 {
    max-width: 5%;
    position: absolute;
    top: 4168.5px;
    left: 963px;
  }

  .tabs-content-3 {
    padding-right: 5%;
  }

  .image-46723 {
    top: 446px;
    left: 1204px;
  }

  .image-46724 {
    top: 1351.5px;
    left: 972px;
  }

  .title-split {
    justify-content: flex-start;
    max-width: 1170px;
  }

  .border-inner {
    background-color: #f8be6e;
  }

  .container-23 {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .line-text {
    color: #d8a06b;
  }

  .container-24 {
    margin-top: 0;
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-46732 {
    display: block;
  }

  .content-section-10.a.new {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .image-15.a {
    min-width: auto;
    max-width: 600px;
  }

  .text-block-58 {
    color: #666;
  }

  .title-medium-2.a {
    color: #fafafa;
  }

  .badge-primary {
    letter-spacing: .5px;
    max-width: 35%;
    margin-bottom: 24px;
    font-weight: 600;
  }

  .subheading-regular-3 {
    font-size: 15px;
    font-weight: 400;
  }

  .icon-wrapper-small {
    background-color: #fff;
  }

  .section-regular-5 {
    background-color: #fff9ee;
  }

  .logo-card {
    margin-bottom: 24px;
  }

  .cta-grid-5 {
    grid-template-columns: 1fr minmax(auto, 466px);
  }

  .image-46735 {
    left: 37px;
  }

  .text-block-59 {
    font-weight: 600;
  }

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

@media screen and (max-width: 991px) {
  .navbar {
    position: absolute;
    top: -61%;
  }

  .container.navbar-container {
    position: fixed;
    top: -7px;
    left: 0;
  }

  .nav-menu {
    background-color: var(--white);
    height: auto;
    position: absolute;
    overflow: auto;
  }

  .button.nav-button {
    display: none;
  }

  .button.subscribe-button {
    text-align: center;
    width: 160px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .button.outline.on-white-nav {
    display: none;
  }

  .section.gray.less-margin {
    padding-bottom: 60px;
  }

  .section.bottom-margin {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.color.top-pading {
    height: auto;
    padding-top: 180px;
    position: static;
  }

  .section.gray {
    padding-left: 20px;
  }

  .section.gray.padding {
    padding-top: 200px;
  }

  .section.gray.less-padding {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

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

  .section.color.cta {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.gray {
    padding-top: 100px;
  }

  .page-tittle.horizontal-flex.less-margin {
    flex-direction: column;
  }

  .page-tittle.cta {
    width: 100%;
  }

  .page-tittle.padding {
    max-width: 550px;
  }

  .page-tittle.hero {
    max-width: 450px;
  }

  .page-tittle.left {
    align-items: flex-start;
    margin-bottom: 60px;
  }

  .page-tittle.left.half-section-intro {
    align-items: flex-start;
    margin-bottom: 0;
    margin-left: 0%;
    margin-right: 0%;
  }

  .page-tittle.left.half-section-intro.p-e {
    margin-top: 10px;
    padding-left: 20px;
  }

  .big-text {
    text-align: center;
  }

  .big-text.white {
    text-align: left;
    margin-bottom: 0;
    font-size: 15px;
  }

  .button-wrapper {
    grid-auto-flow: row;
  }

  .logotypes {
    grid-column-gap: 40px;
  }

  .logotypes.less-margin {
    grid-column-gap: 60px;
  }

  .flex-features-div {
    flex-wrap: wrap;
  }

  .features-card {
    width: 50%;
  }

  .dots-line {
    display: none;
  }

  .grid-scale {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-scale.center-flex {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .grid-scale.testimonials {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonials-wrapper {
    margin-bottom: 0;
  }

  .review-grid {
    height: auto;
  }

  .review-top {
    display: flex;
  }

  .testimonial-slide {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .imput {
    margin-bottom: 0;
  }

  .form {
    flex-direction: row;
    padding-left: 5px;
  }

  .form.footer-four {
    flex-direction: row;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container.height {
    flex-wrap: wrap;
    height: auto;
  }

  .grid-alternative {
    grid-template-columns: 1fr 1fr;
  }

  .footer-submit-div {
    margin-bottom: 40px;
  }

  .side-bar {
    width: 60%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-post-link {
    padding-right: 25px;
  }

  .sidebar-card.subscribe {
    padding-top: 60px;
  }

  .side-tabs.right-side {
    align-items: center;
  }

  .side-tab, .side-tab.w--current {
    width: auto;
  }

  .features-grid, .facts-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .testimonial-card {
    margin-bottom: 20px;
  }

  .big-headline {
    text-align: left;
  }

  .big-headline.white.flexible {
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .big-headline.hero, .big-headline.flexible {
    text-align: center;
  }

  .big-headline.white.flexible.essays-text {
    text-align: left;
  }

  .nav-link.white {
    color: var(--af8057);
  }

  .hero-section.light-green.with-mockup.white, .hero-section.light-green.with-mockup.get-demo {
    overflow: visible;
  }

  .hero-section.home-vr-3 {
    flex-direction: column;
    height: auto;
  }

  .hero-section.home-vr-3.hero-5 {
    flex-direction: column;
    padding-bottom: 0;
  }

  .hero-section.home-vr-4 {
    flex-direction: column;
    height: auto;
    padding-top: 120px;
    padding-bottom: 0;
  }

  .hero-section.light-green {
    padding-left: 20px;
  }

  .hero-section.light-green.with-mockup.get-demo {
    overflow: visible;
  }

  .toogle-questions {
    text-align: left;
  }

  .half-side-image.second, .half-side-image.first {
    height: 700px;
  }

  .half-section {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .half-section.image {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .side-blocks {
    flex-direction: column-reverse;
  }

  .side-blocks.second {
    flex-direction: column;
  }

  .section-image.third {
    background-position: 100%;
    background-size: contain;
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-right: -50px;
    display: flex;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .section-image.paddings {
    border-top-right-radius: 100px;
    width: 100%;
    height: 500px;
    margin-top: 0;
    display: block;
    position: static;
  }

  .section-image.woman {
    height: 500px;
    margin-top: 0;
    position: static;
  }

  .small-intro {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .form-text {
    padding-right: 0;
  }

  .form-text.white {
    text-align: center;
  }

  .centered-big-image {
    height: 400px;
  }

  .top-side-tab-menu {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-slider-vr-2 {
    width: 100%;
    height: 300px;
  }

  .testimonial-content.dark-side {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .left-testimonials-arrow {
    margin-left: -10px;
  }

  .right-testimonials-arrow {
    margin-right: -10px;
  }

  .testimonial-name.tab {
    width: 360px;
  }

  .testimonial-text {
    font-size: 17px;
    line-height: 27px;
  }

  .testimo-nial-title {
    font-size: 28px;
  }

  .main-grid-table {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-title.top-padding {
    margin-top: 100px;
  }

  .section-title.dark.break {
    width: 80%;
  }

  .cta-icon.center, .cta-icon.center.dark, .cta-text {
    margin-bottom: 20px;
  }

  .cta-text.white {
    font-size: 16px;
    line-height: 26px;
  }

  .menu-button {
    color: var(--af8057);
    background-color: #0000;
  }

  .menu-button.w--open {
    color: #333;
    background-color: #0000;
  }

  .white-menu-button {
    color: var(--white);
  }

  .white-menu-button.w--open {
    background-color: #0000;
  }

  .animation-div {
    display: flex;
  }

  .mockup-image {
    width: 600px;
    height: 400px;
    margin-top: 40px;
  }

  .footer-dark {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-grid {
    grid-template-columns: 1fr 1fr;
  }

  .team-grid.line {
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }

  .team-card.border-line {
    border-left-style: none;
  }

  .team-image {
    width: 200px;
    height: 200px;
  }

  .drop-grid {
    width: 100%;
  }

  .drop-grid.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .drop-list-div {
    position: relative;
    left: 746px;
  }

  .drop-list-div.posts-list.home {
    border-top-right-radius: 0;
  }

  .drop-list-div.posts-list.services-menu {
    width: 100%;
  }

  .dropdown-list.w--open {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
    position: relative;
  }

  .block-service.flex-block-service.light {
    margin-left: 0;
    margin-right: auto;
  }

  .block-service.flex-block-service.light.left {
    margin-left: 0;
  }

  .block-service.flex-block-service.light.center {
    margin-left: auto;
  }

  .features-wrapper {
    flex-direction: column;
  }

  .feature-card {
    padding-left: 100px;
    padding-right: 100px;
  }

  .feature-image {
    background-position: 0 0;
    width: 500px;
    height: 500px;
  }

  .feature-image.second {
    background-position: 0 0;
    width: 500px;
  }

  .feature-image.third {
    background-position: 0 0;
    background-size: cover;
    width: 500px;
  }

  .features-grid-column {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fourth-social-icon {
    cursor: pointer;
  }

  .licence-info {
    flex: 1;
  }

  .image-div.logo {
    margin-right: 0;
  }

  .licence-item-wrapper {
    width: 80%;
  }

  .licence-item-wrapper.center {
    width: 70%;
  }

  .changelog-text {
    text-align: left;
    display: inline-block;
  }

  .get-help-grid {
    grid-template-columns: 1fr;
  }

  .get-help-vidio, .case-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-card {
    height: 400px;
  }

  .case-card.top {
    justify-content: center;
  }

  .case-card.top.right {
    flex-direction: row;
    justify-content: flex-start;
    height: 400px;
  }

  .case-card.right {
    height: 450px;
  }

  .collection-top {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-and-sidebar {
    flex-direction: row;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-and-sidebar.full {
    flex-direction: column;
  }

  .right-collection-wrapper {
    width: 63%;
  }

  .right-collection-wrapper.full {
    width: 100%;
    padding-right: 0;
  }

  .sidebar {
    width: 40%;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar.left {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .info-box {
    margin-top: 60px;
  }

  .footer-column-div {
    width: 50%;
    margin-bottom: 40px;
  }

  .footer-column-info {
    width: 100%;
    margin-bottom: 40px;
  }

  .blog-posts-wrapper {
    flex-direction: column;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .right-arrows {
    margin-right: 0;
  }

  .right-arrows.testimonial-arrow {
    display: block;
  }

  .left-arrows {
    margin-left: 0;
  }

  .left-arrows.testimonial-arrow {
    display: block;
  }

  .blog-in-columns {
    width: 100%;
  }

  .intro-section.intro {
    flex-direction: column;
    height: auto;
  }

  .contact-content {
    width: 110%;
    right: 0;
  }

  .contact-content.new {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .field-label-alternative {
    font-size: 12px;
    line-height: 22px;
  }

  .contact-wrapper {
    width: 50%;
  }

  .empty-block {
    display: none;
  }

  .form-div {
    text-align: center;
  }

  .collection-blog-item {
    width: 100%;
  }

  .info-blog {
    display: block;
  }

  .register-content {
    width: 110%;
    right: 0;
  }

  .register-content.new {
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .register-form-block {
    width: 100%;
  }

  .features-card-2 {
    width: 50%;
  }

  .section-title-2.top-padding {
    margin-top: 100px;
  }

  .dots-line-2 {
    display: none;
  }

  .button-2.subscribe-button {
    text-align: center;
    width: 160px;
    padding-left: 14px;
    padding-right: 14px;
  }

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

  .review-top-2 {
    display: flex;
  }

  .top-side-tab-menu-2 {
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .side-tab-2, .side-tab-2.w--current {
    width: auto;
  }

  .footer-dark-2 {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .fourth-social-icon-2 {
    cursor: pointer;
  }

  .fourth-social-icon-2.twitter-icon.light {
    background-image: url('../images/youtube.svg');
  }

  .imput-2 {
    margin-bottom: 0;
  }

  .form-2 {
    flex-direction: row;
    padding-left: 5px;
  }

  .footer-bottom-text-2 {
    color: #425466;
    font-family: Inter, sans-serif;
  }

  .dropdown-list-2.w--open {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
    position: relative;
  }

  .drop-grid-2 {
    grid-template-columns: minmax(239px, .25fr) minmax(127px, .25fr) 2.25fr;
    width: 100%;
  }

  .drop-grid-2.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .menu-button-2 {
    color: #000;
    background-color: #0000;
  }

  .menu-button-2.w--open {
    color: #333;
    background-color: #0000;
  }

  .nav-menu-2 {
    background-color: #fff;
    height: auto;
    position: absolute;
    overflow: auto;
  }

  .testimonials-wrapper-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-contents-4.pc7 {
    height: 120vh;
    padding-left: 0;
    padding-right: 0;
  }

  .html-embed-3 {
    margin-top: 0;
  }

  .container-3 {
    margin-left: auto;
  }

  .container-4 {
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .form-title-wrap {
    margin-top: 20px;
  }

  .small-intro-2 {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
  }

  .html-embed-4 {
    flex-flow: row;
    place-content: stretch space-between;
    align-items: stretch;
    height: 100%;
    margin-top: 0;
    display: flex;
  }

  .column {
    margin-top: 60px;
  }

  .column-2 {
    display: none;
  }

  .column-3 {
    height: 110vh;
    margin-top: 20px;
  }

  .text-span-15.new {
    text-align: center;
  }

  .nav-link-3.w--current {
    margin-top: 60px;
  }

  .form-3 {
    flex-direction: row;
    padding-left: 5px;
  }

  .navbar-2 {
    position: absolute;
  }

  .button-4.subscribe-button {
    text-align: center;
    width: 160px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .button-4.nav-button, .column-4 {
    display: none;
  }

  .image-409 {
    max-width: 50%;
  }

  .drop-list-div-2.posts-list {
    background-color: #fdf8ed;
  }

  .drop-list-div-2.posts-list.home {
    border-top-right-radius: 0;
  }

  .drop-grid-3 {
    width: 100%;
  }

  .drop-grid-3.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .button-5.nav-button, .section-4 {
    display: none;
  }

  .column-6 {
    margin-top: 140px;
  }

  .content-box {
    position: relative;
    top: -167px;
  }

  .feature-text {
    font-size: 16px;
  }

  .div-block-44.div-block-45-a {
    z-index: auto;
    top: 180px;
    bottom: 0%;
    left: 58%;
  }

  .legal-box._2 {
    display: none;
  }

  .footer-background-image {
    width: 40vw;
    bottom: -92px;
  }

  .container-10 {
    margin-top: -10px;
  }

  .content-wrapper {
    max-width: none;
  }

  .brand-2 {
    margin-top: -166px;
    position: static;
  }

  .column-7 {
    background-color: var(--white);
    padding-top: 10px;
  }

  .div-block-43 {
    height: 50px;
  }

  .heading-1 {
    max-width: none;
    margin-top: 20px;
    font-size: 32px;
  }

  .toggle-origin {
    width: 100%;
    padding-left: 16px;
  }

  .toggle-origin.w--open {
    width: 100%;
  }

  .dropdown-origin {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .navigation-menu-origin {
    align-items: center;
    display: flex;
  }

  .brand {
    margin-right: 10px;
    padding: 0;
  }

  .menu-button-origin {
    color: #fab361;
    background-color: #feecd8;
    border-radius: 10px;
    margin-left: 14px;
  }

  .menu-button-origin.w--open {
    color: #fff;
    background-color: #fab361;
  }

  .list-wrap-origin {
    padding: 20px;
  }

  .navigation-origin {
    padding-left: 3%;
    padding-right: 3%;
  }

  .navigation-origin:hover {
    background-color: #0000;
  }

  .navigation-button-origin {
    align-items: center;
    display: flex;
  }

  .nav-container-origin {
    flex-wrap: wrap;
  }

  .link-column-origin {
    padding-top: 0;
    padding-bottom: 0;
  }

  .link-column-origin.new {
    padding-left: 0;
  }

  .image-wrap-origin {
    display: none;
  }

  .nav-menu-origin {
    background-color: #fef8eb;
    min-width: 350px;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .button-origin {
    display: none;
  }

  .chevron-origin {
    margin-right: 20px;
  }

  .nav-link-origin {
    width: 100%;
  }

  .navigation-grid-origin {
    grid-template-columns: 1fr 1fr;
  }

  .list-origin.w--open {
    z-index: 5;
    box-shadow: none;
    padding-top: 0;
    position: static;
    top: auto;
  }

  .container-origin {
    position: relative;
  }

  .menu-subtext {
    max-width: 40ch;
  }

  .button-inner-panther {
    display: none;
  }

  .toggle-panther {
    width: 100%;
    padding-left: 16px;
  }

  .toggle-panther.w--open {
    width: 100%;
  }

  .content-wrap-panther {
    margin-bottom: 0;
  }

  .navigation-menu-panther {
    align-items: center;
    display: flex;
  }

  .chevron-panther {
    margin-right: 20px;
  }

  .button-panther {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .column-panther {
    width: 100%;
    height: 80px;
    padding: 10px 16px;
    display: flex;
  }

  .dropdown-panther {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .navigation-button-wrap {
    align-items: center;
    display: flex;
  }

  .navigation-panther {
    padding-left: 3%;
    padding-right: 3%;
  }

  .nav-link-panther {
    width: 100%;
  }

  .menu-button-panther {
    color: #79cabe;
    background-color: #79cabe1a;
    border-radius: 15px;
    margin-left: 14px;
  }

  .menu-button-panther:hover {
    color: #fff;
    background-color: #79cabe;
  }

  .menu-button-panther.w--open {
    color: #fff;
    background-color: #79cabe;
    border-style: none;
    border-radius: 10px;
  }

  .container-panther {
    position: relative;
  }

  .nav-title-panther {
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 500;
  }

  .column-cta-panther {
    display: none;
  }

  .nav-menu-panther {
    background-color: #fff;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .list-panther.w--open {
    z-index: 5;
    box-shadow: none;
    padding-top: 0;
    position: static;
    top: auto;
  }

  .asset-panther {
    width: 122px;
    height: 122px;
    margin-bottom: 0;
    margin-right: 20px;
    display: none;
  }

  .nav-container-panther {
    flex-wrap: wrap;
  }

  .mobile-nav {
    z-index: 1;
    background-color: #fff;
    border-radius: 5px;
    min-width: 250px;
    margin-top: 16px;
    padding-top: 15px;
    top: -7px;
    box-shadow: -14px 14px 20px -15px #2f2f2f7a;
  }

  .nav-menu-3 {
    display: none;
  }

  .text-block-24 {
    color: #535353;
  }

  .button-6.button-outline.nav-bar-button {
    flex: 0 auto;
  }

  .button-6.button-outline.nav-bar-button.nav-menu-link {
    border-color: #141414;
    position: relative;
    top: 21px;
  }

  .mobile-nav-link {
    color: #535353;
    width: 100%;
    font-size: 14px;
  }

  .mobile-nav-link.w--current {
    color: #535353;
    font-weight: 600;
  }

  .text-block-22 {
    color: #535353;
    font-size: 14px;
  }

  .navigation {
    display: none;
  }

  .navigation-container-mob {
    justify-content: space-between;
  }

  .dropdown-list-3 {
    background-color: #fff;
  }

  .icon-6 {
    right: 137px;
  }

  .text-block-23 {
    color: #535353;
  }

  .icon-7 {
    right: 137px;
  }

  .navigation-left {
    display: flex;
  }

  .mobile-toggle {
    font-size: 14px;
    font-weight: 600;
  }

  .navigation-mob {
    border-bottom: 1px solid #4455671c;
    flex-direction: row;
    justify-content: center;
    height: 85px;
    padding-left: 3%;
    padding-right: 3%;
    display: flex;
  }

  .dropdown-title {
    color: #393939;
    font-size: 13px;
  }

  .dropdown-link-mobile {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .icon-8 {
    right: 137px;
  }

  .image-8 {
    top: 13px;
    left: -32px;
    right: 11px;
  }

  .menu-mob {
    color: #000;
    background-color: #0000;
    border-radius: 100px;
    font-size: 22px;
  }

  .menu-mob.w--open {
    background-color: #824bf1;
  }

  .menu-mob.w--open:hover {
    background-color: #0000;
  }

  .menu-button-origin-2 {
    color: #fab361;
    background-color: #feecd8;
    border-radius: 10px;
    margin-left: 14px;
  }

  .menu-button-origin-2.w--open {
    color: #fff;
    background-color: #fab361;
  }

  .button-origin-2 {
    display: none;
  }

  .header-2:hover {
    background-color: #0000;
  }

  .process-card-primary {
    background-color: #fff;
  }

  .process-arrow-01, .process-arrow-02 {
    display: none;
  }

  .process-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-grid {
    grid-template-columns: 1fr;
  }

  .content-image-wrap {
    min-width: auto;
    max-width: none;
  }

  .content-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .content-wrapper-3.cg {
    max-width: 100%;
    top: -558px;
  }

  .content-grid-2 {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    display: flex;
  }

  .image-card {
    top: 1072px;
    bottom: 21%;
    left: 69%;
  }

  .content-image-2.b {
    max-width: 70%;
    display: inline-block;
    position: relative;
    top: 387px;
    left: 89px;
  }

  .content-section-2 {
    padding-top: 0;
    padding-bottom: 100px;
    position: static;
  }

  .image-card-02 {
    max-width: 60%;
    bottom: -8%;
  }

  .image-card-02.a {
    display: none;
  }

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

  .button-detail {
    margin-top: 10px;
    margin-left: 0;
  }

  .logo-button {
    margin-bottom: 20px;
  }

  .form-wrapper {
    width: 100%;
    padding: 0;
  }

  .slide-content {
    align-items: center;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slide {
    width: 100%;
  }

  .slide-banner {
    width: 100%;
    display: none;
  }

  .slide-wrapper-2 {
    flex-direction: column;
  }

  .slide-content-2 {
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content-grid-4 {
    grid-template-columns: 1fr;
  }

  .content-image-3 {
    max-width: 125%;
    top: -40px;
    left: -79px;
  }

  .content-image-3.a {
    z-index: -1;
    max-width: 100%;
    top: -322px;
    left: 27px;
  }

  .content-wrapper-4.b {
    padding-left: 0;
  }

  .content-container-3._3 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .content-wrapper-5 {
    min-width: 100%;
  }

  .image-card-4 {
    max-width: 80%;
  }

  .feature-container-2 {
    max-width: none;
  }

  .features-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .content-section-5 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .process-arrow-01-2 {
    display: none;
  }

  .process-card-primary-2 {
    background-color: #0000;
  }

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

  .content-block {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding-left: 0;
    display: flex;
  }

  .cta-grid-2 {
    grid-template-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-block {
    min-height: auto;
  }

  .cta-section-2 {
    background-position: 100% 0;
    flex-direction: column;
  }

  .cta-image-wrapper {
    position: relative;
  }

  .grid-feature-large {
    grid-template-columns: 1fr 1fr;
  }

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

  .content-section-6 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .content-section-6.a {
    padding-left: 5%;
  }

  .content-section-6.a.f {
    height: 700px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-container-4 {
    margin-bottom: -300px;
  }

  .content-block-2 {
    align-items: flex-start;
    margin-bottom: 300px;
  }

  .content-text-wrap {
    max-width: 100%;
    top: auto;
  }

  .content-block-last {
    align-items: center;
    margin-bottom: 0;
  }

  .feature-card-4 {
    flex-direction: row;
    align-items: center;
  }

  .features-grid-3 {
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
    max-width: 100%;
    margin-right: 0;
  }

  .features-heading-2 {
    margin-bottom: 100px;
  }

  .feature-image-wrap {
    flex: none;
    width: 260px;
    margin-bottom: 0;
    margin-right: 60px;
  }

  .header-grid {
    grid-template-columns: 1fr;
  }

  .nav-menu-4 {
    background-color: #fff;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .bottom-wrapper {
    flex-direction: column;
    align-items: flex-start;
    max-height: 15%;
    top: auto;
  }

  .menu-button-3 {
    color: #fff;
    background-color: #262626;
    border-radius: 8px;
    margin-left: 14px;
    padding: 12px;
  }

  .menu-button-3:hover {
    color: #fff;
    background-color: #ffbe21;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #271d0c;
  }

  .container-navigation {
    position: relative;
  }

  .navigation-2 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .avatar-detail-wrapper {
    background-image: linear-gradient(#ffe8cf, #fff);
    border-radius: 10px;
    padding: 20px;
    position: relative;
    top: -9px;
    left: 36px;
  }

  .navigation-right-2 {
    align-items: center;
    display: flex;
  }

  .nav-link-6 {
    color: #262626;
    width: 100%;
  }

  .books-icon {
    margin-right: 20px;
  }

  .brand-3 {
    margin-right: 10px;
    padding: 0;
  }

  .logo-wrapper {
    width: 100%;
    margin-bottom: 60px;
  }

  .hero-block {
    margin-left: auto;
    margin-right: auto;
  }

  .line-break-3 {
    display: none;
  }

  .process-title-wrap-3 {
    max-width: 600px;
    margin-bottom: 100px;
  }

  .process-grid-2 {
    grid-column-gap: 32px;
    grid-row-gap: 60px;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    grid-template-columns: 1fr;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-section-3 {
    padding-bottom: 350px;
  }

  .cta-paragraph-2 {
    max-width: 500px;
  }

  .bg-image {
    height: 60%;
  }

  .faq-grid {
    grid-row-gap: 22px;
    grid-template-columns: 1fr;
  }

  .faq-section-2 {
    padding-top: 80px;
  }

  .placeholder-background {
    inset: 0% 0% auto;
  }

  .features-heading-wrap {
    max-width: 600px;
  }

  .features-grid-4 {
    grid-column-gap: 24px;
    max-width: 100%;
    margin-right: 0;
  }

  .tab-content-grid {
    grid-row-gap: 62px;
    grid-template-columns: 1fr;
  }

  .centre-line-wrapper {
    display: none;
  }

  .integrations-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .interaction-wrapper {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .heading-large-4 {
    margin-bottom: 20px;
  }

  .grid-heading {
    grid-template-columns: 1fr;
  }

  .button-wrapper-5 {
    justify-content: flex-start;
  }

  .section-title-3.dark.break {
    width: 80%;
    font-size: 34px;
    line-height: 40px;
  }

  .section-7 {
    padding: 60px 2% 0;
  }

  .feature-card-paragraph-3 {
    font-size: 16px;
    line-height: 26px;
  }

  .feature-section-4 {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .features-grid-5 {
    grid-column-gap: 24px;
    grid-template-columns: 1fr 1fr;
    place-items: center;
  }

  .feature-container-4 {
    max-width: none;
  }

  .feature-card-name-3 {
    letter-spacing: 0;
    font-size: 19px;
    line-height: 26px;
  }

  .feature-card-7.a {
    width: auto;
    position: static;
    top: 701px;
    left: -382px;
  }

  .feature-card-7.b {
    width: auto;
    position: static;
    top: 112px;
  }

  .feature-card-7.c {
    width: auto;
    position: static;
    top: auto;
    left: -376px;
    right: auto;
  }

  .feature-card-7.d {
    width: auto;
    min-height: auto;
    margin-top: 0;
    position: static;
    top: auto;
    left: 371px;
  }

  .ui-asset-wrapper {
    padding: 20px;
  }

  .title-wrapper-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-grid-6 {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .content-grid-5 {
    grid-template-columns: 1fr 1fr;
  }

  .title-wrap-6 {
    max-width: none;
  }

  .integration-3.surveymonkey {
    bottom: 0;
    left: 0;
  }

  .integration-3.hubspot {
    top: 0;
    left: 0;
  }

  .integration-3.intercom, .integration-3.salesforce {
    left: 0;
  }

  .integration-3.hubspot-small {
    bottom: 0;
    left: 0;
  }

  .integration-3.slack, .integration-3.flowbase {
    top: 0;
    right: 0;
  }

  .integration-3.paypal, .integration-3.unbounce {
    bottom: 0;
    left: 0;
  }

  .integration-3.mailchimp {
    top: 0;
    left: 0;
  }

  .integration-wrap-right {
    flex-direction: row;
    align-items: center;
  }

  .integration-grid-2 {
    grid-template-columns: 1fr;
  }

  .integration-wrap {
    flex-direction: row;
    align-items: center;
  }

  .testimonial-mask {
    width: 420px;
  }

  .testimonial-section {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .div-block-49 {
    z-index: -1;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-height: none;
    display: flex;
  }

  .div-block-50 {
    min-width: auto;
  }

  .image-46714 {
    display: none;
    top: 2361px;
    left: -7px;
  }

  .integration-heading {
    margin-bottom: 20px;
  }

  .integration-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .title-wrap-7 {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .integration-grid-list {
    grid-template-columns: 1fr 1fr;
  }

  .section-large {
    padding-bottom: 0;
  }

  .h1-heading {
    width: 100%;
  }

  .tabs-2 {
    margin-top: 0;
  }

  .tab-detail-wrapper {
    max-width: 65%;
  }

  .h6-heading {
    font-size: 18px;
  }

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

  .paragraph-regular {
    font-size: 14px;
  }

  .grid-tab-full {
    grid-template-columns: 1fr;
  }

  .feature-card-9 {
    background-color: #0000;
    max-width: 100%;
  }

  .grid-wrapper {
    padding-left: 2%;
    padding-right: 2%;
  }

  .section-8 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 2100px;
    padding-top: 80px;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .sticky-intro {
    position: relative;
    top: auto;
  }

  .list-wrapper {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
    grid-template-columns: 2.5fr;
    justify-items: stretch;
    max-width: none;
  }

  .medium-stacked-intro {
    max-width: 100%;
  }

  .stacked-heading {
    max-width: 65%;
  }

  .verticle-line {
    width: 100%;
  }

  .half-wrapper {
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .heading-10 {
    margin-bottom: 0;
  }

  .container-17 {
    margin-top: 0;
  }

  .image-4568 {
    max-width: 80%;
    position: relative;
    inset: 244px auto auto 102px;
  }

  .image-4568.a.c {
    max-width: 100%;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .image-4568.a.c.cc {
    max-width: 100%;
    display: none;
    position: relative;
    top: auto;
    right: auto;
  }

  .image-4568.v {
    max-width: 80%;
    top: -93px;
    left: auto;
  }

  .cta-grid-3 {
    grid-template-columns: 1fr;
    height: 800px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-block-2 {
    min-height: auto;
  }

  .cta-image-2 {
    top: auto;
    left: auto;
  }

  .cta-section-5 {
    background-position: 100% 0;
    flex-direction: column;
  }

  .cta-image-wrapper-2 {
    width: 100%;
    position: relative;
  }

  .menu-button-4 {
    color: #4e2d92;
    border: 1px solid #4e2d9230;
    border-radius: 15px;
    margin-left: 14px;
  }

  .menu-button-4.w--open {
    color: #fff;
    background-color: #4e2d92;
  }

  .navigation-column-large {
    display: block;
  }

  .navigation-wrap-2 {
    background-color: #fff;
  }

  .dropdown-wrapper-2 {
    box-shadow: none;
    border-radius: 0;
  }

  .dropdown-list-5.w--open {
    padding-top: 0;
    position: static;
  }

  .toggle-button {
    width: 100%;
  }

  .toggle-button.w--open {
    background-color: #4e2d921a;
    width: 100%;
  }

  .brand-4 {
    margin-right: 10px;
    padding: 0;
  }

  .navigation-link-2 {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
  }

  .navigation-container-dropdown {
    padding: 0;
  }

  .navigation-title {
    margin-bottom: 10px;
  }

  .menu-wrap {
    background-color: #fff;
    flex-direction: column;
    height: auto;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
  }

  .button-nav {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .icon-11 {
    width: 52px;
    height: 52px;
  }

  .grid-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .navigation-column {
    padding-top: 0;
    padding-right: 0;
  }

  .grid-navigation {
    grid-template-columns: 1fr;
  }

  .navigation-column-featured {
    display: none;
  }

  .navigation-image-wrap {
    margin-right: 20px;
  }

  .nav-link-7 {
    text-align: left;
    width: 100%;
  }

  .nav-link-7.w--open {
    background-color: #4e2d921a;
    width: 100%;
  }

  .navigation-image-link-large {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .search-block-wrapper {
    top: auto;
  }

  .container-navigation-3 {
    position: relative;
  }

  .menu-button-5 {
    color: #fff;
    background-color: #8080ff;
    border-radius: 8px;
    margin-left: 14px;
    padding: 12px;
    transition: all .35s;
  }

  .menu-button-5:hover, .menu-button-5.w--open {
    color: #fff;
    background-color: #5e53e0;
  }

  .navigation-menu {
    align-items: center;
    display: flex;
  }

  .header-grid-2 {
    grid-template-columns: 1fr;
  }

  .nav-menu-5 {
    background-color: #fff;
    height: auto;
    position: absolute;
    top: 80px;
  }

  .image-wrapper-3 {
    justify-content: flex-end;
    align-items: center;
  }

  .header-section-2 {
    padding-top: 140px;
  }

  .navigation-4 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .nav-link-8 {
    color: #262626;
    width: 100%;
  }

  .submit-button-4.b {
    width: 10rem;
    min-width: 21%;
  }

  .header-section-large {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-image-grid {
    max-width: none;
  }

  .hero-block-small {
    max-width: 680px;
  }

  .image-fixed-wrapper {
    border-radius: 20px;
    width: 100%;
    position: relative;
  }

  .grid-hero-small {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .brand-5 {
    margin-right: 10px;
    padding: 0;
  }

  .dropdown-wrapper-3 {
    box-shadow: none;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navigation-link-block {
    padding: 16px;
  }

  .toggle {
    width: 100%;
  }

  .toggle.w--open {
    color: #fff;
    background-color: #ff8c4b;
    width: 100%;
  }

  .navigation-grid {
    grid-template-columns: 1fr;
  }

  .image-full {
    max-width: 440px;
  }

  .logo {
    width: auto;
  }

  .featured-block {
    align-items: flex-start;
    display: none;
  }

  .link-grid-large {
    grid-column-gap: 12px;
  }

  .navigation-button-2 {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .dropdown-list-6.w--open {
    padding-top: 0;
    position: static;
  }

  .search {
    display: none;
  }

  .menu-button-6 {
    color: #ff8c4b;
    background-color: #f3f3f6;
    border-radius: 15px;
    margin-left: 14px;
  }

  .menu-button-6.w--open {
    color: #fff;
    background-color: #ff8c4b;
  }

  .dropdown-container {
    padding: 0;
  }

  .navigation-wrap-3 {
    background-color: #0000;
  }

  .link-block-2 {
    text-align: left;
    width: 100%;
  }

  .link-grid-small {
    grid-template-columns: 1fr 1fr;
  }

  .form-image-section {
    width: 100%;
    min-height: auto;
    display: none;
  }

  .contact-detail-grid, .form-title-wrapper {
    max-width: 500px;
  }

  .form-block-section {
    width: 100%;
  }

  .form-section-3 {
    background-image: none;
    flex-direction: column;
  }

  .image-429 {
    top: auto;
    left: auto;
  }

  .image-429.b {
    display: block;
    top: 8px;
    left: 10px;
  }

  .image-429.cv {
    top: 275px;
    left: -312px;
  }

  .image-430 {
    display: none;
  }

  .image-431 {
    bottom: auto;
    left: auto;
  }

  .image-432 {
    top: auto;
    left: auto;
  }

  .tabs-paragraph {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .tabs-section {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .tabs-container-2 {
    min-width: auto;
    max-width: none;
  }

  .tabs-heading-wrap {
    flex-direction: column;
    align-items: center;
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-block-42, .text-block-43, .text-block-43.a {
    color: #374151;
    font-size: 14px;
    line-height: 22px;
  }

  .body-3 {
    background-image: linear-gradient(90deg, #ffedcf, #fff);
  }

  .avatar-image-2 {
    width: 15%;
  }

  .paragraph-large-2.text-color-gray-500 {
    text-align: center;
    padding-right: 0;
  }

  .paragraph-large-2.text-color-gray-500.vbb {
    color: #425466;
    text-align: left;
    line-height: 28px;
  }

  .image-435 {
    max-width: 100%;
    inset: auto;
  }

  .section-regular {
    padding-top: 100px;
  }

  .polka-heading-wrapper {
    max-width: 65%;
  }

  .h1-heading-2.margin-bottom-32 {
    text-align: center;
    letter-spacing: -1px;
    max-width: none;
    font-size: 42px;
    line-height: 48px;
  }

  .h1-heading-2.margin-bottom-32.hero-haeding {
    text-align: center;
  }

  .integration-logo-item {
    max-width: none;
  }

  .integration-inner-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }

  .client-logo-carousel {
    width: 95%;
  }

  .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .grid-two-column-2.align-centre {
    flex-direction: column;
    grid-template-columns: 2fr 1.25fr;
    justify-content: center;
    display: flex;
  }

  .grid-two-column-2.align-centre.hero {
    display: flex;
  }

  .testimonial-card-3.a {
    width: 40%;
    display: none;
    top: 1289px;
    left: -54px;
  }

  .testimonial-card-3.a.b {
    display: none;
    bottom: auto;
    right: auto;
  }

  .testimonial-mask-2 {
    width: 420px;
  }

  .accent-left {
    inset: 0% auto auto 0%;
  }

  .accent-right {
    inset: auto 0% 0% auto;
  }

  .title-block {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .integration-grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .title-wrap-9 {
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr 1fr;
  }

  .image-cover {
    top: 342px;
  }

  .integrations-grid-2 {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .interaction-wrapper-4 {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
  }

  .placeholder-image-tall {
    width: 100%;
    max-width: none;
    height: 500px;
    display: none;
  }

  .header-logo-block {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-9 {
    color: #262626;
    width: 100%;
  }

  .grid-hero {
    grid-template-columns: 1fr;
  }

  .navigation-container-2 {
    position: relative;
  }

  .hero-image-block {
    border-radius: 20px;
    max-width: 100%;
    height: 440px;
    position: relative;
    inset: auto 0% 0%;
    overflow: hidden;
  }

  .header-section-3 {
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .menu-button-7 {
    color: #fff;
    background-color: #1355ff;
    border-radius: 8px;
    margin-left: 14px;
    padding: 12px;
    transition: background-color .2s;
  }

  .menu-button-7:hover, .menu-button-7.w--open {
    color: #fff;
    background-color: #061237;
  }

  .div-block-58 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .logo-wrapper-2 {
    flex-wrap: wrap;
    width: 100%;
  }

  .company-logo-2 {
    margin: 15px;
  }

  .nav-link-10 {
    color: #1042a3;
    width: 100%;
  }

  .menu-button-8 {
    color: #fff;
    background-color: #202631;
    border-radius: 100px;
    margin-left: 14px;
    padding: 14px;
  }

  .menu-button-8:hover {
    color: #fff;
    background-color: #1042a3;
    border-radius: 100px;
  }

  .menu-button-8.w--open {
    color: #fff;
    background-color: #1042a3;
  }

  .navigation-6 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .trusted-text {
    margin-top: 0;
  }

  .header-grid-3 {
    grid-template-columns: 1fr;
  }

  .bottom-content {
    margin-top: 0;
    position: static;
  }

  .search-link {
    display: none;
  }

  .bloom-image-effect {
    min-width: 100%;
  }

  .container-navigation-5 {
    position: relative;
  }

  .header-section-4 {
    padding-top: 60px;
  }

  .image-438 {
    display: none;
    top: 1784.66px;
  }

  .image-439, .image-440 {
    overflow: hidden;
  }

  .arrow-4 {
    display: none;
    left: -101px;
  }

  .menu-button-9 {
    color: #fff;
    background-color: #000;
    border-radius: 100px;
    margin-left: 14px;
    padding: 14px;
  }

  .menu-button-9:hover {
    color: #fff;
    border-radius: 100px;
  }

  .menu-button-9.w--open {
    color: #fff;
    background-color: #000;
  }

  .hero-person {
    max-height: 600px;
  }

  .header-block {
    grid-template-columns: 1fr;
    margin-bottom: 140px;
  }

  .navigation-menu-2 {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-link-11 {
    color: #000;
    width: 100%;
  }

  .card-02 {
    display: none;
  }

  .hero-block-right {
    width: 100%;
    max-height: 420px;
    position: relative;
  }

  .hero-image-wrapper {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .header-section-5 {
    flex-direction: column;
    min-height: auto;
    padding-bottom: 0;
  }

  .card-01 {
    display: none;
  }

  .navigation-7 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .cta-grid-4 {
    grid-template-columns: 1fr;
  }

  .content-section-7 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .content-container-5 {
    margin-bottom: -300px;
  }

  .content-block-3 {
    align-items: flex-start;
    margin-bottom: 300px;
  }

  .content-text-wrap-2 {
    max-width: 380px;
  }

  .content-block-last-2 {
    align-items: flex-start;
    margin-bottom: 300px;
  }

  .content-section-8 {
    height: 800px;
    padding-bottom: 0;
    padding-left: 2%;
  }

  .content-section-8.b {
    height: 650px;
  }

  .content-section-8.b.b2 {
    height: auto;
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-section-6 {
    padding-top: 164px;
  }

  .header-grid-4 {
    grid-template-columns: 1fr;
  }

  .nav-link-12 {
    color: #000;
    width: 100%;
  }

  .container-navigation-6 {
    position: relative;
  }

  .menu-button-10 {
    color: #fff;
    background-color: #000;
    border-radius: 100px;
    margin-left: 14px;
    padding: 14px;
  }

  .menu-button-10:hover {
    color: #fff;
    background-color: #fd7e41;
    border-radius: 100px;
  }

  .menu-button-10.w--open {
    color: #fff;
    background-color: #fd7e41;
  }

  .navigation-8 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .menu-button-11 {
    color: #fff;
    background-color: #4e6eb1;
    border-radius: 8px;
    margin-left: 14px;
    padding: 12px;
    transition: all .3s;
  }

  .menu-button-11:hover, .menu-button-11.w--open {
    color: #fff;
    background-color: #29498d;
  }

  .navigation-menu-3 {
    align-items: center;
    display: flex;
  }

  .company-logo-3 {
    margin: 15px;
  }

  .navigation-button-wrap-2 {
    align-items: center;
    display: flex;
  }

  .bloom-effect {
    height: 70%;
  }

  .brand-6 {
    margin-right: 10px;
    padding: 0;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .banner-link {
    display: none;
  }

  .banner-image {
    margin-right: 10px;
  }

  .logo-wrapper-3 {
    flex-wrap: wrap;
    width: 100%;
  }

  .nav-link-13 {
    color: #262626;
    width: 100%;
  }

  .image-46723 {
    display: none;
    top: 1223px;
    left: auto;
  }

  .image-46724 {
    display: none;
    top: auto;
    left: auto;
  }

  .div-block-62 {
    top: 1603px;
    left: 10px;
  }

  .image-46727 {
    left: auto;
  }

  .image-46728 {
    display: none;
  }

  .image-46731 {
    max-width: none;
    display: none;
    transform: none;
  }

  .nav-menu-6 {
    background-color: #fff;
    height: auto;
    position: absolute;
    overflow: auto;
  }

  .imput-3 {
    margin-bottom: 0;
  }

  .container-21.small {
    max-width: 100%;
  }

  .drop-list-div-3.posts-list.home {
    border-top-right-radius: 0;
  }

  .b-account-form-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .b-section-account {
    flex-direction: column;
    align-items: stretch;
  }

  .b-account-testimonial-wrapper {
    max-width: none;
    height: 75vh;
  }

  .a-button-primary {
    display: flex;
  }

  .a-account-image {
    width: 100%;
    height: 300px;
    position: static;
  }

  .a-account-form-wrapper {
    width: 100%;
    margin-right: auto;
  }

  .container-22 {
    display: block;
  }

  .nav-left {
    z-index: 99;
    opacity: 0;
    background-color: #fafafa;
    width: 50%;
    display: none;
    position: absolute;
    inset: 64px auto 0 0;
  }

  .nav-right {
    z-index: 99;
    opacity: 0;
    background-color: #fff;
    width: 50%;
    display: none;
    position: absolute;
    inset: 65px 0% auto auto;
  }

  .button-wrapper-10 {
    grid-auto-flow: row;
  }

  .project-link-block {
    padding: 42px;
  }

  .project-link-grid {
    grid-column-gap: 55px;
  }

  .content-section-9 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .title-split {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .footer-grid-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cta-section-6 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-menu-7 {
    background-color: #25252e;
  }

  .nav-link-15 {
    width: 100%;
  }

  .cta-block-3 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .strategy-content-column {
    padding-top: 60px;
  }

  .container-23 {
    grid-template-columns: 1.75fr 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .content-h1 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 35px;
  }

  .menu-button-12 {
    color: #069d84;
    background-color: #0000;
    border: 1px solid #069d841a;
    padding: 14px;
    font-size: 26px;
  }

  .menu-button-12.w--open {
    color: #069d84;
    background-color: #0000;
    border: 1px solid #069d84;
  }

  .results-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .hero-title {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .gallery-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .project-hero {
    padding-top: 162px;
  }

  .navbar-3 {
    background-color: #fff0;
  }

  .branding-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .background-block-black {
    width: 80%;
  }

  .project-detail-grid {
    grid-column-gap: 32px;
  }

  .gallery-grid-reverse {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section-11 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-image-wrapper-3 {
    overflow: hidden;
  }

  .start-project {
    color: #fafafa;
    text-align: left;
    background-color: #01bc9a;
    border-bottom: 2px solid #069d84;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .start-project:hover {
    color: #fff;
  }

  .footer-column-2 {
    margin-bottom: 30px;
  }

  .button-outline {
    display: none;
  }

  .content-h2 {
    margin-bottom: 20px;
  }

  .strategy-content {
    grid-column-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .container-24 {
    grid-template-columns: 1.75fr 1fr;
    padding-left: 0%;
    padding-right: 0%;
  }

  .navbar-4 {
    position: absolute;
  }

  .drop-grid-4 {
    width: 100%;
  }

  .drop-grid-4.landing {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
  }

  .section-title-4.dark.break {
    width: 80%;
  }

  .content-grid-7 {
    grid-column-gap: 0px;
    grid-row-gap: 100px;
    grid-template-rows: auto;
    grid-template-columns: 3.5fr 3fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .content-section-10.a.new {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .content-container-7 {
    display: block;
  }

  .content-text-wrap-3 {
    max-width: 65%;
    position: static;
  }

  .image-15.a {
    width: 400px;
    max-width: none;
    overflow: visible;
  }

  .image-15.a.b {
    max-width: 104.206%;
  }

  .brand-dot {
    display: none;
  }

  .brand-dot.text {
    display: block;
  }

  .h1-heading-3 {
    font-family: Circularstd, sans-serif;
  }

  .row-regular-2 {
    margin-bottom: 20px;
    font-family: Circularstd, sans-serif;
  }

  .flex.hp-flex {
    top: -6px;
    left: 30px;
  }

  .card-block-2 {
    bottom: auto;
    right: -12%;
  }

  .blog-image-border {
    height: 340px;
  }

  .blog-card-large {
    grid-template-columns: 1fr;
  }

  .button-primary {
    display: flex;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr 1fr;
  }

  .header-grid-5 {
    grid-template-columns: 1fr;
    margin-bottom: 60px;
  }

  .h1-heading-5 {
    font-size: 56px;
  }

  .header-statistics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .h4-heading {
    font-size: 36px;
  }

  .h2-heading {
    letter-spacing: -1.5px;
    font-size: 46px;
  }

  .video-grid, .video-feature-grid {
    grid-template-columns: 1fr 1fr;
  }

  .video-title-grid {
    grid-template-columns: 1fr;
  }

  .section-video-background {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .h1-heading-6 {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 40px;
  }

  .feature-logos-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-grid-medium, .testimonial-statistics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .section-regular-4 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header-grid-6 {
    grid-template-columns: 1fr;
  }

  .h1-heading-7 {
    font-size: 56px;
  }

  .grid-four-column {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-two-column-3, .testimonial_grid {
    grid-template-columns: 1fr;
  }

  .testimonial_card-filled {
    flex: 1;
  }

  .logo-cell {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .logo-grid {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .logo-card {
    max-width: 500px;
    display: none;
  }

  .section-small {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .logo-feature {
    max-width: 400px;
  }

  .section-regular-6 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .testimonial-review-grid {
    grid-template-columns: 1fr;
  }

  .cta-illustration {
    display: none;
  }

  .form-block-6 {
    align-items: center;
  }

  .section-regular-8.background-gray-100 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-grid-5 {
    grid-template-columns: 1fr;
  }

  .cta-wrapper-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .h1-heading-10 {
    font-size: 56px;
  }

  .grid-two-column-4 {
    grid-template-columns: 1fr;
  }

  .header-column {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
  }

  .grid-two-column-5 {
    grid-template-columns: 1fr;
  }

  .heading-grid {
    grid-template-columns: 1fr;
    place-items: center stretch;
  }

  .section-regular-9 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .image-46737, .image-46738, .image-46739, .image-46742, .image-46748 {
    overflow: hidden;
  }

  .caption-regular.text-weight-medium {
    color: #6b7280;
    text-align: left;
  }

  .section-regular-10 {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .course-content {
    max-width: none;
  }

  .content-course-links {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .content-courses {
    max-width: none;
    height: 300px;
  }

  .content-course-grid {
    grid-template-columns: 1fr;
  }

  .course-grid {
    grid-template-columns: 1fr 1fr;
  }

  .h3-heading-3 {
    font-size: 40px;
  }

  .section-regular-12 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .header-grid-7 {
    grid-template-columns: 1fr;
  }

  .card-block-3 {
    bottom: auto;
    right: -12%;
  }

  .text-block-64 {
    color: #15803d;
    font-size: 13px;
    font-weight: 700;
  }

  .image-46750 {
    transform: none;
  }

  .div-block-137 {
    width: 50px;
  }

  .image-46751 {
    overflow: hidden;
  }

  .container-29 {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }

  h2 {
    font-size: 35px;
    line-height: 45px;
  }

  h3 {
    font-size: 30px;
    line-height: 40px;
  }

  .navbar {
    z-index: 999;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container.navbar-container {
    position: fixed;
    top: -5px;
  }

  .section.color.top-pading {
    height: 1200px;
    margin-bottom: 0;
    padding-top: 140px;
    padding-bottom: 56px;
  }

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

  .section.color.cta {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.gray {
    padding-top: 100px;
  }

  .page-tittle.horizontal-flex, .page-tittle.horizontal-flex.less-margin {
    flex-direction: column;
  }

  .page-tittle.left {
    margin-bottom: 0;
  }

  .logotypes {
    grid-column-gap: 60px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-scale {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

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

  .side-image.tab-side-image.second {
    margin-left: 0;
    padding-right: 0;
  }

  .side-image.tab-side-image.third {
    margin-left: 0;
    margin-right: 0;
  }

  .side-image.tab-side-image.shorter {
    height: 400px;
  }

  .review-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .review-top {
    display: flex;
  }

  .testimonial-slide {
    width: 100%;
  }

  .footer {
    padding: 40px 20px;
  }

  .footer-flex-container, .footer-flex-container.height {
    flex-wrap: wrap;
  }

  .tabs-menu.second-variation {
    width: 100%;
  }

  .div-block-alternative {
    flex-wrap: wrap;
  }

  .side-bar {
    width: 100%;
  }

  .div-content.blog-posts {
    padding-right: 0;
  }

  .side-tab {
    width: auto;
  }

  .graphic-side-image, .graphic-side-image.second, .graphic-side-image.seventh, .graphic-side-image.eight {
    margin-left: 0;
    margin-right: 0;
  }

  .graphic-side-image.eight.shorter {
    height: 400px;
  }

  .big-headline {
    font-size: 50px;
    line-height: 60px;
  }

  .big-headline.white.flexible {
    margin-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .big-headline.flexible {
    margin-top: 0;
  }

  .toogle-questions {
    text-align: left;
  }

  .big-lightbox {
    height: 400px;
  }

  .div-service {
    width: 100%;
  }

  .section-image.third {
    height: 300px;
    margin-top: 100px;
  }

  .section-image.paddings {
    height: 450px;
  }

  .section-image.woman {
    background-position: 50% 0;
    background-size: cover;
    width: 70%;
    display: block;
  }

  .form-text {
    padding-right: 0;
  }

  .centered-big-image {
    height: 300px;
  }

  .top-side-tab-menu {
    width: 100%;
  }

  .testimonial-slider-vr-2 {
    height: 600px;
  }

  .testimonials-card {
    flex-direction: column;
  }

  .testimonials-card.single {
    border-radius: 10px;
    flex-direction: column;
    height: auto;
  }

  .testimonial-content.dark-side, .testimonial-content.image {
    border-radius: 0;
    width: 100%;
    height: 300px;
  }

  .left-testimonials-arrow, .right-testimonials-arrow {
    display: block;
  }

  .testimonial-name.tab {
    width: 360px;
    display: flex;
  }

  .main-grid-table {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .section-title.dark.break {
    width: 100%;
  }

  .cta-icon.center {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .cta-text.white {
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .help-card.light-purple {
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-left: 0;
  }

  .help-card.left {
    flex: 0 auto;
    width: 100%;
    height: 400px;
    margin-right: 0;
  }

  .menu-button.w--open {
    color: #333;
    background-color: #0000;
  }

  .mockup-image, .mockup-image.top, .mockup-image.top {
    width: 100%;
  }

  .footer-dark {
    padding: 40px 20px;
  }

  .footer-side {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .footer-side.flex-side {
    border-left-style: none;
    width: 100%;
    padding-left: 20px;
  }

  .footer-side.flex-side.light {
    width: 100%;
    padding-top: 96px;
  }

  .team-grid.vertical {
    grid-template-columns: 1fr;
  }

  .team-grid.line {
    overflow: hidden;
  }

  .drop-grid {
    grid-template-columns: 1fr;
  }

  .block-service.flex-block-service.light {
    width: 80%;
  }

  .features-grid-column {
    grid-column-gap: 16px;
  }

  .image-div.logo {
    margin-right: 20px;
  }

  .licence-item-wrapper {
    width: 100%;
  }

  .licence-item-wrapper.center {
    justify-content: center;
    width: 90%;
  }

  .changelog-text {
    text-align: left;
    display: inline-block;
  }

  .get-help-vidio {
    grid-template-columns: 1fr;
  }

  .cta-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .case-grid {
    grid-template-columns: 1fr;
  }

  .case-card, .case-card.top, .case-card.top.right {
    height: 450px;
  }

  .case-info {
    margin-left: 30px;
    margin-right: 30px;
  }

  .collection-top {
    width: 100%;
  }

  .blog-and-sidebar {
    flex-direction: column;
  }

  .right-collection-wrapper {
    flex: 0 auto;
    width: 100%;
  }

  .right-collection-wrapper.full {
    padding-right: 0;
  }

  .sidebar {
    width: 100%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .sidebar.left {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list {
    grid-template-columns: 1fr;
  }

  .right-arrows, .left-arrows {
    display: block;
  }

  .blog-in-columns, .form-block-contact {
    width: 100%;
  }

  .contact-content {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .contact-content.new {
    width: 100%;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-contact {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .paragraph-2, .paragraph-3, .info-blog {
    display: none;
  }

  .heading-3 {
    font-size: 25px;
    line-height: 35px;
  }

  .register-content {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    right: 0;
  }

  .register-content.new {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .register-form-block, .help-block {
    width: 100%;
  }

  .review-top-2 {
    display: flex;
  }

  .top-side-tab-menu-2 {
    width: 100%;
  }

  .side-tab-2 {
    width: auto;
  }

  .graphic-side-image-2, .graphic-side-image-2.seventh, .graphic-side-image-2.eight {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-flex-container-2 {
    flex-wrap: wrap;
  }

  .footer-dark-2 {
    padding: 40px 20px;
  }

  .footer-side-2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 20px;
  }

  .footer-side-2.flex-side {
    border-left-style: none;
    width: 100%;
    padding-left: 20px;
  }

  .footer-bottom-text-2 {
    color: #425466;
    font-family: Inter, sans-serif;
  }

  .drop-grid-2 {
    grid-template-columns: 1fr;
  }

  .menu-button-2.w--open {
    color: #333;
    background-color: #0000;
  }

  .testimonials-wrapper-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .testimonials-t3 {
    padding: 40px 10px;
  }

  .page-contents-4.pc7 {
    height: 120vh;
    padding-left: 0;
    padding-right: 0;
  }

  .html-embed-3 {
    margin-top: 0;
  }

  .section-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-3 {
    margin-left: auto;
  }

  .section-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-4 {
    margin-left: auto;
  }

  .form-title-wrap {
    margin-top: 20px;
  }

  .columns {
    margin-top: auto;
  }

  .small-intro-2 {
    display: none;
  }

  .html-embed-4 {
    margin-top: 0;
  }

  .column {
    margin-top: 2px;
    display: none;
  }

  .column-2 {
    display: none;
  }

  .nav-link-3.w--current {
    margin-top: 60px;
  }

  .navbar-2 {
    z-index: 999;
    padding-left: 10px;
    padding-right: 10px;
  }

  .drop-list-div-2.posts-list.home {
    display: none;
  }

  .drop-grid-3 {
    grid-template-columns: 1fr;
  }

  .big-lightbox-2 {
    height: 400px;
  }

  .section-4 {
    display: none;
  }

  .column-6 {
    height: 200vh;
    display: none;
  }

  .content-box {
    flex-direction: column;
    display: flex;
  }

  .div-block-44 {
    left: 45%;
  }

  .div-block-44.div-block-45-a {
    z-index: auto;
    top: 200px;
    left: 36%;
  }

  .legal-box {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .footer-background-image {
    width: 43vw;
    min-width: 188px;
    height: auto;
    bottom: -13px;
    right: -41px;
  }

  .container-10 {
    height: 150vh;
    max-height: 120%;
    margin-top: 0;
  }

  .html-embed-7 {
    height: 200vh;
    min-height: 120%;
    margin-top: -260px;
  }

  .brand-2 {
    position: static;
    top: auto;
  }

  .column-7 {
    background-color: var(--white);
    height: 120vh;
    padding-top: 0;
  }

  .div-block-43 {
    height: 5px;
  }

  .heading-1 {
    max-width: 400px;
  }

  .navigation-menu-origin {
    width: 100%;
  }

  .menu-button-origin {
    color: #f9ac4d;
    background-color: #feecd8;
  }

  .menu-button-origin.w--open {
    background-color: #fab361;
  }

  .nav-menu-origin {
    min-width: 350px;
  }

  .button-origin, .button-inner-panther {
    display: none;
  }

  .navigation-menu-panther {
    width: 100%;
  }

  .button-panther {
    display: none;
  }

  .asset-panther {
    width: 100px;
  }

  .mobile-nav {
    min-width: 250px;
    top: -2px;
  }

  .brand-logo-2 {
    padding-left: 0;
  }

  .button-6.button-outline.nav-bar-button.nav-menu-link {
    border-color: #141414;
    position: relative;
    top: 19px;
  }

  .icon-6, .icon-8 {
    right: 137px;
  }

  .menu-mob.w--open:hover {
    background-color: #0000;
  }

  .menu-button-origin-2 {
    color: #f9ac4d;
    background-color: #feecd8;
  }

  .menu-button-origin-2.w--open {
    background-color: #fab361;
  }

  .button-origin-2 {
    display: none;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .content-grid {
    grid-row-gap: 60px;
  }

  .content-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content-wrapper-3.cg {
    max-width: 100%;
    top: auto;
  }

  .content-grid-2 {
    grid-row-gap: 60px;
    position: static;
  }

  .image-card {
    top: 1037px;
    bottom: 9%;
    left: 11.5vw;
  }

  .content-image-2.b {
    max-width: 100%;
    top: auto;
    bottom: -3970.65px;
  }

  .content-section-2 {
    height: 700px;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .large-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .image-card-02 {
    bottom: 20%;
  }

  .feature-block-header {
    padding-left: 40px;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .cta-section {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .next-placeholder {
    z-index: 6;
    position: fixed;
  }

  .form-wrapper {
    width: 100%;
  }

  .slide-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-single-column {
    grid-template-columns: 1fr;
  }

  .form-content {
    width: 100%;
    min-width: auto;
  }

  .grid-three-column, .grid-two-column {
    grid-template-columns: 1fr;
  }

  .previous-placeholder {
    z-index: 6;
    position: fixed;
  }

  .form-content-2 {
    width: 100%;
    min-width: auto;
  }

  .form-wrapper-2 {
    width: 100%;
  }

  .slide-content-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .content-grid-4 {
    grid-row-gap: 60px;
  }

  .content-heading-2 {
    font-size: 40px;
    line-height: 50px;
  }

  .content-section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content-image-3 {
    max-width: 135%;
    margin-top: 100px;
    padding-left: 0;
    inset: 0% -6% 0% auto;
  }

  .content-image-3.a {
    top: -310px;
    left: 21px;
  }

  .content-wrapper-4.b {
    padding-left: 0;
  }

  .image-card-3 {
    bottom: 64%;
    left: -7vw;
  }

  .large-heading-2 {
    font-size: 40px;
    line-height: 50px;
  }

  .image-card-4 {
    bottom: 20%;
  }

  .features-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .feature-card-3 {
    padding: 32px;
  }

  .content-section-4 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .content-block {
    max-width: 100%;
    margin-left: 0;
    padding-right: 0;
  }

  .link-block-wrapper {
    flex-direction: column;
    display: flex;
  }

  .link-block {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .cta-paragraph {
    margin-bottom: 20px;
  }

  .title-wrapper-2 {
    max-width: 99%;
  }

  .title-wrapper-3 {
    margin-bottom: 60px;
  }

  .grid-feature-large {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .content-section-6 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .content-section-6.a {
    padding-top: 0;
  }

  .content-section-6.a.f {
    padding-top: 100px;
  }

  .content-container-4 {
    margin-bottom: -150px;
  }

  .content-block-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 150px;
  }

  .content-button {
    min-height: 70px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px;
    line-height: 26px;
  }

  .content-button.a {
    width: 60%;
  }

  .content-text-wrap {
    max-width: 100%;
    top: auto;
  }

  .content-image-wrap-2 {
    order: -1;
    margin-bottom: 60px;
  }

  .content-heading-3 {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 50px;
  }

  .content-paragraph-3 {
    margin-bottom: 60px;
  }

  .content-block-last {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .feature-card-name {
    font-size: 28px;
    line-height: 36px;
  }

  .features-grid-3 {
    grid-template-columns: 1fr;
  }

  .features-heading-2 {
    font-size: 50px;
    line-height: 60px;
  }

  .features-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .feature-image-wrap {
    width: 130px;
    height: auto;
  }

  .paper {
    left: 0;
  }

  .bottom-wrapper {
    top: auto;
  }

  .navigation-button-small {
    display: none;
  }

  .logo-wrapper {
    align-items: center;
  }

  .process-heading-3 {
    font-size: 50px;
  }

  .process-grid-2 {
    grid-template-columns: 1fr;
  }

  .cta-section-3 {
    background-image: none;
    padding-top: 100px;
    padding-bottom: 220px;
  }

  .cta-heading {
    font-size: 42px;
    line-height: 52px;
  }

  .email-field::placeholder {
    font-size: 16px;
  }

  .bg-image {
    height: 80%;
  }

  .email-field-2 {
    padding-left: 32px;
    font-size: 18px;
  }

  .cta-bg-image-right, .cta-bg-image-left {
    display: none;
  }

  .cta-section-4 {
    padding-top: 150px;
    padding-bottom: 130px;
  }

  .integration-row-bottom, .integration-row {
    width: auto;
    margin-bottom: 0;
    left: 0;
  }

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

  .integration-wrapper {
    padding: 20px 32px 60px 0;
    display: flex;
    overflow: auto;
  }

  .card-testimonial-large {
    margin-left: 0;
    margin-right: 24px;
  }

  .faq-section-2 {
    background-image: none;
    padding: 100px 5%;
  }

  .placeholder-background {
    display: none;
  }

  .faq-heading {
    font-size: 42px;
    line-height: 52px;
  }

  .features-cta-block {
    flex-direction: column;
    justify-content: flex-start;
  }

  .features-section-2 {
    padding-top: 100px;
  }

  .features-cta-text {
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .features-grid-4 {
    grid-template-columns: 1fr;
  }

  .features-cta-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .image-notification {
    left: 30px;
  }

  .tabs-base {
    padding: 40px;
  }

  .button-integration {
    letter-spacing: 0;
  }

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

  .feature-card-6 {
    padding: 32px;
  }

  .feature-grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .section-title-3.dark.break {
    width: 100%;
    font-size: 48px;
    line-height: 58px;
  }

  .feature-section-4 {
    flex-flow: column;
    height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
    display: flex;
  }

  .features-grid-5 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .title-wrapper-4 {
    margin-bottom: 60px;
  }

  .feature-card-name-3 {
    font-size: 18px;
    line-height: 24px;
  }

  .feature-card-7.a {
    width: auto;
    max-width: 80%;
    height: auto;
    min-height: 300px;
    position: static;
  }

  .feature-card-7.b {
    width: auto;
    max-width: 80%;
    min-height: 300px;
    position: static;
    top: -24px;
  }

  .feature-card-7.c {
    width: auto;
    max-width: 80%;
    min-height: 300px;
    position: static;
    top: 146px;
  }

  .feature-card-7.d {
    width: auto;
    max-width: 80%;
    min-height: 300px;
    position: static;
    top: 317px;
  }

  .feature-title-6 {
    font-size: 24px;
    line-height: 130%;
  }

  .features-grid-6 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .content-grid-5 {
    grid-template-columns: 3fr;
    max-width: 380px;
  }

  .interaction-wrapper-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .testimonial-mask {
    width: 400px;
  }

  .left-arrow {
    display: none;
  }

  .testimonial-card-2 {
    min-height: 500px;
    max-height: 500px;
  }

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

  .right-arrow {
    display: none;
  }

  .heading-7 {
    font-size: 32px;
    line-height: 130%;
  }

  .image-46714 {
    display: none;
    top: 3091px;
  }

  .integration-grid-3 {
    grid-template-columns: 3fr;
    max-width: 380px;
  }

  .interaction-wrapper-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .content-grid-6 {
    grid-template-columns: 3fr;
  }

  .integration-grid-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .section-large {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .h1-heading {
    width: 100%;
    margin-top: 0;
  }

  .tabs-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-detail-wrapper {
    text-align: center;
    align-items: flex-start;
  }

  .h6-heading {
    font-size: 24px;
  }

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

  .paragraph-regular, .paragraph-regular.a.sectiondg {
    font-size: 18px;
  }

  .feature-card-9 {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-card-9.a {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-wrapper {
    padding-left: 0%;
  }

  .section-8 {
    height: auto;
    padding: 56px 20px;
  }

  .body-display {
    font-size: 18px;
  }

  .medium-stacked-intro {
    max-width: 100%;
  }

  .half-wrapper {
    grid-row-gap: 24px;
  }

  .heading-10 {
    font-size: 32px;
    line-height: 120%;
  }

  .div-block-54 {
    top: 426px;
  }

  .image-4568 {
    max-width: 100%;
    position: relative;
    inset: 171px auto auto;
  }

  .image-4568.a.c {
    max-width: 100%;
    display: block;
    position: relative;
    left: auto;
  }

  .image-4568.a.c.cc {
    display: none;
  }

  .image-4568.v {
    max-width: 100%;
    top: -104px;
    left: auto;
  }

  .cta-grid-3 {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .menu-wrap {
    justify-content: center;
    align-items: flex-start;
  }

  .button-nav {
    display: none;
  }

  .hero-feature-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .navigation-menu {
    width: 100%;
  }

  .image-wrapper-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .dashboard-wrapper {
    left: 0;
  }

  .feature-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .navigation-button {
    display: none;
  }

  .grid-image-large {
    height: 200px;
  }

  .grid-image-standard {
    height: 180px;
  }

  .navigation-link-block {
    height: auto;
  }

  .toggle {
    margin-left: 0;
    display: block;
  }

  .toggle.w--open {
    background-color: #3b74de;
  }

  .link-grid-large {
    grid-template-columns: 1fr 1fr;
  }

  .navigation-button-2 {
    display: none;
  }

  .menu-button-6.w--open {
    background-color: #e0e0e0;
  }

  .dropdown {
    align-self: flex-start;
  }

  .link-block-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .form-image-section {
    padding-bottom: 320px;
    display: none;
  }

  .contact-detail-grid {
    grid-template-columns: 1fr;
  }

  .image-429 {
    left: 47px;
  }

  .image-429.b {
    left: 100px;
  }

  .image-429.cv {
    top: 360px;
    left: -24px;
  }

  .image-432 {
    left: 18px;
  }

  .faq-question {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .tabs-section {
    padding: 100px 3%;
  }

  .tabs-container-2 {
    flex-direction: column;
  }

  .faq-toggle {
    background-position: 99% 40px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .tabs-menu-5 {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .tabs-3 {
    flex-direction: column;
  }

  .tabs-heading-wrap {
    margin-bottom: 60px;
  }

  .text-block-42, .text-block-43, .text-block-43.a {
    letter-spacing: 0;
    line-height: 20px;
  }

  .section-large-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .paragraph-large-2 {
    text-align: left;
  }

  .paragraph-large-2.text-color-gray-500 {
    text-align: center;
    padding-right: 0;
  }

  .paragraph-large-2.text-color-gray-500.vbb {
    color: #425466;
    font-size: 16px;
    line-height: 26px;
  }

  .image-435 {
    max-width: 100%;
  }

  .integration-bottom-wrapper {
    align-items: center;
  }

  .section-regular {
    padding-top: 56px;
    padding-bottom: 56px;
    position: static;
  }

  .polka-heading-wrapper {
    align-items: flex-start;
    max-width: 100%;
  }

  .h1-heading-2 {
    font-size: 48px;
  }

  .h1-heading-2.margin-bottom-32 {
    text-align: center;
    letter-spacing: -.5px;
    margin-right: 0;
    font-size: 36px;
    line-height: 44px;
  }

  .h1-heading-2.margin-bottom-32.hero-haeding {
    text-align: left;
  }

  .grid-two-column-2 {
    grid-template-columns: 1fr;
  }

  .grid-two-column-2.align-centre {
    flex-direction: column;
    grid-template-columns: 23.75fr 1.25fr;
    margin-top: 100px;
    display: flex;
  }

  .grid-two-column-2.align-centre.hero {
    justify-content: center;
    align-items: flex-start;
  }

  .image-436, .image-437 {
    overflow: hidden;
  }

  .testimonial-card-3.a {
    width: 70%;
    display: block;
    top: auto;
    bottom: 1977.34px;
    left: 151px;
  }

  .testimonial-card-3.a.b {
    width: 50%;
    bottom: 1409.24px;
  }

  .testimonial-card-3.a.b.cv {
    display: block;
    bottom: 1432.24px;
    left: 272px;
  }

  .testimonial-card-3.a.c {
    bottom: 543.625px;
    left: auto;
  }

  .testimonial-card-3.a.c.d {
    bottom: -64px;
    left: 160px;
  }

  .testimonial-card-3.a.c.fredf {
    display: none;
    bottom: 674.625px;
    left: 129px;
  }

  .testimonial-mask-2 {
    width: 400px;
  }

  .right-arrow-2 {
    display: none;
  }

  .title-block {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .integration-grid-4 {
    grid-template-columns: 3fr;
    max-width: 380px;
  }

  .title-wrap-9 {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .cta-card-2 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-three-column-2 {
    grid-template-columns: 1fr;
  }

  .section-regular-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .image-cover {
    width: 500px;
    top: 349px;
    right: 49px;
  }

  .interaction-wrapper-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .placeholder-image-tall {
    height: 400px;
  }

  .button-navigation {
    display: none;
  }

  .hero-content-block-2 {
    text-align: center;
  }

  .header-logo {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .button-wrapper-7 {
    justify-content: center;
  }

  .header-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-58 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0;
    display: flex;
  }

  .company-logo-2 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .button-sign-in, .button-sign-up {
    display: none;
  }

  .bottom-content {
    margin-top: 0;
    position: static;
  }

  .button-wrapper-8 {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .header-section-4 {
    padding-bottom: 100px;
  }

  .image-438 {
    top: 2893.66px;
  }

  .image-439, .image-440 {
    overflow: hidden;
  }

  .display-heading {
    font-size: 60px;
    line-height: 70px;
  }

  .navigation-menu-2 {
    width: 100%;
  }

  .cta-detail-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .paragraph-cta {
    font-size: 18px;
  }

  .cta-avatar-group {
    margin-top: 32px;
  }

  .content-section-7 {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .content-container-5 {
    margin-bottom: -150px;
  }

  .content-block-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 150px;
  }

  .content-button-2 {
    min-height: 70px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 20px;
    line-height: 26px;
  }

  .content-heading-4 {
    text-align: left;
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 50px;
  }

  .content-paragraph-4 {
    margin-bottom: 60px;
  }

  .content-block-last-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 150px;
  }

  .content-section-8 {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 0%;
  }

  .content-section-8.b {
    height: 750px;
  }

  .content-section-8.b.b2 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .button-sign-up-2 {
    display: none;
  }

  .card-block-top {
    left: -2%;
  }

  .hero-heading-5 {
    font-size: 60px;
  }

  .card-block {
    right: -3%;
  }

  .company-logo-3 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .button-navigation-2, .hero-button-2, .close, .banner-image, .button-sign-in-2 {
    display: none;
  }

  .banner-block {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-46723 {
    display: none;
    left: auto;
  }

  .image-46724 {
    top: 2086.5px;
    left: 135px;
  }

  .div-block-62 {
    top: auto;
    left: 9px;
  }

  .image-46727 {
    top: 2564.5px;
    left: 319px;
  }

  .image-46728 {
    max-width: 30%;
    left: 391px;
  }

  .image-46731 {
    display: block;
  }

  .container-21.small {
    max-width: 100%;
  }

  .b-account-testimonial-card {
    padding-left: 5%;
    padding-right: 5%;
  }

  .b-account-slider {
    width: 100%;
  }

  .b-account-form-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .b-form-input {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .b-account-mask {
    width: 100%;
  }

  .b-account-testimonial-arrow.left-arrow, .b-account-testimonial-arrow.right-arrow {
    display: none;
  }

  .b-h2-heading {
    font-size: 44px;
  }

  .b-account-testimonial-wrapper {
    height: 65vh;
  }

  .a-section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .a-h3-heading {
    font-size: 40px;
  }

  .left-menu__link {
    left: -20px;
  }

  .content-middle {
    padding: 40px 20px 20px;
  }

  .status-numbers {
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
  }

  .cards-wrap {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-right__heading {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
  }

  .call-wrap {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .card-img__wrap {
    align-items: center;
    display: flex;
  }

  .task-description-wrap {
    grid-row-gap: 3px;
    flex-wrap: wrap;
  }

  .nav-left {
    width: 45%;
    padding-top: 30px;
    padding-left: 20px;
  }

  .card.purple {
    margin-top: 30px;
  }

  .search-field-3 {
    width: 150px;
  }

  .nav-right {
    width: 55%;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collaborators-flex {
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .project-link-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .legal-wrapper {
    flex-wrap: wrap;
  }

  .title-split {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .footer-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .cta-section-6 {
    padding-bottom: 60px;
  }

  .service-title {
    margin-bottom: 22px;
  }

  .cta-block-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .container-23 {
    grid-template-columns: 2.25fr 1fr;
  }

  .results-grid {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .hero-title {
    margin-bottom: 60px;
  }

  .line-break-6 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .legal-links {
    margin-bottom: 20px;
  }

  .project-detail-grid {
    grid-row-gap: 32px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .return-top {
    bottom: 32px;
    right: 22px;
  }

  .display-h1 {
    font-size: 55px;
  }

  .container-24 {
    grid-template-columns: 2.25fr 1fr;
  }

  .navbar-4 {
    z-index: 999;
    padding-left: 10px;
    padding-right: 10px;
  }

  .drop-grid-4 {
    grid-template-columns: 1fr;
  }

  .section-title-4.dark.break {
    width: 100%;
  }

  .paragraph-20 {
    line-height: 150%;
  }

  .content-grid-7 {
    grid-template-columns: 1fr;
  }

  .content-section-10.a.new {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .content-heading-6 {
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 120%;
  }

  .content-text-wrap-3 {
    max-width: none;
  }

  .content-paragraph-5 {
    margin-bottom: 60px;
    font-size: 18px;
  }

  .h1-heading-3 {
    font-family: Circularstd, sans-serif;
    font-weight: 700;
  }

  .row-regular-2 {
    margin-bottom: 12px;
  }

  .flex.hp-flex {
    top: 23px;
  }

  .card-block-2 {
    bottom: auto;
    right: 3%;
  }

  .section-large-3 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .grid-three-column-3 {
    grid-template-columns: 1fr;
  }

  .process-image {
    margin-bottom: 20px;
  }

  .process-count-wrapper {
    display: none;
  }

  .process-step {
    margin-right: 20px;
  }

  .process-grid-3 {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .header-grid-5 {
    margin-bottom: 40px;
  }

  .process-line {
    display: none;
  }

  .body-x-large {
    font-size: 18px;
  }

  .heading-pattern {
    margin-right: -20px;
    padding-right: 20px;
  }

  .heading-icon {
    border-radius: 12px;
    width: 48px;
    height: 48px;
  }

  .header-bottom {
    padding-top: 48px;
    padding-bottom: 5%;
  }

  .background {
    display: none;
  }

  .badge-primary {
    max-width: 36%;
  }

  .header-statistics-grid {
    grid-template-columns: 1fr;
  }

  .h2-heading-2 {
    font-size: 40px;
  }

  .video-title-grid {
    grid-template-columns: 1fr;
  }

  .section-video-background {
    min-height: auto;
  }

  .video-gradient {
    background-image: url('../images/BG-Hex.svg'), linear-gradient(#0000 10%, #000);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .section-regular-3 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .feature-logo-row {
    justify-content: center;
  }

  .h1-heading-6 {
    color: #0a2540;
    letter-spacing: -.5px;
    font-size: 28px;
    line-height: 36px;
  }

  .subheading-regular-2 {
    font-size: 24px;
  }

  .feature-grid-medium {
    grid-template-columns: 1fr;
  }

  .testimonial-slide-large {
    vertical-align: top;
  }

  .testimonial-statistics-grid {
    grid-template-columns: 1fr;
  }

  .h6-heading-3 {
    font-size: 20px;
  }

  .header-carousel-content-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .h1-heading-7 {
    font-size: 40px;
  }

  .header-graphic {
    padding-bottom: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .grid-four-column {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .h1-heading-8 {
    font-size: 56px;
  }

  .h4-heading-3 {
    font-size: 32px;
  }

  .section-regular-5 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .body-x-large-2 {
    font-size: 18px;
  }

  .cta_heading {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .modal-section-2 {
    justify-content: flex-start;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .modal-container-2 {
    background-image: url('../images/Background-right.svg');
    background-position: 90% 26px;
    background-repeat: no-repeat;
    background-size: auto;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-review-grid {
    grid-template-columns: 1fr;
  }

  .cta-card-5 {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-regular-8 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-regular-8.background-gray-100 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .subheading-large-3.text-color-gray-600 {
    font-size: 18px;
  }

  .h1-heading-9 {
    font-size: 32px;
    line-height: 120%;
  }

  .cta-wrapper-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .header-pattern-front, .header-pattern-back {
    bottom: -12px;
  }

  .header-image-overflow {
    height: 580px;
  }

  .icon-21 {
    color: var(--_apps---colors--foreground);
  }

  .icon-21:hover {
    color: var(--_apps---colors--popover-dark);
  }

  .bold-text-39, .bold-text-40, .bold-text-41 {
    font-size: 24px;
  }

  .text-span-38 {
    font-size: 32px;
    line-height: 120%;
  }

  .h1-heading-11 {
    font-size: 48px;
  }

  .image-46737, .image-46738, .image-46739, .image-46740, .image-46741, .image-46742, .image-46743, .image-46744, .image-46745, .image-46746, .image-46747, .image-46748, .image-46749 {
    overflow: hidden;
  }

  .h3-heading-2 {
    font-size: 36px;
  }

  .h2-heading-4 {
    font-size: 40px;
  }

  .section-regular-11 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .course-grid {
    grid-template-columns: 1fr;
  }

  .video-divider {
    display: none;
  }

  .section-regular-13 {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .header-grid-7 {
    grid-template-columns: 1fr;
  }

  .header-logos-3 {
    grid-column-gap: 24px;
  }

  .card-block-3 {
    bottom: auto;
    right: 3%;
  }

  .text-block-64 {
    color: #15803d;
    font-size: 12px;
    line-height: 16px;
  }

  .image-46751 {
    overflow: hidden;
  }

  .paragraph-61 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    width: 120%;
    padding-left: 10px;
    padding-right: 10px;
    top: -55%;
    left: -13%;
  }

  .container.navbar-container {
    position: static;
    top: 2px;
  }

  .button {
    margin-bottom: 10px;
  }

  .button.subscribe-button {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .button.subscribe-button.in-sidebar {
    width: 100%;
  }

  .button.white.crisp-button {
    background-color: #729b52;
  }

  .button.outline.crisp-button {
    border-color: var(--white);
    color: var(--white);
  }

  .button.crisp-button {
    border-radius: 20px;
  }

  .section {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section.bottom-margin {
    padding-bottom: 160px;
  }

  .section.color.top-pading {
    background-image: none;
    height: auto;
    margin-bottom: 0;
    padding: 100px 0 80px;
  }

  .section.cta-section {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .section.gray.padding {
    padding-top: 220px;
  }

  .section.gray.custom-section {
    border-top-right-radius: 200px;
  }

  .section.padding-bottom {
    padding-top: 0;
    padding-bottom: 140px;
  }

  .section.color.cta {
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section.gray {
    padding-top: 100px;
  }

  .page-tittle.top-margin {
    margin-top: 0;
  }

  .page-tittle.cta {
    width: 100%;
    margin-bottom: 20px;
  }

  .page-tittle.left.half-section-intro {
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }

  .big-text.white {
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
  }

  .button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    margin-top: 20px;
    display: flex;
  }

  .logotypes {
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .logotypes.less-margin {
    grid-column-gap: 100px;
    grid-row-gap: 40px;
  }

  .logotypes.bigger {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    width: 100%;
  }

  .logo-link {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .text-header, .text-header.white.normal {
    font-size: 28px;
    line-height: 38px;
  }

  .text-header.left {
    font-weight: 700;
  }

  .text-header.white.normal {
    font-size: 36px;
    line-height: 44px;
  }

  .features-card {
    width: 100%;
  }

  .grid-scale {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid-scale.center-flex {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

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

  .side-image {
    height: 300px;
  }

  .side-image.tab-side-image {
    background-position: 50%;
    background-size: cover;
    height: 300px;
  }

  .side-image.tab-side-image.second {
    height: 300px;
  }

  .side-image.tab-side-image.third {
    height: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .side-image.tab-side-image.shorter {
    height: 300px;
  }

  .review-name {
    font-family: Circularstd, sans-serif;
  }

  .testimonial-slide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .imput {
    border: 1px solid var(--lavender);
    background-color: var(--white);
    text-align: center;
    border-radius: 10px;
    flex: 1;
    margin-bottom: 10px;
    padding: 15px 0;
  }

  .form {
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-logo-link {
    height: 60px;
  }

  .footer-heading {
    color: #425466;
    margin-top: 20px;
    font-family: Inter, sans-serif;
    font-weight: 700;
  }

  .white-paragraph {
    color: #36404b;
    font-size: 16px;
    line-height: 26px;
  }

  .grid-alternative {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .facts-number {
    color: #425466;
    font-size: 42px;
    font-weight: 500;
  }

  .facts-text {
    color: #425466;
    font-size: 16px;
    font-weight: 700;
  }

  .tabs-menu.second-variation {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .footer-column {
    width: 100%;
    font-family: Inter, sans-serif;
  }

  .div-block-alternative {
    flex-direction: column;
  }

  .blog-post-link {
    flex-direction: column;
    padding-right: 25px;
  }

  .blog-post-image {
    width: 100%;
  }

  .div-content.blog-posts {
    padding-top: 32px;
    padding-left: 0;
  }

  .side-tab {
    width: 100%;
  }

  .graphic-side-image {
    height: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .graphic-side-image.third {
    margin-left: 0;
    margin-right: 0;
  }

  .graphic-side-image.eight.shorter {
    height: 300px;
  }

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

  .features-title {
    font-family: Inter, sans-serif;
    font-size: 28px;
    line-height: 36px;
  }

  .facts-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .testimonial-slider.b {
    left: auto;
  }

  .testimonial-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .big-headline {
    width: 100%;
    font-size: 40px;
    line-height: 50px;
  }

  .big-headline.white.flexible {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gray-space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section.pages-section.more-taller {
    padding-bottom: 180px;
  }

  .hero-section.home-vr-3.hero-5 {
    padding-bottom: 100px;
  }

  .hero-section.pages-section {
    background-image: url('../images/Someone-to-take-my-class.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .toogle-questions {
    text-align: left;
  }

  .big-lightbox {
    height: 200px;
    margin-top: -190px;
    margin-bottom: 40px;
  }

  .half-side-image.second {
    height: 400px;
  }

  .half-section.image {
    min-height: auto;
  }

  .half-section.content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-image.third {
    height: 200px;
    margin-top: 60px;
    margin-right: -40px;
  }

  .section-image.paddings {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    height: 300px;
  }

  .section-image.woman {
    background-size: contain;
    display: none;
  }

  .light-form {
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .form-text {
    padding-right: 0;
  }

  .centered-big-image {
    height: 200px;
  }

  .testimonial-slider-vr-2 {
    height: 700px;
  }

  .testimonials-card {
    flex-direction: column;
  }

  .testimonial-content.dark-side {
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 350px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-content.image {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    width: 100%;
    height: 350px;
  }

  .left-testimonials-arrow, .right-testimonials-arrow {
    display: block;
  }

  .testimonial-name.tab {
    width: 100%;
  }

  .main-grid-table {
    grid-template-columns: 1fr;
  }

  .list {
    padding-left: 0;
  }

  .section-title.top-padding {
    margin-top: 0;
  }

  .section-title.dark.break {
    width: 100%;
  }

  .side-tab-white {
    text-align: center;
  }

  .cta-icon.center {
    margin-right: 0;
  }

  .cta-text.white {
    margin-right: 0;
    font-size: 16px;
    line-height: 26px;
  }

  .help-card.light-purple {
    height: 400px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .help-card.left {
    padding-left: 20px;
    padding-right: 20px;
  }

  .animation-div {
    display: flex;
  }

  .dots-animation {
    opacity: .27;
    width: 300px;
    height: 30px;
    top: 8%;
    left: 129px;
  }

  .dots-animation-2 {
    width: 140px;
    height: 100px;
    position: relative;
    top: 467px;
  }

  .dots-animation-3 {
    width: 200px;
    height: 120px;
    top: 53px;
  }

  .dots-animation-4 {
    width: 100px;
    height: 20px;
    display: none;
    left: -9%;
  }

  .dots-animation-5 {
    width: 100px;
    height: 20px;
    top: 96%;
  }

  .dots-animation-6 {
    width: 120px;
    top: 9%;
    right: 35%;
  }

  .dots-animation-7 {
    opacity: .26;
    width: 300px;
    top: 19%;
    left: -46px;
  }

  .dots-animation-8 {
    width: 80px;
    height: 20px;
    left: -24%;
    right: 45%;
  }

  .dots-animation-9 {
    left: -44%;
  }

  .dots-animation-10 {
    width: 200px;
    left: 86px;
  }

  .dots-animation-11 {
    width: 100px;
    height: 20px;
  }

  .dots-animation-12 {
    width: 40px;
    height: 40px;
    top: 5%;
    left: -19%;
  }

  .mockup-image {
    background-size: 280px;
    width: 100%;
    height: 200px;
    margin-bottom: -46px;
  }

  .mockup-image.top {
    background-size: 300px;
    height: 210px;
    margin-bottom: 40px;
  }

  .footer-dark {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-side {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .footer-side.flex-side {
    border-left-style: none;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
  }

  .footer-side.flex-side.light {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-copyright {
    flex-direction: column;
  }

  .team-grid, .team-grid.line {
    grid-template-columns: 1fr;
  }

  .team-card.border-line {
    border-right: 1px none var(--lavender);
    border-bottom-style: solid;
    border-left-style: none;
    width: 100%;
  }

  .team-card.border-line.left {
    border-right: 1px none var(--lavender);
    border-bottom-style: solid;
    border-radius: 0;
    width: auto;
    padding: 25px;
  }

  .team-image, .team-image._1 {
    width: 200px;
    height: 200px;
  }

  .drop-grid {
    display: block;
  }

  .block-service.flex-block-service {
    padding-left: 30px;
    padding-right: 30px;
  }

  .block-service.flex-block-service.light {
    flex-direction: column;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .feature-card {
    border-top: 1px solid #fde3b4;
    padding-left: 40px;
    padding-right: 40px;
  }

  .feature-image, .feature-image.second, .feature-image.third {
    width: 300px;
    height: 300px;
  }

  .features-grid-column {
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .team-social-div.white-content.no-padding {
    margin-top: 10px;
  }

  .team-info-div {
    flex-direction: column;
  }

  .video-image {
    width: 80px;
    height: 80px;
    margin-right: 0;
  }

  .search-form-one {
    flex-flow: column wrap;
  }

  .search-image {
    display: none;
  }

  .search-input-alternative {
    margin-bottom: 10px;
  }

  .image-div {
    flex: 0 auto;
    width: 100px;
  }

  .image-div.logo {
    margin-right: 20px;
  }

  .licence-item-wrapper {
    justify-content: space-between;
    width: auto;
    padding: 15px 15px 14px;
  }

  .licence-item-wrapper.center {
    width: 100%;
  }

  .watch-video-now {
    margin-top: 20px;
    font-size: 14px;
  }

  .min {
    text-align: center;
  }

  .licence-link {
    margin-right: 10px;
    font-size: 12px;
    line-height: 22px;
  }

  .licence-links-wrapper {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
  }

  .get-help-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-faq {
    width: 100%;
  }

  .section-separator {
    display: none;
  }

  .cta-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .cta-tex-header {
    font-size: 36px;
    line-height: 46px;
  }

  .case-card, .case-card.top, .case-card.top.right {
    height: auto;
  }

  .case-video-button {
    right: 10px;
  }

  .video-block-color {
    padding-left: 30px;
    padding-right: 30px;
  }

  .case-info {
    margin-left: 30px;
    margin-right: 30px;
  }

  .blog-and-sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  .right-collection-wrapper.full {
    padding-right: 0;
  }

  .sidebar {
    padding-left: 0;
  }

  .collection-list.category {
    grid-template-columns: 1fr;
  }

  .right-arrows {
    margin-right: -10px;
  }

  .left-arrows {
    margin-left: -10px;
  }

  .help-content {
    text-align: center;
  }

  .blog-in-columns.single {
    display: none;
  }

  .form-block-contact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-content {
    width: 100%;
    position: static;
    right: 0;
  }

  .contact-content.new {
    width: 100%;
    padding: 30px 10px;
  }

  .grid-contact, .contact-wrapper {
    width: 100%;
  }

  .empty-block {
    display: none;
  }

  .utility-page-content {
    margin-top: 220px;
  }

  .info-blog {
    display: block;
  }

  .register-content {
    width: 100%;
    position: static;
    right: 0;
  }

  .register-content.new {
    width: 100%;
    padding: 30px 0;
  }

  .register-form-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .register-field {
    flex: 0 auto;
    min-width: auto;
  }

  .register-button {
    margin-bottom: 10px;
  }

  .sign-in-link {
    line-height: 24px;
  }

  .dots-animation-13 {
    opacity: .35;
    width: 400px;
    height: 100px;
    display: none;
    top: 5%;
  }

  .dots-animation-14 {
    width: 50px;
    height: 20px;
    top: 76%;
  }

  .dots-animation-15 {
    opacity: .38;
    width: 55px;
    inset: 153px auto 7px 307.5px;
  }

  .features-number-2:hover {
    color: #fff;
    background-color: #f0ad4e;
  }

  .features-card-2 {
    width: 100%;
  }

  .section-title-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-title-2.top-padding {
    margin-top: 0;
  }

  .button-2 {
    margin-bottom: 10px;
  }

  .button-2.subscribe-button {
    border-radius: 20px;
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .button-2.white.crisp-button {
    background-color: #738f5d;
  }

  .button-2.crisp-button {
    background-color: #f0ad4e;
    background-image: none;
  }

  .review-card-2:hover {
    box-shadow: 0 8px 28px #5f5f5f29;
  }

  .side-tab-2 {
    width: 100%;
  }

  .side-tab-2.w--current {
    color: #89b964;
  }

  .graphic-side-image-2 {
    height: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-flex-container-2 {
    flex-direction: column;
  }

  .footer-dark-2 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .imput-2 {
    text-align: center;
    background-color: #fff;
    border: 1px solid #d2d2f5;
    border-radius: 20px;
    flex: 1;
    margin-bottom: 10px;
    padding: 15px 0;
  }

  .footer-link-2, .footer-link-2.crisp-button {
    font-family: Inter, sans-serif;
  }

  .image-407 {
    max-width: 60%;
  }

  .form-2 {
    background-color: #0000;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .footer-side-2 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .footer-side-2.flex-side {
    border-left-style: none;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
  }

  .footer-copyright-2 {
    flex-direction: column;
  }

  .footer-bottom-text-2 {
    color: #425466;
  }

  .drop-grid-2 {
    display: block;
  }

  .nav-menu-2 {
    z-index: auto;
    background-color: #f8f4ea;
    border-radius: 0;
    min-height: 300px;
    top: 10px;
    box-shadow: 8px 8px 4px -4px #5f5d5d7d;
  }

  .light-text-header-2 {
    font-size: 25px;
  }

  .testimonials-wrapper-2 {
    border-radius: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .testimonials-t3 {
    width: 100%;
  }

  .page-contents-4.pc7 {
    height: 120vh;
  }

  .html-embed-3 {
    margin-top: 0;
  }

  .container-3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    padding-bottom: 0;
  }

  .content-width-extra-large.align-center {
    margin-top: -55px;
  }

  .section-3 {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .container-4 {
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .form-section-title-2 {
    text-align: center;
    font-size: 2em;
    line-height: 1.3em;
  }

  .columns {
    margin-top: 0;
  }

  .body-2 {
    height: auto;
  }

  .column-3 {
    height: 140vh;
  }

  .button-3 {
    margin-bottom: 10px;
  }

  .nav-link-3.w--current {
    margin-top: 60px;
  }

  .form-3 {
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .navbar-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-4 {
    margin-bottom: 10px;
  }

  .button-4.subscribe-button {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }

  .drop-list-div-2 {
    width: 300px;
  }

  .drop-list-div-2.posts-list.home {
    display: none;
  }

  .drop-grid-3 {
    display: block;
  }

  .button-5 {
    margin-bottom: 10px;
  }

  .big-lightbox-2 {
    height: 200px;
    margin-top: -190px;
    margin-bottom: 40px;
  }

  .section-4 {
    display: none;
  }

  .container-5 {
    padding-top: 200px;
  }

  .text-header-2 {
    font-size: 28px;
    line-height: 38px;
  }

  .paragraph-8 {
    border-left: 1px solid #c2c2c2;
    padding-left: 10px;
  }

  .text-block-30 {
    color: #9b9898;
    text-align: center;
    font-weight: 600;
  }

  .content-box {
    padding-top: 45px;
  }

  .div-block-44 {
    left: 38%;
  }

  .div-block-44.div-block-45-a {
    z-index: auto;
    width: auto;
    height: 30px;
    top: 148px;
    bottom: 0%;
    left: 20%;
  }

  .legal-box {
    flex-direction: column;
    justify-content: space-between;
  }

  .footer-background-image {
    width: 63vw;
    min-width: 185px;
    bottom: 6px;
    right: -140px;
  }

  .container-10 {
    height: 120vh;
    max-height: 120%;
    margin-top: -10px;
    padding-right: 0;
  }

  .page-contents-2.pgc3 {
    height: 150vh;
  }

  .html-embed-7 {
    height: 150vh;
    min-height: 100%;
    margin-top: 0;
  }

  .column-7 {
    background-color: var(--white);
    height: 150vh;
  }

  .div-block-43 {
    height: 5px;
  }

  .heading-1 {
    font-size: 36px;
    font-weight: 500;
    line-height: 140%;
  }

  .toggle-origin {
    font-size: 18px;
    position: relative;
  }

  .brand {
    width: 55px;
    height: 55px;
  }

  .menu-button-origin {
    color: #f9ac4d;
    background-color: #feecd8;
  }

  .menu-button-origin.w--open {
    background-color: #fab361;
  }

  .list-wrap-origin {
    z-index: 2;
    max-width: 98%;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    top: 99.111px;
    left: 28px;
  }

  .navigation-origin {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }

  .link-column-origin {
    padding-top: 0;
    padding-bottom: 0;
  }

  .icon-circle.new.a {
    background-color: #f4a26133;
  }

  .icon-circle.new.b {
    background-color: #e9c46a3d;
  }

  .icon-circle.new.c {
    background-color: #2a9d8f1a;
  }

  .link-wrap-origin {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-menu-origin {
    background-color: #fff;
    border-radius: 10px;
    min-width: 300px;
    max-width: 350px;
    height: 400px;
    top: 85px;
    left: auto;
    box-shadow: 0 1px 12px -5px #414141;
  }

  .nav-link-origin.new-nav-link {
    font-size: 18px;
  }

  .navigation-grid-origin {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .toggle-panther {
    font-size: 18px;
  }

  .column-panther {
    padding-left: 10px;
    padding-right: 10px;
  }

  .asset-panther {
    width: 90px;
    height: 100px;
    margin-right: 15px;
  }

  .nav-container-panther {
    padding-left: 40px;
  }

  .mobile-nav {
    z-index: 999;
    border-radius: 5px;
    min-width: 250px;
    margin: 5px 9px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    top: 66px;
    box-shadow: -4px 10px 13px -2px #38383969;
  }

  .text-block-24 {
    color: #535353;
    font-size: 16px;
    font-weight: 600;
  }

  .button-6.button-outline.nav-bar-button {
    flex: none;
    display: none;
  }

  .mobile-nav-link {
    color: #535353;
    font-size: 16px;
  }

  .mobile-nav-link.w--current {
    color: #535353;
    font-size: 16px;
    font-weight: 600;
  }

  .text-block-22 {
    color: #535353;
    font-size: 15px;
    font-weight: 600;
  }

  .image-27 {
    position: relative;
  }

  .icon-6 {
    right: 137px;
  }

  .text-block-23 {
    color: #535353;
    font-size: 16px;
    font-weight: 600;
  }

  .mobile-toggle {
    font-size: 16px;
  }

  .mobile-toggle.w--open {
    font-size: 14px;
  }

  .icon-9 {
    color: #141414;
  }

  .nav-link-details {
    font-size: 15px;
  }

  .dropdown-title {
    color: #535353;
    font-size: 16px;
  }

  .dropdown-link-mobile {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .icon-8 {
    right: 137px;
  }

  .image-8 {
    top: 25px;
    left: -28px;
  }

  .menu-mob.w--open {
    background-color: #0000;
  }

  .menu-button-origin-2 {
    color: #f9ac4d;
    background-color: #feecd863;
    width: 55px;
    padding: 16px;
  }

  .menu-button-origin-2.w--open {
    background-color: #fab361;
  }

  .header-2 {
    background-color: #e8e8e800;
  }

  .div-block-45 {
    width: 0;
  }

  .heading-5 {
    max-width: 100%;
  }

  .process-title-wrap {
    margin-bottom: 60px;
  }

  .feature-icon-square {
    background-color: #fdf4e0e0;
  }

  .feature-title {
    font-weight: 400;
  }

  .process-card-primary {
    min-width: 300px;
  }

  .process-grid {
    grid-template-columns: 1fr;
  }

  .content-image-wrap {
    min-width: auto;
    max-width: none;
  }

  .content-feature-grid {
    grid-template-columns: 1fr;
    display: none;
  }

  .content-heading {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }

  .feature-card-2 {
    background-color: #f1b24bd4;
    min-height: 200px;
  }

  .content-wrapper-2 {
    max-width: 100%;
    padding-left: 5px;
  }

  .content-image {
    top: 3px;
    left: 4px;
  }

  .content-wrapper-3 {
    padding-top: 0;
  }

  .content-wrapper-3.cg {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .content-grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    top: auto;
  }

  .image-card {
    max-width: 90%;
    display: none;
    inset: -60px 0 auto 10%;
  }

  .content-image-2 {
    border-radius: 30px;
  }

  .content-image-2.b {
    width: auto;
    max-width: 109%;
    position: relative;
    inset: auto auto auto -17px;
  }

  .content-container-2 {
    max-width: none;
  }

  .red-text {
    color: #f1b24b;
  }

  .image-card-title {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 20px;
  }

  .content-section-2 {
    background-image: linear-gradient(135deg, #ffedcf, #fff0 42%);
    border-bottom-left-radius: 0;
    height: 900px;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .content-section-2.a {
    background-image: none;
    border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 0;
    height: 100px;
    margin-bottom: 100px;
    padding-bottom: 60px;
    display: block;
  }

  .large-heading {
    color: #585858;
    font-family: Circularstd, sans-serif;
    font-size: 30px;
    font-weight: 500;
  }

  .large-heading.a {
    color: #000;
  }

  .large-heading.a.s {
    color: #414141;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
  }

  .image-card-02 {
    padding-right: 20px;
    inset: auto 8% -14% auto;
  }

  .image-card-02.a {
    z-index: 1;
    background-color: #fff;
    max-width: 100%;
    min-height: 100px;
    display: none;
    position: relative;
    inset: -80px auto auto;
  }

  .section-paragraph {
    color: #3b3b3b;
    border-left: 1px solid silver;
    padding-left: 10px;
    display: none;
  }

  .image-card-icon {
    width: 40px;
    height: 40px;
    margin-right: 16px;
  }

  .integration-section {
    padding-top: 0;
    padding-left: 2%;
    padding-right: 3%;
  }

  .integration-content {
    min-width: auto;
    position: static;
  }

  .integration-logo {
    max-width: 60%;
  }

  .form-heading {
    min-width: 100%;
    font-size: 40px;
  }

  .button-7 {
    background-color: #f0ad4e;
  }

  .content-grid-3 {
    min-width: auto;
  }

  .integration-grid {
    display: none;
  }

  .feature-section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .feature-block-header {
    padding-left: 20px;
  }

  .feature-title-content {
    padding-top: 20px;
  }

  .feature-number-2 {
    margin-right: 20px;
  }

  .feature-header {
    font-size: 34px;
    line-height: 44px;
  }

  .feature-pink-block {
    background-color: #fdf4e0e0;
    width: 100%;
  }

  .image-410 {
    top: -67px;
  }

  .cta-section {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 60px;
    padding-bottom: 60px;
    top: auto;
  }

  .title-large {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 45px;
  }

  .button-detail {
    margin-left: 0;
  }

  .small-detail {
    margin-top: 20px;
  }

  .image-411 {
    top: -12px;
    left: 0;
  }

  .form-content {
    width: 100%;
  }

  .slide-detail {
    flex-direction: column;
    align-items: flex-start;
  }

  .previous-placeholder {
    max-width: 75px;
    display: flex;
  }

  .slider, .slider-2 {
    height: auto;
    min-height: 80vh;
  }

  .steps-wrapper {
    flex-wrap: wrap;
  }

  .step-wrap {
    align-items: center;
    min-width: 100%;
    margin-bottom: 32px;
  }

  .social-button-grid {
    grid-template-columns: 1fr;
  }

  .grey-line {
    width: 20%;
  }

  .form-content-2 {
    width: 100%;
  }

  .step-line {
    display: none;
  }

  .stage-wrap {
    justify-content: center;
  }

  .sign-up-text {
    white-space: normal;
  }

  .div-block-47, .div-block-47.c, .div-block-47.b {
    display: none;
  }

  .content-image-3 {
    max-width: 110%;
    display: none;
    top: auto;
    left: -19px;
  }

  .content-image-3.a {
    max-width: 123%;
    display: none;
    top: -68px;
    left: -50px;
  }

  .button-wrapper-3 {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .content-wrapper-4 {
    max-width: 100%;
    top: 416px;
    left: auto;
  }

  .content-wrapper-4.a {
    max-width: 100%;
    margin-top: 0;
    top: 108px;
    left: auto;
  }

  .content-wrapper-4.b {
    background-image: none;
    max-width: 100%;
    padding-left: 0;
  }

  .content-link {
    margin-bottom: 20px;
  }

  .content-container-3, .content-container-3._3 {
    padding-left: 0;
    padding-right: 0;
  }

  .line-break-2 {
    display: none;
  }

  .content-wrapper-5 {
    min-width: 100%;
  }

  .image-card-3 {
    max-width: 90%;
    left: 8%;
  }

  .image-card-4 {
    padding-right: 20px;
    inset: auto 8% -4% auto;
  }

  .section-paragraph-2 {
    margin-bottom: 10px;
  }

  .paragraph-11 {
    color: #425466;
    font-family: Inter, sans-serif;
  }

  .feature-paragraph-3 {
    font-weight: 400;
  }

  .features-grid-2 {
    grid-template-columns: 1fr;
  }

  .feature-card-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-section-5 {
    background-image: radial-gradient(circle at -60% 0, #fd7e4133, #fff0 42%);
  }

  .process-section-2 {
    padding-top: 100px;
  }

  .feature-title-4 {
    font-family: Circularstd, sans-serif;
    font-weight: 500;
  }

  .process-heading-2 {
    font-size: 35px;
  }

  .process-card-primary-2 {
    background-color: #0000;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-5 {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .paragraph-12 {
    color: #585858;
    border-left: 1px #c7c7c7;
    margin-top: 20px;
    padding-left: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }

  .content-block {
    align-items: flex-start;
    max-width: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .cta-grid-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-image {
    max-width: 350px;
  }

  .cta-section-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .title-large-3 {
    font-size: 40px;
    line-height: 51px;
  }

  .cta-paragraph {
    text-align: left;
    font-size: 18px;
  }

  .title-wrapper-2 {
    text-align: center;
    max-width: none;
  }

  .graphic {
    display: none;
  }

  .text-span-26 {
    color: #8c8c8c;
  }

  .feature-icon-blue {
    margin-bottom: 24px;
    margin-right: 0;
  }

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

  .large-feature-wrapper {
    flex-direction: column;
  }

  .content-section-6.a {
    height: 800px;
    padding-top: 100px;
    padding-bottom: 0;
    padding-left: 5%;
  }

  .content-section-6.a.f {
    height: 1000px;
  }

  .content-button.yellow.a {
    color: #f8961e;
    border-color: #f8961e;
  }

  .content-button.a {
    color: #005ef5;
    background-color: #0000;
    border: 1px solid #005ef5;
    border-radius: 5px;
    width: 40%;
    min-height: 45px;
    padding: 10px 5px;
    font-size: 16px;
  }

  .content-text-wrap {
    top: auto;
  }

  .content-heading-3 {
    color: #414141;
    text-align: left;
    margin-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 38px;
  }

  .content-paragraph-3 {
    color: #2e2312;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
  }

  .feature-card-4 {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .feature-image-wrap {
    width: 260px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .bottom-wrapper {
    background-image: none;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 100px 0;
    top: auto;
  }

  .hero-button-outline {
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  .header-paragraph {
    font-size: 18px;
    line-height: 30px;
  }

  .avatar-detail {
    color: #000;
    text-align: left;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
  }

  .avatar-name {
    font-family: Circularstd, sans-serif;
    font-size: 18px;
    font-weight: 500;
  }

  .hero-heading {
    font-size: 15vw;
    line-height: 18vw;
  }

  .avatar-detail-wrapper {
    background-color: #fff;
    background-image: linear-gradient(315deg, #ffe8cf, #fff);
    border-radius: 10px;
    padding: 20px 10px 20px 20px;
    position: relative;
    top: 95px;
    left: 27px;
    right: 0;
    box-shadow: 17px 25px 60px -48px #969696;
  }

  .navigation-button-small {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .header-icon-wrapper {
    justify-content: center;
  }

  .books-icon {
    display: none;
  }

  .logo-group {
    flex-direction: column;
    align-items: flex-start;
  }

  .button-wrapper-4 {
    flex-direction: column;
    align-items: center;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .company-logo {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .headphones {
    display: none;
  }

  .logo-wrapper {
    background-color: #ffeed4;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .hero-button {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .hero-block {
    text-align: center;
  }

  .process-heading-3 {
    font-size: 44px;
  }

  .process-grid-2 {
    grid-template-columns: 1fr;
  }

  .cta-section-3 {
    padding-bottom: 100px;
  }

  .cta-paragraph-2 {
    margin-bottom: 40px;
  }

  .submit-button {
    border-style: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    position: static;
  }

  .success-message-4 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .cta-field-wrap {
    flex-direction: column;
    display: flex;
  }

  .email-field {
    margin-bottom: 8px;
  }

  .cta-form-block {
    height: auto;
  }

  .bg-image {
    display: none;
  }

  .cta-form-block-2 {
    height: auto;
  }

  .cta-paragraph-3 {
    margin-bottom: 40px;
  }

  .email-field-2 {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .success-message-5 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .question-title {
    flex: 1;
  }

  .card-testimonial-large {
    min-width: 310px;
    max-width: none;
  }

  .paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .faq-title {
    margin-right: 20px;
    font-size: 16px;
    line-height: 32px;
  }

  .tabs-menu-2 {
    margin-bottom: 20px;
  }

  .tab-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .faq-section-2 {
    min-height: 1800px;
    padding: 0 3%;
    position: static;
  }

  .placeholder-background {
    display: none;
  }

  .features-cta-button {
    width: 100%;
  }

  .image-notification {
    left: 15px;
  }

  .heading-wrapper {
    flex-wrap: wrap-reverse;
  }

  .heading-graph {
    margin-bottom: 20px;
    margin-left: 0;
  }

  .tab-content-3 {
    padding-top: 0;
  }

  .tabs-base {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-link-2 {
    text-align: center;
  }

  .section-integrations {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .button-integration {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-integration.b {
    color: #9a3412;
    margin-top: 10px;
  }

  .button-integration.b:hover {
    box-shadow: 7px 7px 40px 10px #ffebd3;
  }

  .button-integration.c {
    box-shadow: none;
  }

  .button-integration.d {
    color: #c2410c;
    background-color: #a37c6100;
    margin-top: 10px;
  }

  .button-integration.d:hover {
    color: #c2410c;
  }

  .button-integration.e {
    color: #165ab1;
  }

  .button-integration.bh {
    color: #fff;
    max-width: none;
    font-family: Inter, sans-serif;
  }

  .button-integration.bh:hover {
    box-shadow: 7px 7px 40px -14px #747474;
  }

  .button-integration.sdf.new {
    font-size: 16px;
    line-height: 26px;
  }

  .button-integration.sdf.new:hover {
    color: #fff;
    background-color: #1b1a19;
  }

  .button-integration.sdf.new.b:hover {
    box-shadow: none;
  }

  .button-integration.sdf.new.results {
    width: auto;
  }

  .button-integration.cvgf {
    margin-left: 0;
  }

  .button-integration.cvgf.content.f {
    font-family: Inter, sans-serif;
  }

  .integration-icon-circle.blur-two {
    border: 1px solid #ffd6b4;
    width: 60px;
    height: 60px;
    box-shadow: 28px 28px 45px -5px #ffb272;
  }

  .integration-icon-circle.blur-two.a {
    outline-offset: 0px;
    border: 1px solid #ffd6b4;
    outline: 3px #333;
    width: 60px;
    height: 60px;
    box-shadow: 28px 28px 45px -5px #ffbc85;
  }

  .integration-icon-circle.blur-two.d {
    box-shadow: 28px 28px 45px -5px #f6bc8b;
  }

  .feature-grid-2 {
    grid-template-columns: 1fr;
  }

  .grid-heading {
    margin-bottom: 60px;
  }

  .section-title-3.dark.break {
    width: 100%;
    font-family: Circularstd, sans-serif;
  }

  .section-7 {
    background-image: linear-gradient(45deg, #ffeecf, #ffffff61);
    padding: 60px 6% 0;
    position: static;
  }

  .feature-card-paragraph-3 {
    color: #3c4055;
    text-align: left;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
  }

  .feature-card-paragraph-3.a {
    color: #3c4055;
    font-size: 16px;
    line-height: 28px;
  }

  .feature-section-4 {
    height: auto;
    padding: 56px 0;
    display: block;
  }

  .features-grid-5 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .feature-container-4 {
    padding-left: 0%;
  }

  .feature-link-3 {
    color: #b67627;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
  }

  .feature-card-name-3 {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
  }

  .feature-card-7.a {
    background-color: #ffffffd4;
    background-image: none;
    border: 1px solid #ffdabc;
    border-radius: 8px;
    justify-content: center;
    align-items: flex-start;
    width: 90%;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    display: block;
    top: 374px;
    left: auto;
    box-shadow: 0 1px 3px #0000000f;
  }

  .feature-card-7.b {
    z-index: 5;
    box-shadow: none;
    background-color: #ffffffd4;
    border: 1px solid #ffdabc;
    align-items: flex-start;
    width: 90%;
    max-width: none;
    min-height: auto;
    max-height: none;
    margin: 16px auto;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    position: static;
    top: 212px;
    left: auto;
  }

  .feature-card-7.c {
    z-index: 4;
    background-image: linear-gradient(45deg, #0000, #0000 0%, #fff 62%);
    border-style: solid;
    border-color: #ffdabc;
    align-items: flex-start;
    width: 90%;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    position: static;
    top: 320px;
    left: auto;
    right: 0;
  }

  .feature-card-7.d {
    background-color: #0000;
    background-image: linear-gradient(0deg, #0000, #fff);
    border-style: solid;
    border-color: #ffdabc;
    border-radius: 10px;
    align-items: flex-start;
    width: 90%;
    max-width: none;
    min-height: auto;
    max-height: none;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    position: static;
    top: 450px;
    left: auto;
    box-shadow: 14px 14px 45px -45px #000;
  }

  .feature-icon-5 {
    max-width: 100%;
    display: block;
  }

  .ui-asset-wrapper {
    border-radius: 10px;
  }

  .title-wrapper-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .feature-title-6 {
    color: #0a2540;
    margin-bottom: 20px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 24px;
  }

  .feature-card-8 {
    margin-top: 0;
  }

  .features-grid-6 {
    grid-column-gap: 180px;
    grid-row-gap: 180px;
    grid-template-columns: 1fr;
  }

  .feature-paragraph-6 {
    color: #425466;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  .dropdown-list-4.w--open {
    right: -10px;
  }

  .title-wrap-6 {
    max-width: none;
  }

  .integration-3 {
    margin-bottom: 32px;
  }

  .integration-3.paypal {
    display: none;
  }

  .form-subheading-2 {
    color: #535353;
    text-align: left;
    border-left: 2px #f0d0ae;
    margin-bottom: 20px;
    padding-left: 0;
    font-family: DM Sans, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }

  .integration-wrap-right {
    flex-wrap: wrap;
  }

  .form-heading-4 {
    text-align: left;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #000, #e4a96a);
    -webkit-background-clip: text;
    background-clip: text;
    margin-bottom: 20px;
    font-size: 45px;
    font-weight: 500;
    line-height: 50px;
  }

  .integration-grid-2 {
    max-width: 100%;
  }

  .integration-wrap {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .container-15 {
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .company-details {
    font-size: 16px;
    line-height: 28px;
  }

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

  .testimonial-mask {
    width: 100%;
  }

  .testimonial-paragraph {
    color: #2e2312;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
  }

  .testimonial-card-2 {
    min-height: 380px;
    padding: 20px 20px 10px;
    box-shadow: 28px 28px 80px -40px #ffc57c;
  }

  .testimonial-section {
    background-image: linear-gradient(to top, #ffeecf, #0000 85%), linear-gradient(225deg, #ffeecf, #fff 40%);
    padding-top: 40px;
    overflow: hidden;
  }

  .right-arrow {
    top: auto;
    right: auto;
  }

  .email-field-3 {
    border-style: solid;
    border-color: #b7b7b7;
    border-radius: 100px;
    margin-bottom: 8px;
  }

  .modal-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .form-4 {
    border-style: none;
    border-radius: 0;
    flex-direction: column;
  }

  .star-large {
    display: none;
  }

  .submit-button-3 {
    width: 100%;
  }

  .form-5 {
    max-width: 80%;
  }

  .div-block-49 {
    z-index: -1;
    background-image: linear-gradient(#fffefcf5, #0000);
    display: block;
  }

  .div-block-50 {
    width: 100%;
    min-width: auto;
    max-width: 400px;
    height: auto;
  }

  .heading-7 {
    color: #111827;
    text-align: left;
    border-bottom-style: none;
    margin-bottom: 0;
    font-family: Circularstd, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
  }

  .link-7 {
    color: #141616;
  }

  .image-46714 {
    max-width: 100%;
    margin-top: 50px;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .heading-8 {
    color: #333;
    margin-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .div-block-51 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .div-block-51.a {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dots {
    display: none;
  }

  .integration-grid-list {
    grid-template-columns: 1fr;
  }

  .section-large {
    padding: 56px 0%;
  }

  .h1-heading {
    color: #414141;
    width: 100%;
    margin-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 30px;
    line-height: 35px;
  }

  .tab-detail-wrapper {
    max-width: none;
    margin-bottom: 20px;
    padding-top: 20px;
  }

  .h6-heading {
    color: #0a2540;
    text-align: left;
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }

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

  .paragraph-regular {
    color: #3c4055;
    text-align: left;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
  }

  .paragraph-regular.a {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 25px;
  }

  .paragraph-regular.a.sectiondg {
    color: #425466;
    font-size: 16px;
    line-height: 28px;
  }

  .tab-link-3 {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .tab-link-3.w--current {
    max-width: 100%;
  }

  .container-large-2 {
    max-width: 368%;
  }

  .badge-small {
    width: 60px;
    height: 60px;
    box-shadow: 21px 21px 35px -15px #919191;
  }

  .badge-small.a {
    width: 60px;
    height: 60px;
    box-shadow: 21px 21px 64px -15px #777777bf;
  }

  .badge-small.b, .badge-small.c {
    width: 80px;
    height: 80px;
    box-shadow: 21px 21px 64px -15px #777777bf;
  }

  .feature-card-9 {
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .feature-card-9.a {
    background-image: linear-gradient(45deg, #fff, #fff);
    border-style: solid;
    border-color: #ffcea7;
    align-items: flex-start;
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .feature-card-9.b {
    border-style: solid;
    border-color: #ffdabc;
    padding-left: 32px;
    padding-right: 32px;
  }

  .feature-card-9.c {
    background-color: var(--white);
    border-style: solid;
    border-color: #ffdabc;
    justify-content: center;
    align-items: flex-start;
    padding-left: 32px;
    padding-right: 32px;
  }

  .feature-card-9.d, .feature-card-9.e {
    border-style: solid;
    border-color: #ffdabc;
    justify-content: center;
    align-items: flex-start;
    padding-left: 32px;
    padding-right: 32px;
  }

  .feature-card-9.f {
    justify-content: center;
    align-items: flex-start;
    box-shadow: 25px 25px 64px -20px #fcfcfcad;
  }

  .tabs-menu-4 {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-right: auto;
    position: static;
    left: 0;
  }

  .image-415 {
    padding: 2px;
  }

  .grid-wrapper {
    padding-top: 0;
    padding-left: 2%;
    padding-right: 2%;
  }

  .section-8 {
    height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
    position: static;
  }

  .sticky-intro {
    position: static;
    top: auto;
  }

  .body-display {
    color: #425466;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  .medium-stacked-intro {
    grid-row-gap: 24px;
  }

  .stacked-heading {
    max-width: none;
  }

  .half-wrapper {
    grid-template-rows: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-10 {
    color: #0a2540;
    text-align: left;
    font-family: Circularstd, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
  }

  .div-block-54 {
    display: none;
  }

  .text-block-39 {
    color: #fff;
  }

  .container-17 {
    margin-top: 10px;
  }

  .image-4568 {
    max-width: 130%;
    position: relative;
    inset: 145px auto auto -64px;
  }

  .image-4568.a {
    max-width: 150%;
  }

  .image-4568.a.c {
    max-width: 90%;
    display: inline-block;
    position: relative;
    inset: auto 0% -21%;
  }

  .image-4568.a.c.cc {
    z-index: 2;
    max-width: 105%;
    display: none;
    position: relative;
    inset: 55px auto auto -14px;
  }

  .image-4568.v {
    max-width: 128%;
    top: -138px;
    left: -14px;
  }

  .cta-grid-3 {
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
    position: static;
  }

  .cta-image-2 {
    width: 550px;
    min-width: auto;
    max-width: none;
    inset: auto 0% 0% -42%;
  }

  .cta-block-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .cta-section-5 {
    background-image: linear-gradient(270deg, #ffeecf, #fff);
    height: 700px;
  }

  .title-large-6 {
    font-size: 40px;
    line-height: 51px;
  }

  .cta-paragraph-4 {
    font-size: 22px;
  }

  .cta-container-5 {
    position: static;
  }

  .cta-image-wrapper-2 {
    width: 100%;
  }

  .navigation-link-2 {
    margin-left: 0;
  }

  .menu-wrap {
    height: auto;
  }

  .grid-large {
    grid-template-columns: 1fr;
  }

  .navigation-image-wrap {
    display: none;
  }

  .hero-heading-2 {
    font-size: 17vw;
    line-height: 19vw;
  }

  .search-block-wrapper {
    padding-left: 5%;
    padding-right: 5%;
    top: auto;
  }

  .hero-feature-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    margin-right: 0;
    font-weight: 700;
    display: flex;
  }

  .check-icon {
    max-width: 35%;
    margin-bottom: 34px;
    margin-right: 4px;
  }

  .avatar-row {
    flex-wrap: wrap;
  }

  .form-6 {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-bottom: 20px;
    padding-left: 5px;
    overflow: auto;
  }

  .form-block-2 {
    flex-direction: row;
    display: block;
  }

  .search-field {
    width: 60%;
    min-height: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    padding-left: 10px;
    font-size: 15px;
  }

  .feature-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-bottom: 20px;
    font-size: 18px;
    display: flex;
  }

  .hero-paragraph {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .submit-button-4 {
    width: 40%;
    min-width: auto;
    min-height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 20px;
    position: static;
    top: -61px;
    left: 82px;
  }

  .submit-button-4.b {
    border-radius: 10px;
    margin-top: 0;
    display: flex;
  }

  .submit-button-4.b.w--current {
    background-image: linear-gradient(135deg, #e4a96a, #ffba7075);
    margin-left: auto;
    margin-right: auto;
  }

  .image-421, .image-422 {
    max-width: 100%;
  }

  .image-425 {
    max-width: 200%;
    display: none;
    position: absolute;
    bottom: auto;
    left: -485px;
    right: 0%;
  }

  .search-field-2 {
    border-radius: 8px;
    margin-bottom: 10px;
  }

  .hero-feature-wrapper-2 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .search-block-wrapper-2 {
    margin-top: 40px;
  }

  .hero-card-bg {
    inset: 10px 10px -10px -10px;
  }

  .header-section-large {
    padding-top: 40px;
  }

  .grid-image-large {
    margin-left: 40px;
  }

  .hero-image-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .header-paragraph-2 {
    font-size: 18px;
    line-height: 30px;
  }

  .hero-block-small {
    text-align: center;
  }

  .address-icon {
    display: none;
  }

  .form-7 {
    flex-flow: column wrap;
  }

  .hero-heading-3 {
    font-size: 14vw;
    line-height: 16vw;
  }

  .feature-row-2 {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
  }

  .submit-button-5 {
    border-radius: 8px;
    width: 100%;
    min-width: 120px;
  }

  .dropdown-wrapper-3 {
    height: auto;
  }

  .toggle {
    display: block;
    position: relative;
  }

  .link-grid-large {
    grid-template-columns: 1fr;
  }

  .dropdown-list-6.w--open {
    height: auto;
  }

  .menu-button-6 {
    background-color: #ffffff5e;
    display: block;
  }

  .menu-button-6.w--open {
    background-color: #e0e0e047;
  }

  .container-navigation-4 {
    max-width: none;
  }

  .navigation-wrap-3 {
    background-color: #0000;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navigation-link-3 {
    margin-top: 12px;
  }

  .navigation-icon-block {
    display: none;
  }

  .dropdown {
    height: auto;
  }

  .link-block-2 {
    font-weight: 500;
  }

  .link-grid-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .form-image-section {
    padding-left: 40px;
    padding-right: 40px;
    display: none;
  }

  .form-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .heading-11 {
    font-size: 50px;
    line-height: 54px;
  }

  .contact-submit-button {
    max-width: none;
  }

  .form-section-3 {
    min-height: 100%;
  }

  .div-block-55 {
    flex-direction: column;
    align-items: flex-start;
  }

  .image-427.a {
    border-color: #fff;
  }

  .image-427.b {
    border-width: 5px;
    border-color: #fff;
    border-radius: 100px;
    width: 15%;
    max-width: 100%;
  }

  .div-block-56 {
    height: auto;
    margin-bottom: 20px;
  }

  .image-429 {
    top: -45px;
    left: 28px;
    box-shadow: 25px 25px 64px -55px #969696;
  }

  .image-429.b {
    top: auto;
    left: -35px;
  }

  .image-429.cv {
    top: 323px;
    left: -289px;
  }

  .image-430 {
    max-width: 110%;
    display: block;
  }

  .image-431 {
    max-width: 110%;
    bottom: 31px;
    left: 6px;
  }

  .image-432 {
    top: -52px;
    left: 36px;
  }

  .faq-question {
    padding: 16px;
  }

  .tab-link-4 {
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .tab-link-4.w--current {
    order: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .tab-content-4 {
    padding-left: 24px;
    padding-right: 30px;
  }

  .tabs-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .tabs-section {
    max-width: 100%;
    padding-top: 100px;
    padding-left: 3%;
    padding-right: 3%;
    display: block;
  }

  .tabs-preheading {
    margin-bottom: 10px;
  }

  .tab-name {
    color: #000;
    margin-right: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
  }

  .tab-name:hover {
    color: #000;
  }

  .tabs-container-2 {
    min-width: auto;
    max-width: none;
  }

  .tabs-menu-5 {
    width: 100%;
  }

  .tabs-3 {
    flex-direction: column;
    align-items: stretch;
  }

  .tabs-heading-wrap {
    padding-left: 0;
  }

  .faq-paragraph-3 {
    font-size: 16px;
  }

  .text-block-42, .text-block-43 {
    text-align: left;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .text-block-43.a {
    letter-spacing: 0;
  }

  .text-block-45 {
    color: #2e2312;
  }

  .bold-text-4 {
    color: #757575;
  }

  .image-434 {
    max-width: 150%;
    display: none;
    position: relative;
    top: 222px;
    left: -180px;
  }

  .body-3 {
    max-width: 100%;
  }

  .text-span-30 {
    color: #221c18;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .testimonial-arrow-left {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .avatar-image-2 {
    border-radius: 100px;
    width: 20%;
    max-width: 100%;
    height: 100%;
  }

  .paragraph-small {
    text-align: left;
  }

  .testimonial-arrow-right {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }

  .star-wrapper-2 {
    justify-content: flex-start;
  }

  .paragraph-large-2 {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
  }

  .paragraph-large-2.text-color-gray-500 {
    text-align: left;
    font-size: 16px;
  }

  .paragraph-large-2.text-color-gray-500.vbb {
    color: #313e4c;
    max-width: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
  }

  .testimonial-avatar-wrapper {
    align-items: flex-start;
    margin-top: 40px;
  }

  .testimonial-avatar {
    background-color: #0000;
    justify-content: flex-start;
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 100%;
    min-height: auto;
  }

  .image-435 {
    width: auto;
    max-width: 100%;
    position: relative;
    inset: auto;
  }

  .integration-wrapper-2 {
    padding: 0 0 20px;
    overflow: visible;
  }

  .integration-bottom-wrapper {
    align-items: center;
    margin-left: 0%;
  }

  .section-regular {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .polka-heading-wrapper {
    text-align: left;
    align-items: flex-start;
    max-width: 100%;
  }

  .h1-heading-2.margin-bottom-24 {
    text-align: left;
    font-size: 32px;
    line-height: 36px;
  }

  .h1-heading-2.margin-bottom-32 {
    color: #0a2540;
    text-align: left;
    -webkit-text-fill-color: inherit;
    background-color: #59595900;
    background-clip: border-box;
    max-width: none;
    margin-bottom: 16px;
    font-family: Circularstd, sans-serif;
    font-size: 40px;
    line-height: 48px;
  }

  .h1-heading-2.margin-bottom-32.about {
    text-align: center;
  }

  .integration-logo-item {
    box-shadow: none;
    border-radius: 10px;
    width: auto;
    max-width: 150px;
    height: 79.6625px;
    min-height: auto;
    max-height: 80px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
  }

  .integration-inner-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .polka-heading-detail {
    color: #f8961e;
  }

  .grid-button.margin-top-64 {
    grid-template-columns: 1fr;
  }

  .gradient-panel-right {
    width: 40px;
  }

  .grid-two-column-2.align-centre {
    flex-direction: column;
    margin-top: 100px;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .grid-two-column-2.align-centre.hero {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  .gradient-panel-left {
    width: 40px;
  }

  .image-436, .image-437 {
    overflow: hidden;
  }

  .testimonial-card-3.a {
    width: 90%;
    display: block;
    top: auto;
    bottom: 3001.9px;
    left: 5px;
  }

  .testimonial-card-3.a.b {
    width: 90%;
    display: block;
    bottom: 1511.24px;
    right: 17px;
  }

  .testimonial-card-3.a.b.cv {
    width: 80%;
    padding-left: 20px;
    padding-right: 10px;
    bottom: 1914.24px;
    left: 55px;
    right: 33px;
  }

  .testimonial-card-3.a.c {
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
  }

  .testimonial-card-3.a.c.d {
    bottom: 135px;
    left: 12px;
  }

  .testimonial-card-3.a.c.fredf {
    flex: 1;
    display: block;
    bottom: 1077px;
    left: -5px;
  }

  .testimonial-mask-2 {
    width: 100%;
  }

  .testimonial-heading-2 {
    font-size: 48px;
  }

  .testimonial-section-2 {
    overflow: hidden;
  }

  .large-icon {
    width: 100px;
  }

  .integration-title-5 {
    font-size: 50px;
  }

  .line-break-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .title-paragraph-2 {
    font-size: 18px;
    line-height: 28px;
  }

  .image-cover {
    width: 600px;
    position: absolute;
    inset: auto 0% -12% -114px;
  }

  .section-integrations-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .placeholder-image-tall {
    width: auto;
    max-width: none;
    height: auto;
  }

  .button-navigation {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .header-logo-block {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .header-logo {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .button-header {
    text-align: center;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .hero-image-block {
    height: 340px;
  }

  .button-wrapper-7 {
    flex-direction: column;
    align-items: center;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-58 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-wrapper-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .company-logo-2 {
    max-width: 25%;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 15px;
  }

  .button-9 {
    margin-bottom: 10px;
    margin-right: 0;
    padding-left: 32px;
    padding-right: 32px;
  }

  .header-paragraph-3 {
    font-size: 18px;
    line-height: 30px;
  }

  .trusted-text {
    color: var(--af8057);
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
  }

  .hero-heading-4 {
    font-size: 50px;
    line-height: 70px;
  }

  .bottom-content {
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 56px;
    margin-bottom: 56px;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
    top: -50px;
  }

  .div-block-59 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .button-wrapper-8 {
    justify-content: center;
  }

  .bloom-image-effect {
    display: none;
  }

  .header-section-4 {
    padding-bottom: 60px;
  }

  .image-438 {
    display: none;
    top: 1032.66px;
  }

  .image-439, .image-440 {
    overflow: hidden;
  }

  .arrow-4 {
    display: none;
  }

  .button-wrapper-9 {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-accent-wrapper {
    flex-wrap: wrap;
  }

  .video-play-link {
    margin-top: 20px;
    margin-left: 0;
    position: static;
    top: auto;
  }

  .cta-grid-4 {
    grid-template-columns: 1fr;
  }

  .cta-heading-3 {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 38px;
  }

  .paragraph-cta {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 28px;
  }

  .cta-button {
    text-align: center;
  }

  .section-cta {
    background-color: #166534;
    background-image: none;
    padding-left: 6px;
    padding-right: 0;
  }

  .content-heading-4 {
    color: #0a2540;
    text-align: left;
    margin-bottom: 20px;
    font-family: DM Sans, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
  }

  .content-paragraph-4 {
    font-size: 18px;
  }

  .content-section-8 {
    height: 800px;
    padding: 0 6% 20px;
  }

  .content-section-8.b {
    height: 950px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .content-section-8.b.b2 {
    padding: 56px 0;
  }

  .image-46717 {
    max-width: 30%;
    bottom: -5594.08px;
    left: 1px;
  }

  .image-46718 {
    max-width: 25%;
    top: auto;
    bottom: -6971.27px;
    left: auto;
  }

  .tabs-content-3, .tab-pane-tab-3 {
    position: static;
  }

  .image-46719 {
    max-width: 110%;
    display: block;
    position: absolute;
    top: -3px;
    left: -21px;
  }

  .image-46720 {
    max-width: 115%;
    display: block;
    position: absolute;
    top: -11px;
    left: -33px;
  }

  .div-block-60 {
    display: flex;
  }

  .header-paragraph-5 {
    font-size: 18px;
    line-height: 30px;
  }

  .header-icon {
    width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-right: 10px;
  }

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

  .number-large-2 {
    margin-right: 0;
  }

  .card-block-top {
    display: none;
  }

  .feature-wrapper-2 {
    text-align: left;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 60px;
  }

  .hero-heading-5 {
    font-size: 52px;
    line-height: 60px;
  }

  .number-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .card-block {
    right: auto;
  }

  .header-wrapper-7 {
    flex-wrap: wrap;
  }

  .header-block-2 {
    justify-content: center;
    height: auto;
  }

  .line-break-5, .banner {
    display: none;
  }

  .menu-button-11 {
    margin-left: 0;
  }

  .company-logo-3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .avatar-small-2.avatar-stack {
    border-width: 5px;
  }

  .text-detail {
    font-size: 15px;
  }

  .hero-heading-6 {
    font-size: 70px;
    line-height: 80px;
  }

  .image-46723 {
    max-width: 80%;
    display: block;
    top: auto;
    bottom: 3212.91px;
    left: 23px;
  }

  .image-46723.s {
    bottom: 308.525px;
    right: 98px;
  }

  .image-46724 {
    width: 100%;
    height: 58%;
    display: none;
    position: relative;
    top: auto;
    bottom: -1150%;
    left: -161%;
  }

  .div-block-61 {
    align-items: flex-start;
    margin-left: 0;
  }

  .div-block-62 {
    top: auto;
    bottom: 3333.9px;
    left: 10px;
  }

  .image-46727 {
    display: none;
  }

  .image-46728 {
    max-width: 50%;
    display: block;
    top: 3295.96px;
    left: 140px;
  }

  .image-46729 {
    max-width: 220%;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .image-46731 {
    max-width: 100%;
    margin-top: 100px;
    display: block;
    transform: scale(1);
  }

  .imput-3 {
    text-align: center;
    background-color: #fff;
    border: 1px solid #d2d2f5;
    border-radius: 10px;
    flex: 1;
    margin-bottom: 10px;
    padding: 15px 0;
  }

  .container-21.small {
    max-width: 100%;
    margin-top: 0;
  }

  .form-card-2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .form-card-2.blog {
    height: auto;
  }

  .text-header-3 {
    font-size: 28px;
    line-height: 38px;
  }

  .b-button-dark {
    width: 100%;
  }

  .b-form-button-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .a-button-primary {
    width: 100%;
  }

  .a-account-link-wrapper {
    flex-direction: column;
  }

  .content-middle {
    padding-top: 22px;
  }

  .tabs-menu-6 {
    margin-bottom: 45px;
  }

  .tasks-heading {
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }

  .task-block {
    grid-row-gap: 25px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .nav-left {
    width: 100%;
    bottom: -64px;
  }

  .tab-link-5.w--current {
    margin-bottom: 15px;
  }

  .content-heading-5 {
    grid-row-gap: 20px;
    flex-direction: column;
    margin-bottom: 40px;
  }

  .task-block__l {
    grid-row-gap: 15px;
    flex-direction: column;
    align-items: flex-start;
  }

  .search-field-3 {
    width: 100%;
  }

  .form-block-5 {
    margin-bottom: 40px;
    position: static;
  }

  .nav-right {
    width: 100%;
    top: 110vh;
  }

  .button-wrapper-10 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template: ". Area"
    / 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .white-bg-bar-02 {
    min-height: 150px;
  }

  .project-link-block {
    padding: 22px;
  }

  .footer-grid-2 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .branding-block {
    padding: 32px;
  }

  .nav-menu-7 {
    background-color: #fff;
  }

  .paragraph-18 {
    color: #3a3a3a;
  }

  .navigation-right-5 {
    align-items: center;
  }

  .nav-link-15 {
    color: #585656;
  }

  .nav-link-15:hover {
    color: #929292;
  }

  .white-bg-bar {
    min-height: 150px;
  }

  .cta-block-3 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-23 {
    grid-template-columns: 1.5fr;
    margin-top: 0;
    padding-left: 2%;
  }

  .detail-link {
    white-space: nowrap;
    margin-bottom: 4px;
  }

  .content-h1 {
    background-image: linear-gradient(45deg, #000, #fdceaf);
    font-size: 30px;
    line-height: 32px;
  }

  .line-text {
    font-size: 14px;
  }

  .menu-button-12 {
    color: #16425b;
    border-color: #5b4e1682;
    border-radius: 10px;
  }

  .menu-button-12.w--open {
    color: #8d6e5a;
    border-color: #fdceaf;
  }

  .navbar-3 {
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .cta-h1 {
    font-size: 30px;
  }

  .results-block {
    padding: 28px;
  }

  .legal-links {
    flex-wrap: wrap;
  }

  .return-top {
    background-color: #fdceaf;
    width: 45px;
    height: 45px;
  }

  .start-project {
    background-color: #000;
  }

  .display-h1 {
    border-left-style: none;
    padding-left: 0;
    font-size: 48px;
  }

  .branding-block-2 {
    padding: 32px;
  }

  .container-24 {
    grid-template-columns: 1.5fr;
    margin-top: 0;
    padding-left: 2%;
  }

  .navbar-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .drop-grid-4 {
    display: block;
  }

  .section-title-4.dark.break {
    width: 100%;
  }

  .paragraph-19 {
    font-size: 12px;
  }

  .content-grid-7, .content-grid-7.b {
    flex-flow: column;
  }

  .content-section-10.a.new {
    flex-flow: column;
    padding-top: 56px;
  }

  .content-heading-6 {
    margin-bottom: 20px;
    line-height: 36px;
  }

  .content-text-wrap-3 {
    max-height: none;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    position: static;
  }

  .content-paragraph-5 {
    color: #425466;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 28px;
  }

  .image-15 {
    display: none;
    position: static;
  }

  .image-15.a {
    max-width: 320px;
    display: block;
    overflow: hidden;
    transform: scale(1.3);
  }

  .image-15.a.b {
    max-width: 320px;
    position: static;
    overflow: hidden;
    transform: scale(1.3);
  }

  .row-regular {
    margin-bottom: 10px;
  }

  .brand-dot {
    display: none;
  }

  .badge.right-icon {
    color: #973908;
  }

  .h1-heading-3 {
    font-size: 60px;
  }

  .z-index-2 {
    ---mode--collection-1907b728-1f6a-663a-a684-fb26d89f5022: base;
  }

  .text-block-56 {
    color: #303030;
    text-align: left;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
  }

  .row-regular-2 {
    margin-bottom: 12px;
  }

  .text-block-57 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }

  .person-2 {
    background-size: cover;
    border-color: #2a628c21;
    width: 45px;
    height: 45px;
    margin-left: 0;
    margin-right: 0;
  }

  .person-2._3 {
    margin-left: 0;
    margin-right: -10px;
  }

  .person-2._3._4._5 {
    width: 45px;
    height: 45px;
    margin-right: 0;
  }

  .person-2._3._4._5._10, .person-2._3._4._5._6 {
    margin-left: -12px;
  }

  .person-2._3._4._5._6._8 {
    margin-right: 0;
  }

  .person-2._3._9 {
    width: 45px;
    height: 45px;
    margin-left: -17px;
    margin-right: 0;
  }

  .flex {
    background-color: #0000;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 0;
    display: flex;
  }

  .flex.hp-flex {
    flex-flow: wrap;
    place-content: stretch flex-start;
    margin-left: 21px;
    top: 7px;
    left: auto;
  }

  .flex.hp-flex.a {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #0000;
    margin-left: 0;
  }

  .title-medium-2 {
    color: #1f1f1f;
    font-size: 12px;
  }

  .title-medium-2.a {
    color: #333;
  }

  .card-block-2 {
    margin-top: 0;
    inset: auto;
  }

  .blog-content-large {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-card-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .process-heading-4 {
    letter-spacing: -1px;
    font-size: 40px;
    line-height: 48px;
  }

  .process-step {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .wave {
    margin-left: 0;
  }

  .process-button.c {
    border-radius: 50px;
  }

  .header-grid-5 {
    margin-bottom: 40px;
  }

  .process-paragraph-2 {
    font-size: 16px;
    line-height: 26px;
  }

  .process-line {
    display: none;
  }

  .body-x-large {
    text-align: left;
    font-size: 16px;
  }

  .h1-heading-4.text-balance {
    font-family: Inter, sans-serif;
  }

  .column-large {
    text-align: left;
  }

  .button-12.secondary {
    background-color: #166534;
    border-radius: 50px;
  }

  .button-12.secondary:hover {
    background-color: #02772d;
    border-radius: 50px;
  }

  .cta_card {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-family: Inter, sans-serif;
  }

  .header-bottom {
    padding-top: 32px;
  }

  .badge-primary {
    color: #9a3412;
    background-color: #fff7ed;
    border-style: solid;
    border-color: #fed7aa;
    border-radius: 4px;
    max-width: none;
    margin-bottom: 16px;
  }

  .header-statistics-grid {
    grid-template-columns: 1fr;
  }

  .h2-heading {
    color: #4b5563;
    letter-spacing: -1px;
    align-self: center;
    font-size: 42px;
    font-weight: 500;
    line-height: 54px;
  }

  .video-grid, .video-feature-grid {
    grid-template-columns: 1fr;
  }

  .h4-heading-2 {
    font-size: 42px;
    line-height: 54px;
  }

  .section-regular-3 {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .feature-card-medium {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-left: 1px solid #fff;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 24px;
  }

  .text-color-red.green-heading {
    color: #4b5563;
  }

  .h1-heading-6 {
    letter-spacing: -.5px;
    font-size: 28px;
    line-height: 36px;
  }

  .logo-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .row-small-2 {
    justify-content: center;
    align-items: flex-start;
  }

  .subheading-regular-2 {
    font-size: 18px;
    line-height: 24px;
  }

  .paragraph-regular-6 {
    color: #425466;
    font-size: 15px;
    line-height: 24px;
  }

  .column-2x-large {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .testimonial-slider-large {
    padding-bottom: 64px;
  }

  .header-cards {
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .circular-wrapper {
    padding-top: 4px;
  }

  .subheading-regular-3 {
    font-size: 12px;
    font-weight: 500;
  }

  .row-x-small-2 {
    align-items: center;
  }

  .grid-four-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid;
  }

  .icon-wrapper-small {
    box-shadow: 0 2px 5px #0003;
  }

  .h4-heading-3 {
    font-size: 18px;
    line-height: 28px;
  }

  .section-regular-5 {
    flex-flow: column;
    padding-bottom: 20px;
  }

  .modal-button {
    margin-bottom: 14px;
    margin-right: 0;
  }

  .modal-buttons-wrap {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
  }

  .logo-grid {
    flex-flow: column;
    display: flex;
  }

  .logo-card {
    margin-top: 40px;
    margin-bottom: 70px;
    display: none;
  }

  .section-small {
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-feature {
    border-left: 1px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-feature.asd {
    border-left-style: none;
    padding-left: 0;
  }

  .logo-statistic {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    margin-bottom: 10px;
  }

  .paragraph-regular-8 {
    color: #425466;
    font-size: 15px;
    line-height: 25px;
  }

  .paragraph-large-5.text-color-primary {
    font-size: 16px;
  }

  .testimonial-block, .testimonial-bubble {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonial-divider {
    display: none;
  }

  .form-row {
    flex-flow: column;
  }

  .button-primary-2 {
    width: 100%;
  }

  .button-primary-3 {
    font-family: Inter, sans-serif;
  }

  .subheading-large-3.text-color-gray-600 {
    color: #425466;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }

  .cta-card-outline {
    flex-direction: column;
    align-items: flex-start;
  }

  .h1-heading-9 {
    color: #0a2540;
    text-align: left;
    justify-content: center;
    align-items: center;
    line-height: 38px;
    display: flex;
  }

  .cta-wrapper-2 {
    justify-content: flex-start;
    align-items: center;
    padding: 32px 0;
    display: flex;
  }

  .button-group {
    justify-content: flex-start;
    align-items: center;
  }

  .form-text-field-2.icon-left {
    min-height: 56px;
  }

  .form-row-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1.5fr;
    align-items: stretch;
    min-height: 56px;
    display: grid;
  }

  .header-image-overflow {
    height: 480px;
  }

  .button-primary-4 {
    width: auto;
    min-height: 56px;
  }

  .header-form {
    max-width: none;
  }

  .bold-text-37 {
    color: #0a2540;
    font-size: 18px;
  }

  .paragraph-21 {
    line-height: 26px;
  }

  .icon-21 {
    color: #000;
  }

  .bold-text-39 {
    font-size: 18px;
    line-height: 120%;
  }

  .text-span-38 {
    line-height: 36px;
  }

  .heading-100 {
    color: #0a2540;
    margin-top: 5px;
    margin-bottom: 8px;
  }

  .button-secondary-small, .button-primary-large {
    width: 100%;
  }

  .button-wrapper-11 {
    max-width: none;
  }

  .image-46737 {
    max-width: 100px;
    overflow: hidden;
  }

  .image-46738, .image-46739, .image-46740, .image-46741, .image-46742, .image-46743, .image-46744, .image-46746, .image-46747 {
    overflow: hidden;
  }

  .image-46748 {
    max-width: 100px;
    overflow: hidden;
  }

  .image-46749 {
    overflow: hidden;
  }

  .text-block-59 {
    color: #9a3412;
    font-weight: 600;
  }

  .container-28 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 60px;
    display: block;
  }

  .header-component {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .caption-regular.text-weight-medium {
    color: #6b7280;
    letter-spacing: 0;
    font-size: 12px;
  }

  .column-gigantic {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .header-button-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .button-primary-5.icon-left {
    margin-bottom: 12px;
  }

  .course-info {
    flex-flow: wrap;
    padding-right: 0;
  }

  .column-2x-large-2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .badge-secondary {
    background-color: #fff;
    margin-bottom: 8px;
  }

  .header-avatars {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-logos-3 {
    display: none;
  }

  .h2-heading-5 {
    font-size: 52px;
    line-height: 62px;
  }

  .person-3 {
    background-size: cover;
    border-color: #2a628c21;
    width: 45px;
    height: 45px;
    margin-left: 0;
    margin-right: 0;
  }

  .person-3._3 {
    margin-left: 0;
    margin-right: -10px;
  }

  .person-3._3._4._5 {
    width: 45px;
    height: 45px;
    margin-right: 0;
  }

  .person-3._3._4._5._10, .person-3._3._4._5._6 {
    margin-left: -12px;
  }

  .person-3._3._4._5._6._8 {
    margin-right: 0;
  }

  .person-3._3._9 {
    width: 45px;
    height: 45px;
    margin-left: -17px;
    margin-right: 0;
  }

  .card-block-3 {
    margin-top: 0;
    display: none;
    inset: auto;
  }

  .div-block-136 {
    display: flex;
  }

  .bold-text-43, .bold-text-44, .bold-text-45 {
    font-weight: 800;
  }

  .bold-text-46 {
    text-transform: none;
  }

  .text-block-64 {
    color: #15803d;
  }

  .div-block-137 {
    width: auto;
    margin-bottom: 60px;
  }

  .button-16 {
    width: 50%;
  }

  .paragraph-29, .paragraph-30, .paragraph-31 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

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

  .paragraph-33, .paragraph-34, .paragraph-35, .paragraph-36, .paragraph-37, .paragraph-38, .paragraph-39, .paragraph-40 {
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .list-item-2, .paragraph-41, .block-quote {
    font-family: Inter, sans-serif;
  }

  .div-block-140 {
    background-image: linear-gradient(270deg, #fde3b4a3, #fff);
    height: 200vh;
  }
}

#w-node-b4fa6701-f18a-ce33-f717-f760340d9880-81bde14c, #w-node-b4fa6701-f18a-ce33-f717-f760340d988f-81bde14c, #w-node-b4fa6701-f18a-ce33-f717-f760340d989e-81bde14c, #w-node-c033595c-00b3-35ff-369c-82a24c48b22d-81bde14c, #w-node-c033595c-00b3-35ff-369c-82a24c48b23d-81bde14c, #w-node-c033595c-00b3-35ff-369c-82a24c48b24b-81bde14c, #w-node-_42cda862-575f-690c-e6f2-0b49df868072-81bde14c, #w-node-_42cda862-575f-690c-e6f2-0b49df86807b-81bde14c, #w-node-_42cda862-575f-690c-e6f2-0b49df868085-81bde14c, #w-node-_42cda862-575f-690c-e6f2-0b49df868090-81bde14c, #w-node-_42cda862-575f-690c-e6f2-0b49df86809b-81bde14c, #w-node-f30b5030-4286-e674-f79e-226b1ab881ae-81bde14c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c0-81bde14c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c1-81bde14c, #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c2-81bde14c {
  align-self: start;
}

#w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c3-81bde14c {
  justify-self: start;
}

#w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c5-81bde14c {
  align-self: start;
}

#w-node-a6d1c3af-7506-fadf-cab6-402aee91f3cd-81bde14c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0216c81e-b78a-e56c-9e75-a9a37d2619d6-81bde14c, #w-node-_0216c81e-b78a-e56c-9e75-a9a37d2619bc-81bde14c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c9f32ef-d22c-455f-2fbd-6b391b05c284-d03f43c9 {
  align-self: stretch;
}

#w-node-_3761dbc4-f708-fb7a-7c1b-6b98417d6446-e3d86554 {
  align-self: start;
}

#w-node-_3761dbc4-f708-fb7a-7c1b-6b98417d645f-e3d86554 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4282c28d-02e3-7eef-4768-529222a81ba1-9abde152 {
  grid-area: 1 / 2 / 2 / 12;
}

#w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
  grid-area: 1 / 2 / 2 / 12;
  align-self: center;
}

#w-node-e8d71529-6dba-9b67-69fb-b6a0723eeb7c-499039cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26a5792a-b1ae-0889-d80d-744e0282696e-50e7ed3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_26a5792a-b1ae-0889-d80d-744e02826970-50e7ed3b {
  align-self: stretch;
}

#w-node-_26a5792a-b1ae-0889-d80d-744e0282698c-50e7ed3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-aa2a591e-c365-a562-fb9f-a71a6c620381-81bde14c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c9f32ef-d22c-455f-2fbd-6b391b05c284-d03f43c9 {
    justify-self: end;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_42cda862-575f-690c-e6f2-0b49df868072-81bde14c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c9f32ef-d22c-455f-2fbd-6b391b05c284-d03f43c9 {
    align-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d8eb44c9-39ec-3f0b-4963-1b923d5464eb-81bde14c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b4fa6701-f18a-ce33-f717-f760340d9880-81bde14c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-aa2a591e-c365-a562-fb9f-a71a6c620381-81bde14c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c1-81bde14c {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3cd-81bde14c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3ce-81bde14c {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8c9f32ef-d22c-455f-2fbd-6b391b05c284-d03f43c9 {
    order: -9999;
  }

  #w-node-_4282c28d-02e3-7eef-4768-529222a81ba1-9abde152 {
    grid-column-end: 8;
  }

  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: 1 / 1 / 2 / 9;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c1-81bde14c {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_4282c28d-02e3-7eef-4768-529222a81ba1-9abde152 {
    grid-column: 1 / 9;
  }

  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-a8eeb9e0-721b-f645-185d-813a14cc9329-dc25671e {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b4fa6701-f18a-ce33-f717-f760340d9880-81bde14c, #w-node-b4fa6701-f18a-ce33-f717-f760340d988f-81bde14c, #w-node-b4fa6701-f18a-ce33-f717-f760340d989e-81bde14c, #w-node-d21a8c46-584e-5b0e-c2c9-f19dbb5de2a1-81bde14c, #w-node-aa2a591e-c365-a562-fb9f-a71a6c620381-81bde14c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a6d1c3af-7506-fadf-cab6-402aee91f3c1-81bde14c {
    grid-area: 1 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_4282c28d-02e3-7eef-4768-529222a81ba1-9abde152 {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-e3613394-67ae-3db8-4da2-0be06d470db3-6d470db0 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }
}


@font-face {
  font-family: 'Circularstd';
  src: url('../fonts/CircularStd-Medium.woff2') format('woff2'), url('../fonts/CircularStd-Medium.woff') format('woff'), url('../fonts/CircularStd-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}