@charset "UTF-8";

:root {
  --padding-xxxl: 120px;
  --padding-xxl: 100px;
  --padding-xl: 80px;
  --padding-default: 60px;
  --padding-large: 40px;
  --padding-medium: 20px;
  --padding-small: 10px;
  --padding-none: 0;
}

body {
  --font-primary: 'neue-haas-grotesk-display', sans-serif;
  --header-extra-height: 0px;
  --header-total-height: 0px;
  --header-modalbar-height: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-grey-000) !important;
  overflow-x: hidden;
}

body.menu-open {
  overflow: hidden;
}

body,
.sections_wrap {
  font-family: var(--font-primary) !important;
}

.sections_wrap {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.container {
  max-width: 1560px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
}

.button {
  font-size: 16px !important;
  text-align: center;
  padding: 2px 16px;
}

.button.button-primary {
  background: var(--color-yellow-400);
  color: var(--color-green-900);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 8px;
}

.button.button-primary:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.button.button-text {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  padding: 0 6px;
  border-radius: 8px;
  text-decoration: none;
}

.button.button-text:hover {
  background: var(--color-grey-200);
}

.button-fullwidth {
  width: 100%;
}

.button-fullwidth a {
  width: 100%;
}

.buttons {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}

.media__images_slider .media-images__box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
}

#hero .section-sides__side[data-media-only="true"][data-background-gradient-simple="gradient-02"] {
  border-radius: 20px 0 0 0;
  padding: 40px 0 0 40px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}

#marquee_images .section-sides__side[data-media-only="true"] {
  padding: 40px 0;
}

.hbspt-form input {
  width: 100%;
  border: 1px solid var(--color-grey-700);
  border-radius: 4px;
  padding: 6px 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--color-grey-500);
}

.hbspt-form input:focus,
.hbspt-form input:focus-visible {
  border: 1px solid var(--border-border-primary);
  border-radius: 0;
}

.hbspt-form input::-webkit-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input:-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::-moz-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input::placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form input[type="submit"] {
  text-align: center;
  padding: 8px 16px;
  background: var(--color-yellow-400);
  color: var(--color-green-900);
  -webkit-box-shadow: 0 0 6px 0 #CAF625;
          box-shadow: 0 0 6px 0 #CAF625;
  border-radius: 8px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.hbspt-form input[type="submit"]:hover {
  -webkit-box-shadow: 0px 0px 20px 4px #CAF625;
          box-shadow: 0px 0px 20px 4px #CAF625;
}

.hbspt-form select {
  width: 100%;
  border: 1px solid var(--color-grey-700);
  border-radius: 4px;
  padding: 9px 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--color-grey-500);
}

.hbspt-form textarea {
  width: 100% !important;
  border: 1px solid var(--border-border-primary);
  border-radius: 4px;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  color: var(--text-text-primary);
  resize: none;
}

.hbspt-form textarea:focus,
.hbspt-form textarea:focus-visible {
  border: 1px solid var(--border-border-primary);
  border-radius: 0;
}

.hbspt-form textarea::-webkit-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea:-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::-moz-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::-ms-input-placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form textarea::placeholder {
  color: var(--text-text-secondary);
}

.hbspt-form .actions {
  margin-top: 10px;
  margin-bottom: 18px;
  padding: 10px 0 16px;
}

.hbspt-form label {
  font-size: 14px;
  display: block;
}

.hbspt-form .hs-form-field:not(:last-of-type) {
  margin-bottom: 10px;
}

.hbspt-form .legal-consent-container {
  margin: 10px 0;
}

.hbspt-form .legal-consent-container .hs-richtext {
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-text-secondary);
}

.hbspt-form .legal-consent-container .hs-richtext p {
  font-size: 10px;
  line-height: 17px;
  font-weight: 400;
  color: var(--text-text-secondary);
}

.hbspt-form .hs-richtext {
  color: var(--pecan-text);
  line-height: 24px;
  text-align: left;
}

.hbspt-form .hs-richtext a {
  color: var(--pecan-primary);
}

.hbspt-form .hs-richtext p {
  color: var(--pecan-text);
  line-height: 24px;
  text-align: left;
}

.hbspt-form .edu-error-message {
  color: #f2545b;
  padding: 5px;
}

.hbspt-form .hs-error-msgs {
  text-align: left;
}

.hbspt-form .hs-error-msgs.inputs-list {
  margin: 5px 0 0;
}

.hbspt-form .hs-error-msgs label {
  color: #f2545b;
}

.hbspt-form ul.no-list {
  list-style: none;
}

.hbspt-form .inputs-list {
  margin: 0 0 5px;
  width: 100%;
  padding-left: 5px;
}

.hbspt-form .hs-recaptcha {
  display: none !important;
}

.book-a-demo-popup .lity-close {
  opacity: 0;
  visibility: hidden;
}

.book-a-demo-popup .video-overlay-wrap {
  width: 100%;
}

.book-a-demo-popup .section-book_a_demo .section-book_a_demo_wrap__content a[data-close-popup] {
  display: block !important;
}

.book-a-demo-popup .section-book_a_demo .pecan_logo {
  display: block;
}

.book-a-demo-popup .section-book_a_demo .container {
  padding: 0;
  margin: 0;
}

.lity-opened.lity-inline:has(.section-book_a_demo) .lity-close {
  display: none !important;
}

.lity-close {
  text-indent: inherit !important;
  font-size: 0 !important;
}

.video-overlay-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 96vw;
  gap: 16px;
}

.video-overlay-wrap video,
.video-overlay-wrap iframe {
  height: calc(100vh - 9rem);
  max-width: 100%;
}

.video-overlay-wrap iframe {
  width: 100%;
}

.single_post_content_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 60px 0;
  gap: 64px;
}

.single_post_content_wrap-left {
  max-width: 800px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.single_post_content_wrap-right {
  width: 300px;
}

.single_post_content_wrap-rightSidebar {
  position: -webkit-sticky;
  position: sticky;
  top: calc(20px + var(--header-total-height));
  z-index: 5;
}

.single_post_content_wrap-rightSidebar-form {
  border-radius: 10px;
  border: 1px solid #AFB9B8;
  padding: 10px;
  text-align: center;
}

.single_post_content_wrap-rightSidebar-form .actions {
  margin: 0;
  padding: 10px 0 0;
}

.single_post_content_wrap-rightSidebar .newsletter_box {
  margin-top: 10px;
}

.single_post_content_wrap-rightSidebar .newsletter_box_title {
  margin-bottom: 16px;
}

.single_post_content_wrap-rightSidebar .newsletter_box_title p {
  padding-bottom: 0;
}

.single_post_content_wrap-rightSidebar .downloadable_version {
  margin: 48px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.single_post_content_wrap-rightSidebar .downloadable_version_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.single_post_content .post_toc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.single_post_content .post_toc_linksList {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}

.single_post_content .post_toc_linksList-item.is-active-li a {
  color: var(--color-yellow-600) !important;
}

.single_post_content .post_toc_linksList-item.is-active-li a:before {
  color: var(--color-yellow-600);
}

.single_post_content .post_toc_linksList-item a {
  position: relative;
  color: var(--text-text-secondary) !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 6px;
}

.single_post_content .post_toc_linksList-item a:before {
  content: "→";
  position: absolute;
  top: 0;
  left: -20px;
  color: var(--text-text-secondary);
}

.related_content .thumb {
  height: 200px;
}

.related_content .thumb a {
  width: 100%;
  height: 100%;
}

.related_content .thumb picture {
  width: 100%;
  height: 100%;
}

.related_content .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.related_content .text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.bookademo {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: var(--color-yellow-100);
  border-radius: 10px;
}

.bookademo .newsletter_box_title {
  margin: 0;
}

.bookademo .buttons {
  width: 100%;
}

.bookademo a {
  width: 100%;
}

.blog_cta_in_content {
  margin: 20px 0;
  padding: 20px;
  border-radius: 8px;
  background: var(--color-yellow-100);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.blog_breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
}

.blog_breadcrumbs a,
.blog_breadcrumbs span {
  font-weight: normal;
  font-size: 14px;
  line-height: 23px;
  color: #697777;
}

.blog_breadcrumbs span.divider {
  margin-left: 5px;
  margin-right: 5px;
}

.lity {
  background: rgba(0, 0, 0, 0.55) !important;
}

html.lity-active body > .sections_wrap,
html.lity-active .section-header {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transition: -webkit-filter 0.3s ease-in-out;
  transition: -webkit-filter 0.3s ease-in-out;
  -o-transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.lity-iframe-container {
  height: 90vh !important;
}

.hbspt-form .submitted-message {
  background: var(--surface-background-tertiary);
  padding: 24px;
}

#custom-bg-1 .section-sides__side {
  background: var(--custom-grey);
  padding: 20px;
  border-radius: 10px;
}

#custom-bg-1 .section-sides__side .section-sides__cards__box:first-of-type {
  border-left: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: #000;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
     -moz-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
  height: auto;
  max-width: 100%;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

:root {
  --color-black-white-black: #000000;
  --color-black-white-white: #ffffff;
  --color-blue-050: #eff4ff;
  --color-blue-100: #dae6ff;
  --color-blue-200: #bed4ff;
  --color-blue-300: #91b9ff;
  --color-blue-400: #5e94fc;
  --color-blue-500: #386df9;
  --color-blue-600: #1a39db;
  --color-blue-700: #1c2fb1;
  --color-blue-800: #1d25b6;
  --color-blue-900: #161d55;
  --color-brown-050: #faf5f2;
  --color-brown-100: #f4e8e0;
  --color-brown-200: #e7d0c1;
  --color-brown-300: #d8b199;
  --color-brown-400: #cb9379;
  --color-brown-500: #bc7053;
  --color-brown-600: #ae5d48;
  --color-brown-700: #914b3d;
  --color-brown-800: #753e37;
  --color-brown-900: #331917;
  --color-cyan-050: #effefd;
  --color-cyan-100: #c8fffc;
  --color-cyan-200: #90fffa;
  --color-cyan-300: #51f7f6;
  --color-cyan-400: #1ddfe4;
  --color-cyan-500: #05bec7;
  --color-cyan-600: #0097a1;
  --color-cyan-700: #057780;
  --color-cyan-800: #0a5d65;
  --color-cyan-900: #002f36;
  --color-green-050: #fbf9ea;
  --color-green-100: #f5f4d2;
  --color-green-200: #ebe8ab;
  --color-green-300: #dcda7a;
  --color-green-400: #cbcb50;
  --color-green-500: #afb032;
  --color-green-600: #898c24;
  --color-green-700: #686b20;
  --color-green-800: #53561e;
  --color-green-900: #2c2e11;
  --color-grey-000: #fbfbfb;
  --color-grey-100: #f8f8f7;
  --color-grey-200: #ebeeee;
  --color-grey-300: #d4d9d9;
  --color-grey-400: #afb9b8;
  --color-grey-500: #697777;
  --color-grey-600: #54605f;
  --color-grey-700: #444d4c;
  --color-grey-800: #3a4141;
  --color-grey-900: #222626;
  --color-magenta-050: #fbf4f8;
  --color-magenta-100: #f9eaf2;
  --color-magenta-200: #f1c5dc;
  --color-magenta-300: #eeb3d0;
  --color-magenta-400: #e284b1;
  --color-magenta-500: #d55f94;
  --color-magenta-600: #c24074;
  --color-magenta-700: #a72f5c;
  --color-magenta-800: #8a2a4d;
  --color-magenta-900: #461124;
  --color-orange-050: #fef5ee;
  --color-orange-100: #fee9d6;
  --color-orange-200: #fbcead;
  --color-orange-300: #f8ac79;
  --color-orange-400: #f48043;
  --color-orange-500: #f15d1e;
  --color-orange-600: #e74514;
  --color-orange-700: #bc3112;
  --color-orange-800: #782416;
  --color-orange-900: #410f09;
  --color-purple-050: #f6f3ff;
  --color-purple-100: #eee9fe;
  --color-purple-200: #e0d6fe;
  --color-purple-300: #d0bffd;
  --color-purple-400: #ae8bfa;
  --color-purple-500: #955df5;
  --color-purple-600: #883bec;
  --color-purple-700: #7929d8;
  --color-purple-800: #541e94;
  --color-purple-900: #341065;
  --color-red-050: #fff1f0;
  --color-red-100: #ffe0dd;
  --color-red-200: #ffc7c1;
  --color-red-300: #ff9f95;
  --color-red-400: #ff6959;
  --color-red-500: #ff3a26;
  --color-red-600: #fc1d06;
  --color-red-700: #eb1600;
  --color-red-800: #af1505;
  --color-red-900: #500700;
  --color-yellow-050: #fcffe5;
  --color-yellow-100: #f7ffc7;
  --color-yellow-200: #eeff95;
  --color-yellow-300: #e2ff6c;
  --color-yellow-400: #caf625;
  --color-yellow-500: #abdd05;
  --color-yellow-600: #85b100;
  --color-yellow-700: #648605;
  --color-yellow-800: #50690b;
  --color-yellow-900: #43590e;
  --custom-grey: #F2F2F2;
  --surface-background-primary: var(--color-grey-000);
  --gradient-01: linear-gradient(180deg, rgba(243, 245, 245, 0.00) 0%, #EEFF95 100%);
  --gradient-02: radial-gradient(232.04% 240.84% at -20.42% -27.75%, var(--color-yellow-400) 15%, var(--color-yellow-700) 74.55%, rgba(243, 245, 245, 0.00) 100%);
}

[data-theme="light"] {
  --surface-background-primary: var(--color-grey-000);
  --text-text-primary: var(--color-yellow-900);
  --text-text-secondary: var(--color-grey-500);
  --text-text-hover: var(--color-yellow-700);
}

[data-background-color="color-black-white-black"][data-background-color="color-black-white-black"] {
  background-color: var(--color-black-white-black);
}

[data-background-color="color-black-white-white"][data-background-color="color-black-white-white"] {
  background-color: var(--color-black-white-white);
}

[data-background-color="color-blue-050"][data-background-color="color-blue-050"] {
  background-color: var(--color-blue-050);
}

[data-background-color="color-blue-100"][data-background-color="color-blue-100"] {
  background-color: var(--color-blue-100);
}

[data-background-color="color-blue-200"][data-background-color="color-blue-200"] {
  background-color: var(--color-blue-200);
}

[data-background-color="color-blue-300"][data-background-color="color-blue-300"] {
  background-color: var(--color-blue-300);
}

[data-background-color="color-blue-400"][data-background-color="color-blue-400"] {
  background-color: var(--color-blue-400);
}

[data-background-color="color-blue-500"][data-background-color="color-blue-500"] {
  background-color: var(--color-blue-500);
}

[data-background-color="color-blue-600"][data-background-color="color-blue-600"] {
  background-color: var(--color-blue-600);
}

[data-background-color="color-blue-700"][data-background-color="color-blue-700"] {
  background-color: var(--color-blue-700);
}

[data-background-color="color-blue-800"][data-background-color="color-blue-800"] {
  background-color: var(--color-blue-800);
}

[data-background-color="color-blue-900"][data-background-color="color-blue-900"] {
  background-color: var(--color-blue-900);
}

[data-background-color="color-brown-050"][data-background-color="color-brown-050"] {
  background-color: var(--color-brown-050);
}

[data-background-color="color-brown-100"][data-background-color="color-brown-100"] {
  background-color: var(--color-brown-100);
}

[data-background-color="color-brown-200"][data-background-color="color-brown-200"] {
  background-color: var(--color-brown-200);
}

[data-background-color="color-brown-300"][data-background-color="color-brown-300"] {
  background-color: var(--color-brown-300);
}

[data-background-color="color-brown-400"][data-background-color="color-brown-400"] {
  background-color: var(--color-brown-400);
}

[data-background-color="color-brown-500"][data-background-color="color-brown-500"] {
  background-color: var(--color-brown-500);
}

[data-background-color="color-brown-600"][data-background-color="color-brown-600"] {
  background-color: var(--color-brown-600);
}

[data-background-color="color-brown-700"][data-background-color="color-brown-700"] {
  background-color: var(--color-brown-700);
}

[data-background-color="color-brown-800"][data-background-color="color-brown-800"] {
  background-color: var(--color-brown-800);
}

[data-background-color="color-brown-900"][data-background-color="color-brown-900"] {
  background-color: var(--color-brown-900);
}

[data-background-color="color-cyan-050"][data-background-color="color-cyan-050"] {
  background-color: var(--color-cyan-050);
}

[data-background-color="color-cyan-100"][data-background-color="color-cyan-100"] {
  background-color: var(--color-cyan-100);
}

[data-background-color="color-cyan-200"][data-background-color="color-cyan-200"] {
  background-color: var(--color-cyan-200);
}

[data-background-color="color-cyan-300"][data-background-color="color-cyan-300"] {
  background-color: var(--color-cyan-300);
}

[data-background-color="color-cyan-400"][data-background-color="color-cyan-400"] {
  background-color: var(--color-cyan-400);
}

[data-background-color="color-cyan-500"][data-background-color="color-cyan-500"] {
  background-color: var(--color-cyan-500);
}

[data-background-color="color-cyan-600"][data-background-color="color-cyan-600"] {
  background-color: var(--color-cyan-600);
}

[data-background-color="color-cyan-700"][data-background-color="color-cyan-700"] {
  background-color: var(--color-cyan-700);
}

[data-background-color="color-cyan-800"][data-background-color="color-cyan-800"] {
  background-color: var(--color-cyan-800);
}

[data-background-color="color-cyan-900"][data-background-color="color-cyan-900"] {
  background-color: var(--color-cyan-900);
}

[data-background-color="color-green-050"][data-background-color="color-green-050"] {
  background-color: var(--color-green-050);
}

[data-background-color="color-green-100"][data-background-color="color-green-100"] {
  background-color: var(--color-green-100);
}

[data-background-color="color-green-200"][data-background-color="color-green-200"] {
  background-color: var(--color-green-200);
}

[data-background-color="color-green-300"][data-background-color="color-green-300"] {
  background-color: var(--color-green-300);
}

[data-background-color="color-green-400"][data-background-color="color-green-400"] {
  background-color: var(--color-green-400);
}

[data-background-color="color-green-500"][data-background-color="color-green-500"] {
  background-color: var(--color-green-500);
}

[data-background-color="color-green-600"][data-background-color="color-green-600"] {
  background-color: var(--color-green-600);
}

[data-background-color="color-green-700"][data-background-color="color-green-700"] {
  background-color: var(--color-green-700);
}

[data-background-color="color-green-800"][data-background-color="color-green-800"] {
  background-color: var(--color-green-800);
}

[data-background-color="color-green-900"][data-background-color="color-green-900"] {
  background-color: var(--color-green-900);
}

[data-background-color="color-grey-000"][data-background-color="color-grey-000"] {
  background-color: var(--color-grey-000);
}

[data-background-color="color-grey-100"][data-background-color="color-grey-100"] {
  background-color: var(--color-grey-100);
}

[data-background-color="color-grey-200"][data-background-color="color-grey-200"] {
  background-color: var(--color-grey-200);
}

[data-background-color="color-grey-300"][data-background-color="color-grey-300"] {
  background-color: var(--color-grey-300);
}

[data-background-color="color-grey-400"][data-background-color="color-grey-400"] {
  background-color: var(--color-grey-400);
}

[data-background-color="color-grey-500"][data-background-color="color-grey-500"] {
  background-color: var(--color-grey-500);
}

[data-background-color="color-grey-600"][data-background-color="color-grey-600"] {
  background-color: var(--color-grey-600);
}

[data-background-color="color-grey-700"][data-background-color="color-grey-700"] {
  background-color: var(--color-grey-700);
}

[data-background-color="color-grey-800"][data-background-color="color-grey-800"] {
  background-color: var(--color-grey-800);
}

[data-background-color="color-grey-900"][data-background-color="color-grey-900"] {
  background-color: var(--color-grey-900);
}

[data-background-color="color-magenta-050"][data-background-color="color-magenta-050"] {
  background-color: var(--color-magenta-050);
}

[data-background-color="color-magenta-100"][data-background-color="color-magenta-100"] {
  background-color: var(--color-magenta-100);
}

[data-background-color="color-magenta-200"][data-background-color="color-magenta-200"] {
  background-color: var(--color-magenta-200);
}

[data-background-color="color-magenta-300"][data-background-color="color-magenta-300"] {
  background-color: var(--color-magenta-300);
}

[data-background-color="color-magenta-400"][data-background-color="color-magenta-400"] {
  background-color: var(--color-magenta-400);
}

[data-background-color="color-magenta-500"][data-background-color="color-magenta-500"] {
  background-color: var(--color-magenta-500);
}

[data-background-color="color-magenta-600"][data-background-color="color-magenta-600"] {
  background-color: var(--color-magenta-600);
}

[data-background-color="color-magenta-700"][data-background-color="color-magenta-700"] {
  background-color: var(--color-magenta-700);
}

[data-background-color="color-magenta-800"][data-background-color="color-magenta-800"] {
  background-color: var(--color-magenta-800);
}

[data-background-color="color-magenta-900"][data-background-color="color-magenta-900"] {
  background-color: var(--color-magenta-900);
}

[data-background-color="color-orange-050"][data-background-color="color-orange-050"] {
  background-color: var(--color-orange-050);
}

[data-background-color="color-orange-100"][data-background-color="color-orange-100"] {
  background-color: var(--color-orange-100);
}

[data-background-color="color-orange-200"][data-background-color="color-orange-200"] {
  background-color: var(--color-orange-200);
}

[data-background-color="color-orange-300"][data-background-color="color-orange-300"] {
  background-color: var(--color-orange-300);
}

[data-background-color="color-orange-400"][data-background-color="color-orange-400"] {
  background-color: var(--color-orange-400);
}

[data-background-color="color-orange-500"][data-background-color="color-orange-500"] {
  background-color: var(--color-orange-500);
}

[data-background-color="color-orange-600"][data-background-color="color-orange-600"] {
  background-color: var(--color-orange-600);
}

[data-background-color="color-orange-700"][data-background-color="color-orange-700"] {
  background-color: var(--color-orange-700);
}

[data-background-color="color-orange-800"][data-background-color="color-orange-800"] {
  background-color: var(--color-orange-800);
}

[data-background-color="color-orange-900"][data-background-color="color-orange-900"] {
  background-color: var(--color-orange-900);
}

[data-background-color="color-purple-050"][data-background-color="color-purple-050"] {
  background-color: var(--color-purple-050);
}

[data-background-color="color-purple-100"][data-background-color="color-purple-100"] {
  background-color: var(--color-purple-100);
}

[data-background-color="color-purple-200"][data-background-color="color-purple-200"] {
  background-color: var(--color-purple-200);
}

[data-background-color="color-purple-300"][data-background-color="color-purple-300"] {
  background-color: var(--color-purple-300);
}

[data-background-color="color-purple-400"][data-background-color="color-purple-400"] {
  background-color: var(--color-purple-400);
}

[data-background-color="color-purple-500"][data-background-color="color-purple-500"] {
  background-color: var(--color-purple-500);
}

[data-background-color="color-purple-600"][data-background-color="color-purple-600"] {
  background-color: var(--color-purple-600);
}

[data-background-color="color-purple-700"][data-background-color="color-purple-700"] {
  background-color: var(--color-purple-700);
}

[data-background-color="color-purple-800"][data-background-color="color-purple-800"] {
  background-color: var(--color-purple-800);
}

[data-background-color="color-purple-900"][data-background-color="color-purple-900"] {
  background-color: var(--color-purple-900);
}

[data-background-color="color-red-050"][data-background-color="color-red-050"] {
  background-color: var(--color-red-050);
}

[data-background-color="color-red-100"][data-background-color="color-red-100"] {
  background-color: var(--color-red-100);
}

[data-background-color="color-red-200"][data-background-color="color-red-200"] {
  background-color: var(--color-red-200);
}

[data-background-color="color-red-300"][data-background-color="color-red-300"] {
  background-color: var(--color-red-300);
}

[data-background-color="color-red-400"][data-background-color="color-red-400"] {
  background-color: var(--color-red-400);
}

[data-background-color="color-red-500"][data-background-color="color-red-500"] {
  background-color: var(--color-red-500);
}

[data-background-color="color-red-600"][data-background-color="color-red-600"] {
  background-color: var(--color-red-600);
}

[data-background-color="color-red-700"][data-background-color="color-red-700"] {
  background-color: var(--color-red-700);
}

[data-background-color="color-red-800"][data-background-color="color-red-800"] {
  background-color: var(--color-red-800);
}

[data-background-color="color-red-900"][data-background-color="color-red-900"] {
  background-color: var(--color-red-900);
}

[data-background-color="color-yellow-050"][data-background-color="color-yellow-050"] {
  background-color: var(--color-yellow-050);
}

[data-background-color="color-yellow-100"][data-background-color="color-yellow-100"] {
  background-color: var(--color-yellow-100);
}

[data-background-color="color-yellow-200"][data-background-color="color-yellow-200"] {
  background-color: var(--color-yellow-200);
}

[data-background-color="color-yellow-300"][data-background-color="color-yellow-300"] {
  background-color: var(--color-yellow-300);
}

[data-background-color="color-yellow-400"][data-background-color="color-yellow-400"] {
  background-color: var(--color-yellow-400);
}

[data-background-color="color-yellow-500"][data-background-color="color-yellow-500"] {
  background-color: var(--color-yellow-500);
}

[data-background-color="color-yellow-600"][data-background-color="color-yellow-600"] {
  background-color: var(--color-yellow-600);
}

[data-background-color="color-yellow-700"][data-background-color="color-yellow-700"] {
  background-color: var(--color-yellow-700);
}

[data-background-color="color-yellow-800"][data-background-color="color-yellow-800"] {
  background-color: var(--color-yellow-800);
}

[data-background-color="color-yellow-900"][data-background-color="color-yellow-900"] {
  background-color: var(--color-yellow-900);
}

[data-background-color="custom-grey"][data-background-color="custom-grey"] {
  background-color: var(--custom-grey);
}

[data-background-gradient][data-background-gradient="gradient-01"] {
  position: relative;
}

[data-background-gradient][data-background-gradient="gradient-01"] .container {
  z-index: 2;
}

[data-background-gradient][data-background-gradient="gradient-01"]:after {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1440px;
  width: 100%;
  height: 83%;
  border-radius: 20px;
  background: var(--gradient-01);
  content: "";
}

[data-background-gradient][data-background-gradient="gradient-02"] {
  position: relative;
}

[data-background-gradient][data-background-gradient="gradient-02"] .container {
  z-index: 2;
}

[data-background-gradient][data-background-gradient="gradient-02"]:after {
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 1440px;
  width: 100%;
  height: 83%;
  border-radius: 20px;
  background: var(--gradient-02);
  content: "";
}

[data-background-gradient-simple][data-background-gradient-simple="gradient-01"] {
  background: var(--gradient-01);
}

[data-background-gradient-simple][data-background-gradient-simple="gradient-02"] {
  background: var(--gradient-02);
}

[data-background-gradient-simple="gradient-02"] {
  position: relative;
}

[data-background-gradient-simple="gradient-02"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 1px, transparent 1px), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.1) 1px, transparent 1px), -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

[data-text-color][data-text-color="color-black-white-black"] {
  color: var(--color-black-white-black);
  --text-color: var(--color-black-white-black);
}

[data-text-color][data-text-color="color-black-white-black"] * {
  color: var(--color-black-white-black);
}

[data-text-color][data-text-color="color-black-white-white"] {
  color: var(--color-black-white-white);
  --text-color: var(--color-black-white-white);
}

[data-text-color][data-text-color="color-black-white-white"] * {
  color: var(--color-black-white-white);
}

[data-text-color][data-text-color="color-blue-050"] {
  color: var(--color-blue-050);
  --text-color: var(--color-blue-050);
}

[data-text-color][data-text-color="color-blue-050"] * {
  color: var(--color-blue-050);
}

[data-text-color][data-text-color="color-blue-100"] {
  color: var(--color-blue-100);
  --text-color: var(--color-blue-100);
}

[data-text-color][data-text-color="color-blue-100"] * {
  color: var(--color-blue-100);
}

[data-text-color][data-text-color="color-blue-200"] {
  color: var(--color-blue-200);
  --text-color: var(--color-blue-200);
}

[data-text-color][data-text-color="color-blue-200"] * {
  color: var(--color-blue-200);
}

[data-text-color][data-text-color="color-blue-300"] {
  color: var(--color-blue-300);
  --text-color: var(--color-blue-300);
}

[data-text-color][data-text-color="color-blue-300"] * {
  color: var(--color-blue-300);
}

[data-text-color][data-text-color="color-blue-400"] {
  color: var(--color-blue-400);
  --text-color: var(--color-blue-400);
}

[data-text-color][data-text-color="color-blue-400"] * {
  color: var(--color-blue-400);
}

[data-text-color][data-text-color="color-blue-500"] {
  color: var(--color-blue-500);
  --text-color: var(--color-blue-500);
}

[data-text-color][data-text-color="color-blue-500"] * {
  color: var(--color-blue-500);
}

[data-text-color][data-text-color="color-blue-600"] {
  color: var(--color-blue-600);
  --text-color: var(--color-blue-600);
}

[data-text-color][data-text-color="color-blue-600"] * {
  color: var(--color-blue-600);
}

[data-text-color][data-text-color="color-blue-700"] {
  color: var(--color-blue-700);
  --text-color: var(--color-blue-700);
}

[data-text-color][data-text-color="color-blue-700"] * {
  color: var(--color-blue-700);
}

[data-text-color][data-text-color="color-blue-800"] {
  color: var(--color-blue-800);
  --text-color: var(--color-blue-800);
}

[data-text-color][data-text-color="color-blue-800"] * {
  color: var(--color-blue-800);
}

[data-text-color][data-text-color="color-blue-900"] {
  color: var(--color-blue-900);
  --text-color: var(--color-blue-900);
}

[data-text-color][data-text-color="color-blue-900"] * {
  color: var(--color-blue-900);
}

[data-text-color][data-text-color="color-brown-050"] {
  color: var(--color-brown-050);
  --text-color: var(--color-brown-050);
}

[data-text-color][data-text-color="color-brown-050"] * {
  color: var(--color-brown-050);
}

[data-text-color][data-text-color="color-brown-100"] {
  color: var(--color-brown-100);
  --text-color: var(--color-brown-100);
}

[data-text-color][data-text-color="color-brown-100"] * {
  color: var(--color-brown-100);
}

[data-text-color][data-text-color="color-brown-200"] {
  color: var(--color-brown-200);
  --text-color: var(--color-brown-200);
}

[data-text-color][data-text-color="color-brown-200"] * {
  color: var(--color-brown-200);
}

[data-text-color][data-text-color="color-brown-300"] {
  color: var(--color-brown-300);
  --text-color: var(--color-brown-300);
}

[data-text-color][data-text-color="color-brown-300"] * {
  color: var(--color-brown-300);
}

[data-text-color][data-text-color="color-brown-400"] {
  color: var(--color-brown-400);
  --text-color: var(--color-brown-400);
}

[data-text-color][data-text-color="color-brown-400"] * {
  color: var(--color-brown-400);
}

[data-text-color][data-text-color="color-brown-500"] {
  color: var(--color-brown-500);
  --text-color: var(--color-brown-500);
}

[data-text-color][data-text-color="color-brown-500"] * {
  color: var(--color-brown-500);
}

[data-text-color][data-text-color="color-brown-600"] {
  color: var(--color-brown-600);
  --text-color: var(--color-brown-600);
}

[data-text-color][data-text-color="color-brown-600"] * {
  color: var(--color-brown-600);
}

[data-text-color][data-text-color="color-brown-700"] {
  color: var(--color-brown-700);
  --text-color: var(--color-brown-700);
}

[data-text-color][data-text-color="color-brown-700"] * {
  color: var(--color-brown-700);
}

[data-text-color][data-text-color="color-brown-800"] {
  color: var(--color-brown-800);
  --text-color: var(--color-brown-800);
}

[data-text-color][data-text-color="color-brown-800"] * {
  color: var(--color-brown-800);
}

[data-text-color][data-text-color="color-brown-900"] {
  color: var(--color-brown-900);
  --text-color: var(--color-brown-900);
}

[data-text-color][data-text-color="color-brown-900"] * {
  color: var(--color-brown-900);
}

[data-text-color][data-text-color="color-cyan-050"] {
  color: var(--color-cyan-050);
  --text-color: var(--color-cyan-050);
}

[data-text-color][data-text-color="color-cyan-050"] * {
  color: var(--color-cyan-050);
}

[data-text-color][data-text-color="color-cyan-100"] {
  color: var(--color-cyan-100);
  --text-color: var(--color-cyan-100);
}

[data-text-color][data-text-color="color-cyan-100"] * {
  color: var(--color-cyan-100);
}

[data-text-color][data-text-color="color-cyan-200"] {
  color: var(--color-cyan-200);
  --text-color: var(--color-cyan-200);
}

[data-text-color][data-text-color="color-cyan-200"] * {
  color: var(--color-cyan-200);
}

[data-text-color][data-text-color="color-cyan-300"] {
  color: var(--color-cyan-300);
  --text-color: var(--color-cyan-300);
}

[data-text-color][data-text-color="color-cyan-300"] * {
  color: var(--color-cyan-300);
}

[data-text-color][data-text-color="color-cyan-400"] {
  color: var(--color-cyan-400);
  --text-color: var(--color-cyan-400);
}

[data-text-color][data-text-color="color-cyan-400"] * {
  color: var(--color-cyan-400);
}

[data-text-color][data-text-color="color-cyan-500"] {
  color: var(--color-cyan-500);
  --text-color: var(--color-cyan-500);
}

[data-text-color][data-text-color="color-cyan-500"] * {
  color: var(--color-cyan-500);
}

[data-text-color][data-text-color="color-cyan-600"] {
  color: var(--color-cyan-600);
  --text-color: var(--color-cyan-600);
}

[data-text-color][data-text-color="color-cyan-600"] * {
  color: var(--color-cyan-600);
}

[data-text-color][data-text-color="color-cyan-700"] {
  color: var(--color-cyan-700);
  --text-color: var(--color-cyan-700);
}

[data-text-color][data-text-color="color-cyan-700"] * {
  color: var(--color-cyan-700);
}

[data-text-color][data-text-color="color-cyan-800"] {
  color: var(--color-cyan-800);
  --text-color: var(--color-cyan-800);
}

[data-text-color][data-text-color="color-cyan-800"] * {
  color: var(--color-cyan-800);
}

[data-text-color][data-text-color="color-cyan-900"] {
  color: var(--color-cyan-900);
  --text-color: var(--color-cyan-900);
}

[data-text-color][data-text-color="color-cyan-900"] * {
  color: var(--color-cyan-900);
}

[data-text-color][data-text-color="color-green-050"] {
  color: var(--color-green-050);
  --text-color: var(--color-green-050);
}

[data-text-color][data-text-color="color-green-050"] * {
  color: var(--color-green-050);
}

[data-text-color][data-text-color="color-green-100"] {
  color: var(--color-green-100);
  --text-color: var(--color-green-100);
}

[data-text-color][data-text-color="color-green-100"] * {
  color: var(--color-green-100);
}

[data-text-color][data-text-color="color-green-200"] {
  color: var(--color-green-200);
  --text-color: var(--color-green-200);
}

[data-text-color][data-text-color="color-green-200"] * {
  color: var(--color-green-200);
}

[data-text-color][data-text-color="color-green-300"] {
  color: var(--color-green-300);
  --text-color: var(--color-green-300);
}

[data-text-color][data-text-color="color-green-300"] * {
  color: var(--color-green-300);
}

[data-text-color][data-text-color="color-green-400"] {
  color: var(--color-green-400);
  --text-color: var(--color-green-400);
}

[data-text-color][data-text-color="color-green-400"] * {
  color: var(--color-green-400);
}

[data-text-color][data-text-color="color-green-500"] {
  color: var(--color-green-500);
  --text-color: var(--color-green-500);
}

[data-text-color][data-text-color="color-green-500"] * {
  color: var(--color-green-500);
}

[data-text-color][data-text-color="color-green-600"] {
  color: var(--color-green-600);
  --text-color: var(--color-green-600);
}

[data-text-color][data-text-color="color-green-600"] * {
  color: var(--color-green-600);
}

[data-text-color][data-text-color="color-green-700"] {
  color: var(--color-green-700);
  --text-color: var(--color-green-700);
}

[data-text-color][data-text-color="color-green-700"] * {
  color: var(--color-green-700);
}

[data-text-color][data-text-color="color-green-800"] {
  color: var(--color-green-800);
  --text-color: var(--color-green-800);
}

[data-text-color][data-text-color="color-green-800"] * {
  color: var(--color-green-800);
}

[data-text-color][data-text-color="color-green-900"] {
  color: var(--color-green-900);
  --text-color: var(--color-green-900);
}

[data-text-color][data-text-color="color-green-900"] * {
  color: var(--color-green-900);
}

[data-text-color][data-text-color="color-grey-000"] {
  color: var(--color-grey-000);
  --text-color: var(--color-grey-000);
}

[data-text-color][data-text-color="color-grey-000"] * {
  color: var(--color-grey-000);
}

[data-text-color][data-text-color="color-grey-100"] {
  color: var(--color-grey-100);
  --text-color: var(--color-grey-100);
}

[data-text-color][data-text-color="color-grey-100"] * {
  color: var(--color-grey-100);
}

[data-text-color][data-text-color="color-grey-200"] {
  color: var(--color-grey-200);
  --text-color: var(--color-grey-200);
}

[data-text-color][data-text-color="color-grey-200"] * {
  color: var(--color-grey-200);
}

[data-text-color][data-text-color="color-grey-300"] {
  color: var(--color-grey-300);
  --text-color: var(--color-grey-300);
}

[data-text-color][data-text-color="color-grey-300"] * {
  color: var(--color-grey-300);
}

[data-text-color][data-text-color="color-grey-400"] {
  color: var(--color-grey-400);
  --text-color: var(--color-grey-400);
}

[data-text-color][data-text-color="color-grey-400"] * {
  color: var(--color-grey-400);
}

[data-text-color][data-text-color="color-grey-500"] {
  color: var(--color-grey-500);
  --text-color: var(--color-grey-500);
}

[data-text-color][data-text-color="color-grey-500"] * {
  color: var(--color-grey-500);
}

[data-text-color][data-text-color="color-grey-600"] {
  color: var(--color-grey-600);
  --text-color: var(--color-grey-600);
}

[data-text-color][data-text-color="color-grey-600"] * {
  color: var(--color-grey-600);
}

[data-text-color][data-text-color="color-grey-700"] {
  color: var(--color-grey-700);
  --text-color: var(--color-grey-700);
}

[data-text-color][data-text-color="color-grey-700"] * {
  color: var(--color-grey-700);
}

[data-text-color][data-text-color="color-grey-800"] {
  color: var(--color-grey-800);
  --text-color: var(--color-grey-800);
}

[data-text-color][data-text-color="color-grey-800"] * {
  color: var(--color-grey-800);
}

[data-text-color][data-text-color="color-grey-900"] {
  color: var(--color-grey-900);
  --text-color: var(--color-grey-900);
}

[data-text-color][data-text-color="color-grey-900"] * {
  color: var(--color-grey-900);
}

[data-text-color][data-text-color="color-magenta-050"] {
  color: var(--color-magenta-050);
  --text-color: var(--color-magenta-050);
}

[data-text-color][data-text-color="color-magenta-050"] * {
  color: var(--color-magenta-050);
}

[data-text-color][data-text-color="color-magenta-100"] {
  color: var(--color-magenta-100);
  --text-color: var(--color-magenta-100);
}

[data-text-color][data-text-color="color-magenta-100"] * {
  color: var(--color-magenta-100);
}

[data-text-color][data-text-color="color-magenta-200"] {
  color: var(--color-magenta-200);
  --text-color: var(--color-magenta-200);
}

[data-text-color][data-text-color="color-magenta-200"] * {
  color: var(--color-magenta-200);
}

[data-text-color][data-text-color="color-magenta-300"] {
  color: var(--color-magenta-300);
  --text-color: var(--color-magenta-300);
}

[data-text-color][data-text-color="color-magenta-300"] * {
  color: var(--color-magenta-300);
}

[data-text-color][data-text-color="color-magenta-400"] {
  color: var(--color-magenta-400);
  --text-color: var(--color-magenta-400);
}

[data-text-color][data-text-color="color-magenta-400"] * {
  color: var(--color-magenta-400);
}

[data-text-color][data-text-color="color-magenta-500"] {
  color: var(--color-magenta-500);
  --text-color: var(--color-magenta-500);
}

[data-text-color][data-text-color="color-magenta-500"] * {
  color: var(--color-magenta-500);
}

[data-text-color][data-text-color="color-magenta-600"] {
  color: var(--color-magenta-600);
  --text-color: var(--color-magenta-600);
}

[data-text-color][data-text-color="color-magenta-600"] * {
  color: var(--color-magenta-600);
}

[data-text-color][data-text-color="color-magenta-700"] {
  color: var(--color-magenta-700);
  --text-color: var(--color-magenta-700);
}

[data-text-color][data-text-color="color-magenta-700"] * {
  color: var(--color-magenta-700);
}

[data-text-color][data-text-color="color-magenta-800"] {
  color: var(--color-magenta-800);
  --text-color: var(--color-magenta-800);
}

[data-text-color][data-text-color="color-magenta-800"] * {
  color: var(--color-magenta-800);
}

[data-text-color][data-text-color="color-magenta-900"] {
  color: var(--color-magenta-900);
  --text-color: var(--color-magenta-900);
}

[data-text-color][data-text-color="color-magenta-900"] * {
  color: var(--color-magenta-900);
}

[data-text-color][data-text-color="color-orange-050"] {
  color: var(--color-orange-050);
  --text-color: var(--color-orange-050);
}

[data-text-color][data-text-color="color-orange-050"] * {
  color: var(--color-orange-050);
}

[data-text-color][data-text-color="color-orange-100"] {
  color: var(--color-orange-100);
  --text-color: var(--color-orange-100);
}

[data-text-color][data-text-color="color-orange-100"] * {
  color: var(--color-orange-100);
}

[data-text-color][data-text-color="color-orange-200"] {
  color: var(--color-orange-200);
  --text-color: var(--color-orange-200);
}

[data-text-color][data-text-color="color-orange-200"] * {
  color: var(--color-orange-200);
}

[data-text-color][data-text-color="color-orange-300"] {
  color: var(--color-orange-300);
  --text-color: var(--color-orange-300);
}

[data-text-color][data-text-color="color-orange-300"] * {
  color: var(--color-orange-300);
}

[data-text-color][data-text-color="color-orange-400"] {
  color: var(--color-orange-400);
  --text-color: var(--color-orange-400);
}

[data-text-color][data-text-color="color-orange-400"] * {
  color: var(--color-orange-400);
}

[data-text-color][data-text-color="color-orange-500"] {
  color: var(--color-orange-500);
  --text-color: var(--color-orange-500);
}

[data-text-color][data-text-color="color-orange-500"] * {
  color: var(--color-orange-500);
}

[data-text-color][data-text-color="color-orange-600"] {
  color: var(--color-orange-600);
  --text-color: var(--color-orange-600);
}

[data-text-color][data-text-color="color-orange-600"] * {
  color: var(--color-orange-600);
}

[data-text-color][data-text-color="color-orange-700"] {
  color: var(--color-orange-700);
  --text-color: var(--color-orange-700);
}

[data-text-color][data-text-color="color-orange-700"] * {
  color: var(--color-orange-700);
}

[data-text-color][data-text-color="color-orange-800"] {
  color: var(--color-orange-800);
  --text-color: var(--color-orange-800);
}

[data-text-color][data-text-color="color-orange-800"] * {
  color: var(--color-orange-800);
}

[data-text-color][data-text-color="color-orange-900"] {
  color: var(--color-orange-900);
  --text-color: var(--color-orange-900);
}

[data-text-color][data-text-color="color-orange-900"] * {
  color: var(--color-orange-900);
}

[data-text-color][data-text-color="color-purple-050"] {
  color: var(--color-purple-050);
  --text-color: var(--color-purple-050);
}

[data-text-color][data-text-color="color-purple-050"] * {
  color: var(--color-purple-050);
}

[data-text-color][data-text-color="color-purple-100"] {
  color: var(--color-purple-100);
  --text-color: var(--color-purple-100);
}

[data-text-color][data-text-color="color-purple-100"] * {
  color: var(--color-purple-100);
}

[data-text-color][data-text-color="color-purple-200"] {
  color: var(--color-purple-200);
  --text-color: var(--color-purple-200);
}

[data-text-color][data-text-color="color-purple-200"] * {
  color: var(--color-purple-200);
}

[data-text-color][data-text-color="color-purple-300"] {
  color: var(--color-purple-300);
  --text-color: var(--color-purple-300);
}

[data-text-color][data-text-color="color-purple-300"] * {
  color: var(--color-purple-300);
}

[data-text-color][data-text-color="color-purple-400"] {
  color: var(--color-purple-400);
  --text-color: var(--color-purple-400);
}

[data-text-color][data-text-color="color-purple-400"] * {
  color: var(--color-purple-400);
}

[data-text-color][data-text-color="color-purple-500"] {
  color: var(--color-purple-500);
  --text-color: var(--color-purple-500);
}

[data-text-color][data-text-color="color-purple-500"] * {
  color: var(--color-purple-500);
}

[data-text-color][data-text-color="color-purple-600"] {
  color: var(--color-purple-600);
  --text-color: var(--color-purple-600);
}

[data-text-color][data-text-color="color-purple-600"] * {
  color: var(--color-purple-600);
}

[data-text-color][data-text-color="color-purple-700"] {
  color: var(--color-purple-700);
  --text-color: var(--color-purple-700);
}

[data-text-color][data-text-color="color-purple-700"] * {
  color: var(--color-purple-700);
}

[data-text-color][data-text-color="color-purple-800"] {
  color: var(--color-purple-800);
  --text-color: var(--color-purple-800);
}

[data-text-color][data-text-color="color-purple-800"] * {
  color: var(--color-purple-800);
}

[data-text-color][data-text-color="color-purple-900"] {
  color: var(--color-purple-900);
  --text-color: var(--color-purple-900);
}

[data-text-color][data-text-color="color-purple-900"] * {
  color: var(--color-purple-900);
}

[data-text-color][data-text-color="color-red-050"] {
  color: var(--color-red-050);
  --text-color: var(--color-red-050);
}

[data-text-color][data-text-color="color-red-050"] * {
  color: var(--color-red-050);
}

[data-text-color][data-text-color="color-red-100"] {
  color: var(--color-red-100);
  --text-color: var(--color-red-100);
}

[data-text-color][data-text-color="color-red-100"] * {
  color: var(--color-red-100);
}

[data-text-color][data-text-color="color-red-200"] {
  color: var(--color-red-200);
  --text-color: var(--color-red-200);
}

[data-text-color][data-text-color="color-red-200"] * {
  color: var(--color-red-200);
}

[data-text-color][data-text-color="color-red-300"] {
  color: var(--color-red-300);
  --text-color: var(--color-red-300);
}

[data-text-color][data-text-color="color-red-300"] * {
  color: var(--color-red-300);
}

[data-text-color][data-text-color="color-red-400"] {
  color: var(--color-red-400);
  --text-color: var(--color-red-400);
}

[data-text-color][data-text-color="color-red-400"] * {
  color: var(--color-red-400);
}

[data-text-color][data-text-color="color-red-500"] {
  color: var(--color-red-500);
  --text-color: var(--color-red-500);
}

[data-text-color][data-text-color="color-red-500"] * {
  color: var(--color-red-500);
}

[data-text-color][data-text-color="color-red-600"] {
  color: var(--color-red-600);
  --text-color: var(--color-red-600);
}

[data-text-color][data-text-color="color-red-600"] * {
  color: var(--color-red-600);
}

[data-text-color][data-text-color="color-red-700"] {
  color: var(--color-red-700);
  --text-color: var(--color-red-700);
}

[data-text-color][data-text-color="color-red-700"] * {
  color: var(--color-red-700);
}

[data-text-color][data-text-color="color-red-800"] {
  color: var(--color-red-800);
  --text-color: var(--color-red-800);
}

[data-text-color][data-text-color="color-red-800"] * {
  color: var(--color-red-800);
}

[data-text-color][data-text-color="color-red-900"] {
  color: var(--color-red-900);
  --text-color: var(--color-red-900);
}

[data-text-color][data-text-color="color-red-900"] * {
  color: var(--color-red-900);
}

[data-text-color][data-text-color="color-yellow-050"] {
  color: var(--color-yellow-050);
  --text-color: var(--color-yellow-050);
}

[data-text-color][data-text-color="color-yellow-050"] * {
  color: var(--color-yellow-050);
}

[data-text-color][data-text-color="color-yellow-100"] {
  color: var(--color-yellow-100);
  --text-color: var(--color-yellow-100);
}

[data-text-color][data-text-color="color-yellow-100"] * {
  color: var(--color-yellow-100);
}

[data-text-color][data-text-color="color-yellow-200"] {
  color: var(--color-yellow-200);
  --text-color: var(--color-yellow-200);
}

[data-text-color][data-text-color="color-yellow-200"] * {
  color: var(--color-yellow-200);
}

[data-text-color][data-text-color="color-yellow-300"] {
  color: var(--color-yellow-300);
  --text-color: var(--color-yellow-300);
}

[data-text-color][data-text-color="color-yellow-300"] * {
  color: var(--color-yellow-300);
}

[data-text-color][data-text-color="color-yellow-400"] {
  color: var(--color-yellow-400);
  --text-color: var(--color-yellow-400);
}

[data-text-color][data-text-color="color-yellow-400"] * {
  color: var(--color-yellow-400);
}

[data-text-color][data-text-color="color-yellow-500"] {
  color: var(--color-yellow-500);
  --text-color: var(--color-yellow-500);
}

[data-text-color][data-text-color="color-yellow-500"] * {
  color: var(--color-yellow-500);
}

[data-text-color][data-text-color="color-yellow-600"] {
  color: var(--color-yellow-600);
  --text-color: var(--color-yellow-600);
}

[data-text-color][data-text-color="color-yellow-600"] * {
  color: var(--color-yellow-600);
}

[data-text-color][data-text-color="color-yellow-700"] {
  color: var(--color-yellow-700);
  --text-color: var(--color-yellow-700);
}

[data-text-color][data-text-color="color-yellow-700"] * {
  color: var(--color-yellow-700);
}

[data-text-color][data-text-color="color-yellow-800"] {
  color: var(--color-yellow-800);
  --text-color: var(--color-yellow-800);
}

[data-text-color][data-text-color="color-yellow-800"] * {
  color: var(--color-yellow-800);
}

[data-text-color][data-text-color="color-yellow-900"] {
  color: var(--color-yellow-900);
  --text-color: var(--color-yellow-900);
}

[data-text-color][data-text-color="color-yellow-900"] * {
  color: var(--color-yellow-900);
}

[data-text-color][data-text-color="custom-grey"] {
  color: var(--custom-grey);
  --text-color: var(--custom-grey);
}

[data-text-color][data-text-color="custom-grey"] * {
  color: var(--custom-grey);
}

[data-text-primary],
[data-text-primary] * {
  color: var(--text-text-primary) !important;
}

[data-text-secondary],
[data-text-secondary] * {
  color: var(--text-text-secondary) !important;
}

[data-wysiwyg] strong {
  font-weight: 700;
}

[data-gutenberg] h2:not(:first-child),
[data-gutenberg] h3:not(:first-child),
[data-gutenberg] h4:not(:first-child) {
  margin-top: 16px;
}

[data-gutenberg] h2 {
  margin: 0 0 16px;
}

[data-gutenberg] h3 {
  margin: 0 0 16px;
}

[data-gutenberg] p {
  color: var(--color-black-white-black) !important;
  padding-bottom: 16px;
}

[data-gutenberg] ul {
  margin: 0 0 16px;
}

[data-gutenberg] li {
  color: var(--color-black-white-black) !important;
}

[data-gutenberg] li:not(:last-child) {
  padding-bottom: 8px;
}

[data-gutenberg] a:not(.button) {
  color: var(--color-yellow-600);
}

[data-gutenberg] div {
  max-width: 100%;
}

[data-gutenberg] strong {
  font-weight: 600;
}

[data-gutenberg] .wp-block-image :where(figcaption) {
  margin-top: 5px !important;
  color: var(--color-grey-500) !important;
}

[data-title-center] {
  text-align: center;
}

[data-text-center] {
  text-align: center;
}

[data-title-bg] {
  padding: 0 8px;
  background: var(--color-yellow-200);
  color: var(--color-yellow-900);
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: 4px;
}

[data-tags-wrapper] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 16px;
}

[data-tags-wrapper-small] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}

[data-title-size="title-h1"] {
  font-size: 46px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: 0;
  color: var(--text-text-primary);
}

[data-title-size="title-h2"] {
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
  letter-spacing: 0;
  color: var(--text-text-primary);
}

[data-title-size="title-h3"],
[data-gutenberg] h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  letter-spacing: 0;
  color: var(--text-text-primary);
}

[data-title-size="title-h4"],
[data-gutenberg] h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0;
  color: var(--text-text-primary);
}

[data-font-weight="700"] {
  font-weight: 700 !important;
}

[data-no-padding-top] {
  padding-top: 0 !important;
}

[data-no-padding-bottom] {
  padding-bottom: 0 !important;
}

[data-container-reduce] .container {
  max-width: 1120px;
}

.button,
.single_post_content .post_toc_linksList-item a,
.hbspt-form .submitted-message,
[data-wysiwyg] p,
[data-wysiwyg] li,
[data-gutenberg] p,
[data-gutenberg] li,
[data-text-regular],
[data-text-regular] p,
.blog_header__subheader_search form label input,
.blog_header__subheader_search form label input.placeholder,
.blog_header__subheader_search form label input:-moz-placeholder,
.blog_header__subheader_search form label input::-moz-placeholder,
.blog_header__subheader_search form label input:-ms-input-placeholder,
.blog_header__subheader_search form label input::-webkit-input-placeholder {
  margin: 0;
  color: var(--text-text-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0;
}

[data-gutenberg] .wp-block-image :where(figcaption),
[data-text-small],
[data-text-small] p {
  margin: 0;
  color: var(--text-text-primary);
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

[data-title-monospace] {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.32px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

.blog {
  padding: calc(var(--header-total-height) + 60px) 0 0;
}

.blog_header__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.blog_header__subheader {
  position: relative;
}

.blog_header__subheader_title {
  margin-bottom: 16px;
}

.blog_header__subheader_types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 48px;
}

.blog_header__subheader_types_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.blog_header__subheader_types .solution_type {
  margin: 0;
}

.blog_header__subheader_types .solution_type:not(.active) {
  color: var(--text-text-primary);
  padding: 0 4px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border-radius: 4px;
  background: var(--interaction-hover);
}

.blog_header__subheader_types .solution_type:not(.active):hover {
  background: var(--surface-background-secondary);
}

.blog_header__subheader_search {
  width: 300px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.blog_header__subheader_search form {
  max-width: 300px;
  border: 1px solid rgba(33, 48, 3, 0.25);
  border-radius: 4px;
}

.blog_header__subheader_search form label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  outline: 0;
}

.blog_header__subheader_search form label input {
  outline: none;
  position: relative;
  margin: 0;
  padding: 8px 24px 8px 10px;
  border-radius: 2rem 0 0 2rem;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  color: var(--color-grey-500);
}

.blog_header__subheader_search form label input.placeholder {
  color: var(--pecan-text-light);
}

.blog_header__subheader_search form label input:-moz-placeholder {
  color: var(--pecan-text-light);
}

.blog_header__subheader_search form label input::-moz-placeholder {
  color: var(--pecan-text-light);
}

.blog_header__subheader_search form label input:-ms-input-placeholder {
  color: var(--pecan-text-light);
}

.blog_header__subheader_search form label input::-webkit-input-placeholder {
  color: var(--pecan-text-light);
}

.blog_header__subheader_search form label button {
  cursor: pointer;
  outline: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 24px;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  outline: 0;
}

.blog_header__subheader_search form label button.search-btn {
  pointer-events: none;
}

.blog_header__subheader_search form label button.close-btn {
  display: none;
}

.blog_header__subheader_search form label button:hover,
.blog_header__subheader_search form label button:focus {
  background: transparent;
  outline: 0;
}

.blog_header__subheader_search form label button svg {
  display: block;
  max-width: 100%;
  height: auto;
}

.blog_content.loading .blog_cat_posts_wrap {
  position: relative;
}

.blog_content.loading .blog_cat_posts_wrap:before,
.blog_content.loading .blog_cat_posts_wrap:after {
  opacity: 1;
  pointer-events: auto;
}

.blog_pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 80px 0 0;
  color: var(--text-text-hover);
}

.blog_pagination .navigation {
  margin: 20px auto;
}

.blog_pagination .navigation .screen-reader-text {
  display: none;
}

.blog_pagination .nav-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog_pagination span {
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.blog_pagination a {
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--text-text-primary);
  position: relative;
}

.blog_pagination a.is-active {
  color: #545d6f;
}

.blog_pagination a:first-child {
  margin-right: 16px;
}

.blog_pagination a:last-child {
  margin-left: 16px;
}

.blog_pagination a.next {
  text-indent: -99999px;
  margin-left: 16px;
}

.blog_pagination a.next:before {
  content: '';
  position: absolute;
  width: 8px;
  right: -5px;
  bottom: 0;
  height: 8px;
  left: 50%;
  border-right: 1px solid var(--interaction-primary);
  border-top: 1px solid var(--interaction-primary);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  opacity: 1;
}

.blog_pagination a.prev {
  text-indent: -99999px;
  margin-right: 16px;
}

.blog_pagination a.prev:before {
  content: '';
  position: absolute;
  width: 8px;
  right: -5px;
  bottom: 0;
  height: 8px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
      -ms-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
  border-right: 1px solid var(--interaction-primary);
  border-top: 1px solid var(--interaction-primary);
  opacity: 1;
}

.blog_pagination .mixitup-page-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.blog_pagination .mixitup-page-list.mixitup-page-list-disabled {
  display: none;
}

.blog_pagination .mixitup-page-list button {
  margin: 0 4px;
  font-size: 16px;
  color: rgba(84, 93, 111, 0.56);
  position: relative;
  background: transparent;
  border: 0;
  outline: 0;
  border-radius: 0;
  padding: 0 4px;
}

.blog_pagination .mixitup-page-list button.mixitup-control-active {
  color: #545d6f;
}

.blog_pagination .mixitup-page-list button.mixitup-control-prev {
  text-indent: -99999px;
  margin-right: 16px;
}

.blog_pagination .mixitup-page-list button.mixitup-control-prev:before {
  content: '';
  position: absolute;
  width: 8px;
  right: -5px;
  bottom: 0;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
      -ms-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
  border-right: 1px solid rgba(84, 93, 111, 0.56);
  border-top: 1px solid rgba(84, 93, 111, 0.56);
  opacity: 1;
}

.blog_pagination .mixitup-page-list button.mixitup-control-next {
  text-indent: -99999px;
  margin-left: 16px;
}

.blog_pagination .mixitup-page-list button.mixitup-control-next:before {
  content: '';
  position: absolute;
  width: 8px;
  right: -5px;
  bottom: 0;
  height: 8px;
  top: 50%;
  left: 50%;
  border-right: 1px solid rgba(84, 93, 111, 0.56);
  border-top: 1px solid rgba(84, 93, 111, 0.56);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  opacity: 1;
}

.blog__stickypost {
  padding: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__stickypostThumb {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.blog__stickypostThumb a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.blog__stickypostThumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.blog__stickypostContent {
  width: 640px;
}

.blog__stickypostContent_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.blog__stickypostContent_wrap_meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.blog__stickypostContent_date p {
  margin-bottom: 0;
}

.blog .blog_cat_posts_wrap:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  opacity: 0;
  pointer-events: none;
}

.blog .blog_cat_posts_wrap:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 160px;
  margin-top: -35px;
  margin-left: -35px;
  width: 50px;
  height: 50px;
  background-image: url(../images/loader.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  z-index: 2;
  -webkit-transition: .25s;
  -o-transition: .25s;
  transition: .25s;
  opacity: 0;
  pointer-events: none;
}

.blog .blog_latest_articles {
  padding: 40px 0;
}

.blog .blog_latest_articles .meta p {
  margin: 0;
}

.blog .blog_latest_articles .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog .blog_latest_articles .buttons.loadmore {
  margin-top: 48px;
}

.blog__post_author {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__post_author .author_meta p {
  padding-bottom: 0;
  margin: 0;
}

.blog__post_author .thumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.blog__post_author img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.post_toc_linksList li:not(:last-child) {
  margin-bottom: 10px;
}

.section-featured_content.related_content {
  padding: var(--padding-default) 0;
}

@media (min-width: 767px) {
  .blog_header__subheader.search-open .blog_header__subheader_types_wrap {
    opacity: 0;
    visibility: hidden;
    display: none;
  }

  .blog_header__subheader.search-open .close-btn {
    display: block;
  }

  .blog_header__subheader.search-open .search-btn {
    display: none;
  }

  .blog_header__subheader.search-open .blog_header__subheader_search {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  #hero .section-sides__side[data-media-only="true"][data-background-gradient-simple="gradient-02"] {
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .single_post_content_wrap-right {
    width: 200px;
  }

  .lity-iframe-container {
    height: 70vh !important;
  }

  .lity-iframe .lity-container {
    width: 95%;
  }

  [data-background-gradient][data-background-gradient="gradient-01"]:after {
    width: 96%;
  }

  [data-background-gradient][data-background-gradient="gradient-02"]:after {
    width: 96%;
  }

  [data-title-size="title-h1"] {
    font-size: 40px;
    line-height: 50px;
  }

  [data-title-size="title-h2"] {
    font-size: 34px;
    line-height: 48px;
  }

  [data-title-size="title-h3"],
  [data-gutenberg] h2 {
    font-size: 20px;
    line-height: 28px;
  }

  [data-title-size="title-h4"],
  [data-gutenberg] h3 {
    font-size: 18px;
    line-height: 26px;
  }

  .button,
  .single_post_content .post_toc_linksList-item a,
  .hbspt-form .submitted-message,
  [data-wysiwyg] p,
  [data-wysiwyg] li,
  [data-gutenberg] p,
  [data-gutenberg] li,
  [data-text-regular],
  [data-text-regular] p,
  .blog_header__subheader_search form label input,
  .blog_header__subheader_search form label input.placeholder,
  .blog_header__subheader_search form label input:-moz-placeholder,
  .blog_header__subheader_search form label input::-moz-placeholder,
  .blog_header__subheader_search form label input:-ms-input-placeholder,
  .blog_header__subheader_search form label input::-webkit-input-placeholder {
    font-size: 17px;
    line-height: 26px;
  }

  .blog_header__title {
    padding-bottom: 40px;
  }

  .blog__stickypostContent {
    width: 400px;
  }

  .section-featured_content.related_content {
    padding: var(--padding-medium) 0;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    width: 100%;
  }

  .buttons {
    width: 100%;
  }

  .hbspt-form select {
    background-color: #fff;
    height: 38px;
    font-size: 13px;
  }

  .book-a-demo-popup .section-book_a_demo .pecan_logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .book-a-demo-popup .section-book_a_demo .pecan_logo a[data-close-popup] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .book-a-demo-popup .section-book_a_demo_wrap__content {
    display: none;
  }

  .lity-close {
    right: 26px !important;
    top: 95px !important;
    background-color: inherit !important;
    width: 32px !important;
  }

  .video-overlay-wrap {
    width: 90vw !important;
  }

  .single_post_content_wrap {
    padding: 30px 0 0 0;
  }

  .single_post_content_wrap-left {
    width: 100%;
  }

  .single_post_content_wrap-right {
    display: none;
  }

  body.bookademo-lity .lity-wrap {
    left: 4px;
  }

  body.bookademo-lity .lity-iframe .lity-container {
    width: 95%;
  }

  body.bookademo-lity .lity-iframe-container {
    height: 95vh !important;
  }

  .lity-sections-popup {
    max-height: 88vh !important;
    overflow-y: scroll;
  }

  #custom-bg-1 .section-sides__side .section-sides__cards__box:last-of-type {
    border-bottom: 0;
  }

  [data-title-bg] {
    display: block;
  }

  [data-title-size="title-h1"] {
    font-size: 36px;
    line-height: 46px;
  }

  [data-title-size="title-h2"] {
    font-size: 28px;
    line-height: 42px;
  }

  .button,
  .single_post_content .post_toc_linksList-item a,
  .hbspt-form .submitted-message,
  [data-wysiwyg] p,
  [data-wysiwyg] li,
  [data-gutenberg] p,
  [data-gutenberg] li,
  [data-text-regular],
  [data-text-regular] p,
  .blog_header__subheader_search form label input,
  .blog_header__subheader_search form label input.placeholder,
  .blog_header__subheader_search form label input:-moz-placeholder,
  .blog_header__subheader_search form label input::-moz-placeholder,
  .blog_header__subheader_search form label input:-ms-input-placeholder,
  .blog_header__subheader_search form label input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 25px;
  }

  .blog_header__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .blog_header__subheader_types {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 32px;
  }

  .blog_header__subheader_search {
    width: 100%;
  }

  .blog_pagination {
    padding: 40px 0 0;
  }

  .blog__stickypost {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .blog__stickypostContent {
    width: 100%;
  }
}