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

: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 {
  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-top: 0;
}

.blog_content_solutions {
  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;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 8px;
}

.blog_content_solutions .solution_type {
  margin-right: 0 !important;
}

.blog_content_solutions .solution_type {
  margin: 0;
}

.blog_content_solutions .solution_type:not(:last-of-type) {
  margin-right: 8px;
}

@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 {
    font-size: 17px;
    line-height: 26px;
  }
}

@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 {
    font-size: 16px;
    line-height: 25px;
  }

  .single_post_content_wrap-right {
    display: block;
    width: 100%;
    padding-bottom: 60px;
  }

  .single_post_content_wrap-right .newsletter_box {
    margin-top: 20px;
  }

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