.declining {
  background-color: #e74c3c;
}

.healthy {
  background-color: #2ecc71;
}

.at-risk {
  background-color: #e67e22;
}

.improving {
  background-color: #f1c40f;
}

.on-hold {
  background-color: #95a5a6;
}

.in-planning {
  background-color: #3498db;
}

.fa-arrow-down {
  color: #e74c3c;
}

.fa-arrow-up {
  color: #2ecc71;
}

body {
  padding-top: 20px;
  min-height: 100%;
  color: var(--black);
  background-color: #0000;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(#efe7d4, var(--bs-bg-opacity)) !important;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #c09091;
  --bs-btn-border-color: #033;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b04246;
  --bs-btn-hover-border-color: #033;
}

.btn-fixme {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8fedb7;
  --bs-btn-border-color: #033;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00aa00;
  --bs-btn-hover-border-color: #033;
}

.card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0rem;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  background-color: #ffffff;
}
.card-header {
  background-color: white;
  border-bottom: none;
  padding: 1.25rem 1.25rem 0.5rem;
}
.card-body {
  padding: 0rem 1.25rem 1.25rem;
}

.card-subtitle {
  padding-top: 1.25rem;
}

.card-title {
  color: #000080;
  font-weight: bold;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1em;
}

.modal-title {
  font-family: Lato, sans-serif;
}

.user-badge {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 5px 10px;
}

.user-avatar,
.user-avatar-placeholder {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.user-avatar-placeholder {
  background-color: #ff745a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}

.user-name {
  font-size: 14px;
  font-weight: 400;
}

.insight {
  margin-bottom: 20px;
  page-break-inside: avoid;
}

.insight .meta {
  color: #7f8c8d;
  font-size: 0.9em;
}

.insight .picture {
  max-width: 80%;
  height: auto;
  margin-top: 10px;
}

.nav-link {
  color: #033;
  font-size:;
}

.nav-link:hover,
.logo:hover,
.subcategory-nav .nav-link:hover {
  color: var(--white);
  text-decoration: none;
}

.subcategory-nav {
  border-radius: 5px;
  padding: 15px;
}

.subcategory-nav .nav-link {
  color: #033;
}

.subcategory-nav .nav-link.hover,
.subcategory-nav .nav-link:hover,
.nav-tabs .nav-link:hover {
  background-color: #92c0c0;
}

.subcategory-nav .nav-link.active {
  background-color: #92c0c0;
  color: #fff;
}

.nav-tabs .nav-link.active {
  background-color: #92c0c0;
  color: #fff;
}

.modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100%-1rem);
}

@page {
  size: auto;
  margin: 20mm;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
  height: 100%;
}

audio,
canvas,
progress,
video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

a {
  background-color: #0000;
  color: var(--link-blue);
  text-decoration: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

dfn {
  font-style: italic;
}

h1 {
  color: var(--black);
  font-family: Lato, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  margin: 0 0 10px;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

hr {
  box-sizing: content-box;
  height: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: Lato;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2em;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-top: 0;
  color: var(--black);
  letter-spacing: 0.5px;
  margin-bottom: 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

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

figure {
  margin: 0 0 10px;
}

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

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-video {
  width: 100%;
  position: relative;
  padding: 0;
}

.w-video iframe,
.w-video object,
.w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
[type="button"],
[type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  display: none;
  padding: 20px;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  display: none;
  padding: 10px;
}

label {
  margin-bottom: 5px;
  font-weight: 700;
  display: block;
}

.w-input,
.w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
  padding: 8px 12px;
}

.w-input::placeholder,
.w-select::placeholder {
  color: #999;
}

.w-input:focus,
.w-select:focus {
  outline: 0;
  border-color: #3898ec;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

.w-select {
  background-color: #f3f3f3;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block;
}

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

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

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  margin: 0;
  padding: 8px 12px;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
  margin: 0;
  padding: 8px 9px 8px 11px;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  display: block;
  padding: 3px;
}

.w-icon-file-upload-remove {
  font-size: 10px;
  margin: auto;
}

.w-file-upload-error-msg {
  color: #ea384c;
  display: inline-block;
  padding: 2px 0;
}

.w-file-upload-info {
  line-height: 38px;
  display: inline-block;
  padding: 0 12px;
}

:root {
  --primary-color: #4834d4;
  --secondary-color: #6c5ce7;
  --background-color: #f8f9fa;
  --text-color: #000000;
  --light-gray: #e0e0e0;
  --white: #ffffff;
  --stanza-navy: #000080;
  --stanza-navy-dark: #00006a;
  --stanza-gray-light: #f8f9fa;
  --stanza-border-color: #dee2e6;
}

body {
  font-family: "Arial", sans-serif;
  color: var(--text-color);
  background-color: var(--background-color);
  line-height: 1.6;
}

/* Navbar styles */
.navbar {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
  font-size: 36px;
  font-weight: bold;
  color: var(--text-color);
}

.nav-link {
  color: var(--text-color);
  margin: 0 5px;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: var(--text-color);
  background-color: var(--light-gray);
  border-radius: 20px;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  border-radius: 20px;
  padding: 8px 20px;
}

.btn-primary:hover {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

/* Sidebar styles */
#sidebar {
  background-color: var(--white);
  min-height: calc(100vh - 56px);
  padding-top: 20px;
  border-right: 1px solid var(--stanza-border-color);
}

#sidebar .nav-link {
  color: var(--text-color);
  padding: 10px 15px;
  border-left: 3px solid transparent;
}

#sidebar .nav-link:hover,
#sidebar .nav-link.active {
  background-color: var(--background-color);
  border-left-color: var(--primary-color);
}

/* Main content area */
main {
  padding-top: 20px;
}

h1,
h2 {
  color: var(--text-color);
  margin-bottom: 20px;
}

/* Card styles */
.card {
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.card-title {
  color: var(--text-color);
  font-weight: bold;
}

/* Insight card styles */
.insight-card {
  background-color: var(--white);
  border-left: 4px solid var(--primary-color);
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px;
}

.insight-card .card-title {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.insight-card .card-text {
  font-size: 0.9rem;
  color: var(--text-color);
}

.insight-card .meta-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  font-size: 0.8rem;
}

.forget-btn {
  font-size: 0.8rem;
  padding: 2px 8px;
  background-color: var(--white);
  color: var(--text-color);
  border: 1px solid var(--light-gray);
  border-radius: 15px;
}

.forget-btn:hover {
  background-color: var(--light-gray);
}

.explore-link,
.remediation-link {
  color: var(--primary-color);
  text-decoration: none;
  margin-right: 15px;
}

.explore-link:hover,
.remediation-link:hover {
  text-decoration: underline;
}

/* Chart styles */
.chart-container {
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}

.blogtext a {
  color: var(--goldenrod);
}

.link-block-3 {
  color: var(--link-blue);
}

.blacklinkbar {
  background-color: var(--black);
  margin-top: 10px;
  padding-top: 0;
}

.linkbarcontainer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.centerheader {
  text-align: center;
  font-size: 58px;
  line-height: 1.1em;
}

.leftheading {
  font-size: 70px;
  line-height: 1.1em;
}

.sectionheading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 40px;
}

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

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

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

.div-block-9 {
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.image-8 {
  border: 1px solid var(--white);
  border-radius: 5px;
}

.div-block-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.link-block-4 {
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-top: 0;
  display: flex;
}

.vccardimage {
  display: block;
  margin: auto;
}

.link {
  float: right;
  padding-right: 20px;
  font-family: Lato, sans-serif;
  display: inline;
  position: relative;
}

.stanzabutton {
  background-color: var(--goldenrod);
  text-align: center;
  border-radius: 10px;
  font-family: Lato, sans-serif;
}

.stanzabutton.centered {
  margin-left: auto;
  margin-right: auto;
}

.text-block-14 {
  text-align: center;
  font-family: Lato, sans-serif;
}

.text-block-15 {
  color: var(--white);
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

.button-2 {
  background-color: var(--goldenrod);
  color: var(--white);
}

.image-14 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.emphasisheading {
  color: var(--white);
  text-align: center;
  padding-top: 60px;
}

.body100 {
  color: var(--gray700);
  margin-bottom: 0;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

.body100.body100--white {
  color: #ddd;
}

.body300 {
  margin-bottom: 0;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.34em;
}

.footer-content {
  width: 100%;
  position: relative;
}

.wrap {
  border: 1px solid #000;
  position: relative;
}

.form-field {
  color: #000;
  border: 1px solid #000;
  height: 3.375rem;
  margin-bottom: 0;
  font-size: 1rem;
  padding: 1rem;
}

.form-field:focus {
  border-color: #ff745a;
}

.features-image-wrapper {
  width: 50%;
  max-width: 40rem;
  position: absolute;
  inset: 0 auto 0 50%;
}

.feature-section-half-background {
  z-index: -1;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0 0 0 auto;
}

.why-choose-us-block {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  padding: 2.8rem 7.5%;
}

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

.spaces__h {
  width: 100%;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 1.2em;
}

.mb-12 {
  margin-bottom: 12px;
}

.spaces {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  margin: 40px auto;
}

.mb-56 {
  margin-bottom: 56px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-64 {
  margin-bottom: 64px;
}

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

.mt-40 {
  margin-top: 40px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-24 {
  margin-bottom: 24px;
}

.space-scale-div {
  text-align: center;
  border: 1px solid #ab96e9;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: 88px;
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  padding: 8px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-56 {
  margin-top: 56px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-40 {
  margin-bottom: 40px;
}

.space-scale-div__name {
  color: #851414;
  background-color: #f0dcdc;
  border-radius: 3px;
  margin-bottom: 4px;
  font-size: 14px;
  padding: 6px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-48 {
  margin-top: 48px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-32 {
  margin-bottom: 32px;
}

.body200 {
  color: var(--gray700);
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 17px;
  line-height: 1.4em;
  display: block;
}

.button-4 {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border: 1px solid #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  padding: 1rem 2.5rem;
}

.h100 {
  color: #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.48em;
}

.plain-btn__text {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.h300 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.28em;
}

.plain-btn {
  grid-column-gap: 8px;
  color: #000;
  align-items: center;
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.2s;
  display: inline-block;
}

.style-guide-label {
  color: #fff;
  background-color: #2d40ea;
  margin-left: auto;
  margin-right: auto;
  padding: 0.25rem;
}

.h600 {
  color: #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 1.1em;
}

.h600.style-guide-block-title {
  color: #fff;
  background-color: #353535;
  width: 100%;
  padding: 0.95rem;
}

.h200 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3em;
}

.style-guide-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  display: flex;
  padding: 1rem;
}

.style-guide-block {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border: 1px solid #000;
  flex-direction: column;
  align-items: flex-start;
  width: 95%;
  display: flex;
  padding: 1rem;
}

.style-guide-block.header {
  color: #fff;
  background-color: #000;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.style-guide-label-element-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #0000001a;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding-bottom: 4rem;
  display: flex;
}

.h500 {
  color: #000;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.1em;
}

.primary-btn {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 4px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  padding: 15px 32px;
}

.primary-btn.primary-btn--width.primary-btn--orange {
  background-color: var(--primary);
}

.primary-btn.primary-btn--width.primary-btn--orange:hover {
  background-color: #df6149;
  border-color: #df6149;
}

.secondary-btn {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 4px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  display: block;
  padding: 15px 32px;
}

.hero-home {
  z-index: 1;
  padding-top: 180px;
  padding-bottom: 0;
  position: relative;
}

.container-1140px {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  max-width: 1180px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.hero__content {
  text-align: center;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.hero__desc-wrap {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

.features__wrap {
  flex-wrap: wrap;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.features__img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1px;
}

.col {
  width: 50%;
  padding: 10px;
}

.col.col--post-body {
  width: 70%;
  padding: 40px;
}

.col.col--post-overview {
  width: 30%;
  padding: 40px;
}

.col.col--hero-about,
.col.col--investors {
  z-index: 1;
  align-self: center;
  position: relative;
}

.features__content {
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  display: flex;
  padding: 72px;
}

.header.header--760px {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.row.row--post-body {
  margin: -40px;
}

.benefits-item {
  background-color: #fff;
  height: 100%;
  padding: 40px 32px;
}

.benefits-item__ic {
  width: 80px;
  height: 80px;
}

.benefits-item__divider {
  background-color: #e6e6e6;
  height: 1px;
  margin-top: 36px;
  margin-bottom: 36px;
}

.benefits-item__wrap {
  min-height: 236px;
}

.blog-item {
  border-radius: 4px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.blog-item__content {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  padding: 32px;
}

.plain-btn__wrap {
  grid-column-gap: 10px;
  display: flex;
}

.cta {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0 0 auto;
  transform: translateY(-100%);
}

.cta__text {
  margin-right: 48px;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}

.footer-sec {
  padding-top: 40px;
  padding-bottom: 48px;
  line-height: 18px;
}

.container-1240px {
  max-width: 1280px;
  padding-left: 20px;
  padding-right: 20px;
}

.footer__info {
  text-align: left;
}

.footer__logo {
  height: 24px;
}

.footer__info-text {
  color: var(--gray700);
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

.footer__menu {
  grid-column-gap: 32px;
  display: flex;
}

.footer__menu-link {
  opacity: 0.8;
  color: var(--black);
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  transition: opacity 0.2s;
  padding: 8px;
}

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

.footer__social-link {
  opacity: 0.7;
  width: 20px;
  height: 20px;
  transition: opacity 0.25s;
}

.footer__wrap {
  grid-column-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer__bottom {
  border-top: 1px solid #fff3;
  justify-content: center;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
}

.footer__copyright {
  color: var(--gray700);
  flex: 0 auto;
  margin-bottom: 10px;
  margin-left: 10px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  line-height: 1.4em;
  position: absolute;
  inset: auto auto 0 0;
}

.features__img-color {
  background-color: #e5c5ff;
  border: 1px solid #c392fc;
  width: 50%;
  position: absolute;
  inset: 0 0 0 auto;
}

.features__img-color.features__img-color--green {
  background-color: #a5ffc1;
  left: 0;
  right: auto;
  border-color: #169d31;
}

.features__img-color.features__img-color--orange {
  background-color: #ffede5;
  border-color: var(--primary);
}

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

.menu-btn__ic-middle {
  background-color: #3a4669;
  width: 22px;
  height: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.menu__item {
  color: #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: color 0.2s;
  padding: 16px 10px;
}

.brand {
  height: 24px;
  margin-right: 24px;
  padding-left: 0;
}

.navbar {
  z-index: 999;
  -webkit-text-fill-color: inherit;
  background-color: #fff6ed;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
  position: fixed;
  inset: 0 0 auto;
}

.navbar__container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1264px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.navbar-btn {
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  white-space: nowrap;
  border: 1px solid #000;
  border-radius: 4px;
  height: 40px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  padding: 9px 24px;
}

.cta__wrap {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 40px;
}

.blog-hero {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/648af5ee60a6ff58e70a43cb_blog-hero.webp);
  background-position: 50% 0;
  background-size: cover;
  padding-top: 160px;
  padding-bottom: 360px;
}

.all-blogs {
  background-color: #f8efe6;
  padding-bottom: 96px;
}

.load-more-btn {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #000;
  margin-top: 40px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  padding: 15px 40px;
}
.newsletter {
  background-color: #f8efe6;
  padding-bottom: 48px;
}

.newsletter__wrap {
  flex-wrap: wrap;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.newsletter__img-wrap {
  background-color: #f2e2ff;
  justify-content: center;
  align-items: center;
  width: 30%;
  display: flex;
  padding: 28px 64px;
}

.newsletter__form-wrap {
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
  padding: 40px 64px;
}

.newsletter__form {
  grid-column-gap: 12px;
  grid-row-gap: 16px;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 3 0.5fr;
  grid-auto-columns: 1;
  display: flex;
}

.newsletter__input {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/64897e39e748aa8993fc728d_email-icon.svg);
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #000;
  height: 48px;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  padding: 13px 16px 13px 48px;
}

.submit-btn {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #000;
  border: 1px solid #000;
  height: 48px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  padding: 13px 60px;
}

.success-form-message {
  background-color: #f8efe6;
  min-width: 100%;
  height: 48px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
}

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

.post-hero {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/648af5ee60a6ff58e70a43cb_blog-hero.webp);
  background-position: 50% 0;
  background-size: cover;
  padding-top: 160px;
  padding-bottom: 56px;
}

.post-hero__content {
  text-align: left;
  max-width: 712px;
}

.post-hero__author-img {
  object-fit: cover;
  border-radius: 100px;
  width: 40px;
  height: 40px;
}

.post-hero__author-divider {
  background-color: #adadad;
  border-radius: 100px;
  width: 6px;
  height: 6px;
}

.post-body {
  background-color: #f8efe6;
  padding-top: 56px;
  padding-bottom: 96px;
}

.rich-text p {
  color: #333;
  margin-bottom: 0;
  margin-left: 20px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.54em;
}

.rich-text ul {
  color: #333;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 60px;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 18px;
  line-height: 1.54em;
  list-style-type: disc;
}

.rich-text li {
  margin-top: 0;
  padding-left: 0;
  font-size: 14px;
  list-style-type: disc;
}

.rich-text ol {
  color: #333;
  margin-top: 16px;
  margin-bottom: 24px;
  padding-left: 32px;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 18px;
  line-height: 1.54em;
  list-style-type: decimal;
}

.overview-wrap {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.overview__text {
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 13px;
}

.fs-toc_richtext {
  background-color: #111;
  padding: 3rem;
}

.fs-toc_link {
  color: #606060;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family:
    DM Sans,
    sans-serif;
  text-decoration: none;
  transition: color 0.2s;
  display: flex;
}

.fs-toc_link.is-h6 {
  color: #606060;
  font-size: 14px;
  font-weight: 400;
}

.fs-toc_link.is-h3 {
  color: #606060;
  letter-spacing: 0.025rem;
  font-size: 14px;
}

.fs-toc_link.is-h3.w--current {
  color: #000;
  font-size: 14px;
}

.fs-toc_link.is-h5 {
  color: #606060;
  font-size: 14px;
  font-weight: 500;
}

.fs-toc_link.is-h5.w--current {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.fs-toc_link.is-h4 {
  color: #606060;
  font-size: 14px;
}

.fs-toc_link-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1;
  grid-auto-columns: 1;
  display: block;
}

.heading-small {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}

.fs-toc_label {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #ad00b0;
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
  padding: 0.15rem 0.35rem 0.125rem 0.4rem;
}

.fs-toc_example {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.fs-toc_sidebar {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a1a1a;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 30%;
  display: flex;
  position: sticky;
  top: 6rem;
  padding: 1rem 3rem 2rem 0;
}

.fs-toc_link-wrapper {
  color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1;
  grid-auto-columns: 1;
  overflow: hidden;
}

.fs-toc_link-wrapper.is-h2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.fs-toc_link-wrapper.is-h6,
.fs-toc_link-wrapper.is-h3 {
  padding-left: 0.75rem;
}

.post-share {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

.post-share__text {
  color: #606060;
  text-transform: uppercase;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 13px;
}

.post-share__wrap {
  grid-column-gap: 12px;
  display: flex;
}

.post-share__social {
  background-color: #f4dbcb;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: background-color 0.25s;
  display: flex;
}

.post-share__social:hover {
  background-color: #f5d0b8;
}

.overview-content {
  position: sticky;
  top: 160px;
}

.author {
  grid-column-gap: 24px;
  align-items: flex-start;
  display: flex;
}

.author__img {
  object-fit: cover;
  border-radius: 100px;
  width: 160px;
  height: 160px;
}

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

.author__social-link {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: opacity 0.25s;
  display: flex;
}

.team-hero {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/648af5ee60a6ff58e70a43cb_blog-hero.webp);
  background-position: 50% 0;
  background-size: cover;
  padding-top: 160px;
  padding-bottom: 330px;
}

.team {
  background-color: #f8efe6;
  padding-top: 20px;
  padding-bottom: 96px;
}

.blog-item__img-wrap {
  padding-bottom: 60%;
  position: relative;
  overflow: hidden;
}

.team-card__image-img {
  padding-bottom: 70%;
  position: relative;
  overflow: hidden;
}

.team-card__content {
  background-color: #fff;
  height: 100%;
  padding: 24px;
}

.team-card__header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.team-card__social {
  width: 20px;
  height: 20px;
  transition: opacity 0.25s;
}

.team-card__socials {
  grid-column-gap: 12px;
  align-items: center;
  margin-left: 12px;
  display: flex;
}

.team-card__position {
  color: #606060;
  margin-bottom: 0;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.4em;
}

.team-card__showe-more {
  color: var(--primary);
  cursor: pointer;
  margin-top: 4px;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.team-info {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0;
}

.team-info__wrap {
  z-index: 9999;
  background-color: #fff;
  width: 100%;
  max-width: 560px;
  max-height: 560px;
  position: relative;
  overflow: auto;
  padding: 40px;
}

.team-info__close {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
}

.team-info__img {
  object-fit: cover;
  width: 120px;
  height: 120px;
  margin-right: 24px;
}

.team-info__overlay {
  background-color: #00000052;
  position: fixed;
  inset: 0;
}

.team-carrer {
  border: 1px solid var(--primary);
  text-align: center;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  padding: 40px 24px;
}

.jobs-link {
  color: var(--primary);
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: color 0.25s;
}

.jobs-link:hover {
  color: #e75438;
}

.team-carrer__line-shape {
  position: absolute;
  top: 96px;
  left: -16px;
}

.team-carrer__circle-shape {
  background-color: #fee2d5;
  border-radius: 1000px;
  width: 320px;
  height: 320px;
  position: absolute;
  top: -40px;
  right: -96px;
}

.hero-about {
  background-color: #ffe7cc;
  padding-top: 180px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.hero-about__shape-grid {
  position: absolute;
  inset: -28% auto auto -31%;
}

.hero-about__shape-circle {
  background-color: #ffe2c1;
  border-radius: 1000px;
  width: 760px;
  height: 760px;
  position: absolute;
  inset: auto 0 -50% auto;
}

.investors {
  background-color: #272727;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.investors__wrap {
  background-color: #fff;
  align-items: center;
  height: 100%;
  display: flex;
  padding: 28px 40px;
}

.investors__grid-shape {
  opacity: 0.2;
  border-radius: 1000px;
  width: 450px;
  height: 450px;
  position: absolute;
  top: -55%;
  left: -12%;
  overflow: hidden;
}

.investors__circle-big {
  background-color: #2c2c2c;
  border-radius: 1000px;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 0;
  left: 30%;
}

.investors__circle {
  background-color: #2c2c2c;
  border-radius: 1000px;
  width: 360px;
  height: 360px;
  position: absolute;
  inset: -49% -19% auto auto;
}

.shapes {
  width: 100%;
  max-width: 1080px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0;
}

.book-hero__content {
  max-width: 460px;
  position: relative;
}

.socials-link {
  width: 24px;
  height: 24px;
  transition: opacity 0.25s;
}

.book-hero__shape {
  position: absolute;
  top: auto;
  bottom: -240px;
  left: -48px;
}

.form-input {
  border: 1px solid #000;
  height: 48px;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  padding: 13px 16px;
}

.form-text-area {
  border: 1px solid #000;
  min-height: 160px;
  margin-bottom: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  padding: 13px 16px;
}

.contact__form-wrap {
  background-color: #fff;
  margin-bottom: 0;
  padding: 48px 32px;
}

._404 {
  background-color: #ffe7cc;
  min-height: 100vh;
  padding-top: 180px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

._404__wrap {
  text-align: center;
  position: relative;
}

._404__shape {
  position: absolute;
  inset: auto auto -80% 0;
}

.footer__bottom-link {
  color: #fffc;
  font-family:
    DM Sans,
    sans-serif;
  transition: color 0.25s;
  padding: 8px;
}

.footer__bottom-links {
  grid-column-gap: 16px;
  align-items: center;
  display: none;
}

.secondary {
  background-color: #fff6ed;
  padding-top: 180px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.secondary__wrap {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
}

.mission {
  z-index: 1;
  padding-top: 108px;
  padding-bottom: 108px;
  position: relative;
}

.hero__shape {
  object-fit: cover;
  object-position: 50% 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.hero__scroll-container {
  width: 100%;
  max-width: 1224px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.scroll {
  position: absolute;
  bottom: 0;
  left: 24px;
}

.scroll__mouse {
  color: #353a5f;
  border: 1px solid #353a5f;
  border-radius: 20px;
  width: 23px;
  height: 39px;
  margin-bottom: 16px;
}

.scroll__wheel {
  background-color: #f8cd46;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
}

.scroll__line {
  background-color: #353a5f;
  width: 1px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
}

.fs-scrolldisable_navbar {
  z-index: 22;
  color: #000;
  background-color: #fff;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  inset: 0 0 auto;
}

.fs-scrolldisable_container {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.fs-scrolldisable_block {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fs-scrolldisable_logo {
  width: 6rem;
}

.fs-scrolldisable-navmenu {
  color: #fff;
  background-color: #000;
}

.fs-scrolldisable-menu-button.w--open {
  background-color: #000;
}

.accent-btn {
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 1px solid #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition:
    border-color 0.2s,
    background-color 0.2s;
  position: relative;
  left: auto;
  right: 0;
  padding: 10px 20px;
}

.hero-main {
  background-color: #fff6ed;
  padding-top: 96px;
  padding-bottom: 152px;
}

.hero-main__button {
  padding: 10px;
}

.h400 {
  color: #000;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 44px;
  font-weight: 400;
  line-height: 1.1em;
}

.hero-main__img-wrap {
  width: 100%;
  margin-left: 48px;
}

.product {
  background-image: linear-gradient(#f9ffff75%, #fff);
  padding-bottom: 76px;
}

.label {
  color: #823ff3;
  text-transform: uppercase;
  background-color: #f6ecff;
  border-radius: 100px;
  font-family:
    DM Sans,
    sans-serif;
  font-weight: 500;
  display: inline-block;
  padding: 6px 16px;
}

.label.label--green {
  color: #45b15a;
  background-color: #e2ffef;
}

.label.label--orange {
  color: var(--primary);
  background-color: #fff7f3;
}

.label.label--blue {
  color: #4875fe;
  background-color: #eff3ff;
}

.product__img-wrap {
  margin-left: 32px;
}

.product__img-wrap.product__img-wrap--left {
  margin-left: 0;
  margin-right: 32px;
}

.product__content {
  max-width: 520px;
}

.choose-card {
  background-color: #fff;
  border-radius: 4px;
  height: 100%;
  box-shadow: 0 0 12px #3b3c491a;
  padding: 32px;
}

.choose-card__ic {
  height: 64px;
}

.blog-description {
  color: var(--gray700);
  height: 70px;
  margin-bottom: 0;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  overflow: hidden;
}

.blog-list__item {
  border-radius: 4px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 12px #3b3c491a;
}

.cta-main__wrap {
  background-color: #fff6ed;
  border-radius: 4px;
  align-items: center;
  display: flex;
  padding: 48px 64px;
}

.cta-main__wrap.cta-main__wrap--orange {
  background-color: #ffe1c3;
}

.cta-main__content {
  max-width: 460px;
  margin-right: 40px;
}

.star-green {
  transition: transform 0.2s;
  position: absolute;
  inset: 18% -10% auto auto;
}

.star-purple {
  transition: transform 0.2s;
  position: absolute;
  inset: auto 40% -8% -14%;
}

.star-blue {
  transition: transform 0.2s;
  position: absolute;
  top: 74%;
  left: -9%;
}

.star-orange {
  transition: transform 0.2s;
  position: absolute;
  inset: -38% -20% auto auto;
}

.tema-cta {
  margin-top: 120px;
}

.code {
  background-color: #fff;
  border: 1px solid #eaf3f8;
  border-radius: 8px;
  padding: 32px;
}

.code-wrap {
  height: 100vh;
  padding-top: 96px;
  padding-bottom: 96px;
  display: none;
  position: relative;
}

.code-highlight {
  z-index: 2;
  background-color: #0285ff0d;
  width: 100%;
  height: 100px;
  position: relative;
  top: -395px;
}

.html-embed-5 {
  z-index: 1;
  background-color: #0000;
  position: relative;
}

.login-btn {
  border: 1px solid #000;
  border-radius: 4px;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  transition: background-color 0.25s;
  padding: 8px;
}

.demo-btn {
  color: #000;
  height: 40px;
  margin-right: 0;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: color 0.2s;
  padding: 11px 20px;
}

.heading-8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.register-btn {
  color: #fff;
  background-color: #ff745a;
  border-radius: 4px;
  height: 40px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transition: background-color 0.2s;
  padding: 11px 20px;
}

.register-btn:hover {
  color: var(--white);
  background-color: #df6149;
}

.footer__terms {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0 0 auto;
}

.footer-link {
  opacity: 0.8;
  color: var(--black);
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  transition: opacity 0.2s;
}

.button-wrap {
  object-fit: fill;
  position: static;
  overflow: auto;
}

.pricing {
  margin-top: 152px;
  position: relative;
}

.pricing__wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1 1 1;
  grid-auto-columns: 1;
  margin-top: 56px;
  display: grid;
}

.pricing-card {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 0 12px #3b3c491a;
  padding: 24px;
}

.pricing-card.pricing-card--dark {
  background-color: #000;
  position: relative;
}

.pricing__divider {
  background-color: #ebeef5;
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.pricing__divider.pricing__divider--dark {
  background-color: #ebeef533;
}

.pricing-card__item {
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

.pricing-card__item-ic {
  margin-right: 12px;
  display: block;
}

.pricing-card__top {
  flex-direction: column;
  justify-content: space-between;
  min-height: 188px;
  display: flex;
}

.pricing-card__label {
  color: var(--primary);
  background-color: #ff745a3d;
  border-radius: 100px;
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  display: inline-block;
  position: absolute;
  inset: 26px 24px auto auto;
  padding: 2px 6px;
}

.pricing-card__shape-green {
  position: absolute;
  inset: auto 14% 24% auto;
}

.pricing-card__shape-purple {
  position: absolute;
  inset: auto 57% 10% auto;
}

.banner {
  background-color: #fff6ed;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-top: 152px;
  display: none;
  padding: 32px 40px;
}

.pricing-scroll {
  position: absolute;
  inset: -120px 0 auto;
}

.top-banner {
  color: var(--white);
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  font-family:
    Open Sans,
    sans-serif;
  font-weight: 600;
  transition: background-color 0.2s;
  display: none;
}

.top-banner:hover {
  background-color: #ff745a;
}

.top-banner__wrap {
  margin-top: 80px;
  position: fixed;
}

.advisor-card_image-img {
  object-fit: fill;
  flex: 0 auto;
  padding-bottom: 70%;
  display: block;
  position: relative;
  overflow: hidden;
}

.image-15 {
  width: 100%;
  height: 100%;
}

.advisor-card__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0;
}

.advisor-quote {
  text-align: center;
  text-shadow: 3px 3px 2px #0003;
  word-break: normal;
  overflow-wrap: normal;
  font-style: italic;
}

.advisor-hero {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/648af5ee60a6ff58e70a43cb_blog-hero.webp);
  background-position: 0 0;
  background-size: auto;
  padding-top: 152px;
  padding-bottom: 60px;
}

.text-block-17 {
  margin-right: 0;
  padding-right: 6px;
  display: block;
  position: relative;
}

.icon-4 {
  margin-right: 0;
  padding-left: 2px;
}

.print_button {
  float: right;
  text-align: left;
  background-color: #ff745a;
  display: inline-block;
  position: relative;
  inset: auto;
}

.image-16 {
  float: right;
  background-color: #ff745a;
  border-radius: 5px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
}

.italic-text {
  font-size: 14px;
  display: inline;
}

.container-9 {
  margin-top: 113px;
}

.grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px #000;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1 1 1;
  grid-auto-flow: row;
}

.text-block-19 {
  font-size: 0;
}

.text-block-21,
.div-block-12 {
  text-align: center;
  border: 1px #000;
}

.div-block-13 {
  border: 1px #000;
}

.text-block-22,
.div-block-14 {
  background-color: #fff6ed38;
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-23 {
  background-color: #fff6ed38;
  margin-top: 10px;
}

#w-node-_1f7b7b0b-b625-e00e-5d86-1172ed2cd4a8-9bf12766,
#w-node-_740952a1-e6aa-146c-f91e-3b1a6b08c5f1-6b08c5d8,
#w-node-a1232da6-137f-8c27-ecf3-739de973808a-74146556,
#w-node-_38a8512f-a93b-79a1-705e-2c5e5d047620-238308e3,
#w-node-f8698a94-4ef8-4db8-119d-e19296e63aa0-5068b95d,
#w-node-a165bde7-f8e6-4697-0071-4e4a323a8ded-5068b95d,
#w-node-_87806e48-d7c7-7c44-138c-1e71290983ee-5068b95d,
#w-node-_98ee2a03-3359-46a2-64ba-d9712b4e9b82-5068b95d,
#w-node-_189befbd-e2bf-9395-c040-c73f047a40e9-5068b95d,
#w-node-_3cb9770d-868f-81f0-6f16-1dfba28b634e-5068b95d,
#w-node-_45adbb21-96ec-c563-42e5-089c4b268c7a-5068b95d,
#w-node-_804e1e91-e80a-ab93-0330-2e450e334da9-5068b95d,
#w-node-_83d180b6-190a-b82e-da1a-1382465cddcd-5068b95d,
#w-node-_403e92f3-a49a-24ab-607a-24f287e3dd3f-5068b95d,
#w-node-b6db1c2f-8ce2-db35-ed37-db99f5036922-5068b95d,
#w-node-dbd0f00c-5479-1355-9aa8-72c4a98b71e6-5068b95d,
#w-node-_53d495ba-85bc-33c6-52f8-32ce0f767336-5068b95d,
#w-node-_299e967c-cf4e-e962-c9dc-e61495886cd1-5068b95d,
#w-node-_6e59d8f9-9d79-314f-d9a6-5b9ebe0bb0db-5068b95d,
#w-node-_89a59773-f2c7-fafe-8ecb-af03c17633fd-5068b95d,
#w-node-_90dd8873-747e-ac73-95aa-45e8d4aad184-5068b95d,
#w-node-_9a98f2e5-7f16-196d-fc71-075fc200cd38-5068b95d,
#w-node-d1f2c715-106c-ee86-7851-e7453685a8f8-5068b95d,
#w-node-eaed9e0d-e83f-4738-8589-b48459f0e6a9-5068b95d,
#w-node-_1fe5b9cf-d0af-bf46-47e5-22008655f616-5068b95d,
#w-node-ea25f427-0777-cd32-b397-8b2ba6a7cc64-5068b95d,
#w-node-_3984b396-0795-13d4-4ad0-4ea078caab82-5068b95d,
#w-node-_4aa4d2e1-a236-07d6-901d-34c0e41e6ec1-5068b95d,
#w-node-_0fdb9b2d-5758-6abb-5db5-0129a334a2a7-5068b95d,
#w-node-_5085afe2-bd9b-14fd-4c9a-c63249f4cdcd-5068b95d,
#w-node-_424039a6-c254-82da-cff8-2e8c3542c3cc-5068b95d,
#w-node-_8fa0c777-1605-0419-aff1-4d87c31e1c57-5068b95d,
#w-node-_5ecea867-ee49-673c-01a7-8666d0301ede-5068b95d,
#w-node-_0646cfbb-c923-05cf-a603-319bd3d226b4-5068b95d,
#w-node-_154b3789-af3c-1119-61b8-996260a1e0a3-5068b95d,
#w-node-_6cc2cb93-08b7-378b-7caf-289490b8be0d-5068b95d,
#w-node-be56609f-b986-b359-7cd7-2c38c039419f-5068b95d,
#w-node-_9d968efe-9b4f-5cb4-05dc-c480e73b3a45-5068b95d,
#w-node-ad668779-8f84-7aae-6622-c55069453df4-5068b95d,
#w-node-_62fa3be0-badd-5189-d289-8c76acef4075-5068b95d,
#w-node-_108e0ab2-4877-6930-10b5-3c7e7f6cbd76-5068b95d,
#w-node-eb0bf015-1df6-de13-3545-bc129b3300d3-5068b95d,
#w-node-_7d7e19ea-94d5-1bed-5348-2f7123eaa80b-5068b95d,
#w-node-_3051e5e6-10e0-f41a-c12b-e9a9c705dc6b-5068b95d {
  grid-area: span 1s 1s 1s 1;
}

.custom-container,
.div-block-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.nav-tabs,
.footer-logo-2,
.mb-20 {
  margin-bottom: 20px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
.w-block,
.w-dropdown-list.w--open,
.w-richtext figure.w-richtext-align-fullwidth > figcaption,
.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open,
.w--tab-active,
.logo-2 {
  display: block;
}

[hidden],
template,
.w-hidden,
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden,
.w-lightbox-hide,
.w-nav[data-collapse="all"] .w-nav-menu,
.fs-toc_h-trigger,
.scroll__text-description,
.hero__scroll,
.advisor-card__quote {
  display: none;
}

a:active,
a:hover,
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus,
.w-dropdown-toggle:focus,
.w-dropdown-link:focus,
.w-nav-button:focus,
.w-tab-link:focus {
  outline: 0;
}

b,
strong,
optgroup {
  font-weight: 700;
}

svg:not(:root),
.w-widget-twitter,
.w-lightbox-noscroll,
.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}

pre,
textarea {
  overflow: auto;
}

button,
select,
.bold-text-3 {
  text-transform: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
  border: 0;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
textarea.w-input,
textarea.w-select,
.w-select[multiple] {
  height: auto;
}

input[type="search"],
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.w-clearfix:before,
.w-clearfix:after,
.w-embed:before,
.w-embed:after,
.w-radio:before,
.w-radio:after,
.w-container:before,
.w-container:after,
.w-row:before,
.w-row:after,
.w-richtext:before,
.w-richtext:after,
.w-nav:before,
.w-nav:after,
.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: table;
  grid-area: 1;
}

.w-clearfix:after,
.w-embed:after,
.w-radio:after,
.w-container:after,
.w-row:after,
.w-richtext:after,
.w-richtext figure.w-richtext-align-normal,
.w-nav:after,
.w-tabs:after {
  clear: both;
}

.w-col-3,
.col.col--choose {
  width: 25%;
}

.w-col-6,
.features-text-wrapper {
  width: 50%;
}

.w-col-12,
.w-richtext figure img,
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div,
.primary-btn.primary-btn--width,
.secondary-btn.secondary-btn--width,
.submit-btn.submit-btn--width {
  width: 100%;
}

.w-hidden-main,
.w-widget-map .gm-style-iw > button,
.w-background-video--control > [hidden],
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
  display: none !important;
}

.w-widget,
.w-tabs,
.w-tab-menu,
.c-flip-card,
._w-card-quote,
.features-item,
.hero__shape-wrap,
.cta-main__img-wrap {
  position: relative;
}

.w-widget-map .gm-style-iw,
.paragraph-6,
.heading-7,
.hero__mission,
.header,
.contact__form,
.bold-text,
.bold-text-5,
.bold-text-6 {
  text-align: center;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear,
.w--nav-link-open {
  display: block;
  position: relative;
}

.w-slider-nav-invert,
.plain-btn__text.plain-btn__text--white,
.h500.h400--white,
.footer__logo-link,
.footer__bottom-link:hover,
.register-btn.w--current {
  color: #fff;
}

.w-slider-dot.w-active,
.login-btn:hover {
  background-color: #fff;
}

.w-dropdown-link.w--current,
.w-nav-link.w--current {
  color: #0082f3;
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe,
.w-code-component > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

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

.copyright-wrapper,
.menu {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.social-links-wrapper,
.team-info__header {
  align-items: center;
  display: flex;
}

.text-block-4,
.text-block-13 {
  font-family: Lato, sans-serif;
}

.nav-logo:hover,
.link-social:hover {
  opacity: 0.75;
}

.leftheading.white,
.body200.body200--white,
.h100.h100--white,
.h400.h400--white {
  color: var(--white);
}

.mt-8,
.team-bio li,
.team-info__bio li,
.hero-about__desc li {
  margin-top: 8px;
}

.mt-16,
.form-input__wrap {
  margin-top: 16px;
}

.paragraph-7,
.headings {
  display: flex;
  flex-direction: column;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
}

.button-4:hover,
.primary-btn:hover,
.submit-btn:hover {
  background-color: var(--primary);
  border-color: #ff745a;
}

.button-4:active,
.primary-btn:active,
.secondary-btn:active,
.navbar-btn:active,
.load-more-btn:active,
.submit-btn:active,
.accent-btn:active {
  background-color: #e56851;
  border-color: #e56851;
}

.secondary-btn:hover,
.navbar-btn:hover {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.col.col--features,
.col.col--features-image {
  position: relative;
  padding: 0;
}

.col.col--benefits,
.col.col--blog,
.col.col--team {
  width: 33.330002%;
}

.col.col--book-hero,
.col.col--contact-hero,
.team-carrer__img,
.team-carrer__content,
.cta-main__img {
  position: relative;
  z-index: 1;
}

.col.col--hero-main,
.col.col--product,
.col.col--product-img,
#w-node-_1f7b7b0b-b625-e00e-5d86-1172ed2cd44a-9bf12766 {
  align-self: center;
}

.row,
.hero-main__buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

.blog,
.related-blog {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/64897e39e748aa8993fc7266_orange-abstract-bg-2.webp);
  background-position: 50% 0;
  background-size: cover;
  padding-bottom: 120px;
  padding-top: 120px;
}

.blog-item__img,
.team-card__image {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.footer__menu-link:hover,
.footer__social-link:hover,
.footer-link:hover {
  opacity: 1;
}

.menu-btn__ic-top,
.menu-btn__ic-bottom {
  background-color: #3a4669;
  height: 2px;
  width: 22px;
}

.menu__item:hover,
.menu__item.w--current:hover,
.fs-toc_link.w--current,
.demo-btn:hover,
.demo-btn.w--current:hover,
.link-3,
.register-btn.w--current:hover {
  color: var(--primary);
}

.menu__item.w--current,
.fs-toc_link:hover,
.fs-toc_link.is-h6:hover,
.fs-toc_link.is-h6.w--current,
.fs-toc_link.is-h3:hover,
.fs-toc_link.is-h5:hover,
.fs-toc_link.is-h4:hover,
.fs-toc_link.is-h4.w--current,
.demo-btn.w--current {
  color: #000;
}

.load-more-btn:hover,
.accent-btn:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

.all-blogs__wrap,
.team__wrap {
  margin-top: -300px;
}

.newsletter__input:focus,
.form-input:focus,
.form-text-area:focus {
  border-color: var(--primary);
}

.newsletter__input::placeholder,
.form-input::placeholder,
.form-text-area::placeholder {
  color: #8f8f8f;
}

.post-hero__author,
.post-hero__info,
.author__social,
.socials {
  align-items: center;
  display: flex;
  grid-column-gap: 12px;
}

.rich-text,
.bold-text-2 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
}

.rich-text h2,
.team-bio h2,
.team-info__bio h2,
.hero-about__desc h2 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.26em;
  margin-bottom: 16px;
  margin-top: 56px;
}

.rich-text h1,
.team-bio h1,
.team-info__bio h1,
.hero-about__desc h1 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 16px;
  margin-top: 56px;
}

.rich-text h6,
.team-bio h6,
.team-info__bio h6,
.hero-about__desc h6 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44em;
  margin-bottom: 16px;
  margin-top: 16px;
  text-transform: none;
}

.rich-text h5,
.team-bio h5,
.team-info__bio h5,
.hero-about__desc h5 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4em;
  margin-bottom: 16px;
  margin-top: 20px;
}

.rich-text h4,
.team-bio h4,
.team-info__bio h4,
.hero-about__desc h4 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.32em;
  margin-bottom: 16px;
  margin-top: 28px;
}

.rich-text h3,
.team-bio h3,
.team-info__bio h3,
.hero-about__desc h3 {
  font-family:
    Fkdisplay Regularalt,
    sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.28em;
  margin-bottom: 16px;
  margin-top: 48px;
}

.rich-text a,
.team-bio a,
.team-info__bio a,
.hero-about__desc a {
  color: var(--primary);
  text-decoration: underline;
  transition: color 0.2s;
}

.rich-text a:hover,
.team-bio a:hover,
.team-info__bio a:hover,
.hero-about__desc a:hover {
  color: #e55c42;
}

.rich-text blockquote,
.team-bio blockquote,
.team-info__bio blockquote,
.hero-about__desc blockquote {
  border-left-color: var(--primary);
  border-left-width: 6px;
  font-family:
    DM Sans,
    sans-serif;
  line-height: 1.54em;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 16px 24px 15px;
}

.rich-text figure,
.team-bio figure,
.team-info__bio figure,
.hero-about__desc figure {
  margin-bottom: 40px;
  margin-top: 40px;
}

.rich-text figcaption,
.team-bio figcaption,
.team-info__bio figcaption,
.hero-about__desc figcaption {
  color: #606060;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 6px;
}

.fs-toc_link-wrapper.is-h4,
.fs-toc_link-wrapper.is-h5 {
  border-left: 1px #252525;
  padding-left: 0.75rem;
}

.author__social-link:hover,
.team-card__social:hover,
.socials-link:hover {
  opacity: 0.8;
}

.team-card,
.advisor-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.team-bio,
.team-info__bio,
.hero-about__desc {
  color: #333;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.54em;
}

.team-bio p,
.team-info__bio p,
.hero-about__desc p {
  color: #333;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.54em;
  margin-bottom: 0;
}

.team-bio ul,
.team-info__bio ul,
.hero-about__desc ul {
  color: #333;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.54em;
  list-style-type: disc;
  margin-bottom: 24px;
  margin-top: 16px;
  padding-left: 32px;
}

.team-bio ol,
.team-info__bio ol,
.hero-about__desc ol {
  color: #333;
  font-family:
    DM Sans,
    sans-serif;
  font-size: 16px;
  line-height: 1.54em;
  margin-bottom: 24px;
  margin-top: 16px;
  padding-left: 32px;
}

.hero-about__content,
.investors__content {
  max-width: 460px;
}

.hero-about__img,
.product__content.product__content--right {
  margin-left: auto;
}

.book-hero,
.contact-hero {
  background-image: url(https://cdn.prod.website-files.com/62ee77330e99ef2301f1275e/6490195959e5b140aefa1945_book-bg.png);
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 120px;
  padding-top: 180px;
}

.product-item,
.choose {
  margin-top: 152px;
}

.blog-list,
.cta-main {
  padding-bottom: 76px;
  padding-top: 76px;
}

.pricing-card-span,
.text-block-18 {
  font-size: 18px;
}

.bold-text-4,
.text-block-20 {
  font-size: 18px;
  text-align: center;
}

.content-padding {
  padding-top: 60px; /* Adjust this value based on your navbar height */
  border-left:;
}

.main-content {
  padding: 2rem 2rem !important;
  z-index: 1; /* Ensure it stays above the sidebar */
}

@media (max-width: 768px) {
  .main-content {
    padding: 1.5rem !important;
  }
}

.main-content h1,
.main-content h2 {
  margin-bottom: 1.5rem;
}

.main-content .card {
  margin-bottom: 2rem;
}