@charset "UTF-8";
@font-face {
  font-family: 'ultracart-storefronts-1';
  src: url("../fonts/ultracart-storefronts-1.eot");
  src: url("../fonts/ultracart-storefronts-1.eot?#iefix") format("embedded-opentype"), url("../fonts/ultracart-storefronts-1.woff") format("woff"), url("../fonts/ultracart-storefronts-1.ttf") format("truetype"), url("../fonts/ultracart-storefronts-1.svg#ultracart-storefronts-1") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ultracarticons';
  src: url("../fonts/ultracarticons.eot");
  src: url("../fonts/ultracarticons.eot?#iefix") format("embedded-opentype"), url("../fonts/ultracarticons.woff") format("woff"), url("../fonts/ultracarticons.ttf") format("truetype"), url("../fonts/ultracarticons.svg#ultracarticons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot?e1c31f65c1b8a6266bb5de85cbc5443d?#iefix") format("embedded-opentype"), url("../fonts/icons.woff?e1c31f65c1b8a6266bb5de85cbc5443d") format("woff"), url("../fonts/icons.ttf?e1c31f65c1b8a6266bb5de85cbc5443d") format("truetype"), url("../fonts/icons.svg?e1c31f65c1b8a6266bb5de85cbc5443d#icons") format("svg");
}
/*	Variables
--------------------------------------------------------------------------------------------------------------*/
/*
Colors
--------------------------------------------------------------------------------------------------------------*/
/*
Functions
--------------------------------------------------------------------------------------------------------------*/
/*
Foundation Overrides
--------------------------------------------------------------------------------------------------------------*/
/*
Preset Spacing
--------------------------------------------------------------------------------------------------------------*/
/*	Libs
--------------------------------------------------------------------------------------------------------------*/
/* Slider */
/* line 3, ../../_src/scss/lib/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../../_src/scss/lib/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, ../../_src/scss/lib/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 29, ../../_src/scss/lib/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 34, ../../_src/scss/lib/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 43, ../../_src/scss/lib/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 49, ../../_src/scss/lib/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 55, ../../_src/scss/lib/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 59, ../../_src/scss/lib/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 63, ../../_src/scss/lib/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 67, ../../_src/scss/lib/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 70, ../../_src/scss/lib/_slick.scss */
.slick-slide img {
  display: block;
}
/* line 73, ../../_src/scss/lib/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 79, ../../_src/scss/lib/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 83, ../../_src/scss/lib/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 87, ../../_src/scss/lib/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 91, ../../_src/scss/lib/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 97, ../../_src/scss/lib/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* line 1, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder {
  margin: 0 auto;
  cursor: pointer;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 12, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder sub {
  display: block;
  top: -30px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.6);
  text-align: center;
  line-height: 10px;
  font-weight: bold;
  font-size: 16px;
}

/* line 23, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-medium-holder img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  border: 1px solid #c2c2c2;
}

/* line 31, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 43, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 49, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

/* line 56, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li {
  float: left;
  margin: 5px;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
}

/* line 63, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li.ultraslider-active {
  border: 1px solid #c2c2c2;
}

/* line 67, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

/* line 73, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-container ul li img.preload {
  display: none;
}

/* line 77, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-container.ultraslider-noscrolling {
  text-align: center;
}

/* line 81, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-noscrolling .ultraslider-thumbnail-list-container {
  left: initial !important;
  top: initial;
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

/* line 89, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-noscrolling .ultraslider-thumbnail-list-right,
.ultraslider-noscrolling .ultraslider-thumbnail-list-left {
  display: none;
}

/* line 94, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left,
.ultraslider-thumbnail-list-right {
  width: 30px;
  height: 30px;
  background-color: #fff;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  border: 1px solid #c2c2c2;
  border-radius: 5px;
}

/* line 106, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left {
  left: 0;
  top: 0;
}

/* line 111, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-right {
  right: 0;
  top: 0;
}

/* line 116, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left:before,
.ultraslider-thumbnail-list-right:before {
  content: ">";
  display: block;
  margin-top: -12px;
  margin-left: -3px;
  position: absolute;
  top: 50%;
  left: 50%;
  text-indent: 0;
  color: #626262;
}

/* line 129, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-list-left:before {
  content: "<";
}

/* line 133, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-thumbnail-wrapper {
  position: relative;
  margin-top: 20px;
}

/* line 138, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder {
  text-align: center;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 148, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}

/* line 154, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 164, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li span {
  background: #fff;
  border: 1px solid #c2c2c2;
  cursor: pointer;
  margin: 0;
  display: block;
  height: 10px;
  width: 10px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  border-radius: 5px;
  box-sizing: border-box;
}

/* line 181, ../../_src/scss/lib/_jquery.ultraslider.scss */
.ultraslider-paging-holder li.ultraslider-active span {
  background-color: #eaeaea;
  border-color: #c2c2c2;
}

/*
** Description - Ultratabs
*/
/* Settings
----------------------------------------------------------------------------------------------------------------------*/
/* Styleguide
----------------------------------------------------------------------------------------------------------------------*/
/* line 25, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-html {
  list-style: none;
}

/* line 29, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs-container {
  position: relative;
  margin-bottom: 0 !important;
}

/* line 34, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs {
  list-style: none;
  display: inline-block;
  margin-top: 40px;
  margin-bottom: 0 !important;
  margin-left: 0;
  border-bottom: 1px solid #c2c2c2;
  width: 100%;
}

/* line 44, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li:first-child {
  border-left: 1px solid #c2c2c2;
}

/* line 48, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li {
  float: left;
  border: 1px solid #c2c2c2;
  border-left: 0 none;
  background-color: #eaeaea;
  color: #141414;
  font-size: 16px;
  display: inline-block;
  padding: 14px 20px;
  transition: all 200ms 100ms;
  top: 1px;
  position: relative;
  cursor: pointer;
}

/* line 63, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li:hover {
  color: #ffffff;
  background-color: #3399cc;
}

/* line 68, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li.ultratabs-active {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}

/* line 73, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs li.ultratabs-active:hover {
  color: #ffffff;
  background-color: #3399cc;
}

/* line 78, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-tabs-content {
  padding: 20px 0;
}

/* line 82, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab {
  border: 1px solid #c2c2c2;
  background-color: #eaeaea;
  color: #141414;
  font-size: 16px;
  padding: 14px 20px;
  transition: all 200ms 100ms;
}

/* line 91, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab:hover {
  color: #ffffff;
  background-color: #3399cc;
}

/* line 96, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab.ultratabs-active {
  background: #ffffff;
}

/* line 100, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-accordion-tab.ultratabs-active:hover {
  color: #ffffff;
  background-color: #3399cc;
}

/* line 105, ../../_src/scss/lib/_jquery.ultratabs.scss */
ul.ultratabs-panes {
  list-style: none;
  padding: 0;
}

/* line 110, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-panes li.ultratabs-pane {
  display: none;
}

/* line 114, ../../_src/scss/lib/_jquery.ultratabs.scss */
.ultratabs-panes li.ultratabs-pane.ultratabs-active {
  display: block;
}

/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/
/* line 21, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #282c34;
}

/* line 29, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

/* line 35, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

/* line 41, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

/* line 49, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-literal {
  color: #56b6c2;
}

/* line 53, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

/* line 61, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

/* line 66, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

/* line 77, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

/* line 86, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-emphasis {
  font-style: italic;
}

/* line 90, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-strong {
  font-weight: bold;
}

/* line 94, ../../_src/scss/lib/_hilight.atom-one-dark.scss */
.hljs-link {
  text-decoration: underline;
}

/*	Components
--------------------------------------------------------------------------------------------------------------*/
/* line 1, ../../_src/scss/components/_universal.scss */
body {
  overflow-x: hidden;
  color: #545454;
  -webkit-font-smoothing: antialiased;
}

/* line 8, ../../_src/scss/components/_universal.scss */
#universe {
  position: relative;
  background: #0A0A0A;
  z-index: 10;
}

/* line 14, ../../_src/scss/components/_universal.scss */
#galaxy {
  background: #f4f4f4;
}

/* line 18, ../../_src/scss/components/_universal.scss */
#system {
  margin-top: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 18, ../../_src/scss/components/_universal.scss */
  #system {
    margin-top: 140px;
  }
}

/* line 26, ../../_src/scss/components/_universal.scss */
.row.full {
  max-width: none;
}

/*	Typography
--------------------------------------------------------------------------------------------------------------*/
/* line 33, ../../_src/scss/components/_universal.scss */
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.16em;
  font-style: normal;
}
/* line 41, ../../_src/scss/components/_universal.scss */
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
  font-weight: 800;
}
/* line 45, ../../_src/scss/components/_universal.scss */
h1 sub,
h2 sub,
h3 sub,
h4 sub,
h5 sub {
  font-family: "Poppins";
}

/* line 50, ../../_src/scss/components/_universal.scss */
h1,
h2 {
  margin-top: 0;
  margin-bottom: 40px;
  line-height: 1.25em;
}
@media only screen and (min-width: 40.063em) {
  /* line 50, ../../_src/scss/components/_universal.scss */
  h1,
  h2 {
    line-height: 1.45em;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 50, ../../_src/scss/components/_universal.scss */
  h1,
  h2 {
    line-height: 1.65em;
  }
}

/* line 65, ../../_src/scss/components/_universal.scss */
h3,
h4 {
  margin-top: 0;
  margin-bottom: 20px;
}

/* line 71, ../../_src/scss/components/_universal.scss */
h1 {
  font-size: 48px;
  font-weight: 200;
}

/* line 76, ../../_src/scss/components/_universal.scss */
h2 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 76, ../../_src/scss/components/_universal.scss */
  h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 76, ../../_src/scss/components/_universal.scss */
  h2 {
    font-size: 48px;
  }
}

/* line 90, ../../_src/scss/components/_universal.scss */
h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 90, ../../_src/scss/components/_universal.scss */
  h3 {
    font-size: 32px;
  }
}

/* line 100, ../../_src/scss/components/_universal.scss */
h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.7;
}
@media only screen and (min-width: 40.063em) {
  /* line 100, ../../_src/scss/components/_universal.scss */
  h4 {
    font-size: 28px;
  }
}

/* line 110, ../../_src/scss/components/_universal.scss */
h1 strong,
h2 strong {
  font-weight: 400;
}

/* line 115, ../../_src/scss/components/_universal.scss */
h3 strong,
h4 strong {
  font-weight: 400;
}

/* line 120, ../../_src/scss/components/_universal.scss */
.title-row {
  padding-bottom: 0;
}
/* line 123, ../../_src/scss/components/_universal.scss */
.title-row h1,
.title-row h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 129, ../../_src/scss/components/_universal.scss */
  .title-row h1,
  .title-row h2 {
    margin-bottom: 40px;
  }
}

/* line 136, ../../_src/scss/components/_universal.scss */
.mini-title {
  font-size: 14px;
  font-weight: 800;
  color: #333333;
  text-align: center;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-family: "Poppins";
  padding-bottom: 42px;
}
/* line 147, ../../_src/scss/components/_universal.scss */
.mini-title::after {
  content: "";
  display: block;
  background-color: #66d670;
  width: 20px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}

/* line 163, ../../_src/scss/components/_universal.scss */
p {
  line-height: 1.875em;
}
/* line 170, ../../_src/scss/components/_universal.scss */
p:last-of-type:first-of-type {
  margin-bottom: 40px;
}

/* line 176, ../../_src/scss/components/_universal.scss */
a {
  color: #1f87c2;
  transition: color 0.3s ease;
}
/* line 180, ../../_src/scss/components/_universal.scss */
a:hover {
  color: #114a6a;
}

/*	Buttons
--------------------------------------------------------------------------------------------------------------*/
/* line 188, ../../_src/scss/components/_universal.scss */
.uc-docs-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: #61b6e6;
  gap: 4px;
  font-weight: 600;
}
/* line 195, ../../_src/scss/components/_universal.scss */
.uc-docs-link::before {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.66666C2 1.56209 2.89543 0.666664 4 0.666664H8.1144C8.64482 0.666664 9.15351 0.877382 9.52859 1.25244L9.52861 1.25245L13.4142 5.13805C13.7893 5.51314 14 6.02185 14 6.55228V13.3333C14 14.4379 13.1046 15.3333 12 15.3333H4C2.89544 15.3333 2 14.4379 2 13.3333V2.66666ZM4 2C3.63181 2 3.33333 2.29847 3.33333 2.66666V13.3333C3.33333 13.7015 3.6318 14 4 14H12C12.3682 14 12.6667 13.7015 12.6667 13.3333V6.55228C12.6667 6.37546 12.5964 6.20591 12.4714 6.08089L12.4714 6.08087L8.58581 2.19527C8.5858 2.19527 8.5858 2.19527 8.58579 2.19526C8.46074 2.07022 8.29117 2 8.1144 2H4Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.66667 1C9.03486 1 9.33333 1.29848 9.33333 1.66667V5.33333H12.6667C13.0349 5.33333 13.3333 5.63181 13.3333 6C13.3333 6.36819 13.0349 6.66667 12.6667 6.66667H8.66667C8.29848 6.66667 8 6.36819 8 6V1.66667C8 1.29848 8.29848 1 8.66667 1Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66666 11.3333C4.66666 10.9651 4.96513 10.6667 5.33332 10.6667H9.99999C10.3682 10.6667 10.6667 10.9651 10.6667 11.3333C10.6667 11.7015 10.3682 12 9.99999 12H5.33332C4.96513 12 4.66666 11.7015 4.66666 11.3333Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.66666 8.66667C4.66666 8.29848 4.96513 8 5.33332 8H9.99999C10.3682 8 10.6667 8.29848 10.6667 8.66667C10.6667 9.03486 10.3682 9.33333 9.99999 9.33333H5.33332C4.96513 9.33333 4.66666 9.03486 4.66666 8.66667Z" fill="%2361B6E6"/></svg>');
  display: block;
}

/* line 201, ../../_src/scss/components/_universal.scss */
.external-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: #61b6e6;
  gap: 4px;
  font-weight: 600;
}
/* line 208, ../../_src/scss/components/_universal.scss */
.external-link::before {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.6667 1.33333C10.6667 0.965141 10.9651 0.666664 11.3333 0.666664H14.6667C15.0348 0.666664 15.3333 0.965141 15.3333 1.33333V4.66666C15.3333 5.03485 15.0348 5.33333 14.6667 5.33333C14.2985 5.33333 14 5.03485 14 4.66666V2H11.3333C10.9651 2 10.6667 1.70152 10.6667 1.33333Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33334 2.66667C2.96515 2.66667 2.66668 2.96515 2.66668 3.33334V12.6667C2.66668 13.0349 2.96515 13.3333 3.33334 13.3333H12.6667C13.0349 13.3333 13.3333 13.0349 13.3333 12.6667V8.66667C13.3333 8.29848 13.6318 8 14 8C14.3682 8 14.6667 8.29848 14.6667 8.66667V12.6667C14.6667 13.7713 13.7713 14.6667 12.6667 14.6667H3.33334C2.22878 14.6667 1.33334 13.7713 1.33334 12.6667V3.33334C1.33334 2.22877 2.22877 1.33334 3.33334 1.33334H7.33334C7.70153 1.33334 8.00001 1.63181 8.00001 2C8.00001 2.36819 7.70153 2.66667 7.33334 2.66667H3.33334Z" fill="%2361B6E6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.8047 1.19526C15.0651 1.45561 15.0651 1.87772 14.8047 2.13807L9.13807 7.80474C8.87772 8.06509 8.45561 8.06509 8.19526 7.80474C7.93491 7.54439 7.93491 7.12228 8.19526 6.86193L13.8619 1.19526C14.1223 0.934913 14.5444 0.934913 14.8047 1.19526Z" fill="%2361B6E6"/></svg>');
  display: block;
}

/* line 214, ../../_src/scss/components/_universal.scss */
button,
.button {
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 40px;
  margin-left: 0;
  padding-top: 0.6rem;
  padding-right: 1.4rem;
  padding-bottom: 0.6625rem;
  padding-left: 1.4rem;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  background: #343440;
}
/* line 231, ../../_src/scss/components/_universal.scss */
button:hover,
.button:hover {
  background: #57a3cf;
}
/* line 235, ../../_src/scss/components/_universal.scss */
button-signup,
.button-signup {
  background: #2f9b73;
}
/* line 238, ../../_src/scss/components/_universal.scss */
button-signup:hover,
.button-signup:hover {
  background: #31c59a;
}
/* line 243, ../../_src/scss/components/_universal.scss */
button.outline,
.button.outline {
  background: transparent;
  border: 1px solid #ffffff;
}
/* line 247, ../../_src/scss/components/_universal.scss */
button.outline.support,
.button.outline.support {
  background: transparent;
  border: 1px solid #66d670;
  color: #66d670;
}
/* line 252, ../../_src/scss/components/_universal.scss */
button.outline.support:hover,
.button.outline.support:hover {
  background: #51b35a;
  color: #ffffff;
}
/* line 259, ../../_src/scss/components/_universal.scss */
button.support,
.button.support {
  background: #66d670;
}
/* line 262, ../../_src/scss/components/_universal.scss */
button.support:hover,
.button.support:hover {
  background: #51b35a;
}
/* line 267, ../../_src/scss/components/_universal.scss */
button.full,
.button.full {
  width: 100%;
}
/* line 271, ../../_src/scss/components/_universal.scss */
button.small,
.button.small {
  display: inline-block;
  padding: 3px 8px;
  font-size: 14px;
  text-transform: none;
  margin-top: 0;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 0;
}
/* line 282, ../../_src/scss/components/_universal.scss */
button.inactive,
.button.inactive {
  opacity: 0.6;
  pointer-events: none;
}
/* line 287, ../../_src/scss/components/_universal.scss */
button.inline,
.button.inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 0.2em;
}

/* Dividers
--------------------------------------------------------------------------------------------------------------*/
/* line 301, ../../_src/scss/components/_universal.scss */
hr {
  border: solid #e8e8e8;
  border-width: 1px 0 0;
  margin: 20px 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 301, ../../_src/scss/components/_universal.scss */
  hr {
    margin: 40px 0;
  }
}

/* Clear
--------------------------------------------------------------------------------------------------------------*/
/* line 313, ../../_src/scss/components/_universal.scss */
.clr {
  content: "";
  display: table;
  clear: both;
}

/* Margins
--------------------------------------------------------------------------------------------------------------*/
/* line 322, ../../_src/scss/components/_universal.scss */
.no-margin {
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

/* line 329, ../../_src/scss/components/_universal.scss */
.no-padding {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

/*flex rows and columns 
---------------------------------------------------------------------------------------------------------------*/
/* line 339, ../../_src/scss/components/_universal.scss */
.flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 90rem;
}
/* line 350, ../../_src/scss/components/_universal.scss */
.flex-row .justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}
/* line 353, ../../_src/scss/components/_universal.scss */
.flex-row .justify-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 356, ../../_src/scss/components/_universal.scss */
.flex-row .justify-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}
@media only screen and (min-width: 40.063em) {
  /* line 360, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 365, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 370, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 377, ../../_src/scss/components/_universal.scss */
  .flex-row .large-justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 382, ../../_src/scss/components/_universal.scss */
  .flex-row .large-justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 387, ../../_src/scss/components/_universal.scss */
  .flex-row .large-justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 394, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-justify-center {
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 399, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-justify-start {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 404, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-justify-end {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
/* line 411, ../../_src/scss/components/_universal.scss */
.flex-row .align-center {
  -ms-flex-align: center;
      align-items: center;
}
/* line 414, ../../_src/scss/components/_universal.scss */
.flex-row .align-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 417, ../../_src/scss/components/_universal.scss */
.flex-row .align-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
@media only screen and (min-width: 40.063em) {
  /* line 421, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-align-center {
    -ms-flex-align: center;
        align-items: center;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 426, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 431, ../../_src/scss/components/_universal.scss */
  .flex-row .medium-align-end {
    -ms-flex-align: end;
        align-items: flex-end;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 438, ../../_src/scss/components/_universal.scss */
  .flex-row .large-align-center {
    -ms-flex-align: center;
        align-items: center;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 443, ../../_src/scss/components/_universal.scss */
  .flex-row .large-align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 448, ../../_src/scss/components/_universal.scss */
  .flex-row .large-align-end {
    -ms-flex-align: end;
        align-items: flex-end;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 455, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-align-center {
    -ms-flex-align: center;
        align-items: center;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 460, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-align-start {
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 465, ../../_src/scss/components/_universal.scss */
  .flex-row .xlarge-align-end {
    -ms-flex-align: end;
        align-items: flex-end;
  }
}

/* line 473, ../../_src/scss/components/_universal.scss */
.flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex: auto;
      flex: auto;
  margin-bottom: 24px;
}
/* line 480, ../../_src/scss/components/_universal.scss */
.minimal .flex-column {
  margin-bottom: 0;
}
/* line 483, ../../_src/scss/components/_universal.scss */
.minimal .flex-column h1, .minimal .flex-column h2, .minimal .flex-column h3, .minimal .flex-column h4 {
  margin-bottom: 0;
}
/* line 488, ../../_src/scss/components/_universal.scss */
.flex-column.small-12, .flex-column.small-11, .flex-column.small-10, .flex-column.small-9, .flex-column.small-8, .flex-column.small-7, .flex-column.small-6, .flex-column.small-5, .flex-column.small-4, .flex-column.small-3, .flex-column.small-2, .flex-column.small-1 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex: auto;
      flex: auto;
}
/* line 504, ../../_src/scss/components/_universal.scss */
.flex-column.small-11, .flex-column.small-10, .flex-column.small-9, .flex-column.small-8, .flex-column.small-7, .flex-column.small-6, .flex-column.small-5, .flex-column.small-4, .flex-column.small-3, .flex-column.small-2, .flex-column.small-1 {
  margin-bottom: 0;
}
/* line 518, ../../_src/scss/components/_universal.scss */
.flex-column.small-1 {
  -ms-flex: 0.0833;
      flex: 0.0833;
}
/* line 521, ../../_src/scss/components/_universal.scss */
.flex-column.small-2 {
  -ms-flex: 0.1666;
      flex: 0.1666;
}
/* line 524, ../../_src/scss/components/_universal.scss */
.flex-column.small-3 {
  -ms-flex: 0.25;
      flex: 0.25;
}
/* line 527, ../../_src/scss/components/_universal.scss */
.flex-column.small-4 {
  -ms-flex: 0.3333;
      flex: 0.3333;
}
/* line 530, ../../_src/scss/components/_universal.scss */
.flex-column.small-5 {
  -ms-flex: 0.4166;
      flex: 0.4166;
}
/* line 533, ../../_src/scss/components/_universal.scss */
.flex-column.small-6 {
  -ms-flex: 0.5;
      flex: 0.5;
}
/* line 536, ../../_src/scss/components/_universal.scss */
.flex-column.small-7 {
  -ms-flex: 0.5833;
      flex: 0.5833;
}
/* line 539, ../../_src/scss/components/_universal.scss */
.flex-column.small-8 {
  -ms-flex: 0.6666;
      flex: 0.6666;
}
/* line 542, ../../_src/scss/components/_universal.scss */
.flex-column.small-9 {
  -ms-flex: 0.75;
      flex: 0.75;
}
/* line 545, ../../_src/scss/components/_universal.scss */
.flex-column.small-10 {
  -ms-flex: 0.8333;
      flex: 0.8333;
}
/* line 548, ../../_src/scss/components/_universal.scss */
.flex-column.small-11 {
  -ms-flex: 0.9166;
      flex: 0.9166;
}
/* line 551, ../../_src/scss/components/_universal.scss */
.flex-column.small-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex: auto;
      flex: auto;
}
@media only screen and (min-width: 40.063em) {
  /* line 556, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-11, .flex-column.medium-10, .flex-column.medium-9, .flex-column.medium-8, .flex-column.medium-7, .flex-column.medium-6, .flex-column.medium-5, .flex-column.medium-4, .flex-column.medium-3, .flex-column.medium-2, .flex-column.medium-1 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 572, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-1 {
    -ms-flex: 0.0833;
        flex: 0.0833;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 577, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-2 {
    -ms-flex: 0.1666;
        flex: 0.1666;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 582, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-3 {
    -ms-flex: 0.25;
        flex: 0.25;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 587, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-4 {
    -ms-flex: 0.3333;
        flex: 0.3333;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 592, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-5 {
    -ms-flex: 0.4166;
        flex: 0.4166;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 597, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-6 {
    -ms-flex: 0.5;
        flex: 0.5;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 602, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-7 {
    -ms-flex: 0.5833;
        flex: 0.5833;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 607, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-8 {
    -ms-flex: 0.6666;
        flex: 0.6666;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 612, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-9 {
    -ms-flex: 0.75;
        flex: 0.75;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 617, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-10 {
    -ms-flex: 0.8333;
        flex: 0.8333;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 622, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-11 {
    -ms-flex: 0.9166;
        flex: 0.9166;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 627, ../../_src/scss/components/_universal.scss */
  .flex-column.medium-12 {
    -ms-flex: 1;
        flex: 1;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 633, ../../_src/scss/components/_universal.scss */
  .flex-column.large-11, .flex-column.large-10, .flex-column.large-9, .flex-column.large-8, .flex-column.large-7, .flex-column.large-6, .flex-column.large-5, .flex-column.large-4, .flex-column.large-3, .flex-column.large-2, .flex-column.large-1 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 648, ../../_src/scss/components/_universal.scss */
  .flex-column.large-1 {
    -ms-flex: 0.0833;
        flex: 0.0833;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 653, ../../_src/scss/components/_universal.scss */
  .flex-column.large-2 {
    -ms-flex: 0.1666;
        flex: 0.1666;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 658, ../../_src/scss/components/_universal.scss */
  .flex-column.large-3 {
    -ms-flex: 0.25;
        flex: 0.25;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 663, ../../_src/scss/components/_universal.scss */
  .flex-column.large-4 {
    -ms-flex: 0.3333;
        flex: 0.3333;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 668, ../../_src/scss/components/_universal.scss */
  .flex-column.large-5 {
    -ms-flex: 0.4166;
        flex: 0.4166;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 673, ../../_src/scss/components/_universal.scss */
  .flex-column.large-6 {
    -ms-flex: 0.5;
        flex: 0.5;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 678, ../../_src/scss/components/_universal.scss */
  .flex-column.large-7 {
    -ms-flex: 0.5833;
        flex: 0.5833;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 683, ../../_src/scss/components/_universal.scss */
  .flex-column.large-8 {
    -ms-flex: 0.6666;
        flex: 0.6666;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 688, ../../_src/scss/components/_universal.scss */
  .flex-column.large-9 {
    -ms-flex: 0.75;
        flex: 0.75;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 693, ../../_src/scss/components/_universal.scss */
  .flex-column.large-10 {
    -ms-flex: 0.8333;
        flex: 0.8333;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 698, ../../_src/scss/components/_universal.scss */
  .flex-column.large-11 {
    -ms-flex: 0.9166;
        flex: 0.9166;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 703, ../../_src/scss/components/_universal.scss */
  .flex-column.large-12 {
    -ms-flex: 1;
        flex: 1;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 709, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-11, .flex-column.xlarge-10, .flex-column.xlarge-9, .flex-column.xlarge-8, .flex-column.xlarge-7, .flex-column.xlarge-6, .flex-column.xlarge-5, .flex-column.xlarge-4, .flex-column.xlarge-3, .flex-column.xlarge-2, .flex-column.xlarge-1 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 724, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-1 {
    -ms-flex: 0.0833;
        flex: 0.0833;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 729, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-2 {
    -ms-flex: 0.1666;
        flex: 0.1666;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 734, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-3 {
    -ms-flex: 0.25;
        flex: 0.25;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 739, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-4 {
    -ms-flex: 0.3333;
        flex: 0.3333;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 744, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-5 {
    -ms-flex: 0.4166;
        flex: 0.4166;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 749, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-6 {
    -ms-flex: 0.5;
        flex: 0.5;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 754, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-7 {
    -ms-flex: 0.5833;
        flex: 0.5833;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 759, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-8 {
    -ms-flex: 0.6666;
        flex: 0.6666;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 764, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-9 {
    -ms-flex: 0.75;
        flex: 0.75;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 769, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-10 {
    -ms-flex: 0.8333;
        flex: 0.8333;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 774, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-11 {
    -ms-flex: 0.9166;
        flex: 0.9166;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 779, ../../_src/scss/components/_universal.scss */
  .flex-column.xlarge-12 {
    -ms-flex: 1;
        flex: 1;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 785, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-11, .flex-column.xxlarge-10, .flex-column.xxlarge-9, .flex-column.xxlarge-8, .flex-column.xxlarge-7, .flex-column.xxlarge-6, .flex-column.xxlarge-5, .flex-column.xxlarge-4, .flex-column.xxlarge-3, .flex-column.xxlarge-2, .flex-column.xxlarge-1 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 800, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-1 {
    -ms-flex: 0.0833;
        flex: 0.0833;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 805, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-2 {
    -ms-flex: 0.1666;
        flex: 0.1666;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 810, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-3 {
    -ms-flex: 0.25;
        flex: 0.25;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 815, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-4 {
    -ms-flex: 0.3333;
        flex: 0.3333;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 820, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-5 {
    -ms-flex: 0.4166;
        flex: 0.4166;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 825, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-6 {
    -ms-flex: 0.5;
        flex: 0.5;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 830, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-7 {
    -ms-flex: 0.5833;
        flex: 0.5833;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 835, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-8 {
    -ms-flex: 0.6666;
        flex: 0.6666;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 840, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-9 {
    -ms-flex: 0.75;
        flex: 0.75;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 845, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-10 {
    -ms-flex: 0.8333;
        flex: 0.8333;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 850, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-11 {
    -ms-flex: 0.9166;
        flex: 0.9166;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 855, ../../_src/scss/components/_universal.scss */
  .flex-column.xxlarge-12 {
    -ms-flex: 1;
        flex: 1;
  }
}

/* line 863, ../../_src/scss/components/_universal.scss */
.only-on-small {
  display: block;
}
@media only screen and (min-width: 40.063em) {
  /* line 863, ../../_src/scss/components/_universal.scss */
  .only-on-small {
    display: none;
  }
}

/* line 870, ../../_src/scss/components/_universal.scss */
.only-medium-up {
  display: none;
}
@media only screen and (min-width: 40.063em) {
  /* line 870, ../../_src/scss/components/_universal.scss */
  .only-medium-up {
    display: block;
  }
}

/* line 877, ../../_src/scss/components/_universal.scss */
.only-large-up {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 877, ../../_src/scss/components/_universal.scss */
  .only-large-up {
    display: block;
  }
}

/* line 886, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 886, ../../_src/scss/components/_universal.scss */
  .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  /* line 903, ../../_src/scss/components/_universal.scss */
  .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 908, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 915, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a span {
  font-weight: 600;
}
/* line 919, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 924, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper a svg path {
  stroke: #676AAD;
}
/* line 929, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .accent_color {
  color: #676AAD;
}
/* line 933, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 938, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 946, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 951, ../../_src/scss/components/_universal.scss */
.article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}

/* Layout and Section Containers
----------------------------------------------------------------------------------------------------------------------*/
/* line 5, ../../_src/scss/components/_sections.scss */
.section .row,
.section .flex-row {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 5, ../../_src/scss/components/_sections.scss */
  .section .row,
  .section .flex-row {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
}
/* line 19, ../../_src/scss/components/_sections.scss */
.section .row:first-of-type,
.section .flex-row:first-of-type {
  padding-top: 40px;
}
/* line 23, ../../_src/scss/components/_sections.scss */
.section .row:last-of-type,
.section .flex-row:last-of-type {
  padding-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 28, ../../_src/scss/components/_sections.scss */
  .section .row:first-of-type,
  .section .flex-row:first-of-type {
    padding-top: 80px;
  }
  /* line 32, ../../_src/scss/components/_sections.scss */
  .section .row:last-of-type,
  .section .flex-row:last-of-type {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 5, ../../_src/scss/components/_sections.scss */
  .section .row,
  .section .flex-row {
    padding-right: 80px;
    padding-left: 80px;
  }
  /* line 41, ../../_src/scss/components/_sections.scss */
  .section .row:first-of-type,
  .section .flex-row:first-of-type {
    padding-top: 120px;
  }
  /* line 45, ../../_src/scss/components/_sections.scss */
  .section .row:last-of-type,
  .section .flex-row:last-of-type {
    padding-bottom: 120px;
  }
}
/* line 50, ../../_src/scss/components/_sections.scss */
.section .row.title-row,
.section .flex-row.title-row {
  padding-bottom: 0;
}
/* line 55, ../../_src/scss/components/_sections.scss */
.section::after {
  content: "";
  display: "block";
  clear: both;
}

/* line 62, ../../_src/scss/components/_sections.scss */
.section-full {
  position: relative;
  z-index: 10;
}

/* line 67, ../../_src/scss/components/_sections.scss */
.section-raised {
  position: relative;
  margin-top: -80px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  max-width: 1440px;
  background: #ffffff;
  z-index: 20;
  clear: both;
  box-shadow: 0 30px 55px 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
@media only screen and (min-width: 90.063em) {
  /* line 67, ../../_src/scss/components/_sections.scss */
  .section-raised {
    border-radius: 16px;
  }
  /* line 83, ../../_src/scss/components/_sections.scss */
  .section-raised:has(.menu-lvl-2) {
    border-radius: 0 0 16px 16px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 67, ../../_src/scss/components/_sections.scss */
  .section-raised {
    box-shadow: 0 50px 55px 5px rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 67, ../../_src/scss/components/_sections.scss */
  .section-raised {
    box-shadow: 0 70px 55px 5px rgba(0, 0, 0, 0.2);
  }
}
/* line 97, ../../_src/scss/components/_sections.scss */
.section-raised.section-inline {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
/* line 104, ../../_src/scss/components/_sections.scss */
.section-raised:last-of-type {
  padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
  /* line 104, ../../_src/scss/components/_sections.scss */
  .section-raised:last-of-type {
    margin-bottom: 80px;
  }
}

/* line 113, ../../_src/scss/components/_sections.scss */
.section-lowered {
  position: relative;
  margin-top: -80px;
  padding-top: 80px;
  background: #f4f4f4;
  z-index: 10;
}
/* line 120, ../../_src/scss/components/_sections.scss */
.section-lowered.section-inline {
  margin-top: 0;
}

/* line 126, ../../_src/scss/components/_sections.scss */
.section-continued .row,
.section-continued .flex-row {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
/* line 133, ../../_src/scss/components/_sections.scss */
.section-continued .row:first-of-type,
.section-continued .flex-row:first-of-type {
  padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 126, ../../_src/scss/components/_sections.scss */
  .section-continued .row,
  .section-continued .flex-row {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }
  /* line 143, ../../_src/scss/components/_sections.scss */
  .section-continued .row:first-of-type,
  .section-continued .flex-row:first-of-type {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 149, ../../_src/scss/components/_sections.scss */
  .section-continued .row:first-of-type,
  .section-continued .flex-row:first-of-type {
    padding-top: 40px;
  }
}

/* line 1, ../../_src/scss/components/_banner.scss */
.banner {
  position: relative;
  margin-top: -140px;
  padding-top: 170px;
  padding-bottom: 40px;
  color: #ffffff;
  background: #222222;
}
@media only screen and (min-width: 40.063em) {
  /* line 1, ../../_src/scss/components/_banner.scss */
  .banner {
    min-height: 410px;
    padding-top: 200px;
  }
}
/* line 14, ../../_src/scss/components/_banner.scss */
.banner.feature {
  min-height: 480px;
}
/* line 18, ../../_src/scss/components/_banner.scss */
.banner .banner-image {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 40px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}
/* line 26, ../../_src/scss/components/_banner.scss */
.banner .banner-image img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  object-position: center center;
}
/* line 32, ../../_src/scss/components/_banner.scss */
.home .banner .banner-image img {
  object-position: left center;
}
/* line 36, ../../_src/scss/components/_banner.scss */
.pricing .banner .banner-image img {
  object-position: right center;
}
/* line 41, ../../_src/scss/components/_banner.scss */
.banner .banner-image video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 18, ../../_src/scss/components/_banner.scss */
  .banner .banner-image {
    height: 420px;
  }
  /* line 54, ../../_src/scss/components/_banner.scss */
  .banner .banner-image img {
    height: 420px;
  }
}
/* line 61, ../../_src/scss/components/_banner.scss */
.banner .content {
  position: relative;
  z-index: 10;
  padding-top: 0;
  padding-left: 20px;
  padding-bottom: 80px;
  padding-right: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 61, ../../_src/scss/components/_banner.scss */
  .banner .content {
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 120px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 61, ../../_src/scss/components/_banner.scss */
  .banner .content {
    padding-top: 0;
    padding-left: 80px;
    padding-bottom: 160px;
    padding-right: 80px;
  }
}
/* line 83, ../../_src/scss/components/_banner.scss */
.has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
  padding-bottom: 140px;
}
@media only screen and (min-width: 40.063em) {
  /* line 83, ../../_src/scss/components/_banner.scss */
  .has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 83, ../../_src/scss/components/_banner.scss */
  .has-menu-lvl-2 .banner .content, .nav-lvl-2 .banner .content {
    padding-bottom: 200px;
  }
}
/* line 97, ../../_src/scss/components/_banner.scss */
.banner .columns:first-of-type {
  z-index: 2;
}
/* line 102, ../../_src/scss/components/_banner.scss */
.banner.overlay::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
  /* IE6-9 */
}
@media only screen and (min-width: 64.063em) {
  /* line 102, ../../_src/scss/components/_banner.scss */
  .banner.overlay::after {
    width: 100%;
  }
}
/* line 126, ../../_src/scss/components/_banner.scss */
.banner .video_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
/* line 136, ../../_src/scss/components/_banner.scss */
.banner h1, .banner h2, .banner h3, .banner h4, .banner p {
  color: #ffffff;
  z-index: 2;
}
/* line 141, ../../_src/scss/components/_banner.scss */
.banner h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 141, ../../_src/scss/components/_banner.scss */
  .banner h1 {
    font-size: 60px;
  }
}
/* line 152, ../../_src/scss/components/_banner.scss */
.banner p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (min-width: 40.063em) {
  /* line 152, ../../_src/scss/components/_banner.scss */
  .banner p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 152, ../../_src/scss/components/_banner.scss */
  .banner p {
    font-size: 21px;
  }
}
/* line 168, ../../_src/scss/components/_banner.scss */
.banner p:last-of-type:first-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 168, ../../_src/scss/components/_banner.scss */
  .banner p:last-of-type:first-of-type {
    margin-bottom: 0;
  }
}
/* line 177, ../../_src/scss/components/_banner.scss */
.banner p a {
  color: #ffffff;
}
/* line 182, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper {
  margin-top: 40px;
  position: relative;
  height: 60px;
}
/* line 187, ../../_src/scss/components/_banner.scss */
.banner .sign-up-buttons-wrapper .button-signup {
  position: absolute;
  margin: 0;
  height: 60px;
  width: 60%;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
@media only screen and (min-width: 40.063em) {
  /* line 187, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-buttons-wrapper .button-signup {
    width: 60%;
    left: 0;
    top: 0;
    -ms-transform: none;
        transform: none;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 187, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-buttons-wrapper .button-signup {
    width: 50%;
    top: 0;
  }
}
/* line 210, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper {
  margin-top: 40px;
  position: relative;
  background: #fff;
  height: 60px;
  border-radius: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 210, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-wrapper {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 210, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-wrapper {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 229, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .sign-up-input {
  margin-top: 12px;
  margin-left: 11px;
  margin-right: 11px;
  width: calc(100% - 22px);
  border: none;
  display: inline-block;
  box-shadow: none;
  text-align: center;
}
@media only screen and (min-width: 40.063em) {
  /* line 229, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-wrapper .sign-up-input {
    width: 80%;
    text-align: left;
    float: left;
  }
}
/* line 246, ../../_src/scss/components/_banner.scss */
.banner .sign-up-wrapper .button-signup {
  position: absolute;
  height: 60px;
  width: 100%;
  top: 80px;
  left: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 246, ../../_src/scss/components/_banner.scss */
  .banner .sign-up-wrapper .button-signup {
    width: auto;
    border-left: 20px solid;
    top: 0;
  }
}

/* line 1, ../../_src/scss/components/_header.scss */
.main-header {
  position: sticky;
  top: 0;
  height: 64px;
  margin: 0;
  z-index: 30;
  transition: 0.3s ease all;
}
/* line 10, ../../_src/scss/components/_header.scss */
.main-header::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 0;
}
/* line 25, ../../_src/scss/components/_header.scss */
.main-header:hover::after {
  background-color: rgba(10, 10, 10, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
/* line 32, ../../_src/scss/components/_header.scss */
.main-header .row {
  max-width: 1440px;
  height: 64px;
  position: relative;
  z-index: 10;
}
/* line 39, ../../_src/scss/components/_header.scss */
.main-header .uc-logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 64px;
  width: 160px;
  position: absolute;
  left: 16px;
  top: 50%;
  overflow: hidden;
  transition: left 200ms ease-in-out, width 200ms ease-in-out;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
/* line 51, ../../_src/scss/components/_header.scss */
.main-header .uc-logo img {
  width: 100%;
  max-width: 120px;
  margin-left: 0;
}
/* line 58, ../../_src/scss/components/_header.scss */
.main-header .skip-nav {
  display: inline-block;
  text-indent: -99999em;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  left: 12px;
}
/* line 69, ../../_src/scss/components/_header.scss */
.main-header .icon-menu {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 16px;
  color: #ffffff;
  transition: right 200ms ease-in, color 200ms ease-in;
}
/* line 81, ../../_src/scss/components/_header.scss */
.main-header .icon-menu:before {
  content: "\e020";
  font-size: 20px;
}
/* line 86, ../../_src/scss/components/_header.scss */
.main-header .icon-menu span {
  display: none;
}
/* line 90, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .icon-menu {
  right: -252px;
  color: #ffffff;
}
/* line 96, ../../_src/scss/components/_header.scss */
.main-header .icon-search {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 22px;
  right: 54px;
  color: #ffffff;
  transition: right 200ms ease-in, color 200ms ease-in;
}
/* line 108, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .icon-search {
  right: -210px;
}
/* line 112, ../../_src/scss/components/_header.scss */
.main-header .icon-search:before {
  content: "\e014";
  font-size: 20px;
}
/* line 117, ../../_src/scss/components/_header.scss */
.main-header .icon-search span {
  display: none;
}
/* line 127, ../../_src/scss/components/_header.scss */
.main-header .get-started {
  color: #fff;
  background-color: transparent;
  position: absolute;
  right: 80px;
  top: 0;
  height: 64px;
  width: 120px;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  padding-top: 0;
  line-height: 64px;
  transition: height 200ms ease-in-out, padding-top 200ms ease-in-out;
}
/* line 148, ../../_src/scss/components/_header.scss */
.main-menu-active .main-header .get-started {
  right: -180px;
}

@media only screen and (min-width: 40.063em) {
  /* line 155, ../../_src/scss/components/_header.scss */
  .main-header {
    height: 100px;
    position: sticky;
  }
  /* line 159, ../../_src/scss/components/_header.scss */
  .main-header .row {
    height: 100px;
  }
  /* line 163, ../../_src/scss/components/_header.scss */
  .main-header .uc-logo {
    display: block;
    height: 60px;
    width: 220px;
    left: 20px;
    position: absolute;
    transition: left 200ms ease-in-out, width 200ms ease-in-out;
  }
  /* line 171, ../../_src/scss/components/_header.scss */
  .main-header .uc-logo img {
    width: 100%;
    max-width: 220px;
    margin-left: 0;
  }
  /* line 178, ../../_src/scss/components/_header.scss */
  .main-header .get-started {
    background: #2f9b73;
    color: #fff;
    right: 0;
    height: 100px;
    width: 180px;
    font-size: 18px;
    line-height: normal;
    padding: 35px 0 0 0;
  }
  /* line 188, ../../_src/scss/components/_header.scss */
  .main-menu-active .main-header .get-started {
    right: 0;
  }
  /* line 193, ../../_src/scss/components/_header.scss */
  .main-header .skip-nav {
    top: 20px;
    transition: background-color 200ms ease-in-out;
  }
  /* line 197, ../../_src/scss/components/_header.scss */
  .main-header .skip-nav:hover {
    background-color: #b0b0b0;
  }
  /* line 202, ../../_src/scss/components/_header.scss */
  .main-header .icon-menu {
    display: block;
    top: 43px;
    right: 220px;
  }
  /* line 210, ../../_src/scss/components/_header.scss */
  .main-header .icon-search {
    display: block;
    top: 43px;
    right: 280px;
  }
  /* line 215, ../../_src/scss/components/_header.scss */
  .main-menu-active .main-header .icon-search {
    right: 210px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 223, ../../_src/scss/components/_header.scss */
  .main-header {
    width: 100%;
    padding: 0 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    height: 100px;
    box-shadow: 0 0 0 transparent;
    transition: height 200ms ease-in-out box-shadow 200ms ease-in-out;
  }
  /* line 234, ../../_src/scss/components/_header.scss */
  .main-header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 52, 64, 0);
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    z-index: 0;
    transition: background-color 200ms ease-in-out, backdrop-filter 200ms ease-in-out;
  }
  /* line 249, ../../_src/scss/components/_header.scss */
  .main-header .row {
    height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 32px;
    z-index: 10;
  }
  /* line 257, ../../_src/scss/components/_header.scss */
  .main-header .skip-nav {
    display: none;
  }
  /* line 261, ../../_src/scss/components/_header.scss */
  .main-header .get-started {
    height: 40px;
    width: 120px;
    padding: 7px 13px;
    width: 167px;
    border-radius: 20px;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
  /* line 271, ../../_src/scss/components/_header.scss */
  .main-header .uc-logo {
    position: relative;
    left: auto;
    top: auto;
    -ms-transform: none;
        transform: none;
  }
  /* line 278, ../../_src/scss/components/_header.scss */
  .main-header .desktop-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    top: auto;
    left: auto;
    -ms-transform: none;
        transform: none;
  }
  /* line 286, ../../_src/scss/components/_header.scss */
  .main-header .desktop-nav a {
    font-size: 16px;
  }
  /* line 291, ../../_src/scss/components/_header.scss */
  .fix-nav .main-header {
    height: 80px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  }
  /* line 296, ../../_src/scss/components/_header.scss */
  .fix-nav .main-header::after {
    background-color: rgba(18, 18, 22, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  /* line 302, ../../_src/scss/components/_header.scss */
  .fix-nav .main-header .row {
    height: 80px;
  }
  /* line 312, ../../_src/scss/components/_header.scss */
  .main-header .icon-menu {
    position: absolute;
    left: -3000em;
  }
  /* line 317, ../../_src/scss/components/_header.scss */
  .main-header .icon-search {
    position: absolute;
    left: -3000em;
  }
}
/* line 1, ../../_src/scss/components/_footer.scss */
#main-footer {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
}
/* line 6, ../../_src/scss/components/_footer.scss */
#main-footer h3 {
  color: #8d8d8d;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 6, ../../_src/scss/components/_footer.scss */
  #main-footer h3 {
    text-transform: none;
    font-size: 24px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 6, ../../_src/scss/components/_footer.scss */
  #main-footer h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
/* line 23, ../../_src/scss/components/_footer.scss */
#main-footer h4 {
  color: #b0b0b0;
}
/* line 27, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation {
  padding: 40px 20px;
  border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 40.063em) {
  /* line 27, ../../_src/scss/components/_footer.scss */
  #main-footer .footer-navigation {
    border-bottom: none;
    padding: 80px 40px;
  }
}
/* line 36, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer,
#main-footer .footer-navigation .footer-contact {
  margin-top: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 36, ../../_src/scss/components/_footer.scss */
  #main-footer .footer-navigation .menu-footer,
  #main-footer .footer-navigation .footer-contact {
    margin-top: 0;
  }
}
/* line 44, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer ul,
#main-footer .footer-navigation .footer-contact ul {
  margin: 0;
  list-style: none;
}
/* line 48, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .menu-footer ul li a,
#main-footer .footer-navigation .footer-contact ul li a {
  color: #b0b0b0;
  font-size: 14px;
}
/* line 55, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .footer-contact {
  font-size: 12px;
}
/* line 58, ../../_src/scss/components/_footer.scss */
#main-footer .footer-navigation .footer-contact::after {
  content: "";
  display: table;
  clear: both;
}
/* line 66, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding {
  padding: 40px 20px;
  text-align: center;
}
@media only screen and (min-width: 40.063em) {
  /* line 66, ../../_src/scss/components/_footer.scss */
  #main-footer .footer-branding {
    padding: 80px 40px;
    text-align: left;
    border-right: 1px solid #cccccc;
  }
}
/* line 76, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .button-signup {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 40.063em) {
  /* line 76, ../../_src/scss/components/_footer.scss */
  #main-footer .footer-branding .button-signup {
    margin-right: 0;
    margin-left: 0;
  }
}
/* line 86, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .uc-logo {
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  display: block;
  height: 60px;
  width: 200px;
  position: relative;
  float: none;
  transition: left 200ms ease-in-out, width 200ms ease-in-out;
}
@media only screen and (min-width: 40.063em) {
  /* line 86, ../../_src/scss/components/_footer.scss */
  #main-footer .footer-branding .uc-logo {
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    float: left;
  }
}
/* line 106, ../../_src/scss/components/_footer.scss */
#main-footer .footer-branding .uc-logo img {
  max-width: 200px;
  margin-left: 0;
}

/* line 114, ../../_src/scss/components/_footer.scss */
#sub-footer {
  padding: 20px 0;
  color: #b0b0b0;
  font-size: 14px;
}
/* line 121, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul {
  margin: 0;
  list-style: none;
}
/* line 125, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
}
@media only screen and (min-width: 64.063em) {
  /* line 125, ../../_src/scss/components/_footer.scss */
  #sub-footer .footer-legal ul li {
    margin-bottom: 0;
  }
}
/* line 135, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-legal ul li a {
  color: #b0b0b0;
}
/* line 143, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul {
  margin: 0;
  list-style: none;
}
/* line 147, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 64.063em) {
  /* line 147, ../../_src/scss/components/_footer.scss */
  #sub-footer .footer-social ul li {
    margin-bottom: 0;
  }
}
/* line 156, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li a {
  color: #b0b0b0;
}
/* line 159, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social ul li a span {
  display: none;
}
/* line 166, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social .icon-facebook:before {
  content: "\e01a";
}
/* line 170, ../../_src/scss/components/_footer.scss */
#sub-footer .footer-social .icon-twitter:before {
  content: "\e01e";
}

/* line 2, ../../_src/scss/components/_main_nav.scss */
.desktop-nav,
.desktop-nav-sub {
  display: none;
  width: auto;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 16px;
  transition: left 200ms ease-in-out, top 200ms ease-in-out;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}
/* line 17, ../../_src/scss/components/_main_nav.scss */
.desktop-nav ul,
.desktop-nav-sub ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
/* line 24, ../../_src/scss/components/_main_nav.scss */
.desktop-nav a,
.desktop-nav-sub a {
  display: block;
  padding: 10px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  border-bottom: 1px solid #222222;
  transition: color 200ms ease-in, padding 200ms ease-in, font-size 200ms ease-in;
}

/* line 44, ../../_src/scss/components/_main_nav.scss */
.desktop-nav > ul > li:nth-child(1) > a {
  padding: 10px 16px 10px 0;
}

/* line 50, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub {
  right: 180px;
  left: auto;
}
/* line 54, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub li {
  float: right;
}
/* line 58, ../../_src/scss/components/_main_nav.scss */
.desktop-nav-sub a {
  text-transform: none;
}

/* line 63, ../../_src/scss/components/_main_nav.scss */
.mobile-nav {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: -270px;
  height: calc(100vh - 64px);
  padding-bottom: 120px;
  width: 0;
  position: fixed;
  top: 64px;
  right: 0;
  z-index: 1500;
  backface-visibility: hidden;
  transition: transform 200ms ease-in, opacity 200ms ease-in;
}
/* line 80, ../../_src/scss/components/_main_nav.scss */
.main-menu-active .mobile-nav {
  width: 270px;
  -ms-transform: translateX(-270px);
      transform: translateX(-270px);
}
/* line 86, ../../_src/scss/components/_main_nav.scss */
.mobile-nav a {
  display: block;
  padding: 12px 20px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
  color: #ffffff;
  border-bottom: 1px solid #222222;
  transition: color 200ms ease-in;
}
/* line 103, ../../_src/scss/components/_main_nav.scss */
.mobile-nav a.login {
  color: #61b6e6;
}
/* line 108, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li {
  list-style: none;
  position: relative;
}
/* line 113, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li.has-subnav::after {
  content: "\e001";
  font-family: 'ultracart-storefronts-1';
  color: #ffffff;
  font-size: 8px;
  position: absolute;
  top: 15px;
  right: 20px;
}
/* line 125, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul {
  display: hidden;
  padding: 10px 0 0 0;
  border-bottom: 1px solid #222222;
}
/* line 131, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul li {
  padding: 0 0 10px  0;
}
/* line 135, ../../_src/scss/components/_main_nav.scss */
.mobile-nav li ul a {
  padding: 0 26px;
  font-weight: 400;
  text-transform: none;
  white-space: normal;
  color: grey;
  border-bottom: 0 none;
  text-align: right;
}
/* line 149, ../../_src/scss/components/_main_nav.scss */
.mobile-nav ul {
  margin: 0;
  padding: 0;
}

/* line 156, ../../_src/scss/components/_main_nav.scss */
#galaxy {
  -ms-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0);
  backface-visibility: hidden;
  transition: transform 200ms ease-in;
}
/* line 161, ../../_src/scss/components/_main_nav.scss */
.main-menu-active #galaxy {
  -ms-transform: translateX(-270px);
      transform: translateX(-270px);
}

@media only screen and (min-width: 40.063em) {
  /* line 169, ../../_src/scss/components/_main_nav.scss */
  .mobile-nav {
    top: 90px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 176, ../../_src/scss/components/_main_nav.scss */
  #galaxy {
    -ms-transform: none;
        transform: none;
    backface-visibility: hidden;
  }

  /* line 182, ../../_src/scss/components/_main_nav.scss */
  .mobile-nav {
    display: none !important;
  }

  /* line 186, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav {
    left: 0;
  }

  /* line 190, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav,
  .desktop-nav-sub {
    display: block;
  }
  /* line 194, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav a,
  .desktop-nav-sub a {
    color: #ffffff;
    border: 0 none;
  }
  /* line 200, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li,
  .desktop-nav-sub li {
    display: inline-block;
    position: relative;
  }
  /* line 205, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li.has-subnav:after,
  .desktop-nav-sub li.has-subnav:after {
    position: absolute;
    content: "\e001";
    font-family: 'ultracart-storefronts-1';
    color: #e8e8e8;
    font-size: 8px;
    right: 0;
    top: 18px;
  }
  /* line 215, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li.has-subnav > a,
  .desktop-nav-sub li.has-subnav > a {
    padding-right: 15px;
  }
  /* line 220, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li:hover:after,
  .desktop-nav-sub li:hover:after {
    color: #f4f4f4;
  }
  /* line 226, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li.active > ul,
  .desktop-nav-sub li.active > ul {
    display: block;
  }
  /* line 231, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul,
  .desktop-nav-sub li ul {
    display: none;
    padding: 20px;
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    background-color: rgba(10, 10, 10, 0.95);
    border-radius: 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  /* line 246, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul li,
  .desktop-nav-sub li ul li {
    line-height: 1.3;
    display: block;
    clear: both;
  }
  /* line 251, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul li a,
  .desktop-nav-sub li ul li a {
    font-size: 16px;
  }
  /* line 256, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul li.has-subnav:after,
  .desktop-nav-sub li ul li.has-subnav:after {
    content: "\e002";
    font-family: 'ultracart-storefronts-1';
    color: #8d8d8d;
    font-size: 8px;
    left: 5px;
    top: 3px;
    display: block;
    height: 10px;
    width: 10px;
  }
  /* line 268, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul li.has-subnav ul,
  .desktop-nav-sub li ul li.has-subnav ul {
    display: none;
    right: 100%;
    top: -10px;
    position: absolute;
    float: none;
    background-color: #333333;
    border-right: 1px solid #222222;
  }
  /* line 282, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul li.active > ul,
  .desktop-nav-sub li ul li.active > ul {
    display: block;
  }
  /* line 288, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li ul a,
  .desktop-nav-sub li ul a {
    white-space: nowrap;
  }
  /* line 294, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li:hover > a,
  .desktop-nav-sub li:hover > a {
    color: #f4f4f4;
  }
  /* line 301, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav li.active ul,
  .desktop-nav-sub li.active ul {
    display: block;
  }
  /* line 307, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav ul,
  .desktop-nav-sub ul {
    float: left;
  }
  /* line 314, ../../_src/scss/components/_main_nav.scss */
  .fix-nav .desktop-nav a, .fix-nav
  .desktop-nav-sub a {
    padding: 12px 10px;
    font-size: 14px;
    transition: color 200ms ease-in;
  }
  /* line 323, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 > ul,
  .desktop-nav-sub.nav_v2 > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 16px;
  }
  /* line 329, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li,
  .desktop-nav-sub.nav_v2 li {
    position: static;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 8px;
  }
  /* line 336, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li.has-subnav::after,
  .desktop-nav-sub.nav_v2 li.has-subnav::after {
    content: "\e001";
    font-family: 'ultracart-storefronts-1';
    color: #ffffff;
    font-size: 8px;
    position: relative;
    top: auto;
    right: auto;
  }
  /* line 348, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li.has-subnav.active > .subnav,
  .desktop-nav-sub.nav_v2 li.has-subnav.active > .subnav {
    pointer-events: all;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    opacity: 1;
    height: auto;
    bottom: auto;
    z-index: 20;
  }
  /* line 358, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li.has-subnav.active > .subnav .subnav_content,
  .desktop-nav-sub.nav_v2 li.has-subnav.active > .subnav .subnav_content {
    opacity: 1;
  }
  /* line 365, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li a,
  .desktop-nav-sub.nav_v2 li a {
    padding: 10px 0;
  }
  /* line 370, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li:nth-child(1) a,
  .desktop-nav-sub.nav_v2 li:nth-child(1) a {
    padding: 10px 0;
  }
  /* line 375, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav,
  .desktop-nav-sub.nav_v2 li .subnav {
    min-height: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 24px);
    left: calc(-1 * (200px + 104px));
    width: 100vw;
    background-color: rgba(10, 10, 10, 0.96);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    backdrop-filter: blur(8px);
  }
  /* line 394, ../../_src/scss/components/_main_nav.scss */
  .fix-nav .desktop-nav.nav_v2 li .subnav, .fix-nav
  .desktop-nav-sub.nav_v2 li .subnav {
    top: calc(100% + 15px);
  }
  /* line 398, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    max-width: 1440px;
    padding: 40px 40px 120px 40px;
    gap: 80px;
    opacity: 0;
    transition: all 0.4s ease;
  }
  /* line 408, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    width: 100%;
    max-width: 360px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 32px;
  }
  /* line 416, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_block,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_block {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 16px;
  }
  /* line 423, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-family: "Poppins", sans-serif;
    gap: 8px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 18px;
    font-weight: 400;
  }
  /* line 435, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header span,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column .subnav_header span {
    color: white;
    font-size: 18px;
  }
  /* line 441, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul {
    float: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 20px;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    background-color: transparent;
    border-radius: 0;
    backdrop-filter: none;
  }
  /* line 454, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li {
    padding: 0 0 0 40px;
    font-family: "Poppins", sans-serif;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  /* line 459, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 4px;
    letter-spacing: 0.01em;
  }
  /* line 466, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_item {
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s ease;
  }
  /* line 472, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_description,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a .subnav_description {
    color: #828282;
    font-size: 14px;
    transition: all 0.3s ease;
  }
  /* line 479, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li a:hover .subnav_description,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li a:hover .subnav_description {
    color: white;
  }
  /* line 485, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul li:has(svg),
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul li:has(svg) {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-left: -40px;
    margin-bottom: 8px;
  }
  /* line 496, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a .subnav_item {
    color: #A1D4EF;
  }
  /* line 501, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_waystosell li a:hover .subnav_item {
    color: #7DBCDE;
  }
  /* line 510, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li {
    margin-left: 0;
  }
  /* line 514, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a .subnav_item {
    color: #A1ECCB;
  }
  /* line 519, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_whyultracart li a:hover .subnav_item {
    color: #73DCB3;
  }
  /* line 528, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li {
    margin-left: 0;
  }
  /* line 532, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a .subnav_item {
    color: #F7F18D;
  }
  /* line 537, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_operations li a:hover .subnav_item {
    color: #E8C658;
  }
  /* line 546, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li {
    margin-left: 0;
  }
  /* line 550, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a .subnav_item {
    color: #F7A895;
  }
  /* line 555, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_marketing li a:hover .subnav_item {
    color: #EC7F6F;
  }
  /* line 566, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a .subnav_item {
    color: #A1ECCB;
  }
  /* line 571, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_learning li a:hover .subnav_item {
    color: #73DCB3;
  }
  /* line 581, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a .subnav_item {
    color: #A1D4EF;
  }
  /* line 586, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_growth li a:hover .subnav_item {
    color: #7DBCDE;
  }
  /* line 596, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a .subnav_item {
    color: #A1A4EF;
  }
  /* line 601, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a:hover .subnav_item,
  .desktop-nav-sub.nav_v2 li .subnav .subnav_content .subnav_column ul.subnav_technical li a:hover .subnav_item {
    color: #C7C8FD;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 622, ../../_src/scss/components/_main_nav.scss */
  .mobile-nav {
    width: 67.5rem;
    height: 50px;
    margin-left: -22.5rem;
    position: absolute;
    top: 46px;
    left: 50%;
    font-size: 14px;
  }
  /* line 633, ../../_src/scss/components/_main_nav.scss */
  .fix-nav .mobile-nav {
    position: fixed;
    top: -2px;
  }
  /* line 638, ../../_src/scss/components/_main_nav.scss */
  .mobile-nav a {
    color: red;
    border: 0 none;
  }

  /* line 647, ../../_src/scss/components/_main_nav.scss */
  .desktop-nav.nav_v2 li .subnav {
    left: calc(-1 * (((100vw - 1440px) / 2) + 200px + 84px));
  }
}
/* line 1, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 {
  position: absolute;
  height: auto;
  min-height: 80px;
  width: 100%;
  bottom: 100%;
  background: rgba(255, 255, 255, 0.9);
  text-align: left;
  border-radius: 0;
}
@media only screen and (min-width: 90.063em) {
  /* line 1, ../../_src/scss/components/_menus.scss */
  .menu-lvl-2 {
    border-radius: 16px 16px 0 0;
  }
}
/* line 15, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-desktop {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 15, ../../_src/scss/components/_menus.scss */
  .menu-lvl-2.menu-desktop {
    display: block;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
}
/* line 27, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile {
  padding: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 27, ../../_src/scss/components/_menus.scss */
  .menu-lvl-2.menu-mobile {
    display: none;
  }
}
/* line 34, ../../_src/scss/components/_menus.scss */
.menu-lvl-2.menu-mobile select {
  border: none;
  border-radius: 16px;
  background: #ffffff;
  height: 40px;
  font-weight: bold;
  padding: 0 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 40.063em) {
  /* line 34, ../../_src/scss/components/_menus.scss */
  .menu-lvl-2.menu-mobile select {
    width: 50%;
  }
}
/* line 49, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  gap: 8px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
/* line 59, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul::after {
  content: '';
  display: block;
  clear: both;
}
/* line 65, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li {
  line-height: 80px;
  display: inline-block;
  position: relative;
  line-height: 20px;
  display: block;
  margin: 0;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px 16px;
  border-radius: 30px;
  width: auto;
  box-shadow: 0;
  background-color: transparent;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  -ms-flex-order: 10;
      order: 10;
}
/* line 82, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li:has(a[title="Advanced"]) {
  -ms-flex-order: 20;
      order: 20;
}
/* line 86, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li:hover {
  background-color: #ffffff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
/* line 91, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active {
  border: 1px solid #ffffff;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/* line 96, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active::after {
  content: "";
  display: none;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  background: #545454;
}
/* line 108, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li.active a {
  color: #222222;
}
/* line 113, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li a {
  color: #545454;
  font-size: 16px;
  font-weight: 400;
  transition: color 200ms ease-in;
}
/* line 119, ../../_src/scss/components/_menus.scss */
.menu-lvl-2 ul li a:hover {
  color: #222222;
}

/* line 130, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 {
  border-right: 1px solid #e8e8e8;
  display: none;
}
@media only screen and (min-width: 40.063em) {
  /* line 130, ../../_src/scss/components/_menus.scss */
  .menu-lvl-3 {
    display: block;
  }
}
/* line 140, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 .active-indicator {
  display: none;
  position: absolute;
  width: 4px;
  top: 4px;
  right: 4px;
  background: #343440;
  height: 32px;
}
/* line 150, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  list-style: none;
}
/* line 156, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul::after {
  content: '';
  display: block;
  clear: both;
}
/* line 162, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul li {
  position: relative;
  padding: 5px 10px;
  margin-left: -10px;
  margin-bottom: 20px;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  font-size: 14px;
  float: left;
  clear: both;
  border-radius: 20px;
  transition: box-shadow 0.3s ease-in, background-color 0.4s ease-in;
}
/* line 181, ../../_src/scss/components/_menus.scss */
.menu-lvl-3 ul li.active {
  background-color: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 40.063em) {
  /* line 202, ../../_src/scss/components/_menus.scss */
  .row.menu-lvl-3-container,
  .flex-row.menu-lvl-3-container {
    padding-bottom: 0 !important;
  }
}
/* line 209, ../../_src/scss/components/_menus.scss */
.row.menu-lvl-3-container:first-of-type,
.flex-row.menu-lvl-3-container:first-of-type {
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 209, ../../_src/scss/components/_menus.scss */
  .row.menu-lvl-3-container:first-of-type,
  .flex-row.menu-lvl-3-container:first-of-type {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 217, ../../_src/scss/components/_menus.scss */
  .row.menu-lvl-3-container.content-graphic,
  .flex-row.menu-lvl-3-container.content-graphic {
    padding-right: 0 !important;
  }
}

/* line 224, ../../_src/scss/components/_menus.scss */
.menu-content {
  padding-left: 0 !important;
  padding-bottom: 20px !important;
}
@media only screen and (min-width: 40.063em) {
  /* line 224, ../../_src/scss/components/_menus.scss */
  .menu-content {
    padding-left: 40px !important;
    padding-bottom: 80px !important;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 224, ../../_src/scss/components/_menus.scss */
  .menu-content {
    padding-left: 80px !important;
    padding-bottom: 120px !important;
  }
}
/* line 238, ../../_src/scss/components/_menus.scss */
.menu-content h2 {
  font-size: 21px;
  color: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 238, ../../_src/scss/components/_menus.scss */
  .menu-content h2 {
    font-size: 26px;
  }
}
/* line 247, ../../_src/scss/components/_menus.scss */
.menu-content h3 {
  color: #545454;
  font-size: 24px;
}
/* line 252, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-copy {
  padding-right: 20px;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 40.063em) {
  /* line 252, ../../_src/scss/components/_menus.scss */
  .menu-content .menu-content-copy {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 252, ../../_src/scss/components/_menus.scss */
  .menu-content .menu-content-copy {
    width: 50%;
    padding-right: 80px;
  }
}
/* line 268, ../../_src/scss/components/_menus.scss */
.menu-content .menu-content-graphic {
  display: none;
  box-sizing: border-box;
  width: 50%;
  float: left;
}
@media only screen and (min-width: 64.063em) {
  /* line 268, ../../_src/scss/components/_menus.scss */
  .menu-content .menu-content-graphic {
    display: block;
  }
}

/* line 1, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb {
  display: none;
  padding-top: 10px;
  display: none;
}
/* line 6, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb a {
  text-decoration: none;
  color: blue;
  border-bottom: 0 none;
}
/* line 12, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
}
/* line 18, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 .2em;
}
/* line 25, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:last-child:after {
  content: "";
  display: none;
}
/* line 30, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb li:last-child a {
  font-weight: 700;
}
/* line 36, ../../_src/scss/components/_breadcrumb.scss */
.breadcrumb ul {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_breadcrumb.scss */
  .breadcrumb {
    display: block;
    padding: 10px 0 0;
  }
}
/* line 3, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev,
.featured-products-gallery .home-slider-next {
  position: absolute;
  display: block;
  cursor: pointer;
  height: 30px;
  top: 50%;
  margin-top: -15px;
  z-index: 10;
}
/* line 13, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev::before, .featured-products-gallery .home-slider-prev::after,
.featured-products-gallery .home-slider-next::before,
.featured-products-gallery .home-slider-next::after {
  display: block;
  font-family: 'ultracart-storefronts-1';
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: #333333;
}
/* line 23, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev span,
.featured-products-gallery .home-slider-next span {
  display: none;
}
/* line 28, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev {
  left: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 28, ../../_src/scss/components/_home_slider.scss */
  .featured-products-gallery .home-slider-prev {
    left: 50px;
  }
}
/* line 36, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-prev::before {
  content: "\e002";
}
/* line 40, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-next {
  right: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 40, ../../_src/scss/components/_home_slider.scss */
  .featured-products-gallery .home-slider-next {
    right: 50px;
  }
}
/* line 48, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .home-slider-next::before {
  content: "\e003";
}
/* line 53, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .slick-slide {
  opacity: 0.3;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
  transition: transform 0.3s ease-in, opacity 0.3s ease-in;
  pointer-events: none;
}
/* line 59, ../../_src/scss/components/_home_slider.scss */
.featured-products-gallery .slick-slide.slick-center {
  opacity: 1;
  -ms-transform: scale(1);
      transform: scale(1);
  pointer-events: auto;
}

/* line 1, ../../_src/scss/components/_search_modal.scss */
.search-modal {
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 0;
  border: 0;
  border-radius: 30px;
  min-height: 0;
  width: calc(100% - 30px);
  margin-left: 15px;
}
@media only screen and (min-width: 64.063em) {
  /* line 1, ../../_src/scss/components/_search_modal.scss */
  .search-modal {
    width: 30%;
    max-width: 90rem;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
/* line 24, ../../_src/scss/components/_search_modal.scss */
.search-modal.reveal-modal {
  top: 10% !important;
}
@media only screen and (min-width: 40.063em) {
  /* line 24, ../../_src/scss/components/_search_modal.scss */
  .search-modal.reveal-modal {
    top: 120px !important;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 24, ../../_src/scss/components/_search_modal.scss */
  .search-modal.reveal-modal {
    top: 20% !important;
  }
}
/* line 34, ../../_src/scss/components/_search_modal.scss */
.search-modal .search-input {
  margin-bottom: 0;
  height: 45px;
  border-radius: 30px;
  padding-left: 20px;
  font-weight: bold;
}
/* line 42, ../../_src/scss/components/_search_modal.scss */
.search-modal .search-button {
  position: absolute;
  right: 0;
  top: 0;
  outline: 0;
  height: 45px;
  line-height: 35px;
  font-size: 14px;
  padding: 0 16px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
  border-radius: 30px;
  border: 5px solid #fff;
}

/* line 2, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: normal;
}
/* line 7, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-link {
  font-style: italic;
}
/* line 10, ../../_src/scss/components/_search_results_list.scss */
.search-results-list .search-result-description {
  margin-top: 10px;
  margin-bottom: 40px;
}

/* line 2, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page {
  display: inline-block;
  padding: 0 5px;
  cursor: pointer;
  color: #008cba;
  transition: color 0.3s ease-in;
}
/* line 9, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page:hover, .search-pagination li.page.current {
  color: #545454;
}
/* line 14, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.page.current {
  cursor: inherit;
}
/* line 18, ../../_src/scss/components/_search_pagination.scss */
.search-pagination li.sequence_gap {
  display: inline-block;
}

/* line 1, ../../_src/scss/components/_integration_list_item.scss */
.integration-list-item {
  display: block;
  background-color: #ffffff;
  text-align: center;
}
/* line 6, ../../_src/scss/components/_integration_list_item.scss */
.integration-list-item h3 {
  font-size: 18px;
  padding: 30px 0;
  font-weight: normal;
}

/* line 1, ../../_src/scss/components/_integration_featured.scss */
.integration-featured {
  margin-bottom: 40px;
}
/* line 4, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container {
  border: 1px solid #e8e8e8;
  padding: 0 40px;
}
/* line 13, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container img {
  max-width: 100%;
  max-height: 40px;
}
/* line 19, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-image-container h3 {
  min-height: 40px;
  font-size: 18px;
  margin: 30px 0 10px 0;
}
/* line 26, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  padding: 40px;
}
/* line 32, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container h3,
.integration-featured .integration-featured-text-container p {
  color: #333333;
  margin-bottom: 0;
}
/* line 38, ../../_src/scss/components/_integration_featured.scss */
.integration-featured .integration-featured-text-container h3 {
  font-size: 18px;
  font-weight: bold;
}

/* line 46, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container {
  border: none;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 0 16px 0;
}
/* line 51, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container img {
  max-height: 40px;
  max-width: 100%;
}
/* line 56, ../../_src/scss/components/_integration_featured.scss */
.section-intro .integration-featured-image-container h3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  font-size: 18px;
  margin: 0;
}

/* line 2, ../../_src/scss/components/_icons.scss */
.ia, [class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: 'ultracart-storefronts-1';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 19, ../../_src/scss/components/_icons.scss */
.icon .icon-path {
  fill: #5e5e5e;
}
/* line 22, ../../_src/scss/components/_icons.scss */
.icon .icon-fill {
  opacity: 0.3;
  isolation: isolate;
}

/* line 28, ../../_src/scss/components/_icons.scss */
.icons-circle {
  width: 80px;
  height: 80px;
  position: relative;
  float: left;
  border-radius: 50%;
  background-color: rgba(47, 155, 115, 0.3);
  margin-top: 0;
  margin-left: 0;
  text-align: center;
}
/* line 39, ../../_src/scss/components/_icons.scss */
.icons-circle.icon-break {
  float: none;
  clear: both;
  margin-bottom: 32px;
}
/* line 45, ../../_src/scss/components/_icons.scss */
.icons-circle .icon {
  width: 36px;
  padding-top: 23px;
}
/* line 50, ../../_src/scss/components/_icons.scss */
.icons-circle .icon .icon-path,
.icons-circle .icon .icon-fill,
.icons-circle [class^="icon-"], .icons-circle [class*=" icon-"] {
  fill: #31c59a;
}

/* line 58, ../../_src/scss/components/_icons.scss */
.icons-feature-list .columns {
  margin-top: 24px;
}

/* line 64, ../../_src/scss/components/_icons.scss */
.color-blue-white.icons-circle {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 67, ../../_src/scss/components/_icons.scss */
.color-blue-white .icon .icon-path,
.color-blue-white .icon .icon-fill,
.color-blue-white [class^="icon-"], .color-blue-white [class*=" icon-"] {
  fill: #61b6e6;
}

/* line 75, ../../_src/scss/components/_icons.scss */
.color-blue-blue.icons-circle {
  background-color: rgba(97, 182, 230, 0.3);
}
/* line 78, ../../_src/scss/components/_icons.scss */
.color-blue-blue .icon .icon-path,
.color-blue-blue .icon .icon-fill,
.color-blue-blue [class^="icon-"], .color-blue-blue [class*=" icon-"] {
  fill: #61b6e6;
}

/* line 86, ../../_src/scss/components/_icons.scss */
.color-red-white.icons-circle {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 89, ../../_src/scss/components/_icons.scss */
.color-red-white .icon .icon-path,
.color-red-white .icon .icon-fill,
.color-red-white [class^="icon-"], .color-red-white [class*=" icon-"] {
  fill: #dc8353;
}

/* line 97, ../../_src/scss/components/_icons.scss */
.color-red-red.icons-circle {
  background-color: rgba(215, 103, 43, 0.3);
}
/* line 100, ../../_src/scss/components/_icons.scss */
.color-red-red .icon .icon-path,
.color-red-red .icon .icon-fill,
.color-red-red [class^="icon-"], .color-red-red [class*=" icon-"] {
  fill: #dc8353;
}

/* line 108, ../../_src/scss/components/_icons.scss */
.color-orange-white.icons-circle {
  background-color: rgba(255, 255, 255, 0.3);
}
/* line 111, ../../_src/scss/components/_icons.scss */
.color-orange-white .icon .icon-path,
.color-orange-white .icon .icon-fill,
.color-orange-white [class^="icon-"], .color-orange-white [class*=" icon-"] {
  fill: #d7a02b;
}

/* line 119, ../../_src/scss/components/_icons.scss */
.color-orange-orange.icons-circle {
  background-color: rgba(239, 178, 48, 0.3);
}
/* line 122, ../../_src/scss/components/_icons.scss */
.color-orange-orange .icon .icon-path,
.color-orange-orange .icon .icon-fill,
.color-orange-orange [class^="icon-"], .color-orange-orange [class*=" icon-"] {
  fill: #d7a02b;
}

/* line 130, ../../_src/scss/components/_icons.scss */
.color-grey-grey.icons-circle {
  background-color: rgba(204, 204, 204, 0.6);
}
/* line 133, ../../_src/scss/components/_icons.scss */
.color-grey-grey .icon .icon-path,
.color-grey-grey .icon .icon-fill,
.color-grey-grey [class^="icon-"], .color-grey-grey [class*=" icon-"] {
  fill: #5e5e5e;
}

/* line 141, ../../_src/scss/components/_icons.scss */
.color-grey-white.icons-circle {
  background-color: rgba(51, 51, 51, 0.3);
}
/* line 144, ../../_src/scss/components/_icons.scss */
.color-grey-white .icon .icon-path,
.color-grey-white .icon .icon-fill,
.color-grey-white [class^="icon-"], .color-grey-white [class*=" icon-"] {
  fill: #ffffff;
}

/* line 154, ../../_src/scss/components/_icons.scss */
.title-icon {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
/* line 159, ../../_src/scss/components/_icons.scss */
.title-icon .icons-container {
  display: table-cell;
  vertical-align: middle;
}
/* line 163, ../../_src/scss/components/_icons.scss */
.title-icon .icons-container .icons-circle {
  margin-right: 20px;
}
/* line 168, ../../_src/scss/components/_icons.scss */
.title-icon .icons-title {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
/* line 173, ../../_src/scss/components/_icons.scss */
.title-icon .icons-title h4 {
  margin-bottom: 0;
}

/* line 1, ../../_src/scss/components/_logos.scss */
svg.logo-ebay {
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 1, ../../_src/scss/components/_logos.scss */
  svg.logo-ebay {
    width: auto;
  }
}
/* line 8, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path {
  fill: #ffffff;
  fill-opacity: 1;
  stroke: none;
}
/* line 13, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#e {
  fill: #e53238;
}
/* line 16, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#b {
  fill: #0064d2;
}
/* line 19, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#a {
  fill: #f5af02;
}
/* line 22, ../../_src/scss/components/_logos.scss */
svg.logo-ebay path#y {
  fill: #86b817;
}

/* line 28, ../../_src/scss/components/_logos.scss */
svg.logo-amazon {
  width: 100%;
}
/* line 31, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path {
  fill: #ffffff;
  fill-opacity: 1;
  stroke: none;
}
/* line 36, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path.cls-1 {
  fill: #f90;
}
/* line 40, ../../_src/scss/components/_logos.scss */
svg.logo-amazon path.cls-2 {
  fill: #221f1f;
  fill-rule: evenodd;
}

/* line 3, ../../_src/scss/components/_contact_form.scss */
.contact-form label.error {
  margin-bottom: 20px;
  height: 20px;
}
/* line 8, ../../_src/scss/components/_contact_form.scss */
.contact-form input {
  border-bottom: 1px solid #b0b0b0;
  border-left: none;
  border-right: none;
  border-top: none;
  background: none;
  color: #5e5e5e;
  padding: 10px 10px 10px 0;
  height: 40px;
  clear: both;
  margin-bottom: 40px;
  box-shadow: none;
}
/* line 21, ../../_src/scss/components/_contact_form.scss */
.contact-form input.error {
  margin-bottom: 0;
}
/* line 26, ../../_src/scss/components/_contact_form.scss */
.contact-form input[type="submit"] {
  width: 100%;
  background-color: #66d670;
  color: #ffffff;
  border-bottom: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 40px;
  margin-left: 0;
  border-radius: 10px;
  text-transform: uppercase;
}
/* line 40, ../../_src/scss/components/_contact_form.scss */
.contact-form select {
  border-bottom: 1px solid #b0b0b0;
  border-left: none;
  border-right: none;
  border-top: none;
  background: none;
  color: #5e5e5e;
  padding: 0 10px 10px 0;
  height: 40px;
  clear: both;
  margin-bottom: 40px;
  box-shadow: none;
  border-radius: 0;
}
/* line 55, ../../_src/scss/components/_contact_form.scss */
.contact-form textarea {
  border-bottom: 1px solid #b0b0b0;
  color: #5e5e5e;
  padding: 0 10px 10px 0;
  height: 60px;
  clear: both;
  margin-bottom: 80px;
  box-shadow: none;
  background-color: transparent;
  border-left: none;
  border-right: none;
  border-top: none;
}
/* line 71, ../../_src/scss/components/_contact_form.scss */
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5e5e5e;
}
/* line 74, ../../_src/scss/components/_contact_form.scss */
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #5e5e5e;
}
/* line 77, ../../_src/scss/components/_contact_form.scss */
.contact-form input:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #5e5e5e;
}
/* line 80, ../../_src/scss/components/_contact_form.scss */
.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #5e5e5e;
}

/* line 1, ../../_src/scss/components/_modal_universal.scss */
.reveal-modal-bg {
  backdrop-filter: blur(4px);
}

/*	Elements
--------------------------------------------------------------------------------------------------------------*/
/* LIGHTBOX - Signup - New */
/* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup {
  position: absolute;
  /* Place Lightbox Up at the top of the screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0;
  display: none;
  z-index: 999999;
}
@media only screen and (min-width: 40.063em) {
  /* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
  #lightbox-signup {
    position: absolute;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 3, ../../_src/scss/components/_element_signup_lightbox.scss */
  #lightbox-signup {
    padding-top: 100px;
  }
}
/* line 23, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #content {
  z-index: 1000;
  position: relative;
  pointer-events: none;
}
/* line 29, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .overlay {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 38, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header,
#lightbox-signup .signup-window {
  pointer-events: all;
}
/* line 43, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header {
  background: #121216;
  background: #fff;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_element_signup_lightbox.scss */
  #lightbox-signup .signup-header {
    border: none;
    border-radius: 10px 10px 0 0;
  }
}
/* line 56, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header h3 {
  padding: 2.5rem;
  color: #343440;
  margin: 0;
}
/* line 62, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-header .closeBtn {
  display: block;
  position: absolute;
  top: 42px;
  right: 42px;
  width: 20px;
  height: 20px;
  z-index: 99;
  color: transparent;
  border: none;
  line-height: 14px;
  box-sizing: border-box;
  border-radius: 10px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.29289 4.29289C4.68342 3.90237 5.31658 3.90237 5.70711 4.29289L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31658 3.90237 4.68342 4.29289 4.29289Z" fill="%23343440"/></svg>');
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
/* line 88, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window {
  background: #ffffff;
  position: relative;
  z-index: 10;
  border-radius: 0 0 10px 10px;
}
/* line 94, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content2,
#lightbox-signup .signup-window .content3 {
  display: none;
}
/* line 100, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content3 .content {
  width: 620px;
  height: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}
/* line 108, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .content3 .content canvas {
  width: 620px;
  height: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: url("$baseUrl/theme/assets/imgs/signup/processing-bg.jpg") bottom center no-repeat;
}
/* line 120, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text {
  padding: 0;
  text-align: left;
  position: relative;
}
/* line 126, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text p {
  line-height: 20px;
  font-size: 11px;
  color: #5e5e5e;
  margin-top: 10px;
}
/* line 133, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .signup-text .password-note {
  position: absolute;
  font-size: 0.875rem;
  color: #999;
  top: 10px;
  left: 10px;
}
/* line 140, ../../_src/scss/components/_element_signup_lightbox.scss */
.lt-ie9 #lightbox-signup .signup-window .signup-text .password-note {
  display: block;
}
/* line 146, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info {
  padding: 0;
  text-align: left;
  position: relative;
}
/* line 152, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p {
  font-size: 13px;
  line-height: 22px;
  color: #8d8d8d;
  margin-bottom: 20px;
}
/* line 158, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.password-info {
  font-size: 11px;
  margin-bottom: 16px;
}
/* line 163, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  width: 100%;
  background-color: #f4f4f4;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
/* line 174, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree #agree {
  margin-bottom: 0;
}
/* line 178, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree a {
  color: #309b73;
  mix-blend-mode: multiply;
}
/* line 183, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree:has(input[type="checkbox"]:checked) {
  background-color: #daf8ea;
}
/* line 187, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree:has(.error) {
  background-color: #f8dada;
}
/* line 191, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .merchant-info p.p-agree label.error {
  top: 50% !important;
  right: 6px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  margin-right: 0;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
/* line 205, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window form input[type=text],
#lightbox-signup .signup-window form input[type=password] {
  border: 1px solid #cccccc;
  background: #f4f4f4;
  color: #5e5e5e;
  padding: 10px;
  width: 100%;
  height: 40px;
  clear: both;
  margin-bottom: 1.879rem;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 5px;
}
/* line 220, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window form textarea {
  border: 1px solid #cccccc;
  background: #f4f4f4;
  color: #5e5e5e;
  padding: 10px;
  width: 100%;
  height: 120px;
  clear: both;
  margin-bottom: 1.879rem;
  box-sizing: border-box;
  box-shadow: none;
}
/* line 234, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom {
  background: #ffffff;
  color: #cccccc;
  padding-bottom: 5rem;
}
/* line 239, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .steps {
  text-align: left;
  position: relative;
  font: 14px/40px 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  padding-left: 0;
}
/* line 248, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .next-step {
  padding-right: 0;
}
/* line 251, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .next-step a {
  text-align: center;
  font: 16px/20px 'Poppins', sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #2f9b73;
  border-radius: 5px;
  overflow: hidden;
}
/* line 266, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .signup-window .bottom .processing {
  height: 40px;
  text-align: center;
  padding-left: 20px;
  margin: 20px auto 0px auto;
  line-height: 40px;
  position: relative;
  font-family: 'Poppins', sans-serif;
  letter-spacing: 1px;
  display: none;
  color: #999;
}
/* line 281, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-box {
  position: relative;
}
/* line 285, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup input.error {
  border: 1px solid #c85e5e !important;
}
/* line 289, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup label.error {
  color: #c85e5e !important;
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 14px;
}
/* line 299, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-merchant label.error,
#lightbox-signup .input-username label.error {
  right: 40px;
  top: 11px;
  font-size: 12px;
}
/* line 306, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup p.p-agree label.error {
  top: 0 !important;
}
/* line 310, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-merchant:before {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'ultracarticons';
  content: '\e046';
  color: #5e5e5e;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
/* line 324, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .input-username:before {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'ultracarticons';
  content: '\e045';
  color: #5e5e5e;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
/* line 338, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .icon-store:before {
  display: block;
  font-family: 'ultracarticons';
  content: '\e047';
  color: #5e5e5e;
  font-size: 24px;
  line-height: 20px;
  margin-top: 10px;
}
/* line 348, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup .icon-user:before {
  display: block;
  font-family: 'ultracarticons';
  content: '\e048';
  color: #5e5e5e;
  font-size: 24px;
  line-height: 20px;
  margin-top: 10px;
}
/* line 360, ../../_src/scss/components/_element_signup_lightbox.scss */
.lt-ie8 #lightbox-signup #ps-agree {
  float: left;
  margin-top: 5px;
}
/* line 366, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup p.p-agree #agree {
  width: 20px;
  height: 14px;
  border: none;
  background: none;
}
/* line 373, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #vidBuild img {
  display: none;
  position: absolute;
  top: 0;
  left: -310px;
}
/* line 380, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-signup #ucVidBuild {
  height: 100% !important;
  width: 100% !important;
}

/* line 386, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 64, 0.8);
  text-align: center;
  z-index: 999;
  padding-top: 0;
  display: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}
/* line 401, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay::before {
  content: "";
  position: absolute;
  top: calc(50% - 110px);
  left: calc(50% - 300px);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  pointer-events: none;
  width: 800px;
  height: 800px;
  background-color: #5CE1AC;
  mix-blend-mode: hard-light;
  opacity: 0.4;
  border-radius: 50%;
  filter: blur(200px);
}
/* line 417, ../../_src/scss/components/_element_signup_lightbox.scss */
#lightbox-overlay::after {
  content: "";
  position: absolute;
  top: -210px;
  left: calc(50% + 10px);
  pointer-events: none;
  width: 800px;
  height: 800px;
  background-color: #61B6E6;
  mix-blend-mode: hard-light;
  opacity: 0.4;
  border-radius: 50%;
  filter: blur(200px);
}

/* LIGHTBOX - Pro Services - New */
/* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services {
  position: absolute;
  /* Place Lightbox Up at the top of the screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 0;
  display: none;
  z-index: 999999;
}
@media only screen and (min-width: 40.063em) {
  /* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services {
    position: absolute;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 3, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services {
    padding-top: 100px;
  }
}
/* line 23, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #ps-content {
  z-index: 1000;
  position: relative;
  pointer-events: none;
}
/* line 29, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .overlay {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 38, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header,
#lightbox-pro-services .signup-window {
  pointer-events: all;
}
/* line 43, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header {
  background: #ffffff;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services .signup-header {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #f4f4f4;
    border-left: none;
    border-radius: 10px 10px 0 0;
  }
}
/* line 55, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header h3 {
  padding: 10px 0;
  font-size: 24px;
  font-weight: 400;
  color: #222222;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 55, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services .signup-header h3 {
    text-align: left;
    padding: 10px;
  }
}
/* line 69, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header .closeBtn {
  display: block;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  right: 20px;
  width: 20px;
  height: 10px;
  z-index: 99;
  color: #222222;
  line-height: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 10px;
}
/* line 84, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-header .closeBtn:hover {
  background: #ffffff;
  color: #222222;
}
/* line 91, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window {
  background: #ffffff;
  position: relative;
  z-index: 10;
  border-radius: 0 0 10px 10px;
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 91, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services .signup-window {
    padding-top: 30px;
    padding-right: 40px;
    padding-left: 40px;
  }
}
/* line 106, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content2,
#lightbox-pro-services .signup-window .content3 {
  display: none;
}
/* line 112, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content3 .content {
  width: 620px;
  height: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
}
/* line 120, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .content3 .content canvas {
  width: 620px;
  height: 340px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  background: url("$baseUrl/theme/assets/imgs/signup/processing-bg.jpg") bottom center no-repeat;
}
/* line 132, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text {
  padding: 2rem 0 0 0;
  text-align: left;
  position: relative;
}
/* line 137, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text p {
  line-height: 20px;
  font-size: 11px;
  color: #5e5e5e;
  margin-top: 10px;
}
/* line 144, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .signup-text .password-note {
  position: absolute;
  font-size: 0.875rem;
  color: #999;
  top: 10px;
  left: 10px;
}
/* line 151, ../../_src/scss/components/_element_proservices_lightbox.scss */
.lt-ie9 #lightbox-pro-services .signup-window .signup-text .password-note {
  display: block;
}
/* line 157, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .merchant-info {
  padding: 2.5rem 0 0 0;
  text-align: left;
  position: relative;
}
/* line 162, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .merchant-info p {
  font-size: 13px;
  line-height: 22px;
  color: #8d8d8d;
}
/* line 170, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form label {
  text-align: left;
}
/* line 173, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form label span {
  margin-bottom: 4px;
  display: inline-block;
  font-size: 12px;
}
/* line 180, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form input[type=text],
#lightbox-pro-services .signup-window form input[type=password],
#lightbox-pro-services .signup-window form input[type=tel],
#lightbox-pro-services .signup-window form input[type=email],
#lightbox-pro-services .signup-window form select {
  border: 1px solid #cccccc;
  background: #f4f4f4;
  color: #5e5e5e;
  padding: 10px;
  width: 100%;
  height: 40px;
  clear: both;
  margin-bottom: 0.625rem;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 5px;
}
/* line 198, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window form textarea {
  border: 1px solid #cccccc;
  background: #f4f4f4;
  color: #5e5e5e;
  padding: 10px;
  width: 100%;
  height: 100px;
  clear: both;
  margin-bottom: 0.625rem;
  box-sizing: border-box;
  border-radius: 5px;
  box-shadow: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 198, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services .signup-window form textarea {
    height: 190px;
  }
}
/* line 217, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom {
  background: #ffffff;
  color: #cccccc;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 217, ../../_src/scss/components/_element_proservices_lightbox.scss */
  #lightbox-pro-services .signup-window .bottom {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
/* line 228, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom .steps {
  text-align: left;
  position: relative;
  font: 14px/40px 'Lato', sans-serif;
  letter-spacing: 1px;
  padding-left: 0;
}
/* line 238, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .signup-window .bottom .submit input {
  margin-bottom: 0;
  text-align: center;
  font: 16px/20px 'Lato', sans-serif;
  letter-spacing: 1px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #66d670;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
/* line 255, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-box {
  position: relative;
}
/* line 259, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services input.error {
  border: 1px solid #c85e5e !important;
}
/* line 263, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services label.error {
  color: #c85e5e !important;
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 14px;
}
/* line 273, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-merchant label.error,
#lightbox-pro-services .input-username label.error {
  right: 40px;
  top: 11px;
  font-size: 12px;
}
/* line 280, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.p-agree label.error {
  top: 0 !important;
}
/* line 284, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-merchant:before {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'ultracarticons';
  content: '\e046';
  color: #5e5e5e;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
/* line 298, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .input-username:before {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: 'ultracarticons';
  content: '\e045';
  color: #5e5e5e;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
/* line 312, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #merchantId {
  text-transform: uppercase;
}
/* line 316, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .icon-store:before {
  display: block;
  font-family: 'ultracarticons';
  content: '\e047';
  color: #5e5e5e;
  font-size: 24px;
  line-height: 20px;
  margin-top: 10px;
}
/* line 326, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .icon-user:before {
  display: block;
  font-family: 'ultracarticons';
  content: '\e048';
  color: #5e5e5e;
  font-size: 24px;
  line-height: 20px;
  margin-top: 10px;
}
/* line 338, ../../_src/scss/components/_element_proservices_lightbox.scss */
.lt-ie8 #lightbox-pro-services #agree {
  float: left;
  margin-top: 5px;
}
/* line 344, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.password-info {
  font-size: 13px;
}
/* line 348, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services p.p-agree #agree {
  width: 20px;
  height: 14px;
  border: none;
  background: none;
}
/* line 355, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #vidBuild img {
  display: none;
  position: absolute;
  top: 0;
  left: -310px;
}
/* line 362, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services #ucVidBuild {
  height: 100% !important;
  width: 100% !important;
}
/* line 367, ../../_src/scss/components/_element_proservices_lightbox.scss */
#lightbox-pro-services .button.support {
  width: 100%;
  margin-bottom: 0;
}

/* line 373, ../../_src/scss/components/_element_proservices_lightbox.scss */
#ps-lightbox-overlay {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 64, 0.8);
  text-align: center;
  z-index: 999;
  padding-top: 0;
  display: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

/* line 2, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 2, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-menu-wrapper {
    text-align: left;
    width: 33.333%;
    float: left;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 2, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-menu-wrapper {
    padding-top: 80px;
  }
}
/* line 20, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 20, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-menu-wrapper ul {
    margin-bottom: 0;
  }
}
/* line 30, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li {
  display: inline-block;
  margin-right: 10px;
  font-family: "Poppins", sans-serif;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-menu-wrapper ul li {
    clear: both;
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
    width: auto;
  }
}
/* line 46, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li span {
  display: inline-block;
  background-color: transparent;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 5px 10px;
  transition: box-shadow 0.3s ease-in, background-color 0.4s ease-in;
}
/* line 57, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-menu-wrapper ul li:hover span,
.sub-wrapper .sub-menu-wrapper ul li .active span {
  background-color: #ffffff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
/* line 66, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper {
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 66, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper {
    width: 66.666%;
    float: left;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 75, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper h3 {
    font-size: 26px;
  }
}
/* line 80, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .sub-section {
  clear: both;
  display: none;
}
/* line 84, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .sub-section.active {
  display: block;
}
/* line 89, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-half {
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 89, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-half {
    width: 50%;
    float: right;
  }
}
/* line 98, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-copy {
  position: relative;
  margin-top: -100px;
  z-index: 3;
}
@media only screen and (min-width: 40.063em) {
  /* line 98, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-copy {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 98, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-copy {
    padding-top: 40px;
  }
}
/* line 112, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image {
  position: relative;
  z-index: 1;
}
/* line 116, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(244, 244, 244, 0);
  background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.6) 60%);
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 116, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-image::before {
    display: none;
  }
}
/* line 133, ../../_src/scss/components/_element_sub_section.scss */
.sub-wrapper .sub-sections-wrapper .content-image img {
  position: relative;
  opacity: 0.9;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 133, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-image img {
    opacity: 1;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 133, ../../_src/scss/components/_element_sub_section.scss */
  .sub-wrapper .sub-sections-wrapper .content-image img {
    min-width: 740px;
    width: 100%;
  }
}

/* line 2, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
/* line 10, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns:not(:last-child) {
  border-bottom: 1px solid rgba(141, 141, 141, 0.3);
}
@media only screen and (min-width: 40.063em) {
  /* line 2, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns {
    padding: 40px;
  }
  /* line 17, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns:nth-child(even) {
    border-left: 1px solid rgba(141, 141, 141, 0.3);
  }
  /* line 21, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns:nth-last-child(2) {
    border-bottom: none;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 2, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns {
    padding: 80px;
  }
}
/* line 30, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns h4 {
  font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
  /* line 30, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns h4 {
    font-size: 22px;
  }
}
/* line 42, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p {
  font-size: 14px;
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns p {
    font-size: 16px;
  }
}
/* line 51, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns p:first-of-type:last-of-type {
  margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 51, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns p:first-of-type:last-of-type {
    margin-bottom: 40px;
  }
}
/* line 59, ../../_src/scss/components/_element_split_list.scss */
.split-list .columns .button {
  margin-top: 0;
}
@media only screen and (max-width: 40em) {
  /* line 63, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns .icons-circle {
    width: 40px;
    height: 40px;
    background: transparent;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  /* line 63, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns .icons-circle {
    width: 40px;
    height: 40px;
    background: transparent;
  }
}
@media only screen and (max-width: 40em) {
  /* line 75, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns .icons-circle .icon {
    padding-top: 2px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  /* line 75, ../../_src/scss/components/_element_split_list.scss */
  .split-list .columns .icons-circle .icon {
    padding-top: 2px;
  }
}

/* line 1, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 6, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  display: block;
  width: 100%;
}
/* line 12, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry:first-of-type {
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
/* line 18, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry.active .entry-content {
  display: block;
}
/* line 23, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title {
  font-family: "Poppins", sans-serif;
  font-weight: bold;
  color: #5e5e5e;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}
/* line 31, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
/* line 40, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon::before {
  content: '';
  height: 3px;
  width: 16px;
  background-color: #5e5e5e;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
/* line 51, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title .expand-icon::after {
  content: '';
  width: 3px;
  height: 16px;
  background-color: #5e5e5e;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  transition: height 0.3s ease;
}
/* line 66, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-title:hover .expand-icon::after, .active .element-accordion-list li.accordion-entry .entry-title .expand-icon::after {
  height: 2px;
}
/* line 72, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content {
  display: none;
  color: #8d8d8d;
}
/* line 76, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content p {
  margin-bottom: 10px;
}
/* line 79, ../../_src/scss/components/_element_accordion_list.scss */
.element-accordion-list li.accordion-entry .entry-content p:last-of-type, .element-accordion-list li.accordion-entry .entry-content p:last-of-type:first-of-type {
  margin-bottom: 20px;
}

/*	Sections
--------------------------------------------------------------------------------------------------------------*/
/* line 2, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full {
  background: #d7672b;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d7a02b 0%, #d7672b 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-secondary-alt	', endColorstr='$color-red-alt',GradientType=0 );
  /* IE6-9 */
}
/* line 9, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full h1, .section-integrations.section-full h2, .section-integrations.section-full h3, .section-integrations.section-full h4, .section-integrations.section-full h5, .section-integrations.section-full p {
  color: #ffffff;
}
/* line 13, ../../_src/scss/components/_section_integrations.scss */
.section-integrations.section-full .integration-logo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 40px;
}

/* line 1, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations {
  background: #222222;
  color: #cccccc;
}
/* line 7, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations h1, .section-advanced-integrations h2, .section-advanced-integrations h3, .section-advanced-integrations h4, .section-advanced-integrations h5 {
  color: #ffffff;
}
/* line 11, ../../_src/scss/components/_section_integrations_advanced.scss */
.section-advanced-integrations p {
  line-height: 1.8rem;
  font-size: 14px;
  color: #cccccc;
}
/* line 17, ../../_src/scss/components/_section_integrations_advanced.scss */
.integration .section-advanced-integrations {
  margin-top: 0;
  padding-top: 0;
}

/* line 1, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials {
  background: #f4f4f4;
}
/* line 8, ../../_src/scss/components/_section_testimonials.scss */
.home .section-testimonials {
  display: none;
  position: relative;
  margin-top: -80px;
  padding-top: 80px;
  z-index: 10;
  background: #31c59a;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #31c59a 0%, #57a3cf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup-alt', endColorstr='$color-primary-alt',GradientType=0 );
  /* IE6-9 */
}
/* line 22, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials h1, .section-testimonials h2, .section-testimonials h3, .section-testimonials h4, .section-testimonials h5, .section-testimonials p {
  color: #333333;
}
/* line 25, ../../_src/scss/components/_section_testimonials.scss */
.home .section-testimonials h1, .home .section-testimonials h2, .home .section-testimonials h3, .home .section-testimonials h4, .home .section-testimonials h5, .home .section-testimonials p {
  color: #ffffff;
}
/* line 32, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:first-child {
  padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 32, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .row:first-child {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 32, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .row:first-child {
    padding-top: 120px;
  }
}
/* line 44, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .row:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 44, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .row:last-child {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 44, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .row:last-child {
    padding-bottom: 40px;
  }
}
/* line 57, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 57, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .testimonial {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* line 67, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote {
  position: relative;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  border-left: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 67, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .testimonial blockquote {
    padding: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 67, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .testimonial blockquote {
    padding: 40px;
  }
}
/* line 83, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .portrait {
  display: none;
  width: 160px;
  height: 160px;
  margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 83, ../../_src/scss/components/_section_testimonials.scss */
  .section-testimonials .testimonial blockquote .portrait {
    display: block;
  }
}
/* line 93, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .portrait img {
  border-radius: 50%;
}
/* line 98, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .logo {
  max-width: 280px;
  max-height: 80px;
  margin: 0 auto 20px auto;
}
/* line 103, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote .logo img {
  width: 100%;
}
/* line 108, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote p {
  position: relative;
  margin: 0;
  color: #8d8d8d;
  line-height: 26px;
  z-index: 2;
}
/* line 116, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote footer {
  margin-top: 10px;
  text-align: right;
}
/* line 120, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .testimonial blockquote footer cite {
  font-weight: 400;
  color: #efb230;
}
/* line 128, ../../_src/scss/components/_section_testimonials.scss */
.section-testimonials .button {
  background: #57a3cf;
}

/* line 1, ../../_src/scss/components/_section_analytics.scss */
.section-analytics {
  background: #f4f4f4;
  display: block;
}
/* line 5, ../../_src/scss/components/_section_analytics.scss */
.section-analytics p {
  font-weight: 200;
}
/* line 8, ../../_src/scss/components/_section_analytics.scss */
.section-analytics p br {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 8, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics p br {
    display: inline;
  }
}
/* line 17, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 {
  z-index: 10;
  position: relative;
}
/* line 21, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 img {
  width: 100%;
}
/* line 25, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-mobile {
  display: block;
}
@media only screen and (min-width: 64.063em) {
  /* line 25, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .analytics-example-1 .analytics-graphic-1-mobile {
    display: none;
  }
}
/* line 33, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-example-1 .analytics-graphic-1-desktop {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 33, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .analytics-example-1 .analytics-graphic-1-desktop {
    display: block;
  }
}
/* line 43, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 49, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph.graph-1 {
  z-index: 1;
}
/* line 53, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .analytics-bg-graph.graph-2 {
  z-index: 2;
}
/* line 58, ../../_src/scss/components/_section_analytics.scss */
.home .section-analytics {
  position: relative;
  margin-top: -80px;
  padding-top: 80px;
  z-index: 10;
  background: #343440;
}
/* line 67, ../../_src/scss/components/_section_analytics.scss */
.section-analytics h1, .section-analytics h2, .section-analytics h3, .section-analytics h4, .section-analytics h5, .section-analytics p {
  color: #333333;
}
/* line 70, ../../_src/scss/components/_section_analytics.scss */
.home .section-analytics h1, .home .section-analytics h2, .home .section-analytics h3, .home .section-analytics h4, .home .section-analytics h5, .home .section-analytics p {
  color: #ffffff;
}
/* line 75, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row {
  position: relative;
  z-index: 10;
}
/* line 79, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .row:first-child {
  padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 79, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .row:first-child {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 79, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .row:first-child {
    padding-top: 120px;
  }
}
/* line 104, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 104, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .testimonial {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* line 114, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote {
  position: relative;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  border-left: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 114, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .testimonial blockquote {
    padding: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 114, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .testimonial blockquote {
    padding: 40px;
  }
}
/* line 130, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .portrait {
  display: none;
  width: 160px;
  height: 160px;
  margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 130, ../../_src/scss/components/_section_analytics.scss */
  .section-analytics .testimonial blockquote .portrait {
    display: block;
  }
}
/* line 140, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .portrait img {
  border-radius: 50%;
}
/* line 145, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .logo {
  max-width: 280px;
  max-height: 80px;
  margin: 0 auto 20px auto;
}
/* line 150, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote .logo img {
  width: 100%;
}
/* line 155, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote p {
  position: relative;
  margin: 0;
  color: #8d8d8d;
  line-height: 26px;
  z-index: 2;
}
/* line 163, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote footer {
  margin-top: 10px;
  text-align: right;
}
/* line 167, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .testimonial blockquote footer cite {
  font-weight: 400;
  color: #efb230;
}
/* line 175, ../../_src/scss/components/_section_analytics.scss */
.section-analytics .button {
  margin-bottom: 0;
}

/* line 1, ../../_src/scss/components/_section_support.scss */
.section-support {
  position: relative;
  background: #66d670;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #227057 0%, #2F9B73 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-green-10', endColorstr='$color-v2-alt-green-8',GradientType=0 );
  /* IE6-9 */
}
/* line 9, ../../_src/scss/components/_section_support.scss */
.section-support h1, .section-support h2, .section-support h3, .section-support h4, .section-support h5, .section-support p {
  color: #ffffff;
}
/* line 13, ../../_src/scss/components/_section_support.scss */
.section-support h4 {
  font-size: 24px;
}
/* line 17, ../../_src/scss/components/_section_support.scss */
.section-support .row {
  position: relative;
  z-index: 10;
}
/* line 22, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child {
  padding-top: 40px !important;
  padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 22, ../../_src/scss/components/_section_support.scss */
  .section-support .row:first-child {
    padding-top: 80px !important;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 22, ../../_src/scss/components/_section_support.scss */
  .section-support .row:first-child {
    padding-top: 120px !important;
  }
}
/* line 35, ../../_src/scss/components/_section_support.scss */
.section-support .row:first-child .columns {
  padding-bottom: 0;
}
/* line 42, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 64px;
  height: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 42, ../../_src/scss/components/_section_support.scss */
  .section-support .support_feature_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_section_support.scss */
  .section-support .support_feature_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* line 56, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
/* line 63, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature .support_feature_label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 68, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature .support_feature_label svg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 32px;
}
/* line 74, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature p {
  margin-bottom: 20px;
}
/* line 78, ../../_src/scss/components/_section_support.scss */
.section-support .support_feature_list .support_feature a {
  margin-top: auto;
}
/* line 84, ../../_src/scss/components/_section_support.scss */
.section-support .button {
  margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 84, ../../_src/scss/components/_section_support.scss */
  .section-support .button {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 84, ../../_src/scss/components/_section_support.scss */
  .section-support .button {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
/* line 96, ../../_src/scss/components/_section_support.scss */
.section-support .button:hover {
  background-color: #227057 !important;
}
/* line 101, ../../_src/scss/components/_section_support.scss */
.section-support #uc-support-locations {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: screen;
}

/* line 1, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 1, ../../_src/scss/components/_section_code_snippet.scss */
  .code-snippet {
    margin-bottom: 0;
  }
}
/* line 8, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre {
  border-radius: 10px;
}
/* line 10, ../../_src/scss/components/_section_code_snippet.scss */
.code-snippet pre code {
  border-radius: 10px;
  padding: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_section_code_snippet.scss */
  .code-snippet pre code {
    padding: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 10, ../../_src/scss/components/_section_code_snippet.scss */
  .code-snippet pre code {
    padding: 40px;
  }
}

/* line 1, ../../_src/scss/components/_section_docs.scss */
.row-docs-links {
  border-top: 1px solid #e8e8e8;
}
/* line 4, ../../_src/scss/components/_section_docs.scss */
.row-docs-links .button.support {
  width: 100%;
}

/* line 1, ../../_src/scss/components/_section_managing.scss */
.section-managing {
  background: rgba(47, 155, 115, 0.1);
}
/* line 4, ../../_src/scss/components/_section_managing.scss */
.section-managing .icons-feature-list {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 9, ../../_src/scss/components/_section_managing.scss */
.section-managing h4 {
  font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
  /* line 13, ../../_src/scss/components/_section_managing.scss */
  .section-managing p {
    font-size: 1.125rem;
  }
}
/* line 18, ../../_src/scss/components/_section_managing.scss */
.section-managing p a {
  font-weight: bold;
  color: #2f9b73;
}

/* line 11, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .feature-copy {
  padding-top: 80px;
}
/* line 15, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp {
  display: none;
  background-size: auto;
  background-repeat: repeat;
  background-color: #fff;
  overflow: hidden;
}
/* line 18, ../../_src/scss/components/_section_visual_builder.scss */
.ucAdminMode .section-visual-builder-exp {
  display: block;
}
/* line 28, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp h4 {
  color: #222;
}
/* line 33, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp ul li {
  list-style: circle;
  margin-bottom: 10px;
}
/* line 39, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .feature-copy {
  padding-top: 40px;
  z-index: 2;
  position: relative;
}
/* line 48, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic img {
  position: relative;
  z-index: 2;
}
/* line 53, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::after {
  opacity: 0.2;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  bottom: -420px;
  right: -300px;
  top: -200px;
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
  width: 200%;
  background: #755287;
  background: linear-gradient(145deg, #755287 0%, #f8baa8 100%);
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 53, ../../_src/scss/components/_section_visual_builder.scss */
  .section-visual-builder-exp .exp-graphic::after {
    opacity: 1;
  }
}
/* line 74, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-exp .exp-graphic::before {
  opacity: 1;
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  bottom: -420px;
  right: -300px;
  top: -200px;
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
  width: 200%;
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: transparent;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 74, ../../_src/scss/components/_section_visual_builder.scss */
  .section-visual-builder-exp .exp-graphic::before {
    opacity: 1;
  }
}
/* line 99, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #222222;
  color: #ffffff;
}
/* line 114, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev h4 {
  color: #ffffff;
}
/* line 119, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev ul li {
  list-style: circle;
  margin-bottom: 10px;
}
/* line 125, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-dev .feature-copy {
  padding-top: 40px;
}
/* line 130, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services {
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 130, ../../_src/scss/components/_section_visual_builder.scss */
  .section-visual-builder .asset-services {
    text-align: left;
  }
}
/* line 141, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo {
  width: 100%;
  max-width: 80px;
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 20px;
}
/* line 148, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo.unsplash {
  margin-right: 0;
}
/* line 152, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo svg {
  width: 100%;
}
/* line 155, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder .asset-services .service-logo svg .logo-icon,
.section-visual-builder .asset-services .service-logo svg .logo-text {
  fill: #545454;
}

/* line 164, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features {
  background: #fff;
}
/* line 170, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features .feature-list.row ul {
  margin-bottom: 0;
}
/* line 173, ../../_src/scss/components/_section_visual_builder.scss */
.section-visual-builder-features .feature-list.row ul li {
  font-size: 14px;
  margin-bottom: 10px;
}

/* line 1, ../../_src/scss/components/_section_signup.scss */
.section-signup {
  background: #ffffff;
}
/* line 8, ../../_src/scss/components/_section_signup.scss */
.section-signup h2,
.section-signup p,
.section-signup p:first-of-type:last-of-type {
  margin-bottom: 16px;
}
/* line 14, ../../_src/scss/components/_section_signup.scss */
.section-signup .button {
  margin-bottom: 40px;
  background-color: #2f9b73;
}
/* line 18, ../../_src/scss/components/_section_signup.scss */
.section-signup .button:hover {
  background-color: #31c59a;
  color: #ffffff;
}
@media only screen and (min-width: 40.063em) {
  /* line 14, ../../_src/scss/components/_section_signup.scss */
  .section-signup .button {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 14, ../../_src/scss/components/_section_signup.scss */
  .section-signup .button {
    margin-bottom: 0;
  }
}

/* line 1, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev {
  background: #2f9b73;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
  /* IE6-9 */
}
/* line 8, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev h1, .section-signup-dev h2, .section-signup-dev h3, .section-signup-dev h4, .section-signup-dev h5, .section-signup-dev p {
  color: #ffffff;
}
/* line 12, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button {
  margin-bottom: 40px;
}
/* line 15, ../../_src/scss/components/_section_signup_dev.scss */
.section-signup-dev .button:hover {
  color: #31c59a;
  background: #ffffff;
}
@media only screen and (min-width: 40.063em) {
  /* line 12, ../../_src/scss/components/_section_signup_dev.scss */
  .section-signup-dev .button {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 12, ../../_src/scss/components/_section_signup_dev.scss */
  .section-signup-dev .button {
    margin-bottom: 0;
  }
}

/* line 1, ../../_src/scss/components/_section_proservices.scss */
.section-proservices {
  position: relative;
  background-image: url(../imgs/home-2025/ultracart-support-pro-services-ecommerce-buildout.jpg);
  background-size: cover;
  background-position: center;
}
/* line 7, ../../_src/scss/components/_section_proservices.scss */
.section-proservices::after {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #222222 0%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='transparent',GradientType=0 );
  /* IE6-9 */
}
/* line 21, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .row {
  position: relative;
  z-index: 1;
}
/* line 26, ../../_src/scss/components/_section_proservices.scss */
.section-proservices h1, .section-proservices h2, .section-proservices h3, .section-proservices h4, .section-proservices h5, .section-proservices p {
  color: #ffffff;
}
/* line 30, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button {
  margin-bottom: 40px;
}
/* line 33, ../../_src/scss/components/_section_proservices.scss */
.section-proservices .button:hover {
  color: #31c59a;
  background: #ffffff;
}
@media only screen and (min-width: 40.063em) {
  /* line 30, ../../_src/scss/components/_section_proservices.scss */
  .section-proservices .button {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_section_proservices.scss */
  .section-proservices .button {
    margin-bottom: 0;
  }
}

/* line 1, ../../_src/scss/components/_section_stats.scss */
.section-stats {
  background: #343440;
  display: block;
}
/* line 5, ../../_src/scss/components/_section_stats.scss */
.section-stats p {
  font-weight: 200;
}
/* line 8, ../../_src/scss/components/_section_stats.scss */
.section-stats p br {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 8, ../../_src/scss/components/_section_stats.scss */
  .section-stats p br {
    display: inline;
  }
}
/* line 17, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 {
  z-index: 10;
  position: relative;
}
/* line 21, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 img {
  width: 100%;
}
/* line 25, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-mobile {
  display: block;
}
@media only screen and (min-width: 64.063em) {
  /* line 25, ../../_src/scss/components/_section_stats.scss */
  .section-stats .analytics-example-1 .analytics-graphic-1-mobile {
    display: none;
  }
}
/* line 33, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-example-1 .analytics-graphic-1-desktop {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 33, ../../_src/scss/components/_section_stats.scss */
  .section-stats .analytics-example-1 .analytics-graphic-1-desktop {
    display: block;
  }
}
/* line 43, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 49, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph.graph-1 {
  z-index: 1;
}
/* line 53, ../../_src/scss/components/_section_stats.scss */
.section-stats .analytics-bg-graph.graph-2 {
  z-index: 2;
}
/* line 58, ../../_src/scss/components/_section_stats.scss */
.home .section-stats {
  position: relative;
  margin-top: -120px;
  padding-top: 120px;
  z-index: 10;
}
/* line 65, ../../_src/scss/components/_section_stats.scss */
.section-stats h1, .section-stats h2, .section-stats h3, .section-stats h4, .section-stats h5, .section-stats p {
  color: #333333;
}
/* line 68, ../../_src/scss/components/_section_stats.scss */
.home .section-stats h1, .home .section-stats h2, .home .section-stats h3, .home .section-stats h4, .home .section-stats h5, .home .section-stats p {
  color: #ffffff;
}
/* line 73, ../../_src/scss/components/_section_stats.scss */
.section-stats .row {
  position: relative;
  z-index: 10;
}
/* line 77, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:first-child {
  padding-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 77, ../../_src/scss/components/_section_stats.scss */
  .section-stats .row:first-child {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_section_stats.scss */
  .section-stats .row:first-child {
    padding-top: 120px;
  }
}
/* line 89, ../../_src/scss/components/_section_stats.scss */
.section-stats .row:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 89, ../../_src/scss/components/_section_stats.scss */
  .section-stats .row:last-child {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 89, ../../_src/scss/components/_section_stats.scss */
  .section-stats .row:last-child {
    padding-bottom: 40px;
  }
}
/* line 102, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 102, ../../_src/scss/components/_section_stats.scss */
  .section-stats .testimonial {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* line 112, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote {
  position: relative;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  border-left: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 112, ../../_src/scss/components/_section_stats.scss */
  .section-stats .testimonial blockquote {
    padding: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 112, ../../_src/scss/components/_section_stats.scss */
  .section-stats .testimonial blockquote {
    padding: 40px;
  }
}
/* line 128, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .portrait {
  display: none;
  width: 160px;
  height: 160px;
  margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 128, ../../_src/scss/components/_section_stats.scss */
  .section-stats .testimonial blockquote .portrait {
    display: block;
  }
}
/* line 138, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .portrait img {
  border-radius: 50%;
}
/* line 143, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .logo {
  max-width: 280px;
  max-height: 80px;
  margin: 0 auto 20px auto;
}
/* line 148, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote .logo img {
  width: 100%;
}
/* line 153, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote p {
  position: relative;
  margin: 0;
  color: #8d8d8d;
  line-height: 26px;
  z-index: 2;
}
/* line 161, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote footer {
  margin-top: 10px;
  text-align: right;
}
/* line 165, ../../_src/scss/components/_section_stats.scss */
.section-stats .testimonial blockquote footer cite {
  font-weight: 400;
  color: #efb230;
}
/* line 173, ../../_src/scss/components/_section_stats.scss */
.section-stats .button {
  background: #57a3cf;
}

/* line 6, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row:nth-child(even) .columns {
  float: right;
}
/* line 11, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 15, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(244, 244, 244, 0);
  background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.6) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 15, ../../_src/scss/components/_section_alternating_content.scss */
  .section-alternating-content .row .column-graphic::before {
    display: none;
  }
}
/* line 32, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 32, ../../_src/scss/components/_section_alternating_content.scss */
  .section-alternating-content .row .column-graphic img {
    opacity: 1;
  }
}
/* line 42, ../../_src/scss/components/_section_alternating_content.scss */
.section-alternating-content .row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_section_alternating_content.scss */
  .section-alternating-content .row .column-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 42, ../../_src/scss/components/_section_alternating_content.scss */
  .section-alternating-content .row .column-content {
    margin-top: 80px;
  }
}

/* line 8, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card .card-content {
  display: block;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  padding: 32px;
  background-color: transparent;
  transition: background-color 0.6s ease-in;
  color: #5e5e5e;
}
/* line 17, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card .card-content p {
  color: #5e5e5e;
}
/* line 22, ../../_src/scss/components/_section_cards.scss */
.section-cards .row .column-card:hover .card-content {
  background-color: #fff;
}

/* line 1, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial {
  background: #343440;
  position: relative;
  overflow: hidden;
}
/* line 6, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial::after {
  position: absolute;
  width: 100%;
  height: 300px;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  background: #e8c658;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 19, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial::after {
    height: 100%;
    bottom: 0;
    left: -75%;
    right: auto;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 28, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial::after {
    left: calc(-75% + 120px);
  }
}
/* line 40, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial h1, .section-testimonial h2, .section-testimonial h3, .section-testimonial h4, .section-testimonial h5, .section-testimonial p {
  color: #ffffff;
}
/* line 44, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .row {
  position: relative;
  z-index: 2;
}
/* line 49, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-image {
  overflow: hidden;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.4);
  border-radius: 40px;
}
/* line 57, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote {
  font-family: "Poppins", sans-serif;
  padding: 32px 0 0 0;
  border: none;
}
/* line 62, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote p {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.4em;
}
/* line 68, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote p:last-of-type {
  margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 74, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial .testimonial-copy blockquote p {
    font-size: 32px;
  }
}
/* line 79, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer {
  color: #e8c658;
  font-weight: 600;
}
/* line 83, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer cite {
  display: block;
  clear: both;
  color: rgba(255, 255, 255, 0.6);
  font-style: normal;
}
/* line 89, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial-copy blockquote footer cite::before {
  display: none;
}
/* line 101, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial {
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 101, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial .testimonial {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
}
/* line 111, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote {
  position: relative;
  margin: 0;
  padding: 20px;
  background-color: #ffffff;
  border-left: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 111, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial .testimonial blockquote {
    padding: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 111, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial .testimonial blockquote {
    padding: 40px;
  }
}
/* line 127, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .portrait {
  display: none;
  width: 160px;
  height: 160px;
  margin: -60px auto 20px auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 127, ../../_src/scss/components/_section_testimonial.scss */
  .section-testimonial .testimonial blockquote .portrait {
    display: block;
  }
}
/* line 137, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .portrait img {
  border-radius: 50%;
}
/* line 142, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .logo {
  max-width: 280px;
  max-height: 80px;
  margin: 0 auto 20px auto;
}
/* line 147, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote .logo img {
  width: 100%;
}
/* line 152, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote p {
  position: relative;
  margin: 0;
  color: #8d8d8d;
  line-height: 26px;
  z-index: 2;
}
/* line 160, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote footer {
  margin-top: 10px;
  text-align: right;
}
/* line 164, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .testimonial blockquote footer cite {
  font-weight: 400;
  color: #efb230;
}
/* line 172, ../../_src/scss/components/_section_testimonial.scss */
.section-testimonial .button {
  background: #57a3cf;
}

/* line 1, ../../_src/scss/components/_section_get_started.scss */
.section_get_started {
  background-color: #B6F0D6;
}
/* line 4, ../../_src/scss/components/_section_get_started.scss */
.section_get_started.section_wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 4, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started.section_wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
    gap: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 4, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started.section_wrapper {
    padding-top: 160px;
    padding-bottom: 160px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
/* line 31, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  max-width: 1400px;
  position: relative;
  gap: 32px;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 31, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started .section_row {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
/* line 47, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started .section_column {
    gap: 32px;
  }
}
/* line 61, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h1 {
  color: #0A0A0A;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* line 70, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h2 {
  color: #0A0A0A;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 64.063em) {
  /* line 70, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started h2 {
    font-size: 32px;
  }
}
/* line 84, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h3 {
  color: #0A0A0A;
  font-family: "Poppins", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 84, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started h3 {
    font-size: 28px;
  }
}
/* line 98, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
/* line 103, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p:last-of-type:first-of-type {
  margin-bottom: 0;
}
/* line 107, ../../_src/scss/components/_section_get_started.scss */
.section_get_started p.intro {
  font-size: 18px;
}
@media only screen and (min-width: 64.063em) {
  /* line 107, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started p.intro {
    font-size: 21px;
  }
}
/* line 116, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button {
  margin-bottom: 0;
  text-transform: none;
}
/* line 121, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .icon_label {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 121, ../../_src/scss/components/_section_get_started.scss */
  .section_get_started .icon_label {
    gap: 16px;
  }
}
/* line 131, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .accent_color {
  color: #2F9B73;
}
/* line 135, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #288565;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 142, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a span {
  font-weight: 600;
}
/* line 146, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a:hover {
  color: #227057;
  gap: 12px;
}
/* line 151, ../../_src/scss/components/_section_get_started.scss */
.section_get_started a svg path {
  stroke: #288565;
}
/* line 156, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button {
  background-color: #2F9B73;
  color: #FFFFFF;
}
/* line 160, ../../_src/scss/components/_section_get_started.scss */
.section_get_started button:hover {
  background-color: #227057;
}
/* line 165, ../../_src/scss/components/_section_get_started.scss */
.section_get_started h3 {
  font-size: 18px;
}
/* line 169, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) {
  gap: 32px;
}
/* line 172, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 177, ../../_src/scss/components/_section_get_started.scss */
.section_get_started .section_column:nth-child(2) > div a {
  margin-top: 8px;
}

/*	Pages
--------------------------------------------------------------------------------------------------------------*/
/* line 2, ../../_src/scss/components/_page_home.scss */
.home .banner {
  background-image: url(../imgs/2023-ultracart-home-banner-3b.jpg);
  background-color: #060608;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 64.063em) {
  /* line 2, ../../_src/scss/components/_page_home.scss */
  .home .banner {
    min-height: 750px;
  }
}
/* line 13, ../../_src/scss/components/_page_home.scss */
.home .banner.overlay::after {
  width: 100%;
  background: rgba(6, 6, 8, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 13, ../../_src/scss/components/_page_home.scss */
  .home .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 24, ../../_src/scss/components/_page_home.scss */
.home .banner .content {
  padding-top: 0;
  padding-left: 20px;
  padding-bottom: 0;
  padding-right: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 24, ../../_src/scss/components/_page_home.scss */
  .home .banner .content {
    padding-left: 40px;
    padding-bottom: 20px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 24, ../../_src/scss/components/_page_home.scss */
  .home .banner .content {
    padding-left: 80px;
    padding-bottom: 160px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_page_home.scss */
  .home .banner h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 43, ../../_src/scss/components/_page_home.scss */
  .home .banner h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 43, ../../_src/scss/components/_page_home.scss */
  .home .banner h1 {
    font-size: 80px;
  }
}
/* line 60, ../../_src/scss/components/_page_home.scss */
.home .banner .sign-up-wrapper form::after {
  display: block;
  content: "";
  clear: both;
}
@media only screen and (min-width: 40.063em) {
  /* line 72, ../../_src/scss/components/_page_home.scss */
  .home .section-trusted .row:first-of-type {
    padding-top: 40px;
  }
  /* line 76, ../../_src/scss/components/_page_home.scss */
  .home .section-trusted .row:last-of-type {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 83, ../../_src/scss/components/_page_home.scss */
  .home .section-trusted .row:first-of-type {
    padding-top: 60px;
  }
  /* line 87, ../../_src/scss/components/_page_home.scss */
  .home .section-trusted .row:last-of-type {
    padding-bottom: 60px;
  }
}
/* line 92, ../../_src/scss/components/_page_home.scss */
.home .section-trusted .row .row {
  padding-bottom: 40px;
}
/* line 98, ../../_src/scss/components/_page_home.scss */
.home .section-intro {
  padding-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 98, ../../_src/scss/components/_page_home.scss */
  .home .section-intro {
    padding-bottom: 40px;
  }
}
/* line 105, ../../_src/scss/components/_page_home.scss */
.home .section-intro > .row {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/* line 113, ../../_src/scss/components/_page_home.scss */
.home .section-intro .content-themes {
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 113, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .content-themes {
    text-align: left;
  }
}
/* line 120, ../../_src/scss/components/_page_home.scss */
.home .section-intro .content-themes p {
  margin-bottom: 40px;
}
/* line 125, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study {
  padding: 0;
}
/* line 128, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study h3 {
  color: #222222;
}
/* line 132, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns {
  padding: 0;
}
/* line 135, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns .case-study-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #61b6e6;
  background-size: cover;
  background-position: center;
}
/* line 146, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study .columns .case-study-description {
  padding: 40px;
  background: rgba(97, 182, 230, 0.1);
}
@media only screen and (min-width: 40.063em) {
  /* line 146, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .row.case-study .columns .case-study-description {
    padding: 80px;
  }
}
/* line 157, ../../_src/scss/components/_page_home.scss */
.home .section-intro .row.case-study.cs-ppfm .case-study-image {
  background-image: url(../imgs/case-studies/ppfm-home.jpg);
}
/* line 163, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 163, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .storefront-carousel {
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 163, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .storefront-carousel {
    padding-top: 40px;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 163, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .storefront-carousel {
    padding-top: 80px;
    padding-right: 0;
    padding-bottom: 80px;
    padding-left: 0;
  }
}
/* line 191, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel .slick-list {
  overflow: visible;
}
/* line 195, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  list-style: none;
}
/* line 202, ../../_src/scss/components/_page_home.scss */
.home .section-intro .storefront-carousel ul .slick-slide img {
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(34, 34, 34, 0.3);
}
/* line 208, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example {
  padding-left: 0;
  padding-right: 0;
  display: none;
}
@media only screen and (min-width: 40.063em) {
  /* line 208, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .theme-example {
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 208, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .theme-example {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* line 222, ../../_src/scss/components/_page_home.scss */
.home .section-intro .theme-example img {
  width: 100%;
  margin-bottom: -120px;
}
@media only screen and (min-width: 64.063em) {
  /* line 222, ../../_src/scss/components/_page_home.scss */
  .home .section-intro .theme-example img {
    margin-bottom: 0;
    bottom: -80px;
    position: absolute;
  }
}

/* line 2, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .sub_label {
  display: none;
}
/* line 8, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  gap: 40px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 8, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .section_wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
    gap: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 8, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .section_wrapper {
    padding-top: 160px;
    padding-bottom: 160px;
    padding-left: 120px;
    padding-right: 120px;
  }
}
/* line 35, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  max-width: 1400px;
  position: relative;
  gap: 32px;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 35, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .section_row {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
/* line 51, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_column {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 51, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .section_column {
    gap: 32px;
  }
}
/* line 65, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h1 {
  color: #0A0A0A;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* line 74, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h2 {
  color: #0A0A0A;
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (min-width: 64.063em) {
  /* line 74, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 h2 {
    font-size: 32px;
  }
}
/* line 88, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 h3 {
  color: #0A0A0A;
  font-family: "Poppins", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 88, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 h3 {
    font-size: 28px;
  }
}
/* line 102, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
/* line 107, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p:last-of-type:first-of-type {
  margin-bottom: 0;
}
/* line 111, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 p.intro {
  font-size: 18px;
}
@media only screen and (min-width: 64.063em) {
  /* line 111, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 p.intro {
    font-size: 21px;
  }
}
/* line 120, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 button {
  margin-bottom: 0;
  text-transform: none;
}
/* line 125, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .icon_label {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 125, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .icon_label {
    gap: 16px;
  }
}
/* line 135, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_dark {
  background-color: #0A0A0A;
}
/* line 138, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .section_dark h1,
.home_v2 .section_dark h2,
.home_v2 .section_dark h3,
.home_v2 .section_dark h4,
.home_v2 .section_dark h5,
.home_v2 .section_dark h6,
.home_v2 .section_dark p {
  color: #FFFFFF;
}
/* line 149, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner {
  background-color: #0A0A0A;
  color: #FFFFFF;
  min-height: calc(100vh + 20px);
  margin-top: -100px;
  padding-top: 140px;
  background-size: cover;
}
@media only screen and (min-width: 64.063em) {
  /* line 149, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_banner {
    background-image: none;
    min-height: 750px;
    margin-top: -140px;
  }
}
/* line 163, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .accent_color {
  color: #8FE9C2;
}
/* line 167, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #8FE9C2;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 174, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a span {
  font-weight: 600;
}
/* line 178, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a:hover {
  color: #73DCB3;
  gap: 12px;
}
/* line 183, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner a svg path {
  stroke: #8FE9C2;
}
/* line 188, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner button {
  background-color: #2F9B73;
  color: #FFFFFF;
}
/* line 192, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner button:hover {
  background-color: #227057;
}
/* line 197, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-container {
  position: absolute;
  width: 100%;
  height: calc(100% + 80px);
  overflow: hidden;
  background: transparent;
  mix-blend-mode: overlay;
  z-index: 10;
}
/* line 207, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-blur {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  filter: blur(60px);
  opacity: 0.8;
  mix-blend-mode: overlay;
  -ms-transform-origin: center;
      transform-origin: center;
}
/* line 219, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g1 {
  background: radial-gradient(circle at center, rgba(103, 106, 173, 0.8) 0%, rgba(70, 187, 141, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 25s linear infinite, hue-shift 30s ease infinite;
}
/* line 230, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g2 {
  background: radial-gradient(circle at center, rgba(187, 66, 63, 0.8) 0%, rgba(201, 130, 32, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 30s linear infinite reverse, hue-shift 25s ease infinite;
}
/* line 241, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .g3 {
  background: radial-gradient(circle at center, rgba(115, 220, 179, 0.8) 0%, rgba(47, 155, 115, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 35s linear infinite, hue-shift 20s ease infinite;
}
/* line 252, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hue-shift {
  0% {
    filter: blur(60px) hue-rotate(0deg);
  }
  50% {
    filter: blur(70px) hue-rotate(180deg);
  }
  100% {
    filter: blur(60px) hue-rotate(360deg);
  }
}
/* line 287, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 100;
  pointer-events: none;
  mix-blend-mode: overlay;
  opacity: 0.24;
}
/* line 300, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .banner_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.4;
  z-index: 0;
}
/* line 311, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner h1 {
  color: #FFFFFF;
  margin-bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 311, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_banner h1 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 311, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_banner h1 {
    font-size: 48px;
  }
}
/* line 325, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner p {
  font-size: 26px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: -20px;
}
/* line 332, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_banner .section_row {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 64.063em) {
  /* line 337, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_banner .section_column {
    max-width: 720px;
  }
}
/* line 345, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .accent_color {
  color: #676AAD;
}
/* line 349, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 356, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a span {
  font-weight: 600;
}
/* line 360, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 365, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features a svg path {
  stroke: #676AAD;
}
/* line 370, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features button {
  background-color: #676AAD;
  color: #0A0A0A;
}
/* line 374, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features button:hover {
  background-color: #6F4173;
}
/* line 379, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .features_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 379, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_features .features_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 379, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_features .features_grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
  }
}
/* line 395, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 402, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_icon {
  width: 106px;
  height: 106px;
  padding: 38px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  margin-bottom: -38px;
  margin-left: -38px;
}
/* line 415, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 420, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
/* line 426, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_features .feature_info p {
  color: #303030;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
/* line 437, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .accent_color {
  color: #F2E478;
}
/* line 441, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #F2E478;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 448, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a span {
  font-weight: 600;
}
/* line 452, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a:hover {
  color: #E8C658;
  gap: 12px;
}
/* line 457, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations a svg path {
  stroke: #F2E478;
}
/* line 462, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations button {
  background-color: #F2E478;
  color: #0A0A0A;
}
/* line 466, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations button:hover {
  background-color: #E8C658;
}
/* line 471, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row {
  position: static;
}
/* line 475, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row .section_column:first-child {
  position: relative;
  z-index: 10;
}
/* line 480, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .section_row .section_column:last-child {
  z-index: 0;
}
/* line 488, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-container {
  position: absolute;
  height: calc(100% - 80px);
  aspect-ratio: 512 / 189;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  overflow: hidden;
  background: transparent;
  mix-blend-mode: multiply;
  z-index: 10;
  opacity: 0.15;
  /* Then apply the mask */
  -webkit-mask-image: url("../svgs/2025-partner-logos-05.svg");
  mask-image: url("../svgs/2025-partner-logos-05.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media only screen and (min-width: 64.063em) {
  /* line 488, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_integrations .gradient-container {
    height: calc(100% - 200px);
    opacity: 0.6;
  }
}
/* line 517, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-blur {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  filter: blur(60px);
  opacity: 0.8;
  mix-blend-mode: overlay;
  -ms-transform-origin: center;
      transform-origin: center;
}
/* line 530, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g1 {
  background: radial-gradient(circle at center, rgba(103, 106, 173, 0.8) 0%, rgba(70, 187, 141, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 25s linear infinite, hue-shift 30s ease infinite;
}
/* line 541, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g2 {
  background: radial-gradient(circle at center, rgba(187, 66, 63, 0.8) 0%, rgba(201, 130, 32, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 30s linear infinite reverse, hue-shift 25s ease infinite;
}
/* line 552, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .g3 {
  background: radial-gradient(circle at center, rgba(115, 220, 179, 0.8) 0%, rgba(47, 155, 115, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 35s linear infinite, hue-shift 20s ease infinite;
}
/* line 563, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.1));
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes hue-shift {
  0% {
    filter: blur(60px) hue-rotate(0deg);
  }
  50% {
    filter: blur(70px) hue-rotate(180deg);
  }
  100% {
    filter: blur(60px) hue-rotate(360deg);
  }
}
/* line 598, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations #partner-logos {
  display: none;
  position: absolute;
  height: calc(100% - 80px);
  aspect-ratio: 512 / 189;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
/* line 606, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_integrations #partner-logos path {
  fill: white;
  /* Areas that should be visible */
}
/* line 613, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success {
  position: relative;
  gap: 32px;
}
/* line 622, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .accent_color {
  color: #F2E478;
}
@media only screen and (min-width: 40.063em) {
  /* line 622, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_success .accent_color {
    display: block;
  }
}
/* line 630, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success button {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease;
}
/* line 635, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success button:hover {
  background-color: #E8C658;
  color: #0A0A0A;
  border: 1px solid #E8C658;
}
/* line 642, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_row {
  z-index: 10;
  position: relative;
}
/* line 646, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_row .section_column {
  max-width: 872px;
}
/* line 651, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success video {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 660, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_overlay {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, #0a0a0a 100%);
  z-index: 5;
}
/* line 669, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .section_overlay_2 {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #0a0a0a 0%, rgba(10, 10, 10, 0) 60%);
  z-index: 5;
}
/* line 678, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
  background-color: rgba(10, 10, 10, 0.75);
  padding: 20px;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  margin-left: -20px;
  margin-right: -20px;
  overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
  /* line 678, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_success .success_highlight {
    padding: 32px;
    margin-left: -32px;
    margin-right: -32px;
    border-radius: 32px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 678, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_success .success_highlight {
    padding: 40px;
    margin-left: -40px;
    margin-right: -40px;
  }
}
/* line 705, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight p {
  font-size: 18px;
  font-weight: 600;
  margin-top: 40px;
  z-index: 10;
}
@media only screen and (min-width: 64.063em) {
  /* line 705, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_success .success_highlight p {
    font-size: 21px;
    font-weight: 600;
    margin-top: 80px;
  }
}
/* line 718, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight img,
.home_v2 .home_success .success_highlight button {
  z-index: 10;
}
/* line 723, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_success .success_highlight::after {
  content: "";
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(165, 56, 55, 0.25) 40%, rgba(165, 56, 55, 0.75) 100%);
}
/* line 737, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .accent_color {
  color: #F2E478;
}
/* line 741, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #F2E478;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 748, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a span {
  font-weight: 600;
}
/* line 752, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a:hover {
  color: #E8C658;
  gap: 12px;
}
/* line 757, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation a svg path {
  stroke: #F2E478;
}
/* line 762, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation button {
  background-color: #F2E478;
  color: #0A0A0A;
}
/* line 766, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation button:hover {
  background-color: #E8C658;
}
@media only screen and (min-width: 64.063em) {
  /* line 771, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 8px;
  }
}
/* line 781, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .section_row {
  position: relative;
  z-index: 10;
}
/* line 786, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 786, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 786, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 64px;
  }
}
/* line 803, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 809, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child {
  /*grid-column: 1 / 3;  spans the first and second columns */
  height: 100%;
  min-width: 320px;
}
@media only screen and (min-width: 40.063em) {
  /* line 809, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_item:first-child {
    grid-column: auto;
    grid-row: 1 / 3;
  }
}
/* line 820, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child .automation_graphic {
  height: 100%;
}
/* line 823, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_item:first-child .automation_graphic svg {
  aspect-ratio: 294/422;
}
/* line 830, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic {
  border: 1px solid #6F4173;
  border-radius: 16px;
  padding: 16px;
  width: 100%;
  gap: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 830, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_graphic {
    padding: 20px;
    gap: 20px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 830, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_graphic {
    padding: 32px;
    gap: 32px;
  }
}
/* line 849, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  aspect-ratio: 294/144;
  overflow: visible;
}
/* line 857, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg rect {
  -ms-transform-origin: center center;
      transform-origin: center center;
  /* scale around rect’s own center */
  transform-box: fill-box;
  /* use the rect’s bounding box, not the SVG’s */
}
/* line 862, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_graphic svg rect[id*="_stroke"] {
  display: none;
}
/* line 868, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 873, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info h3 {
  font-size: 12px;
  color: #FCFCFC;
  margin-bottom: 0;
  font-weight: 600;
}
@media only screen and (min-width: 64.063em) {
  /* line 873, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_automation .automation_info h3 {
    font-size: 14px;
  }
}
/* line 884, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .automation_info p {
  display: none;
  color: #FCFCFC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
/* line 894, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_automation .section_overlay {
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(111, 65, 115, 0) 0%, rgba(111, 65, 115, 0.35) 100%);
  z-index: 1;
}
/* line 905, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .accent_color {
  color: #676AAD;
}
/* line 909, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 916, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a span {
  font-weight: 600;
}
/* line 920, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 925, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout a svg path {
  stroke: #676AAD;
}
/* line 930, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout button {
  background-color: #676AAD;
  color: #0A0A0A;
}
/* line 934, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout button:hover {
  background-color: #6F4173;
}
/* line 939, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) {
  position: relative;
  margin-bottom: 32px;
  gap: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 939, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) {
    gap: 32px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 939, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) {
    margin-bottom: 0;
    gap: 120px;
  }
}
/* line 953, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column {
  position: relative;
}
/* line 956, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child {
  -ms-flex-order: 2;
      order: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 956, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child {
    -ms-flex-order: 1;
        order: 1;
  }
}
/* line 963, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: -40px;
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  display: block;
}
@media only screen and (min-width: 64.063em) {
  /* line 963, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
    left: -120px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 963, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
    left: calc(-1 * ((100vw - 1400px)/2));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
  /* line 963, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
    left: -120px;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 963, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:first-child::after {
    left: calc(-1 * ((100vw - 1400px)/2));
  }
}
/* line 991, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) .section_column:nth-child(2) {
  z-index: 10;
  -ms-flex-order: 1;
      order: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 991, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child) .section_column:nth-child(2) {
    -ms-flex-order: 2;
        order: 2;
  }
}
/* line 1003, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child):last-child .section_column:nth-child(1)::after {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 1003, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_checkout .section_row:not(:first-child):last-child .section_column:nth-child(1)::after {
    display: block;
  }
}
/* line 1012, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_checkout .section_row:not(:first-child) img {
  border: 1px solid #CCCCCC;
  border-radius: 32px;
}
/* line 1021, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease;
}
/* line 1027, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles button:hover {
  color: #0A0A0A;
  background-color: #E8C658;
  border: 1px solid #E8C658;
}
/* line 1034, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles h3 {
  font-size: 16px;
}
/* line 1038, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .section_row {
  gap: 64px;
}
/* line 1042, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .section_column {
  -ms-flex-align: stretch;
      align-items: stretch;
}
/* line 1046, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 1046, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_articles .articles_post {
    gap: 32px;
  }
}
/* line 1055, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post h3 {
  transition: all 0.3s ease;
}
/* line 1060, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover h3 {
  color: #F2E478;
}
/* line 1064, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic {
  border: 1px solid #DAA43A;
}
/* line 1067, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic video,
.home_v2 .home_articles .articles_post:hover .post_graphic img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 1072, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .articles_post:hover .post_graphic::after {
  opacity: 0.5;
}
/* line 1079, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  border: 1px solid #303030;
  border-radius: 8px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 64.063em) {
  /* line 1079, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_articles .post_graphic {
    height: 400px;
  }
}
/* line 1094, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(180deg, rgba(218, 164, 58, 0) 0%, rgba(218, 164, 58, 0.9) 100%);
  mix-blend-mode: screen;
  z-index: 10;
  transition: all 0.3s ease;
}
/* line 1107, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_articles .post_graphic video,
.home_v2 .home_articles .post_graphic img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
/* line 1118, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics {
  position: relative;
  border-top: 1px solid rgba(48, 48, 48, 0.5);
  border-bottom: 1px solid rgba(48, 48, 48, 0.5);
}
/* line 1123, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .accent_color {
  color: #F2E478;
}
/* line 1127, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #F2E478;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1134, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a span {
  font-weight: 600;
}
/* line 1138, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a:hover {
  color: #E8C658;
  gap: 12px;
}
/* line 1143, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics a svg path {
  stroke: #F2E478;
}
/* line 1148, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics button {
  background-color: #F2E478;
  color: #0A0A0A;
}
/* line 1152, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics button:hover {
  background-color: #E8C658;
}
/* line 1157, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_row {
  pointer-events: none;
}
/* line 1160, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_row h2, .home_v2 .home_analytics .section_row h3, .home_v2 .home_analytics .section_row p, .home_v2 .home_analytics .section_row button, .home_v2 .home_analytics .section_row a {
  pointer-events: all;
}
/* line 1166, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic {
  position: absolute;
  opacity: 1;
  bottom: 0;
  width: 100%;
  height: 100%;
}
/* line 1173, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic svg {
  opacity: 0.5;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  min-width: 1440px;
  aspect-ratio: 1441/828;
  position: absolute;
  bottom: calc(20% - 7px);
  right: 0;
}
/* line 1187, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line {
  opacity: 0.5;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #303030;
  left: 0;
}
/* line 1195, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(1) {
  top: 10%;
}
/* line 1199, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(2) {
  top: 20%;
}
/* line 1203, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(3) {
  top: 30%;
}
/* line 1207, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(4) {
  top: 40%;
}
/* line 1211, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(5) {
  top: 50%;
}
/* line 1215, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(6) {
  top: 60%;
}
/* line 1219, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(7) {
  top: 70%;
}
/* line 1223, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(8) {
  top: 80%;
}
/* line 1227, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .section_bg_graphic .bg_chart_line:nth-child(9) {
  top: 90%;
}
/* line 1233, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 1233, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_analytics .analytics_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 1233, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_analytics .analytics_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
  }
}
/* line 1249, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
  background-color: #0a0a0a69;
  padding: 16px;
  border-radius: 16px;
  backdrop-filter: blur(2px);
}
/* line 1260, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_icon {
  width: 32px;
  height: 32px;
}
/* line 1265, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 1270, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
/* line 1276, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_analytics .analytics_info p {
  color: #FCFCFC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
/* line 1287, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .accent_color {
  color: #676AAD;
}
/* line 1291, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1298, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a span {
  font-weight: 600;
}
/* line 1302, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 1307, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers a svg path {
  stroke: #676AAD;
}
/* line 1312, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers button {
  background-color: #676AAD;
  color: #0A0A0A;
}
/* line 1316, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers button:hover {
  background-color: #6F4173;
}
/* line 1321, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .section_row {
  -ms-flex-align: stretch;
      align-items: stretch;
  gap: 64px;
}
/* line 1326, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .graphic_container {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: calc(100% + 40px);
  padding: 0;
  border-radius: 16px;
  background: var(--Home-Gradient, linear-gradient(180deg, #FFF 0%, #F1F1F1 100%));
  box-shadow: 0px 8px 20px 0px rgba(17, 19, 36, 0.2);
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 1326, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_customers .graphic_container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 400px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 1326, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_customers .graphic_container {
    max-width: 100%;
  }
}
/* line 1352, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .section_column:last-child .graphic_container {
  min-height: 400px;
}
/* line 1355, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .section_column:last-child .graphic_container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 10;
}
/* line 1369, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages {
  position: absolute;
  bottom: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  padding: 16px;
}
/* line 1382, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer,
.home_v2 .home_customers .customers_messages .message_merchant {
  opacity: 0;
  /* Start hidden */
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 16px;
  background: var(--Home-Gradient, linear-gradient(180deg, #FFF 0%, #F1F1F1 100%));
  box-shadow: 0px 8px 20px 0px rgba(17, 19, 36, 0.2);
  position: absolute;
  top: 100%;
}
/* line 1400, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_info,
.home_v2 .home_customers .customers_messages .message_merchant .message_info {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-weight: 600;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}
/* line 1407, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_info .user_info,
.home_v2 .home_customers .customers_messages .message_merchant .message_info .user_info {
  font-size: 11px;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 8px;
}
/* line 1417, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_info .time_info,
.home_v2 .home_customers .customers_messages .message_merchant .message_info .time_info {
  font-size: 11px;
  white-space: nowrap;
}
/* line 1423, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer.message_merchant,
.home_v2 .home_customers .customers_messages .message_merchant.message_merchant {
  background: var(--alt-blue-blue-alt-1, #B2DBF2);
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
/* line 1427, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer.message_merchant .message_info,
.home_v2 .home_customers .customers_messages .message_merchant.message_merchant .message_info {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
/* line 1430, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer.message_merchant .message_info .user_info,
.home_v2 .home_customers .customers_messages .message_merchant.message_merchant .message_info .user_info {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}
/* line 1436, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_image,
.home_v2 .home_customers .customers_messages .message_merchant .message_image {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 1436, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_customers .customers_messages .message_customer .message_image,
  .home_v2 .home_customers .customers_messages .message_merchant .message_image {
    width: 40px;
    height: 40px;
  }
}
/* line 1449, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_image img,
.home_v2 .home_customers .customers_messages .message_merchant .message_image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 1458, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_content,
.home_v2 .home_customers .customers_messages .message_merchant .message_content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
}
/* line 1466, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_text,
.home_v2 .home_customers .customers_messages .message_merchant .message_text {
  font-size: 12px;
}
/* line 1469, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .customers_messages .message_customer .message_text .link,
.home_v2 .home_customers .customers_messages .message_merchant .message_text .link {
  text-decoration: underline;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    position: relative;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    position: relative;
    transform: translateY(0);
  }
}
@keyframes fadeOutDownSequential {
  from {
    opacity: 1;
    position: relative;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    position: absolute;
    transform: translateY(8px);
  }
}
/* line 1504, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .fade-in {
  animation-name: fadeInUp;
}
/* line 1508, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_customers .fade-out-sequential {
  animation-name: fadeOutDownSequential;
}
/* line 1514, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .accent_color {
  color: #F2E478;
}
/* line 1518, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #F2E478;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1525, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a span {
  font-weight: 600;
}
/* line 1529, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a:hover {
  color: #E8C658;
  gap: 12px;
}
/* line 1534, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support a svg path {
  stroke: #F2E478;
}
/* line 1539, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support button {
  background-color: #F2E478;
  color: #0A0A0A;
}
/* line 1543, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support button:hover {
  background-color: #E8C658;
}
/* line 1548, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row {
  position: relative;
  z-index: 0;
}
/* line 1552, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row:first-child {
  z-index: 10;
  pointer-events: none;
}
/* line 1556, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_row:first-child h2 {
  pointer-events: all;
  width: auto;
  text-shadow: 0px 4px 16px rgba(10, 10, 10, 0.95);
}
/* line 1564, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic {
  min-height: 220px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
/* line 1571, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs {
  overflow: visible;
}
/* line 1574, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  mix-blend-mode: overlay;
  border-radius: 16px;
  display: none;
}
/* line 1587, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
  position: absolute;
  bottom: -16px;
  left: -80px;
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 1587, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
    left: -120px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 1587, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
    left: calc(-1 * ((100vw + 80px - 1400px)/2));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
  /* line 1587, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
    left: -120px;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 1587, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic {
    left: calc(-1 * ((100vw + 80px - 1400px)/2));
  }
}
/* line 1612, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #303030;
  padding: 8px;
  border-radius: 8px;
  transition: border-color 0.8s ease-in-out, opacity 0.8s ease-in-out;
}
/* line 1624, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc span {
  font-size: 12px;
  color: #303030;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
  font-weight: 600;
  transition: color 0.8s ease-in-out;
}
/* line 1635, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc svg path {
  stroke: #303030;
  stroke-width: 1.5;
  transition: stroke 0.8s ease-in-out;
}
/* line 1641, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary {
  border-color: #CCCCCC;
}
/* line 1644, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary span {
  color: #CCCCCC;
}
/* line 1648, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-primary svg path {
  stroke: #CCCCCC;
}
/* line 1653, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub {
  opacity: 0.75;
  border-color: #828282;
}
/* line 1657, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub span {
  color: #828282;
}
/* line 1661, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic.section_graphic_docs .ultracart_docs_graphic .ultracart_doc.active-sub svg path {
  stroke: #828282;
}
/* line 1669, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_graphic img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
/* line 1680, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services {
  position: relative;
  min-height: 400px;
  border-radius: 16px;
  overflow: hidden;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 32px;
}
/* line 1688, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content {
  position: relative;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 32px;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 1688, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_pro_services .section_pro_services_content {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: end;
        align-items: flex-end;
    gap: 64px;
  }
}
/* line 1703, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content h3 {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
}
/* line 1708, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services .section_pro_services_content button {
  margin: 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 1708, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_pro_services .section_pro_services_content button {
    white-space: nowrap;
  }
}
/* line 1718, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_support .section_pro_services img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.25;
}
@media only screen and (min-width: 64.063em) {
  /* line 1718, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_support .section_pro_services img {
    opacity: 0.8;
  }
}
/* line 1735, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers {
  position: relative;
  border-top: 1px solid #303030;
  border-bottom: 1px solid #303030;
}
/* line 1740, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::before, .home_v2 .home_developers::after {
  content: "";
  position: absolute;
  top: 0;
  left: 40px;
  width: 1px;
  height: 100%;
  background-color: #303030;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 1740, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::before, .home_v2 .home_developers::after {
    left: 120px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 1740, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::before, .home_v2 .home_developers::after {
    left: calc(((100vw - 1400px)/2));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
  /* line 1740, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::before, .home_v2 .home_developers::after {
    left: 120px;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 1740, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::before, .home_v2 .home_developers::after {
    left: calc(((100vw - 1400px)/2));
  }
}
/* line 1768, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers::after {
  left: auto;
  right: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 1768, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::after {
    right: 120px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 1768, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers::after {
    right: calc(((100vw - 1400px)/2));
  }
}
/* line 1781, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child {
  position: static;
}
/* line 1784, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_row:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 114px;
  width: 1px;
  height: 100%;
  background-color: #303030;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 1784, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_row:first-child::before {
    left: 184px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 1784, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_row:first-child::before {
    left: calc(((100vw - 1400px)/2) + 64px);
  }
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
  /* line 1784, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_row:first-child::before {
    left: 184px;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 1784, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_row:first-child::before {
    left: calc(((100vw - 1400px)/2) + 64px);
  }
}
/* line 1812, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .accent_color {
  color: #8FE9C2;
}
/* line 1816, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #8FE9C2;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1823, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a span {
  font-weight: 600;
}
/* line 1827, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a:hover {
  color: #73DCB3;
  gap: 12px;
}
/* line 1832, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers a svg path {
  stroke: #8FE9C2;
}
/* line 1837, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers button {
  background-color: #8FE9C2;
  color: #0A0A0A;
}
/* line 1841, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers button:hover {
  background-color: #73DCB3;
}
/* line 1846, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content {
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 64px;
}
/* line 1850, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
  content: "";
  position: absolute;
  top: -32px;
  left: 0;
  width: 100vw;
  margin-left: -40px;
  height: 1px;
  background-color: #303030;
  z-index: -1;
}
@media only screen and (min-width: 64.063em) {
  /* line 1850, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
    margin-left: -120px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 1850, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
    margin-left: calc(-1 * ((100vw - 1400px)/2));
  }
}
@media screen and (min-width: 1441px) and (max-width: 1640px) {
  /* line 1850, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
    margin-left: -120px;
  }
}
@media only screen and (min-width: 120.063em) {
  /* line 1850, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_developers_content::before, .home_v2 .home_developers .section_developers_content::after {
    margin-left: calc(-1 * ((100vw - 1400px)/2));
  }
}
/* line 1879, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content::after {
  top: auto;
  bottom: -32px;
}
/* line 1884, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column {
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  gap: 32px;
  width: 100%;
}
/* line 1891, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column:not(:last-child) {
  position: relative;
}
/* line 1894, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .section_column:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #303030;
  z-index: -1;
}
/* line 1907, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content h3 {
  font-size: 18px;
}
/* line 1911, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content p {
  margin-bottom: 16px;
}
/* line 1915, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_developers_content .link_list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 40.063em) {
  /* line 1915, ../../_src/scss/components/_page_home_v2.scss */
  .home_v2 .home_developers .section_developers_content .link_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* line 1926, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_overlay_1,
.home_v2 .home_developers .section_overlay_2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(245deg, rgba(143, 233, 194, 0) 19.55%, rgba(143, 233, 194, 0.2) 99.29%);
  mix-blend-mode: hard-light;
  pointer-events: none;
  z-index: 20;
}
/* line 1940, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_developers .section_overlay_2 {
  background: linear-gradient(136deg, rgba(242, 228, 120, 0) 34.64%, rgba(242, 228, 120, 0.2) 100%);
}
/* line 1945, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started {
  background-color: #B6F0D6;
}
/* line 1948, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .accent_color {
  color: #2F9B73;
}
/* line 1952, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #288565;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 1959, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a span {
  font-weight: 600;
}
/* line 1963, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a:hover {
  color: #227057;
  gap: 12px;
}
/* line 1968, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started a svg path {
  stroke: #288565;
}
/* line 1973, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started button {
  background-color: #2F9B73;
  color: #FFFFFF;
}
/* line 1977, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started button:hover {
  background-color: #227057;
}
/* line 1982, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started h3 {
  font-size: 18px;
}
/* line 1986, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) {
  gap: 32px;
}
/* line 1989, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 1994, ../../_src/scss/components/_page_home_v2.scss */
.home_v2 .home_get_started .section_column:nth-child(2) > div a {
  margin-top: 8px;
}

/* line 39, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container {
  clear: both;
}
/* line 42, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container::after {
  display: block;
  content: '';
  clear: both;
}
/* line 48, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container h4 {
  text-transform: uppercase;
}
/* line 52, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-content {
  box-sizing: border-box;
}
@media only screen and (min-width: 64.063em) {
  /* line 52, ../../_src/scss/components/_page_legal.scss */
  .uc-legal .legal-container .legal-content {
    float: left;
    width: 60%;
    box-sizing: border-box;
    padding-right: 60px;
  }
}
/* line 65, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-content.legal-content-full {
  width: 100%;
  padding-right: 0;
}
/* line 71, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-summary {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  width: 100%;
  color: #999;
  border: 1px solid #e8e8e8;
}
@media only screen and (min-width: 64.063em) {
  /* line 71, ../../_src/scss/components/_page_legal.scss */
  .uc-legal .legal-container .legal-summary {
    margin-top: 50px;
    margin-bottom: 0;
    padding: 20px;
    float: left;
    width: 40%;
  }
}
/* line 90, ../../_src/scss/components/_page_legal.scss */
.uc-legal .legal-container .legal-summary p:last-of-type {
  margin-bottom: 0;
}

/* line 2, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner {
  background: url("../imgs/2023-storefronts-banner-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
  .storefronts-2020 .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 32, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row {
  padding: 0;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 32, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
  .storefronts-2020 .section-intro .flex-row {
    padding: 80px 0;
  }
}
/* line 42, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-intro .flex-row:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
  .storefronts-2020 .section-intro .flex-row .column-graphic {
    padding-right: 0;
  }
}
/* line 55, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category {
  margin-bottom: 40px;
  float: left;
}
/* line 59, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .overview-category h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 55, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
  .storefronts-2020 .overview-category {
    position: absolute;
    margin-top: 0;
    padding-bottom: 40px;
    transition: opacity 0.3s linear;
    opacity: 0;
  }
  /* line 70, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
  .storefronts-2020 .overview-category.active {
    opacity: 1;
  }
}
/* line 76, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .flex-row {
  -ms-flex-align: center;
      align-items: center;
}
/* line 81, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .flex-row {
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 84, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .flex-row .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-left: 2rem;
  padding-right: 2rem;
}
/* line 94, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights h3 {
  font-size: 1.5em;
}
/* line 98, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon {
  width: 100%;
  max-width: 64px;
  margin-bottom: 18px;
  padding: 16px;
  background-color: rgba(52, 52, 64, 0.2);
  border-radius: 100%;
}
/* line 107, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon svg {
  width: 100%;
  display: block;
}
/* line 111, ../../_src/scss/components/_page_storefronts_2020_overview.scss */
.storefronts-2020 .section-highlights .icon svg .icon-path {
  fill: #343440;
}

/* line 2, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner {
  background: url("../imgs/2023-storefronts-banner-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner.overlay::after {
  width: 100%;
  background: rgba(52, 52, 64, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_storefronts_overview.scss */
  .storefronts .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category {
  margin-bottom: 40px;
  float: left;
}
/* line 35, ../../_src/scss/components/_page_storefronts_overview.scss */
.storefronts .overview-category h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 31, ../../_src/scss/components/_page_storefronts_overview.scss */
  .storefronts .overview-category {
    position: absolute;
    margin-top: 0;
    padding-bottom: 40px;
    transition: opacity 0.3s linear;
    opacity: 0;
  }
  /* line 46, ../../_src/scss/components/_page_storefronts_overview.scss */
  .storefronts .overview-category.active {
    opacity: 1;
  }
}

/* line 2, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner {
  background: url("../imgs/2020-banner-storefronts-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner.overlay::after {
  width: 100%;
  background: rgba(52, 52, 64, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 30, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg {
  position: absolute;
  left: calc(100% - 80px);
  top: 20px;
  height: 300px;
  width: auto;
  aspect-ratio: 232 / 518;
  z-index: 20;
  overflow: visible;
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .banner svg {
    height: 340px;
  }
}
/* line 45, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn .sf_menu_btn_fill {
  fill: #fff;
  filter: drop-shadow(3px 3px 2px rgba(0, 4, 20, 0.4));
  transition: all 0.3s ease;
}
/* line 51, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn path {
  stroke: #333;
  fill: transparent;
  transition: all 0.3s ease;
}
/* line 57, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn .sf_menu_label {
  stroke: none;
  fill: #333;
  transition: all 0.3s ease;
}
/* line 64, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active .sf_menu_btn_fill {
  fill: #333;
}
/* line 68, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active path {
  stroke: #fff;
}
/* line 72, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner svg .sf_menu_btn.active .sf_menu_label {
  fill: #fff;
}
/* line 80, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .banner .banner-image::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(300deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  z-index: 10;
}
/* line 91, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .intro_content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 91, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .intro_content {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: start;
        align-items: flex-start;
    gap: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 103, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .intro_content img {
    max-width: 520px;
    margin-left: -180px;
  }
}
/* line 113, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category {
  margin-bottom: 40px;
  float: left;
}
/* line 117, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .overview-category h2 {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 113, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .overview-category {
    position: absolute;
    margin-top: 0;
    padding-bottom: 40px;
    transition: opacity 0.3s linear;
    opacity: 0;
  }
  /* line 128, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .overview-category.active {
    opacity: 1;
  }
}
/* line 134, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles {
  background-color: #0A0A0A;
}
/* line 137, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles h1,
.storefronts.visual-builder .section_articles h2,
.storefronts.visual-builder .section_articles h3,
.storefronts.visual-builder .section_articles h4,
.storefronts.visual-builder .section_articles h5,
.storefronts.visual-builder .section_articles h6,
.storefronts.visual-builder .section_articles p {
  color: #FFFFFF;
}
/* line 147, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  position: relative;
  gap: 32px;
  z-index: 1;
}
@media only screen and (min-width: 64.063em) {
  /* line 147, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .section_articles .row {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
/* line 161, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_column {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 161, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .section_articles .section_column {
    gap: 32px;
  }
}
/* line 174, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles button {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease;
}
/* line 180, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles button:hover {
  color: #0A0A0A;
  background-color: #E8C658;
  border: 1px solid #E8C658;
}
/* line 187, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles h3 {
  font-size: 16px;
}
/* line 191, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_row {
  gap: 64px;
}
/* line 195, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .section_column {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
/* line 201, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post h3 {
  transition: all 0.3s ease;
}
/* line 206, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover h3 {
  color: #F2E478;
}
/* line 210, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic {
  border: 1px solid #DAA43A;
}
/* line 213, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic video,
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic img {
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* line 218, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .articles_post:hover .post_graphic::after {
  opacity: 0.5;
}
/* line 225, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  border: 1px solid #303030;
  border-radius: 8px;
  transition: all 0.3s ease;
}
/* line 236, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: linear-gradient(180deg, rgba(218, 164, 58, 0) 0%, rgba(218, 164, 58, 0.9) 100%);
  mix-blend-mode: screen;
  z-index: 10;
  transition: all 0.3s ease;
}
/* line 249, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .section_articles .post_graphic video,
.storefronts.visual-builder .section_articles .post_graphic img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
/* line 260, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .features_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 260, ../../_src/scss/components/_page_storefronts_vb.scss */
  .storefronts.visual-builder .features_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
    margin-bottom: 120px;
  }
}
/* line 273, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 280, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_icon {
  width: 32px;
  height: 32px;
}
/* line 285, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 12px;
}
/* line 290, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info h3 {
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 600;
}
/* line 296, ../../_src/scss/components/_page_storefronts_vb.scss */
.storefronts.visual-builder .feature_info p,
.storefronts.visual-builder .feature_info li {
  color: #828282;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875em;
  margin-bottom: 0;
}

/* line 3, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts.features .banner {
  background-image: none;
  background-color: #0A0A0A;
}
/* line 7, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts.features .banner.overlay::after {
  background: none;
}
@media only screen and (min-width: 90.063em) {
  /* line 12, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts.features .section-intro {
    margin-bottom: 120px;
  }
}
/* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category {
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
  clear: both;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category {
    margin-top: 20px;
  }
  /* line 28, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    left: -40px;
    top: -1px;
    background: #e8e8e8;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 19, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category {
    margin-top: 40px;
  }
  /* line 43, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category::before {
    width: 80px;
    left: -80px;
  }
}
/* line 50, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature-category:first-of-type {
  border-top: none;
  padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 50, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category:first-of-type {
    margin-top: 0;
  }
  /* line 57, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature-category:first-of-type::before {
    background: transparent;
  }
}
/* line 64, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 64, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature {
    margin-bottom: 40px;
  }
}
/* line 75, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature p {
  color: #8d8d8d;
}
/* line 81, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro .category_title {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-align: center;
      align-items: center;
}
/* line 87, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro h2 {
  margin-bottom: 16px;
  margin-bottom: 0;
}
/* line 92, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_intro p {
  font-size: 21px;
  font-weight: 600;
}
/* line 98, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
  margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 98, ../../_src/scss/components/_page_storefronts_features.scss */
  .storefronts .feature_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
  }
}
/* line 109, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature {
  margin-bottom: 0;
}
/* line 112, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-title {
  font-size: 18px;
}
/* line 116, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-description {
  font-size: 16px;
  margin-bottom: 8px;
}
/* line 120, ../../_src/scss/components/_page_storefronts_features.scss */
.storefronts .feature_grid .feature .feature-description:last-child {
  margin-bottom: 0;
}

/* line 2, ../../_src/scss/components/_page_wts.scss */
.wts .banner {
  background: url("../imgs/2023-ultracart-waystosell-banner-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_wts.scss */
.wts .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_wts.scss */
  .wts .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_wts.scss */
.wts .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_wts.scss */
.wts .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 31, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 43, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 43, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 55, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 55, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 71, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 75, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 79, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 87, ../../_src/scss/components/_page_wts.scss */
.wts .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 87, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 87, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 103, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 111, ../../_src/scss/components/_page_wts.scss */
  .wts .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}

/* line 3, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .banner {
  background-image: url(../imgs/banner-storefronts-themes-1.jpg);
}
/* line 8, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro p {
  font-size: 18px;
}
/* line 12, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro .features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
/* line 20, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section-intro .features-list li {
  margin: 0;
  padding: 0;
}
/* line 27, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section .row {
  padding-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
}
/* line 43, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .section .row .columns {
  padding-bottom: 40px;
}
/* line 48, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-container {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 48, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-container {
    background: #ffffff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 3px;
  }
  /* line 60, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-container:hover .theme-image-desktop {
    filter: blur(0);
    opacity: 1;
  }
  /* line 64, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-container:hover .theme-image-mobile {
    opacity: 0;
    top: 60px;
  }
  /* line 69, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-container:hover .theme-buttons {
    opacity: 1;
    bottom: 80px;
    z-index: 3;
  }
}
/* line 78, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons {
  opacity: 1;
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  z-index: 2;
  transition: bottom 300ms ease-in, opacity 300ms ease-in;
}
@media only screen and (min-width: 64.063em) {
  /* line 78, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-buttons {
    width: 250px;
    margin-left: -125px;
    opacity: 0;
  }
}
/* line 94, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-buttons a {
  font-size: 12px;
  margin-bottom: 20px;
  display: block;
  clear: both;
  box-shadow: 0 0 10px rgba(34, 34, 34, 0.6);
}
@media only screen and (min-width: 64.063em) {
  /* line 94, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-buttons a {
    font-size: 16px;
  }
}
/* line 108, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-desktop {
  display: none;
  transition: opacity 400ms ease-in, filter 400ms ease-in;
  border-radius: 3px;
}
@media only screen and (min-width: 64.063em) {
  /* line 108, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-image-desktop {
    display: block;
    filter: blur(2px);
    opacity: 0.2;
    width: 100%;
  }
}
/* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
.storefronts.themes .theme-image-mobile {
  width: 100%;
  z-index: 2;
  box-shadow: 0 0 10px rgba(34, 34, 34, 0.4);
  transition: opacity 200ms ease-in, top 400ms ease-in;
  border-radius: 3px;
}
@media only screen and (min-width: 64.063em) {
  /* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-image-mobile {
    width: 40%;
    position: absolute;
    top: 20px;
    left: 40px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 121, ../../_src/scss/components/_page_storefronts_themes.scss */
  .storefronts.themes .theme-image-mobile {
    width: 231px;
    height: 409px;
    left: 60px;
    top: 40px;
    right: auto;
  }
}

/* line 3, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .banner {
  background-image: url(../imgs/banner-storefronts-themes-1.jpg);
}
/* line 8, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.woodland .banner {
  background-image: url(../imgs/banner-theme-woodland.jpg);
}
/* line 14, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.fashion .banner {
  background-image: url(../imgs/banner-theme-fashion.jpg);
}
/* line 20, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.coffee .banner {
  background-image: url(../imgs/banner-theme-coffee.jpg);
}
/* line 26, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.natural .banner {
  background-image: url(../imgs/banner-theme-natural.jpg);
}
/* line 32, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.gridzy .banner {
  background-image: url(../imgs/banner-theme-gridzy.jpg);
}
/* line 38, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme.elements .banner {
  background-image: url(../imgs/banner-theme-elements.jpg);
}
/* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-desktop {
  display: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-img-desktop {
    margin-bottom: 80px;
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 43, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-img-desktop {
    margin-bottom: 0;
    display: block;
  }
}
/* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile {
  margin-bottom: 40px;
  box-shadow: 0 0 20px rgba(34, 34, 34, 0.3);
}
@media only screen and (min-width: 40.063em) {
  /* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-img-mobile {
    width: 200px;
    position: absolute;
    top: 40px;
    right: 0;
    box-shadow: 0 0 40px rgba(34, 34, 34, 0.3);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 59, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-img-mobile {
    width: 300px;
    top: 80px;
  }
}
/* line 76, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-img-mobile img {
  width: 100%;
}
/* line 81, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-version {
  background: #e8e8e8;
  padding: 3px;
  border-radius: 5px;
  font-size: 14px;
}
/* line 88, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-price {
  color: #333333;
}
/* line 92, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-description {
  margin-top: 20px;
}
/* line 96, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-options {
  margin-top: 40px;
}
/* line 100, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .button {
  margin-bottom: 20px;
}
/* line 104, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-terms {
  display: block;
  clear: both;
  margin-top: 20px;
  font-size: 12px;
  border-top: 1px solid #e8e8e8;
  padding-top: 20px;
}
/* line 113, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples {
  background: #ffffff;
  border-top: 1px solid #cccccc;
}
/* line 118, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example .overlay {
  display: none;
}
/* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
.storefronts.theme .theme-examples .example img {
  max-width: 400px;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 40.063em) {
  /* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-examples .example img {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 122, ../../_src/scss/components/_page_storefronts_theme.scss */
  .storefronts.theme .theme-examples .example img {
    margin-bottom: 0;
  }
}

/* line 2, ../../_src/scss/components/_page_storefronts_examples.scss */
.examples .example-image {
  margin-bottom: 40px;
  display: block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/* line 2, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner {
  background-image: none;
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.25);
  backdrop-filter: none;
}
/* line 21, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner h2 {
  margin-bottom: 0;
}
/* line 35, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .banner video {
  opacity: 1;
}
/* line 42, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 46, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 55, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro img {
  margin-top: -120px;
}
@media only screen and (min-width: 64.063em) {
  /* line 55, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-intro img {
    margin-top: -180px;
  }
}
/* line 64, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro ul li {
  margin-bottom: 16px;
}
/* line 69, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro a {
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 73, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-intro a:hover {
  color: #6F4173;
}
/* line 81, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights {
  padding-bottom: 80px;
}
/* line 84, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .row {
  padding-top: 120px;
}
/* line 88, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 93, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 93, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 101, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 127, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 131, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 131, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 140, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights h4 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 32px;
}
/* line 147, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 154, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a span {
  font-weight: 600;
}
/* line 158, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 163, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights a svg path {
  stroke: #676AAD;
}
/* line 168, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .accent_color {
  color: #676AAD;
}
/* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 172, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .section-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 186, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 191, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 197, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 202, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .section-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 211, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  font-weight: bold;
  margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .feature-copy .feature-list {
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 215, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
  .checkout_only .feature-copy .feature-list {
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
/* line 234, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list div {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  color: #303030;
  font-size: 14px;
}
/* line 241, ../../_src/scss/components/_page_storefronts_checkout_only.scss */
.checkout_only .feature-copy .feature-list svg {
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

/* line 2, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .banner {
  background-image: url(../imgs/banner-buy-buttons-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
  /* IE6-9 */
}
/* line 21, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .buy-button-graphic {
  cursor: default;
  position: relative;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  letter-spacing: 1px;
  background-color: #efb230;
}
/* line 30, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .buy-button-graphic::after {
  position: absolute;
  content: "";
  display: none;
  width: 350px;
  height: 180px;
  background-image: url(../imgs/buy-button-graphic.png);
  background-repeat: none;
  top: -35px;
  right: 13px;
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .buy-button-graphic::after {
    display: block;
  }
}
/* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right {
  display: none;
  width: 639px;
  float: right;
  margin-top: 0;
  margin-right: -20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .content-graphic-right {
    width: 300px;
    display: block;
    margin-right: -80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .content-graphic-right {
    width: 639px;
  }
}
/* line 66, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .content-graphic-right img {
  width: 100%;
}
/* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left {
  position: relative;
  width: 300px;
  margin-top: 0;
  margin-left: -60px;
}
@media only screen and (min-width: 40.063em) {
  /* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout .content-graphic-left {
    width: 300px;
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout .content-graphic-left {
    width: 639px;
    margin-top: -80px;
    margin-left: -180px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 72, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout .content-graphic-left {
    width: 639px;
    margin-top: -80px;
    margin-left: 0;
  }
}
/* line 102, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left img {
  width: 100%;
}
/* line 106, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left > img {
  position: relative;
  z-index: 20;
}
/* line 111, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .checkout-content {
  position: absolute;
  top: 70px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 64%;
  height: 79%;
  z-index: 10;
  overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
  /* line 111, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout .content-graphic-left .checkout-content {
    top: 120px;
  }
}
/* line 126, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout .content-graphic-left .backdrop {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.5);
  width: 75%;
  height: 85%;
  top: 39px;
  left: 50%;
  border-radius: 40px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 126, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout .content-graphic-left .backdrop {
    border-radius: 80px;
    top: 89px;
  }
}
/* line 149, ../../_src/scss/components/_page_wts_buy_buttons.scss */
.wts-buy-buttons .section-custom-checkout p:last-of-type {
  margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 149, ../../_src/scss/components/_page_wts_buy_buttons.scss */
  .wts-buy-buttons .section-custom-checkout p:last-of-type {
    margin-bottom: 60px;
  }
}

/* line 2, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner {
  background-image: url(../imgs/banner-amazon-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #cc7a00;
}
/* line 9, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner.overlay::after {
  width: 100%;
  background: rgba(204, 122, 0, 0.8);
}
@media only screen and (min-width: 64.063em) {
  /* line 9, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .banner.overlay::after {
    background: rgba(204, 122, 0, 0.8);
    /* Old browsers */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(204, 122, 0, 0.8) 65%, rgba(204, 122, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-amazon,10%)', endColorstr='darken($color-brand-amazon,10%)',GradientType=1 );
    /* IE6-9 */
  }
}
/* line 25, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .banner p:last-of-type {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 25, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .banner p:last-of-type {
    margin-bottom: 40px;
  }
}
/* line 36, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-intro .amazon-logo {
  display: inline-block;
  width: 140px;
  height: 70px;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: bottom;
}
/* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right {
  display: none;
  width: 639px;
  float: right;
  margin-top: 0;
  margin-right: -20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .content-graphic-right {
    width: 300px;
    display: block;
    margin-right: -80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .content-graphic-right {
    width: 639px;
  }
}
/* line 66, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .content-graphic-right img {
  width: 100%;
}
/* line 71, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments {
  background: #5e5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5e5e5e 0%, #333333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-6', endColorstr='$color-grey-8',GradientType=0 );
  /* IE6-9 */
}
/* line 78, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments p {
  margin-bottom: 40px;
}
/* line 81, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments p:last-child {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 81, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .section-amazon-payments p:last-child {
    margin-bottom: 0;
  }
}
/* line 91, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-fulfillment {
  background: #5e5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #333333 0%, #5e5e5e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-8', endColorstr='$color-grey-6',GradientType=0 );
  /* IE6-9 */
}
@media only screen and (min-width: 64.063em) {
  /* line 98, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .section-amazon-fulfillment p {
    margin-bottom: 0;
  }
}
/* line 108, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h2,
.wts-amazon .section-amazon-fulfillment h2 {
  color: #FF9900;
}
/* line 112, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h4,
.wts-amazon .section-amazon-fulfillment h4 {
  color: #cccccc;
}
/* line 116, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments h5, .wts-amazon .section-amazon-payments p,
.wts-amazon .section-amazon-fulfillment h5,
.wts-amazon .section-amazon-fulfillment p {
  color: #e8e8e8;
}
/* line 120, ../../_src/scss/components/_page_wts_amazon.scss */
.wts-amazon .section-amazon-payments .button,
.wts-amazon .section-amazon-fulfillment .button {
  margin-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
  /* line 120, ../../_src/scss/components/_page_wts_amazon.scss */
  .wts-amazon .section-amazon-payments .button,
  .wts-amazon .section-amazon-fulfillment .button {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

/* line 2, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner {
  background-image: url(../imgs/2023-ultracart-integrations-banner-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.8);
}
@media only screen and (min-width: 64.063em) {
  /* line 9, ../../_src/scss/components/_page_wts_ebay.scss */
  .wts-ebay .banner.overlay::after {
    background: rgba(18, 18, 22, 0.8);
    /* Old browsers */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 65%, rgba(18, 18, 22, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
    /* IE6-9 */
  }
}
/* line 24, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay {
  width: 100%;
  max-width: 160px;
}
@media only screen and (min-width: 40.063em) {
  /* line 24, ../../_src/scss/components/_page_wts_ebay.scss */
  .wts-ebay .banner svg.logo-ebay {
    width: auto;
    max-width: 160px;
  }
}
/* line 35, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#e {
  fill: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#b {
  fill: #ffffff;
}
/* line 41, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#a {
  fill: #ffffff;
}
/* line 44, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner svg.logo-ebay path#y {
  fill: #ffffff;
}
/* line 51, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .banner p:last-of-type {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 51, ../../_src/scss/components/_page_wts_ebay.scss */
  .wts-ebay .banner p:last-of-type {
    margin-bottom: 40px;
  }
}
/* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
.wts-ebay .ebay-search-graphic {
  margin-bottom: -40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
  .wts-ebay .ebay-search-graphic {
    margin-bottom: -80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 61, ../../_src/scss/components/_page_wts_ebay.scss */
  .wts-ebay .ebay-search-graphic {
    margin-bottom: -120px;
  }
}

/* line 2, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner {
  background-image: url(../imgs/banner-wordpress-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
  /* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner p:last-of-type:first-of-type {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 20, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .banner p:last-of-type:first-of-type {
    margin-bottom: 40px;
  }
}
/* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button {
  display: inline-block;
  clear: both;
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .banner .button {
    width: 75%;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 28, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .banner .button {
    margin-right: 20px;
    width: 300px;
  }
}
/* line 43, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .banner .button:last-of-type {
  margin-bottom: 0;
}
/* line 49, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .wordpress-button {
  cursor: default;
}
/* line 52, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .wordpress-button::after {
  content: "coming soon";
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  color: #5e5e5e;
  width: 105px;
  bottom: -15px;
  right: -10px;
  font-weight: 400;
  border-radius: 5px;
}
/* line 68, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro {
  overflow: hidden;
}
/* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-intro .logos {
  max-width: 135px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .section-intro .logos {
    max-width: 270px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 71, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .section-intro .logos {
    margin-top: 0;
  }
}
/* line 87, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick {
  background-image: url(../imgs/wordpress-section-background-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #222222;
  color: #ffffff;
}
/* line 95, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick h1, .wts-wordpress .section-quick h2, .wts-wordpress .section-quick h3, .wts-wordpress .section-quick h4, .wts-wordpress .section-quick p {
  color: #ffffff;
}
/* line 99, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .section-quick img {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 99, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .section-quick img {
    margin-bottom: 40px;
  }
}
/* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right {
  display: block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .content-graphic-right {
    max-width: 760px;
    margin-left: auto;
    margin-bottom: 40px;
    margin-right: auto;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 108, ../../_src/scss/components/_page_wts_wordpress.scss */
  .wts-wordpress .content-graphic-right {
    float: right;
    width: 760px;
    margin-right: -160px;
    margin-left: 80px;
  }
}
/* line 129, ../../_src/scss/components/_page_wts_wordpress.scss */
.wts-wordpress .content-graphic-right img {
  width: 100%;
}

/* line 2, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner {
  background-image: url(../imgs/banner-custom-checkout-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(18, 18, 22, 0.8) 25%, rgba(18, 18, 22, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-2020-navy-dark,15%)', endColorstr='darken($color-2020-navy-dark,15%)',GradientType=1 );
  /* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .banner p:last-of-type:first-of-type {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 20, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .banner p:last-of-type:first-of-type {
    margin-bottom: 40px;
  }
}
/* line 30, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .checkout-feature h3 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 16px;
}
/* line 37, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .row.collapse {
  overflow-x: hidden;
}
@media only screen and (min-width: 40.063em) {
  /* line 37, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .row.collapse {
    overflow-x: visible;
  }
}
/* line 45, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right {
  position: relative;
  width: 300px;
  float: right;
  margin-top: 0;
  margin-right: -160px;
  margin-bottom: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 45, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .content-graphic-right {
    width: 300px;
    display: block;
    margin-right: -40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 45, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .content-graphic-right {
    width: 639px;
    margin-top: -300px;
    margin-right: -80px;
  }
}
/* line 66, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right img {
  width: 100%;
}
/* line 70, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right > img {
  position: relative;
  z-index: 20;
}
/* line 75, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .checkout-content {
  position: absolute;
  top: 70px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  width: 64%;
  height: 79%;
  z-index: 10;
  overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
  /* line 75, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .content-graphic-right .checkout-content {
    top: 120px;
  }
}
/* line 90, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-graphic-right .backdrop {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.5);
  width: 75%;
  height: 85%;
  top: 39px;
  left: 50%;
  border-radius: 40px;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 90, ../../_src/scss/components/_page_wts_custom.scss */
  .wts-custom .content-graphic-right .backdrop {
    border-radius: 80px;
    top: 89px;
  }
}
/* line 112, ../../_src/scss/components/_page_wts_custom.scss */
.wts-custom .content-margin-top {
  margin-top: 110px;
}

/* line 3, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner {
  background-image: url(../imgs/2022-buy-on-google-banner.jpg);
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner.overlay::after {
  width: 100%;
  background: rgba(52, 52, 64, 0.75);
  backdrop-filter: blur(1px);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .banner.overlay::after {
    background: linear-gradient(to right, rgba(52, 52, 64, 0.75) 25%, rgba(52, 52, 64, 0.25) 100%);
  }
}
/* line 27, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 27, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .banner .row .columns::before {
    display: block;
  }
}
/* line 48, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-intro .feature-copy p {
  font-weight: bold;
  font-size: 18px;
}
/* line 55, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .benefits-list ul li {
  margin-bottom: 12px;
}
/* line 61, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables p {
  margin-bottom: 12px;
}
/* line 65, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables svg {
  width: 100%;
  height: auto;
  padding-right: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 65, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .section-dw-tables svg {
    padding-right: 32px;
  }
}
/* line 75, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .dw-table-info-row {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 82, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
    padding-right: 16px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 82, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 92, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
    padding-left: 16px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 92, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
    padding-left: 32px;
  }
}
/* line 102, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables ul li {
  font-size: 14px;
  font-family: monospace;
}
/* line 106, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-dw-tables .button {
  background-color: #57a3cf;
}
/* line 111, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper,
.wts.wts-google .heatmap-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
  /* line 111, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .filter-list-wrapper,
  .wts.wts-google .heatmap-list-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 120, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list,
.wts.wts-google .filter-list-wrapper .heatmap-list,
.wts.wts-google .heatmap-list-wrapper .filter-list,
.wts.wts-google .heatmap-list-wrapper .heatmap-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 8px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
  /* line 120, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .filter-list-wrapper .filter-list,
  .wts.wts-google .filter-list-wrapper .heatmap-list,
  .wts.wts-google .heatmap-list-wrapper .filter-list,
  .wts.wts-google .heatmap-list-wrapper .heatmap-list {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* line 133, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul,
.wts.wts-google .filter-list-wrapper .heatmap-list ul,
.wts.wts-google .heatmap-list-wrapper .filter-list ul,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul {
  list-style: none;
  width: 100%;
  height: auto;
  padding: 0 12px;
  margin: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 133, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .filter-list-wrapper .filter-list ul,
  .wts.wts-google .filter-list-wrapper .heatmap-list ul,
  .wts.wts-google .heatmap-list-wrapper .filter-list ul,
  .wts.wts-google .heatmap-list-wrapper .heatmap-list ul {
    height: 100%;
  }
}
/* line 144, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul li,
.wts.wts-google .filter-list-wrapper .heatmap-list ul li,
.wts.wts-google .heatmap-list-wrapper .filter-list ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  margin-bottom: 4px;
}
/* line 151, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul ul,
.wts.wts-google .filter-list-wrapper .heatmap-list ul ul,
.wts.wts-google .heatmap-list-wrapper .filter-list ul ul,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul ul {
  margin-top: 6px;
  padding: 0;
}
/* line 155, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .filter-list ul ul li,
.wts.wts-google .filter-list-wrapper .heatmap-list ul ul li,
.wts.wts-google .heatmap-list-wrapper .filter-list ul ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul ul li {
  font-size: 12px;
}
/* line 163, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .heatmap-list ul li,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
}
/* line 169, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .filter-list-wrapper .heatmap-list ul li .icon,
.wts.wts-google .heatmap-list-wrapper .heatmap-list ul li .icon {
  width: 32px;
  height: 32px;
  margin-right: 24px;
  padding-top: 4px;
}
/* line 179, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-content-wrapper {
  padding: 32px 32px 12px 32px;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 179, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .quote-content-wrapper {
    margin-left: 0;
  }
}
/* line 191, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .quote-image-wrapper {
  overflow: hidden;
  max-width: 300px;
  border-radius: 50%;
  margin-top: -46px;
}
@media only screen and (min-width: 40.063em) {
  /* line 191, ../../_src/scss/components/_page_wts_google.scss */
  .wts.wts-google .quote-image-wrapper {
    max-width: none;
    margin-left: -60px;
  }
}
/* line 203, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics {
  background-color: #343440;
  color: #f9f9f9;
  position: relative;
}
/* line 208, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics .row {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
/* line 214, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics #data-background-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 224, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics h2,
.wts.wts-google .section-data-analytics h3,
.wts.wts-google .section-data-analytics p {
  color: #f9f9f9;
}
/* line 230, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 235, ../../_src/scss/components/_page_wts_google.scss */
.wts.wts-google .section-data-analytics ul li {
  padding: 0;
  margin: 0;
}

/* line 2, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner {
  background-image: none;
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.25);
  backdrop-filter: none;
}
/* line 21, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_wts_pos.scss */
.wts .banner video {
  opacity: 1;
}
/* line 38, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 42, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 51, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-intro img {
  margin-top: -120px;
}
@media only screen and (min-width: 64.063em) {
  /* line 51, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-intro img {
    margin-top: -180px;
  }
}
/* line 60, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights {
  padding-bottom: 80px;
}
/* line 63, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .row {
  padding-top: 120px;
}
/* line 67, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 72, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 72, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 80, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 80, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 80, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 80, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 106, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 110, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 110, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 119, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights h4 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 32px;
}
/* line 126, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 133, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a span {
  font-weight: 600;
}
/* line 137, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 142, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights a svg path {
  stroke: #676AAD;
}
/* line 147, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .accent_color {
  color: #676AAD;
}
/* line 151, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 151, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 151, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .section-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 165, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 170, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 176, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 181, ../../_src/scss/components/_page_wts_pos.scss */
.wts .section-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 190, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 194, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  font-weight: bold;
  margin-bottom: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 194, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .feature-copy .feature-list {
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 194, ../../_src/scss/components/_page_wts_pos.scss */
  .wts .feature-copy .feature-list {
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
/* line 213, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list div {
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  color: #303030;
  font-size: 14px;
}
/* line 220, ../../_src/scss/components/_page_wts_pos.scss */
.wts .feature-copy .feature-list svg {
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

/* line 2, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner {
  background-color: #343440;
}
/* line 10, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner.overlay::after {
  width: 100%;
  background: rgba(52, 52, 64, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_resources.scss */
  .resources.overview .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_resources.scss */
.resources.overview .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_resources.scss */
.resources.overview .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 80px;
}
/* line 40, ../../_src/scss/components/_page_resources.scss */
.resources.overview .menu-content a {
  color: #61b6e6;
}
/* line 45, ../../_src/scss/components/_page_resources.scss */
.resources.overview .icons-feature-list h4 {
  font-size: 1.25rem;
}
/* line 50, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 50, ../../_src/scss/components/_page_resources.scss */
  .resources.overview .integrations_grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 64px;
  }
}
/* line 60, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid h4 {
  font-size: 1.25rem;
}
/* line 64, ../../_src/scss/components/_page_resources.scss */
.resources.overview .integrations_grid a {
  color: #fff;
}
/* line 69, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 69, ../../_src/scss/components/_page_resources.scss */
  .resources.overview .features_grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 64px;
  }
}
/* line 79, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid::before {
  display: none !important;
}
/* line 83, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid .title-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 0;
  gap: 16px;
}
/* line 89, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid .title-icon svg {
  width: 24px;
  height: 24px;
}
/* line 95, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid h4 {
  font-size: 1.25rem;
}
/* line 99, ../../_src/scss/components/_page_resources.scss */
.resources.overview .features_grid a {
  color: #fff;
}

/* line 2, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner {
  background-image: url(../imgs/2023-ultracart-integrations-banner-1.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #1a1a1a;
}
/* line 9, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner.overlay::after {
  width: 100%;
  background: rgba(26, 26, 26, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(26, 26, 26, 0.8) 25%, rgba(26, 26, 26, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-primary-alt', endColorstr='$color-primary-alt',GradientType=1 );
  /* IE6-9 */
}
/* line 32, ../../_src/scss/components/_page_resources_integrations.scss */
.payment .integrations .banner {
  background-image: url(../imgs/banner-payment.jpg);
}
/* line 36, ../../_src/scss/components/_page_resources_integrations.scss */
.taxes .integrations .banner {
  background-image: url(../imgs/banner-taxes.jpg);
}
/* line 42, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .banner.banner-sezzle.overlay::after {
  width: 100%;
  background: rgba(164, 69, 208, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(164, 69, 208, 0.8) 25%, rgba(164, 69, 208, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(164, 69, 208)', endColorstr='rgba(164, 69, 208)',GradientType=1 );
  /* IE6-9 */
}
@media only screen and (min-width: 40.063em) {
  /* line 68, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .menu-content {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 68, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .menu-content {
    padding-left: 80px !important;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview hr {
    margin-left: -80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 85, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .section-intro .flex-row:first-of-type, .integrations.integrations-overview .section-intro .flex-row:last-of-type {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
/* line 93, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-intro .flex-row p:last-of-type:first-of-type {
  margin-bottom: 0;
}
/* line 99, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-featured {
  min-height: 90px;
}
/* line 102, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-featured h3 {
  font-size: 16px;
}
/* line 108, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .menu-content::after {
  display: block;
  content: "";
  clear: both;
}
/* line 116, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-list::after {
  display: block;
  content: "";
  clear: both;
}
/* line 123, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .integration-overview-list {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  margin-left: -20px;
  margin-right: -20px;
}
/* line 134, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 64px;
}
@media only screen and (min-width: 64.063em) {
  /* line 134, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper {
    gap: 120px;
  }
}
/* line 143, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  -ms-flex-order: 20;
      order: 20;
}
/* line 149, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-payment {
  -ms-flex-order: 1;
      order: 1;
}
/* line 153, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-fulfillment {
  -ms-flex-order: 2;
      order: 2;
}
/* line 157, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category.integration-category-advanced {
  -ms-flex-order: 21;
      order: 21;
}
/* line 161, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category > h3 {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  border-radius: 8px;
  padding: 8px 16px;
  margin-left: -16px;
  background-color: #f4f4f4;
  position: sticky;
  top: 0;
  z-index: 10;
}
@media only screen and (min-width: 64.063em) {
  /* line 161, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category > h3 {
    top: 80px;
  }
}
/* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 40.063em) {
  /* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 177, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* line 190, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured {
  display: block;
  background-color: white;
  margin-bottom: 0;
  -ms-flex-order: 30;
      order: 30;
  border-radius: 8px;
  -ms-flex-line-pack: center;
      align-content: center;
  overflow: hidden;
  box-shadow: 0 0 0 transparent;
  transition: box-shadow 0.3s ease-in-out;
}
/* line 201, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img) {
  -ms-flex-order: 20;
      order: 20;
}
/* line 206, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="PayPal"]) {
  -ms-flex-order: 1;
      order: 1;
}
/* line 210, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Stripe"]) {
  -ms-flex-order: 2;
      order: 2;
}
/* line 214, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Authorize.net"]) {
  -ms-flex-order: 3;
      order: 3;
}
/* line 218, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Amazon Payments"]) {
  -ms-flex-order: 4;
      order: 4;
}
/* line 222, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Fastlane"]) {
  -ms-flex-order: 5;
      order: 5;
}
/* line 226, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="Braintree"]) {
  -ms-flex-order: 6;
      order: 6;
}
/* line 231, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="QuickBooks Merchant Services"]) {
  -ms-flex-order: 7;
      order: 7;
}
/* line 235, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:has(img[alt="NMI"]) {
  -ms-flex-order: 8;
      order: 8;
}
/* line 240, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
/* line 244, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured h3 {
  min-height: 0;
  margin: 0;
}
/* line 249, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integrations-overview .section-full-integration-list .integrations-category-wrapper .integration-category .integration-category-list .integration-featured .integration-featured-image-container {
  border: none;
  text-align: center;
}
/* line 261, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-list-child p {
  color: #b0b0b0;
}
/* line 267, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .integration-logo {
  max-width: 300px;
}
/* line 271, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration h2 {
  margin-bottom: 20px;
}
/* line 279, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .row .row {
  padding-left: 0;
  padding-right: 0;
}
/* line 283, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .row .row:first-of-type {
  padding-top: 10px;
}
/* line 291, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .section-intro .row .button:first-of-type:last-of-type {
  margin-bottom: 0;
}
/* line 298, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .integration-contact {
  padding-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 298, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.integration .integration-contact {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
/* line 308, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
/* line 319, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer .headshot {
  width: 80px;
  height: 80px;
  float: left;
  margin: -60px 0 0 -60px;
}
/* line 326, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .interview .answer p {
  color: #8d8d8d;
}
/* line 332, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration .menu-desktop ul li a {
  font-size: 14px;
}
/* line 336, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul {
  margin-bottom: 40px;
}
/* line 339, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul li {
  margin-bottom: 10px;
  line-height: 1.5;
}
/* line 346, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul ul li {
  margin-bottom: 10px;
  line-height: 1.5;
}
/* line 351, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.integration #system .row ul ul:first-child {
  margin-top: 10px;
}
/* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media only screen and (min-width: 40.063em) {
  /* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations .integration-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 358, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations .integration-grid {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}
/* line 371, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid::before {
  display: none;
}
/* line 375, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid a {
  border-radius: 4px;
  padding: 20px;
}
/* line 380, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations .integration-grid h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
/* line 388, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .banner {
  background-image: url(../imgs/banner-payment.jpg);
}
/* line 392, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .new-payment-info {
  display: block !important;
}
/* line 396, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .old-payment-info {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 401, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .section-intro > .row {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 406, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .section-intro > .row.title-row + .row {
    padding-top: 40px;
  }
}
/* line 415, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info h5 {
  font-weight: bold;
}
/* line 419, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .rev-range {
  display: block;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #f4f4f4;
  font-size: 11px;
  margin: 6px 0px;
  letter-spacing: 1px;
  font-weight: normal;
  color: #727272;
}
/* line 431, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration-list {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
/* line 437, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration {
  display: block;
  margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 437, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .section-intro .new-payment-info .payment-integration {
    margin-bottom: 32px;
  }
}
/* line 445, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a {
  display: block;
  font-weight: bold;
  font-size: 18px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 0 20px;
  transition: background-color 0.2s ease-in-out;
}
@media only screen and (min-width: 64.063em) {
  /* line 445, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .section-intro .new-payment-info .payment-integration a {
    padding: 20px 30px;
  }
}
/* line 458, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a:hover {
  background-color: #f4f4f4;
}
/* line 462, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .section-intro .new-payment-info .payment-integration a img {
  max-height: 64px;
  max-width: 100%;
}
/* line 471, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard {
  gap: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 471, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .payment-partner-selection-wizard {
    gap: 64px;
  }
}
/* line 479, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard {
  background-color: #fff;
}
/* line 482, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro {
  color: #333;
}
/* line 485, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro h3 {
  color: #333;
}
/* line 489, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
/* line 494, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .payment-partner-selection-wizard.wizard-active .ppsw-wizard .ppsw-wizard-options {
  display: -ms-flexbox;
  display: flex;
}
/* line 501, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  width: 100%;
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 8px 19px rgba(0, 0, 0, 0.2);
  background-color: #B6F0D6;
  transition: background-color 0.3s ease;
}
/* line 512, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro {
  background-color: transparent;
  color: #333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 16px;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -16px;
  margin-bottom: -16px;
  border-radius: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
/* line 528, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro h3 {
  margin: 0;
  color: #333;
  transition: color 0.3s ease;
}
/* line 534, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  transition: transform 0.3s ease;
}
/* line 539, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro .ppsw-wizard-toggle-arrow svg {
  display: block;
}
/* line 543, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-intro:hover {
  background-color: #FFF;
}
@media only screen and (min-width: 64.063em) {
  /* line 501, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-wizard {
    gap: 32px;
    border-radius: 32px;
    padding: 32px;
  }
}
/* line 554, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-options {
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 554, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-wizard .ppsw-wizard-options {
    gap: 20px;
  }
}
/* line 563, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-wizard-options p {
  margin-bottom: 0;
}
/* line 568, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
/* line 576, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections li {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  background-color: #f3f3f3;
  border-radius: 16px;
  padding: 4px 16px 4px 16px;
  font-size: 14px;
  cursor: pointer;
}
/* line 593, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-sections li.section-active {
  font-weight: bold;
  background-color: #B6F0D6;
}
/* line 608, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option {
  display: none;
}
/* line 611, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option[data-section="volume"] {
  display: block;
}
/* line 615, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option h4 {
  font-weight: 600;
}
/* line 619, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 619, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* line 631, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #f3f3f3;
  border-radius: 16px;
  padding: 20px;
  font-size: 16px;
  font-family: Poppins, brandon-grotesque;
  font-weight: 500;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 645, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li:first-child {
    max-width: 120px;
  }
}
/* line 650, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-wizard .ppsw-options .ppsw-option .ppsw-params li.active {
  background-color: #B6F0D6;
}
/* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-results {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 659, ../../_src/scss/components/_page_resources_integrations.scss */
  .integrations.payment .ppsw-results {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* line 676, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.025);
  box-shadow: 0 0px 0px transparent;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
/* line 687, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li a {
  padding: 32px;
  width: 100%;
  text-align: center;
}
/* line 692, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li a img {
  max-height: 64px;
  max-width: 100%;
}
/* line 698, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li.active {
  background-color: transparent;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* line 703, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
/* line 707, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.payment .ppsw-results li .footnote {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 24px;
  font-family: Poppins, brandon-grotesque;
  font-weight: 500;
  color: #e6e6e6;
}
/* line 722, ../../_src/scss/components/_page_resources_integrations.scss */
.integrations.fulfillment .banner {
  background-image: url(../imgs/banner-fulfillment.jpg);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 3, ../../_src/scss/components/_page_resources_docs.scss */
.resources.docs .banner {
  background-image: url(../imgs/banner-docs.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #51b35a;
}
@media only screen and (min-width: 90.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_docs.scss */
  .resources.docs .section-intro {
    margin-bottom: 120px;
  }
}
/* line 19, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content a {
  color: #51b35a;
}
/* line 22, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content abutton, .resources .menu-content a.button {
  color: #ffffff;
}
/* line 29, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-content h2 {
  color: #8d8d8d;
}
/* line 35, ../../_src/scss/components/_page_resources_docs.scss */
.resources .menu-lvl-3 .active-indicator {
  background: #51b35a;
}
/* line 40, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category {
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
  clear: both;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 40, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category {
    margin-top: 20px;
  }
  /* line 49, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    left: -40px;
    top: -1px;
    background: #e8e8e8;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 40, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category {
    margin-top: 40px;
  }
  /* line 64, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category::before {
    width: 80px;
    left: -80px;
  }
}
/* line 71, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-category:first-of-type {
  border-top: none;
  padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 71, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category:first-of-type {
    margin-top: 0;
  }
  /* line 78, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-category:first-of-type::before {
    background: transparent;
  }
}
/* line 86, ../../_src/scss/components/_page_resources_docs.scss */
.resources ul.wp-list a {
  color: #333333;
}
/* line 91, ../../_src/scss/components/_page_resources_docs.scss */
.resources ul.wp-subpage-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 97, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-subpage {
  margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 97, ../../_src/scss/components/_page_resources_docs.scss */
  .resources .wp-subpage {
    margin-bottom: 20px;
  }
}
/* line 108, ../../_src/scss/components/_page_resources_docs.scss */
.resources .wp-subpage p {
  color: #8d8d8d;
}

/* line 3, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 10, ../../_src/scss/components/_page_resources_api.scss */
  .resources.api .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.4) 25%, rgba(52, 52, 64, 0) 100%);
  }
}
/* line 21, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 21, ../../_src/scss/components/_page_resources_api.scss */
  .resources.api .banner .row .columns::before {
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_page_resources_api.scss */
  .resources.api .section-intro {
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
  }
  /* line 50, ../../_src/scss/components/_page_resources_api.scss */
  .resources.api .section-intro::before {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -190px;
    background-image: url(../imgs/api-intro-graphic-globe.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
/* line 64, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-intro .button {
  background-color: #57a3cf;
}
/* line 68, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #343440;
  color: #ffffff;
}
/* line 75, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth h2, .resources.api .section-auth h3, .resources.api .section-auth h4, .resources.api .section-auth p {
  color: #ffffff;
}
/* line 78, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth h2 a, .resources.api .section-auth h3 a, .resources.api .section-auth h4 a, .resources.api .section-auth p a {
  color: #ffffff;
  text-decoration: underline;
}
/* line 84, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth .button {
  background-color: transparent;
  border: 1px solid #ffffff;
}
/* line 88, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-auth .button:hover {
  background-color: #ffffff;
  color: #343440;
}
/* line 96, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-webhooks p:last-of-type {
  margin-bottom: 40px;
}
/* line 100, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-webhooks .logo-webhook {
  display: inline-block;
  max-width: 150px;
  margin-bottom: 20px;
  fill: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 100, ../../_src/scss/components/_page_resources_api.scss */
  .resources.api .section-webhooks .logo-webhook {
    max-width: none;
  }
}
/* line 112, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github {
  background-image: url(../imgs/banner-api-cubes-dark.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #e8e8e8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/* line 120, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .github-logo {
  display: inline-block;
  width: 100px;
}
/* line 128, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .button {
  width: 100%;
}
/* line 131, ../../_src/scss/components/_page_resources_api.scss */
.resources.api .section-github .button.outline {
  border: 1px solid #333333;
  color: #333333;
}

/* line 2, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 {
  background-color: #0A0A0A;
  color: white;
}
/* line 6, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h1,
.resources.api_2025 h2,
.resources.api_2025 h3,
.resources.api_2025 h4 {
  color: #ffffff;
  font-weight: 200;
}
/* line 14, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h1 {
  font-size: 3rem;
}
/* line 18, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h2 {
  font-size: 1.75rem;
}
/* line 22, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 h4 {
  font-size: 1.5rem;
}
/* line 26, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 #system {
  background-color: #0A0A0A;
  color: #ffffff;
}
/* line 31, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner {
  background-size: auto;
  background-repeat: repeat;
  background-color: #0A0A0A;
  border-bottom: 1px solid #222222;
}
/* line 37, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner canvas#dots {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.5;
}
/* line 49, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner #ui,
.resources.api_2025 .banner #info,
.resources.api_2025 .banner #testOutput {
  display: none;
}
/* line 63, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::after {
  width: 100%;
  background: rgba(10, 10, 10, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 63, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .banner.overlay::after {
    background: linear-gradient(to left, rgba(122, 71, 10, 0.4) 25%, rgba(122, 71, 10, 0) 100%);
  }
}
/* line 72, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner.overlay::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 2;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 72, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .banner.overlay::before {
    background: linear-gradient(to bottom right, #FFF 0%, transparent 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, transparent 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, transparent 50%) top left/50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, transparent 50%) top right/50% 50% no-repeat;
  }
}
/* line 94, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 94, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .banner .row .columns::before {
    display: block;
  }
}
/* line 114, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .api-code {
  position: absolute;
  top: 120px;
  right: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
  mix-blend-mode: screen;
}
/* line 125, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .banner .api-code code {
  border: none;
  background-color: transparent;
  line-height: 1.8;
}
/* line 133, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro {
  background-color: #0A0A0A;
  color: #ffffff;
  border: 1px solid #333333;
}
/* line 138, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro p {
  font-size: 1.25rem;
  line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
  /* line 133, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-intro {
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
  }
  /* line 149, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-intro::before {
    content: '';
    width: 40%;
    height: 100%;
    position: absolute;
    right: 60px;
    top: -120px;
    background-image: url(../imgs/2025/ultracart-api-checkout-graphic-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 32px;
  }
}
/* line 165, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-intro .button {
  background-color: #57a3cf;
}
/* line 170, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk {
  backdrop-filter: blur(1.5px);
  background-color: transparent;
  color: #ffffff;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
/* line 178, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk h2 {
  margin-bottom: 20px;
}
/* line 182, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk p {
  margin-bottom: 10px;
}
/* line 186, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .button {
  background-color: #57a3cf;
  margin-top: 40px;
}
/* line 191, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}
/* line 197, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 208, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language span {
  color: white;
}
/* line 212, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .api-list .api-language:hover {
  background-color: #61b6e6;
}
/* line 218, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 224, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 235, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item span {
  color: white;
}
/* line 239, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .quickstart-list .quickstart-item:hover {
  background-color: #61b6e6;
}
/* line 245, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 251, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
}
/* line 260, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item h3 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 400;
}
/* line 266, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item .api-event-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 274, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-sdk .usecase-list .usecase-item .api-event-list li {
  font-family: monospace;
  background-color: #333333;
  padding: 10px 20px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.75rem;
  margin: 0;
}
/* line 288, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights {
  padding-bottom: 80px;
}
/* line 291, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .row {
  padding-top: 120px;
}
/* line 294, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .row:first-child {
  padding-top: 240px;
}
/* line 299, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 304, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 304, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #333333;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 312, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 337, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
}
/* line 341, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights h3:not(:first-of-type) {
  margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 341, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights h3:not(:first-of-type) {
    margin-top: 16px;
  }
}
/* line 350, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights ul {
  margin-bottom: 32px;
}
/* line 354, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #DAA43A;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 361, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a:not(:last-child) {
  margin-bottom: 16px;
}
/* line 365, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a span {
  font-weight: 600;
}
/* line 369, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a:hover {
  color: #B86B10;
  gap: 12px;
}
/* line 374, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights a svg path {
  stroke: #DAA43A;
}
/* line 379, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .accent_color {
  color: #DAA43A;
}
/* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 383, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 397, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 420px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 402, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 540px;
  }
}
/* line 417, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 422, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 427, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 10%;
  width: calc(100% + 16px);
  left: -8px;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
  /* line 427, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
    top: 240px;
  }
}
/* line 443, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 455, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 455, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
    top: 64px;
  }
}
/* line 465, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
/* line 470, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 479, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-api-highlights .highlight-wrapper svg text {
  font-family: monospace, sans-serif;
}
/* line 485, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #343440;
  color: #ffffff;
}
/* line 492, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth h2, .resources.api_2025 .section-auth h3, .resources.api_2025 .section-auth h4, .resources.api_2025 .section-auth p {
  color: #ffffff;
}
/* line 495, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth h2 a, .resources.api_2025 .section-auth h3 a, .resources.api_2025 .section-auth h4 a, .resources.api_2025 .section-auth p a {
  color: #ffffff;
  text-decoration: underline;
}
/* line 501, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth .button {
  background-color: transparent;
  border: 1px solid #ffffff;
}
/* line 505, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-auth .button:hover {
  background-color: #ffffff;
  color: #343440;
}
/* line 513, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-webhooks p:last-of-type {
  margin-bottom: 40px;
}
/* line 517, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-webhooks .logo-webhook {
  display: inline-block;
  max-width: 150px;
  margin-bottom: 20px;
  fill: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 517, ../../_src/scss/components/_page_resources_api_2025.scss */
  .resources.api_2025 .section-webhooks .logo-webhook {
    max-width: none;
  }
}
/* line 529, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github {
  background-image: url(../imgs/banner-api-cubes-dark.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #e8e8e8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/* line 537, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .github-logo {
  display: inline-block;
  width: 100px;
}
/* line 542, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .button {
  width: 100%;
}
/* line 545, ../../_src/scss/components/_page_resources_api_2025.scss */
.resources.api_2025 .section-github .button.outline {
  border: 1px solid #333333;
  color: #333333;
}

/* line 2, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner {
  background-size: cover;
  background-position: center center;
  background-color: #333333;
}
/* line 8, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner.overlay::after {
  width: 100%;
  background: none;
}
/* line 14, ../../_src/scss/components/_page_resources_pci.scss */
.pci .banner p:last-of-type:first-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 20, ../../_src/scss/components/_page_resources_pci.scss */
  .pci .section-intro h3 {
    margin-top: 80px;
  }
}
/* line 26, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-intro p {
  font-size: 18px;
  line-height: 30px;
  color: #5e5e5e;
}
/* line 33, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-requirements {
  background: #333333;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #333333 0%, #5e5e5e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-8', endColorstr='$color-grey-6',GradientType=0 );
  /* IE6-9 */
}
/* line 40, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-requirements h1, .pci .section-pci-requirements h2, .pci .section-pci-requirements h3, .pci .section-pci-requirements h4, .pci .section-pci-requirements h5, .pci .section-pci-requirements p {
  color: #ffffff;
}
/* line 44, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-requirements .button {
  margin-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
  /* line 44, ../../_src/scss/components/_page_resources_pci.scss */
  .pci .section-pci-requirements .button {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
/* line 57, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation > a,
.pci .section-security-features .accordion dd > a {
  background: #ffffff;
  color: #61b6e6;
  margin-bottom: 40px;
  padding: 40px;
  position: relative;
}
/* line 64, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation > a::before,
.pci .section-security-features .accordion dd > a::before {
  content: "+";
  position: relative;
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 100;
  color: #61b6e6;
  background: rgba(97, 182, 230, 0.3);
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  -ms-transform: rotate(0);
      transform: rotate(0);
  transition: transform 200ms ease-in-out;
}
/* line 86, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation.active a,
.pci .section-security-features .accordion dd.active a {
  margin-bottom: 0;
}
/* line 89, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation.active a::before,
.pci .section-security-features .accordion dd.active a::before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 95, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation .content,
.pci .section-security-features .accordion dd .content {
  padding: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #e8e8e8;
}
/* line 100, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation .content p,
.pci .section-security-features .accordion dd .content p {
  color: #b0b0b0;
}
/* line 106, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-security-features .accordion .accordion-navigation:last-of-type a,
.pci .section-security-features .accordion .accordion-navigation:last-of-type .content,
.pci .section-security-features .accordion dd:last-of-type a,
.pci .section-security-features .accordion dd:last-of-type .content {
  margin-bottom: 0;
}
/* line 115, ../../_src/scss/components/_page_resources_pci.scss */
.pci .section-pci-summary .pci-resources {
  border-top: 1px solid #cccccc;
}
@media only screen and (min-width: 40.063em) {
  /* line 115, ../../_src/scss/components/_page_resources_pci.scss */
  .pci .section-pci-summary .pci-resources {
    margin-top: 20px;
    padding-top: 60px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 115, ../../_src/scss/components/_page_resources_pci.scss */
  .pci .section-pci-summary .pci-resources {
    margin-top: 40px;
    padding-top: 80px;
  }
}

/* line 3, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner {
  background-image: url(../imgs/2023-ultracart-screenrecording-banner-1.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_recording.scss */
  .resources.recording .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
  }
}
/* line 26, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 26, ../../_src/scss/components/_page_resources_recording.scss */
  .resources.recording .banner .row .columns::before {
    display: block;
  }
}
/* line 47, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-intro .button {
  background-color: #57a3cf;
}
/* line 52, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper,
.resources.recording .heatmap-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
  /* line 52, ../../_src/scss/components/_page_resources_recording.scss */
  .resources.recording .filter-list-wrapper,
  .resources.recording .heatmap-list-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 61, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list,
.resources.recording .filter-list-wrapper .heatmap-list,
.resources.recording .heatmap-list-wrapper .filter-list,
.resources.recording .heatmap-list-wrapper .heatmap-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 8px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
  /* line 61, ../../_src/scss/components/_page_resources_recording.scss */
  .resources.recording .filter-list-wrapper .filter-list,
  .resources.recording .filter-list-wrapper .heatmap-list,
  .resources.recording .heatmap-list-wrapper .filter-list,
  .resources.recording .heatmap-list-wrapper .heatmap-list {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* line 74, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul,
.resources.recording .filter-list-wrapper .heatmap-list ul,
.resources.recording .heatmap-list-wrapper .filter-list ul,
.resources.recording .heatmap-list-wrapper .heatmap-list ul {
  list-style: none;
  width: 100%;
  height: auto;
  padding: 0 12px;
  margin: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 74, ../../_src/scss/components/_page_resources_recording.scss */
  .resources.recording .filter-list-wrapper .filter-list ul,
  .resources.recording .filter-list-wrapper .heatmap-list ul,
  .resources.recording .heatmap-list-wrapper .filter-list ul,
  .resources.recording .heatmap-list-wrapper .heatmap-list ul {
    height: 100%;
  }
}
/* line 85, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul li,
.resources.recording .filter-list-wrapper .heatmap-list ul li,
.resources.recording .heatmap-list-wrapper .filter-list ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  margin-bottom: 4px;
}
/* line 92, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul ul,
.resources.recording .filter-list-wrapper .heatmap-list ul ul,
.resources.recording .heatmap-list-wrapper .filter-list ul ul,
.resources.recording .heatmap-list-wrapper .heatmap-list ul ul {
  margin-top: 6px;
  padding: 0;
}
/* line 96, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .filter-list ul ul li,
.resources.recording .filter-list-wrapper .heatmap-list ul ul li,
.resources.recording .heatmap-list-wrapper .filter-list ul ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul ul li {
  font-size: 12px;
}
/* line 104, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .heatmap-list ul li,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
}
/* line 110, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .filter-list-wrapper .heatmap-list ul li .icon,
.resources.recording .heatmap-list-wrapper .heatmap-list ul li .icon {
  width: 32px;
  height: 32px;
  margin-right: 24px;
  padding-top: 4px;
}
/* line 120, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics {
  background-color: #343440;
  color: #f9f9f9;
  position: relative;
}
/* line 125, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics .row {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
/* line 131, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics #data-background-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics h2,
.resources.recording .section-data-analytics h3,
.resources.recording .section-data-analytics p {
  color: #f9f9f9;
}
/* line 147, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 152, ../../_src/scss/components/_page_resources_recording.scss */
.resources.recording .section-data-analytics ul li {
  padding: 0;
  margin: 0;
}

/* line 2, ../../_src/scss/components/_page_resources_success.scss */
.success .banner {
  background-image: url(../imgs/banner-success-1.jpg);
  background-size: cover;
  background-position: center right;
  background-color: #222222;
}
/* line 9, ../../_src/scss/components/_page_resources_success.scss */
.success .banner.overlay::after {
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
  /* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_resources_success.scss */
.success .banner p {
  font-size: 14px;
}
/* line 24, ../../_src/scss/components/_page_resources_success.scss */
.success .banner p.quote {
  font-size: 18px;
  line-height: 36px;
  font-weight: 100;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 24, ../../_src/scss/components/_page_resources_success.scss */
  .success .banner p.quote {
    font-size: 24px;
    line-height: 48px;
  }
}
/* line 45, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail {
  border-bottom: 1px solid #e8e8e8;
}
/* line 48, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail .portrait {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 48, ../../_src/scss/components/_page_resources_success.scss */
  .success .testimonail .portrait {
    margin-bottom: 0;
  }
}
/* line 57, ../../_src/scss/components/_page_resources_success.scss */
.success .testimonail .portrait img {
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 63, ../../_src/scss/components/_page_resources_success.scss */
  .success .section-support {
    margin-top: -40px;
    padding-top: 40px;
  }
}
/* line 71, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews .headshot {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
}
/* line 78, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews h4 {
  padding-top: 20px;
}
/* line 83, ../../_src/scss/components/_page_resources_success.scss */
.success.interviews a p {
  color: #5e5e5e;
}
/* line 90, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
/* line 101, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer .headshot {
  width: 80px;
  height: 80px;
  float: left;
  margin: -60px 0 0 -60px;
}
/* line 108, ../../_src/scss/components/_page_resources_success.scss */
.success.interview .answer p {
  color: #8d8d8d;
}

/* line 3, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner {
  background-color: #121216;
  position: relative;
}
/* line 7, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.25;
  z-index: 0;
}
/* line 19, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 19, ../../_src/scss/components/_page_resources_success_highlight.scss */
  .resources.highlight .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.4) 25%, rgba(52, 52, 64, 0) 100%);
  }
}
/* line 30, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 30, ../../_src/scss/components/_page_resources_success_highlight.scss */
  .resources.highlight .banner .row .columns::before {
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 51, ../../_src/scss/components/_page_resources_success_highlight.scss */
  .resources.highlight .section-intro {
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
  }
  /* line 59, ../../_src/scss/components/_page_resources_success_highlight.scss */
  .resources.highlight .section-intro::before {
    content: '';
    width: 450px;
    height: 620px;
    position: absolute;
    right: 120px;
    top: -80px;
    border-radius: 47px;
    background-image: url(https://d9i5ve8f04qxt.cloudfront.net/UC/41906/themes/UltraCart/theme/assets/imgs/2025/merchant-giordanos-pizza-card.webp);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 450px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  }
}
/* line 75, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button {
  background-color: #8F3030;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}
/* line 81, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button:hover {
  background-color: #7E2B2B;
}
/* line 85, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-intro .button svg {
  max-width: 32px;
  max-height: 32px;
}
/* line 92, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features {
  padding-bottom: 180px;
}
/* line 95, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-list {
  margin-top: 64px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 64px;
}
/* line 101, ../../_src/scss/components/_page_resources_success_highlight.scss */
.resources.highlight .section-features .feature-list .feature-item {
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}

/* line 2, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner {
  background-image: url(../imgs/case-studies/ppfm-banner-1.jpg);
  background-size: cover;
  background-position: center right;
  background-color: #222222;
}
/* line 9, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner.overlay::after {
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
  /* IE6-9 */
}
/* line 20, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner p {
  font-size: 14px;
}
/* line 24, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .banner p.quote {
  font-size: 18px;
  line-height: 36px;
  font-weight: 100;
  margin-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 24, ../../_src/scss/components/_page_resources_casestudies.scss */
  .casestudies .banner p.quote {
    font-size: 24px;
    line-height: 48px;
  }
}
/* line 45, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail {
  border-bottom: 1px solid #e8e8e8;
}
/* line 48, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail .portrait {
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 48, ../../_src/scss/components/_page_resources_casestudies.scss */
  .casestudies .testimonail .portrait {
    margin-bottom: 0;
  }
}
/* line 57, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies .testimonail .portrait img {
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 63, ../../_src/scss/components/_page_resources_casestudies.scss */
  .casestudies .section-support {
    margin-top: -40px;
    padding-top: 40px;
  }
}
/* line 71, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews .headshot {
  display: block;
  width: 80px;
  height: 80px;
  float: left;
}
/* line 78, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews h4 {
  padding-top: 20px;
}
/* line 83, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interviews a p {
  color: #5e5e5e;
}
/* line 90, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}
/* line 101, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer .headshot {
  width: 80px;
  height: 80px;
  float: left;
  margin: -60px 0 0 -60px;
}
/* line 108, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.interview .answer p {
  color: #8d8d8d;
}
/* line 116, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.ppfm .banner {
  background-image: url(../imgs/case-studies/ppfm-banner-1.jpg);
  background-position: center;
}
/* line 121, ../../_src/scss/components/_page_resources_casestudies.scss */
.casestudies.ppfm .section-raised .logo {
  width: 132px;
  float: left;
  margin: 0 20px 20px 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 121, ../../_src/scss/components/_page_resources_casestudies.scss */
  .casestudies.ppfm .section-raised .logo {
    width: 25%;
    float: left;
    margin: 0 40px 40px 0;
  }
}

/* line 2, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner {
  background-image: url(../imgs/2025/2025-ultracart-analytics.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #343440;
}
@media only screen and (min-width: 64.063em) {
  /* line 2, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .banner {
    height: 600px;
  }
}
/* line 13, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner.overlay::after {
  width: 100%;
  background: rgba(52, 52, 64, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(52, 52, 64, 0.8) 25%, rgba(52, 52, 64, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-blue-10', endColorstr='$color-v2-alt-blue-10',GradientType=1 );
  /* IE6-9 */
}
/* line 24, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .banner .row.content {
  z-index: 30;
}
/* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 280px;
  z-index: 20;
}
@media only screen and (min-width: 40.063em) {
  /* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .analytics-graphic-container {
    height: 520px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 29, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .analytics-graphic-container {
    height: 600px;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .analytics-graphic-container img {
  opacity: 0.75;
  position: absolute;
  width: 250%;
  max-width: none;
  bottom: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .analytics-graphic-container img {
    width: 200%;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .analytics-graphic-container img {
    width: 150%;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .analytics-graphic-container img {
    width: 100%;
  }
}
/* line 69, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .buy-button-graphic {
  cursor: default;
  position: relative;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
  font-weight: 400;
  letter-spacing: 1px;
  background-color: #efb230;
}
/* line 78, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .buy-button-graphic::after {
  position: absolute;
  content: "";
  display: none;
  width: 350px;
  height: 180px;
  background-image: url(../imgs/buy-button-graphic.png);
  background-repeat: none;
  top: -35px;
  right: 13px;
}
@media only screen and (min-width: 64.063em) {
  /* line 78, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .buy-button-graphic::after {
    display: block;
  }
}
/* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right {
  display: none;
  width: 639px;
  float: right;
  margin-top: 0;
  margin-right: -20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .content-graphic-right {
    width: 300px;
    display: block;
    margin-right: -80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .content-graphic-right {
    width: 639px;
  }
}
/* line 114, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .content-graphic-right img {
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 120, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-custom-checkout img {
    margin-bottom: 40px;
  }
}
/* line 127, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-custom-checkout p:last-of-type {
  margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 127, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-custom-checkout p:last-of-type {
    margin-bottom: 60px;
  }
}
/* line 140, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro .row {
  padding-top: 80px;
  padding-bottom: 80px;
}
/* line 145, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote {
  padding: 0;
  margin-bottom: 0;
  border: none;
}
/* line 151, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h3 {
  line-height: 1.4em;
}
/* line 155, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h2 {
  margin-bottom: 0;
}
/* line 158, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-intro blockquote h2 span {
  opacity: 0.3;
}
/* line 164, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features {
  padding-bottom: 80px;
}
/* line 167, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .row {
  padding-top: 120px;
}
/* line 171, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 176, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 176, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 184, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 210, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 214, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 214, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 223, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 230, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a span {
  font-weight: 600;
}
/* line 234, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 239, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features a svg path {
  stroke: #676AAD;
}
/* line 244, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .accent_color {
  color: #676AAD;
}
/* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 248, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features .highlight-wrapper {
    gap: 80px;
  }
}
/* line 262, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 266, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-copy ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
/* line 273, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
}
/* line 279, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 284, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 293, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 293, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
  }
  /* line 309, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 314, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 319, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 327, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 332, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 341, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .accent_color {
  color: #676AAD;
}
/* line 345, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 352, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a span {
  font-weight: 600;
}
/* line 356, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 361, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid a svg path {
  stroke: #676AAD;
}
/* line 366, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid button {
  background-color: #676AAD;
  color: #0A0A0A;
}
/* line 370, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid button:hover {
  background-color: #6F4173;
}
/* line 375, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .features_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 375, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section-features_grid .features_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
  }
}
/* line 386, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  -ms-flex-align: start;
      align-items: flex-start;
}
/* line 393, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_icon {
  width: 106px;
  height: 106px;
  padding: 38px;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 50%;
  margin-bottom: -38px;
  margin-left: -38px;
}
/* line 406, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 411, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info h3 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;
}
/* line 417, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section-features_grid .feature_info p {
  color: #303030;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0;
}
/* line 429, ../../_src/scss/components/_page_resources_analytics.scss */
.resources-analytics .section {
  text-align: left;
}
@media only screen and (min-width: 64.063em) {
  /* line 429, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .section {
    text-align: left;
  }
}
/* line 448, ../../_src/scss/components/_page_resources_analytics.scss */
.row:not(.equalizer-small-suspend) .resources-analytics .content-position-center {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
@media only screen and (min-width: 64.063em) {
  /* line 447, ../../_src/scss/components/_page_resources_analytics.scss */
  .resources-analytics .content-position-center {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
}

/* line 2, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner {
  background-image: none;
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 22, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner p {
  line-height: 1.75em;
  font-size: 1em;
}
/* line 27, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner h2 {
  font-size: 1.15rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 39, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image {
  position: relative;
  border-radius: none;
  box-shadow: none;
  height: 100%;
  overflow: visible;
}
/* line 47, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image img {
  height: auto;
  width: 100%;
}
/* line 52, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper {
  position: absolute;
  width: 66%;
  height: 100%;
  top: 0;
  right: 0;
}
/* line 59, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper .svg_container {
  width: 100%;
  padding: 20px;
  border-radius: 20px;
  background: linear-gradient(180deg, #F7F1A4 0%, #F2E478 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
/* line 69, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper .svg_container #customer_flow {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  aspect-ratio: 294/422;
  overflow: visible;
}
/* line 77, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper .svg_container #customer_flow rect {
  -ms-transform-origin: center center;
      transform-origin: center center;
  /* scale around rect’s own center */
  transform-box: fill-box;
  /* use the rect’s bounding box, not the SVG’s */
}
/* line 82, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper .svg_container #customer_flow rect[id*="_stroke"] {
  display: none;
}
/* line 86, ../../_src/scss/components/_page_resources_communication.scss */
.communication .banner .banner-image .svg_wrapper .svg_container #customer_flow #customer_flow_step_1_stroke {
  stroke: #A0A0A0;
}
/* line 95, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category {
    margin-bottom: 80px;
  }
}
/* line 108, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category h2 {
  color: #333;
}
/* line 112, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 117, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 121, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 130, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 130, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 147, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 147, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 157, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 157, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category.row .column-content {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 179, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-content .graphic_wrapper {
  max-width: 180px;
}
@media only screen and (min-width: 64.063em) {
  /* line 179, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .feature-category.row .column-content .graphic_wrapper {
    max-width: 240px;
  }
}
/* line 186, ../../_src/scss/components/_page_resources_communication.scss */
.communication .feature-category.row .column-content .graphic_wrapper img {
  width: 100%;
  height: auto;
}
/* line 195, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 195, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 207, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 207, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 207, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 219, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 219, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 235, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 239, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 243, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 251, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 251, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 251, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 267, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 273, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 281, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content {
  padding-bottom: 80px;
}
/* line 284, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content .row {
  padding-bottom: 120px;
}
/* line 288, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content ol li,
.communication .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 293, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content .accent_color {
  color: #676AAD;
}
/* line 297, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 304, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content a span {
  font-weight: 600;
}
/* line 308, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 313, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-alternating-content a svg path {
  stroke: #676AAD;
}
@media only screen and (min-width: 64.063em) {
  /* line 318, ../../_src/scss/components/_page_resources_communication.scss */
  .communication .section-alternating-content .column-graphic {
    position: sticky;
    top: 120px;
  }
}
/* line 327, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 332, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-flows h1, .communication .section-flows h2, .communication .section-flows h3, .communication .section-flows h4, .communication .section-flows p, .communication .section-flows li {
  color: #ffffff;
}
/* line 336, ../../_src/scss/components/_page_resources_communication.scss */
.communication .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner {
  background-image: none;
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 22, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner p {
  line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 31, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner .banner-image {
  border-radius: none;
  box-shadow: none;
  height: 100%;
}
/* line 36, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .banner .banner-image img {
  height: auto;
  width: 100%;
}
/* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 43, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category {
    margin-bottom: 40px;
  }
}
/* line 55, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category:first-child {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 55, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category:first-child {
    margin-top: 0;
  }
}
/* line 63, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 68, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 72, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
  text-align: center;
}
@media only screen and (min-width: 64.063em) {
  /* line 72, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-graphic {
    text-align: left;
  }
}
/* line 81, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 81, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 98, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 98, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 108, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 121, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .feature-category.row .column-content h2 {
  color: #343440;
}
@media only screen and (min-width: 64.063em) {
  /* line 121, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .feature-category.row .column-content h2 {
    margin-bottom: 32px;
  }
}
/* line 132, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 132, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 144, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 156, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 156, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 172, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 176, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 180, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 188, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 204, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 210, ../../_src/scss/components/_page_resources_conversations.scss */
  .conversations .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 219, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-alternating-content ol li,
.conversations .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 224, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 229, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows h1, .conversations .section-flows h2, .conversations .section-flows h3, .conversations .section-flows h4, .conversations .section-flows p, .conversations .section-flows li {
  color: #ffffff;
}
/* line 233, ../../_src/scss/components/_page_resources_conversations.scss */
.conversations .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner {
  background-image: none;
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #f4f4f4;
}
/* line 11, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner.overlay::after {
  width: 100%;
  height: 100px;
  background: rgba(52, 52, 64, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 23, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner p {
  line-height: 1.75em;
  color: #343440;
}
/* line 28, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
  color: #343440;
}
/* line 34, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner h2 {
  color: #343440;
}
/* line 38, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .banner-image {
  border-radius: none;
  box-shadow: none;
  height: 100%;
}
/* line 43, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .banner .banner-image img {
  height: auto;
  width: 100%;
}
/* line 50, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 50, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 50, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category {
    margin-bottom: 80px;
  }
}
/* line 63, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 68, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 72, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 76, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 76, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 93, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 93, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 103, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .feature-category.row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 103, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 103, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 119, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 119, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 131, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 131, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 131, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 143, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 143, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 159, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 163, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 167, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 175, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 175, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 175, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 191, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 197, ../../_src/scss/components/_page_resources_ordertracking.scss */
  .orderTracking .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 206, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-alternating-content ol li,
.orderTracking .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 211, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 216, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows h1, .orderTracking .section-flows h2, .orderTracking .section-flows h3, .orderTracking .section-flows h4, .orderTracking .section-flows p, .orderTracking .section-flows li {
  color: #ffffff;
}
/* line 220, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .section-flows ul li {
  margin-bottom: 20px;
}
/* line 225, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .order-tracking-list {
  list-style: none;
  margin-left: 0;
}
/* line 232, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .order-tracking-list .oi {
  display: inline-block;
  margin-right: 10px;
  opacity: 0.9;
  color: #343440;
}
/* line 240, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext {
  font-size: 12px;
  font-style: italic;
}
/* line 244, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext a {
  text-decoration: none;
  color: #545454;
  transition: underline 0.3s ease;
}
/* line 249, ../../_src/scss/components/_page_resources_ordertracking.scss */
.orderTracking .subtext a:hover {
  text-decoration: underline;
}

/* line 3, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner {
  background-image: url("../imgs/2023-ultracart-data-banner-1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0.25) 100%);
  }
}
/* line 26, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 26, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .banner .row .columns::before {
    display: block;
  }
}
/* line 47, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables p {
  margin-bottom: 12px;
}
/* line 51, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables svg {
  width: 100%;
  height: auto;
  padding-right: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 51, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .section-dw-tables svg {
    padding-right: 32px;
  }
}
/* line 61, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .dw-table-info-row {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 68, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
    padding-right: 16px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 68, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(1) .dw-table-info-row {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 78, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
    padding-left: 16px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 78, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .section-dw-tables .dw-table-info-col:nth-child(2) .dw-table-info-row {
    padding-left: 32px;
  }
}
/* line 88, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables ul li {
  font-size: 14px;
  font-family: monospace;
}
/* line 92, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-dw-tables .button {
  background-color: #57a3cf;
}
/* line 97, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper,
.resources.datawarehouse .heatmap-list-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
@media only screen and (min-width: 64.063em) {
  /* line 97, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .filter-list-wrapper,
  .resources.datawarehouse .heatmap-list-wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
/* line 106, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list,
.resources.datawarehouse .filter-list-wrapper .heatmap-list,
.resources.datawarehouse .heatmap-list-wrapper .filter-list,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 8px;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px);
}
@media only screen and (min-width: 64.063em) {
  /* line 106, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .filter-list-wrapper .filter-list,
  .resources.datawarehouse .filter-list-wrapper .heatmap-list,
  .resources.datawarehouse .heatmap-list-wrapper .filter-list,
  .resources.datawarehouse .heatmap-list-wrapper .heatmap-list {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* line 119, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul {
  list-style: none;
  width: 100%;
  height: auto;
  padding: 0 12px;
  margin: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 119, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .filter-list-wrapper .filter-list ul,
  .resources.datawarehouse .filter-list-wrapper .heatmap-list ul,
  .resources.datawarehouse .heatmap-list-wrapper .filter-list ul,
  .resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul {
    height: 100%;
  }
}
/* line 130, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul li,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  margin-bottom: 4px;
}
/* line 137, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul ul,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul ul,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul ul,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul ul {
  margin-top: 6px;
  padding: 0;
}
/* line 141, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .filter-list ul ul li,
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul ul li,
.resources.datawarehouse .heatmap-list-wrapper .filter-list ul ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul ul li {
  font-size: 12px;
}
/* line 149, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 16px;
}
/* line 155, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .filter-list-wrapper .heatmap-list ul li .icon,
.resources.datawarehouse .heatmap-list-wrapper .heatmap-list ul li .icon {
  width: 32px;
  height: 32px;
  margin-right: 24px;
  padding-top: 4px;
}
/* line 165, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-content-wrapper {
  padding: 32px 32px 12px 32px;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 165, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .quote-content-wrapper {
    margin-left: 0;
  }
}
/* line 177, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .quote-image-wrapper {
  overflow: hidden;
  max-width: 300px;
  border-radius: 50%;
  margin-top: -46px;
}
@media only screen and (min-width: 40.063em) {
  /* line 177, ../../_src/scss/components/_page_resources_datawarehouse.scss */
  .resources.datawarehouse .quote-image-wrapper {
    max-width: none;
    margin-left: -60px;
  }
}
/* line 189, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics {
  background-color: #343440;
  color: #f9f9f9;
  position: relative;
}
/* line 194, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics .row {
  position: relative;
  z-index: 2;
}
/* line 199, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics #data-background-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 209, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics h2,
.resources.datawarehouse .section-data-analytics h3,
.resources.datawarehouse .section-data-analytics p {
  color: #f9f9f9;
}
/* line 215, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 220, ../../_src/scss/components/_page_resources_datawarehouse.scss */
.resources.datawarehouse .section-data-analytics ul li {
  padding: 0;
  margin: 0;
}

/* line 2, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
  overflow: hidden;
}
/* line 10, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner.overlay::after {
  width: 100%;
  background: linear-gradient(48deg, rgba(111, 65, 115, 0.8) 31%, rgba(122, 71, 10, 0.75) 100%, transparent 100%);
  mix-blend-mode: multiply;
}
/* line 22, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner.overlay::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(52, 52, 64, 0.8) 31%, rgba(52, 52, 64, 0.2) 100%, transparent 100%);
  z-index: 3;
}
/* line 35, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner p {
  line-height: 1.75em;
}
/* line 39, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 45, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .sub {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 40px;
  display: block;
  color: white;
  opacity: 0.75;
  transition: opacity 0.3s ease;
  letter-spacing: 0.01em;
}
/* line 55, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .sub:hover {
  opacity: 1;
}
/* line 60, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner button {
  text-transform: none;
}
/* line 64, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .banner_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  opacity: 0.8;
}
/* line 75, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  /* max-height: 300px; */
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-pack: start;
      justify-content: flex-start;
  transition: all .3s ease;
  opacity: .2;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 64.063em) {
  /* line 75, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .banner .customer_data_wrapper {
    left: 50%;
    width: 50vw;
    opacity: 0.45;
  }
}
/* line 98, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_container {
  position: absolute;
  width: calc(100% - 16px);
  height: auto;
  left: 8px;
  top: 570px;
  transition: top 0.3s ease;
}
/* line 107, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry {
  position: relative;
  color: white;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  gap: 16px;
  opacity: 0;
  -ms-transform: translateY(20px);
      transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
/* line 118, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry.show {
  opacity: 1;
  -ms-transform: translateY(0);
      transform: translateY(0);
}
/* line 123, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry::before {
  content: '';
  display: none;
  position: absolute;
  width: 50vw;
  height: 1px;
  top: 50%;
  right: calc(100% + 8px);
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 134, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .customer_data_info {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}
/* line 142, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_entry {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex: 1;
      flex: 1;
}
/* line 149, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_action {
  color: #303030;
  background-color: white;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.75rem;
}
/* line 157, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .banner .customer_data_wrapper .customer_data_entry .data_timestamp {
  font-size: 0.65rem;
  font-family: monospace;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 150px;
  text-align: right;
  -ms-flex-pack: end;
      justify-content: flex-end;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
/* line 172, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 64px;
}
@media only screen and (min-width: 64.063em) {
  /* line 172, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-intro .columns {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 182, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 182, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-intro .columns .intro_content {
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    width: 40%;
  }
}
/* line 191, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content h2 {
  margin-bottom: 16px;
  color: #303030;
}
/* line 196, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content p {
  color: #303030;
}
/* line 201, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_content ul li {
  font-weight: bold;
}
/* line 207, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_graphic {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
@media only screen and (min-width: 64.063em) {
  /* line 207, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-intro .columns .intro_graphic {
    margin-top: -260px;
  }
}
/* line 215, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .columns .intro_graphic img {
  width: 100%;
}
/* line 221, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro .intro {
  font-size: 18px;
}
/* line 225, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
  font-size: 18px;
}
/* line 235, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro ul li {
  color: #303030;
}
/* line 240, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 244, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 244, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 256, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 256, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  /* line 273, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 278, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 285, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a span {
  font-weight: 600;
}
/* line 289, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 294, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper a svg path {
  stroke: #676AAD;
}
/* line 299, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .accent_color {
  color: #676AAD;
}
/* line 303, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 308, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 314, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 322, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 327, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid {
  padding-top: 80px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid {
    padding-top: 160px;
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid {
    gap: 80px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 334, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid {
    gap: 120px;
    grid-template-columns: repeat(3, 1fr);
  }
}
/* line 356, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content {
  cursor: pointer;
}
/* line 359, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper {
  position: relative;
  margin-bottom: 20px;
  min-height: 260px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
@media only screen and (min-width: 64.063em) {
  /* line 359, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper {
    margin-bottom: 40px;
  }
}
/* line 370, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper img {
  opacity: 0.75;
  position: relative;
  max-width: 100%;
  height: auto;
  z-index: 2;
  transition: opacity 0.3s ease;
}
/* line 379, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content .feature-media-wrapper::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  z-index: 0;
  border-radius: 32px;
  transition: background-color 0.3s ease, top 0.3s ease, left 0.3s ease;
}
/* line 397, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content sub {
  margin-bottom: 16px;
  opacity: .5;
  background-color: #CCCCCC;
  display: inline-block;
  padding: 8px 12px;
  line-height: 1;
  border-radius: 8px;
  color: #303030;
  display: none;
}
/* line 409, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content h3 {
  font-size: 1.5rem;
}
/* line 413, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content ul li {
  margin-bottom: 16px;
}
/* line 419, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content:hover .feature-media-wrapper img {
  opacity: 1;
}
/* line 423, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid .feature-content:hover .feature-media-wrapper::after {
  background-color: white;
  top: 16px;
  left: -16px;
}
/* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-features .feature-grid.feature-grid-2 {
  padding-top: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid.feature-grid-2 {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid.feature-grid-2 {
    gap: 80px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 80px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 433, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid.feature-grid-2 {
    gap: 120px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 120px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 455, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-features .feature-grid.feature-grid-2 .feature-content .feature-media-wrapper {
    min-height: 400px;
  }
}
/* line 465, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights {
  padding-bottom: 80px;
}
/* line 468, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .row {
  padding-top: 120px;
}
/* line 472, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 477, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 477, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 485, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 511, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 515, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 515, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 524, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 531, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a span {
  font-weight: 600;
}
/* line 535, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 540, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights a svg path {
  stroke: #676AAD;
}
/* line 545, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .accent_color {
  color: #676AAD;
}
/* line 549, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 554, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 560, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-marketing-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 574, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 580, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 585, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-marketing-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 595, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category {
    margin-bottom: 80px;
  }
}
/* line 608, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 613, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 617, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 621, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 621, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 638, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 638, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .feature-category.row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 648, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 664, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 664, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 676, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 688, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 688, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 704, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 708, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 712, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 720, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 736, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 742, ../../_src/scss/components/_page_resources_marketing.scss */
  .marketing .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 751, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-alternating-content ol li,
.marketing .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 756, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 761, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows h1, .marketing .section-flows h2, .marketing .section-flows h3, .marketing .section-flows h4, .marketing .section-flows p, .marketing .section-flows li {
  color: #ffffff;
}
/* line 765, ../../_src/scss/components/_page_resources_marketing.scss */
.marketing .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner {
  background-image: url(../imgs/2024-banner-tasks-1.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 21, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 30, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner .banner-image {
  border-radius: none;
  box-shadow: none;
  height: 100%;
}
/* line 35, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .banner .banner-image img {
  height: auto;
  width: 100%;
}
/* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category {
    margin-bottom: 80px;
  }
}
/* line 55, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 60, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 64, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 68, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 68, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 85, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 85, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .feature-category.row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 95, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 111, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 111, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 123, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 135, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 135, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 151, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 155, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 159, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 167, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 183, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 189, ../../_src/scss/components/_page_resources_tasks.scss */
  .tasks .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 198, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-alternating-content ol li,
.tasks .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 203, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 208, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows h1, .tasks .section-flows h2, .tasks .section-flows h3, .tasks .section-flows h4, .tasks .section-flows p, .tasks .section-flows li {
  color: #ffffff;
}
/* line 212, ../../_src/scss/components/_page_resources_tasks.scss */
.tasks .section-flows ul li {
  margin-bottom: 20px;
}

/* line 3, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner {
  background-image: url(../imgs/ultracart-banner-webinars-01.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_webinars.scss */
  .resources.webinars .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
  }
}
/* line 26, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 26, ../../_src/scss/components/_page_resources_webinars.scss */
  .resources.webinars .banner .row .columns::before {
    display: block;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 51, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
/* line 59, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:first-of-type .featured-post-title {
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
  /* line 59, ../../_src/scss/components/_page_resources_webinars.scss */
  .resources.webinars ul.blog-post-list li:first-of-type .featured-post-title {
    border-radius: 32px;
  }
}
/* line 67, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:first-of-type .featured-post-title::after {
  background: linear-gradient(to bottom, transparent 0, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}
/* line 72, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: -24px;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}
/* line 84, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: -20px;
  height: calc(100% + 27px);
  width: 1px;
  background-color: #e5e5e5;
}
/* line 95, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
/* line 99, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li h2 a {
  color: #333333;
}
/* line 104, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li .blog-post-excerpt {
  color: #545454;
}
/* line 107, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li .blog-post-excerpt p:last-of-type {
  margin-bottom: 10px;
}
/* line 112, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li sub {
  bottom: 0;
  color: #8d8d8d;
}
/* line 118, ../../_src/scss/components/_page_resources_webinars.scss */
.resources.webinars ul.blog-post-list li:last-child .blog-post-content::before {
  content: '';
  display: block;
  width: 20px;
  height: 160px;
  background: linear-gradient(0deg, #FFF, transparent);
  position: absolute;
  bottom: -50px;
  left: -30px;
  z-index: 10;
}

/* line 3, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates .banner {
  background-image: url(../imgs/ultracart-banner-updates-01.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #343440;
}
/* line 11, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.55);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_resources_updates.scss */
  .resources.platform-updates .banner.overlay::after {
    background: linear-gradient(to right, rgba(18, 18, 22, 0.75) 25%, rgba(18, 18, 22, 0) 100%);
  }
}
/* line 26, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 26, ../../_src/scss/components/_page_resources_updates.scss */
  .resources.platform-updates .banner .row .columns::before {
    display: block;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 51, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
/* line 59, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li:first-of-type .featured-post-title {
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 64.063em) {
  /* line 59, ../../_src/scss/components/_page_resources_updates.scss */
  .resources.platform-updates ul.blog-post-list li:first-of-type .featured-post-title {
    border-radius: 32px;
  }
}
/* line 67, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li:first-of-type .featured-post-title::after {
  background: linear-gradient(to bottom, transparent 0, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
}
/* line 72, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: -24px;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
}
/* line 84, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: -20px;
  height: calc(100% + 27px);
  width: 1px;
  background-color: #e5e5e5;
}
/* line 95, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
/* line 99, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li h2 a {
  color: #333333;
}
/* line 104, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li .blog-post-excerpt {
  color: #545454;
}
/* line 107, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li .blog-post-excerpt p:last-of-type {
  margin-bottom: 10px;
}
/* line 112, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li sub {
  bottom: 0;
  color: #8d8d8d;
}
/* line 119, ../../_src/scss/components/_page_resources_updates.scss */
.resources.platform-updates ul.blog-post-list li:last-child .blog-post-content::before {
  content: '';
  display: block;
  width: 20px;
  height: 160px;
  background: linear-gradient(0deg, #FFF, transparent);
  position: absolute;
  bottom: -50px;
  left: -30px;
  z-index: 10;
}

/* line 2, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro {
  overflow: hidden;
}
/* line 34, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 38, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 38, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 66, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 71, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 77, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 89, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 96, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_versions,
.experiments .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 106, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 #svg_versions .svg_background,
.experiments .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 111, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 118, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 131, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 137, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 143, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 149, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 159, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 171, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 186, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 191, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category {
    margin-bottom: 80px;
  }
}
/* line 204, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 209, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 213, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 217, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 217, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 234, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 234, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .feature-category.row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 244, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 260, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 260, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 272, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 284, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 284, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 300, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 304, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 308, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 316, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 332, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 338, ../../_src/scss/components/_page_resources_experiments.scss */
  .experiments .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 347, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-alternating-content ol li,
.experiments .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 352, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 357, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows h1, .experiments .section-flows h2, .experiments .section-flows h3, .experiments .section-flows h4, .experiments .section-flows p, .experiments .section-flows li {
  color: #ffffff;
}
/* line 361, ../../_src/scss/components/_page_resources_experiments.scss */
.experiments .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro {
  overflow: hidden;
}
/* line 34, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 38, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 38, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 66, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 71, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 77, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 89, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 96, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_versions,
.upsells .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 106, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 #svg_versions .svg_background,
.upsells .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 111, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_2 .upsell_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 118, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_2 .upsell_info {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 80px;
  }
}
/* line 131, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 131, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    gap: 80px;
  }
}
/* line 143, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
  font-size: 1.25rem;
}
/* line 150, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block img {
  width: 100%;
  max-width: 304px;
}
/* line 155, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-intro .intro_section_2 .upsell_info .upsell_info_block .upsell_info_block_text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 40px;
}
/* line 169, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 169, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-upsell-features .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  /* line 186, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-upsell-features .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 191, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 198, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a span {
  font-weight: 600;
}
/* line 202, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 207, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper a svg path {
  stroke: #676AAD;
}
/* line 212, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .accent_color {
  color: #676AAD;
}
/* line 216, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 221, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 229, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 234, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-upsell-features .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 243, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category {
  margin-bottom: 20px;
  padding-top: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 248, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category {
    margin-bottom: 80px;
  }
}
/* line 261, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
/* line 266, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row:first-of-type {
  padding-top: 0;
}
/* line 270, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic {
  position: relative;
  z-index: 1;
}
/* line 274, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 274, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category.row .column-graphic::before {
    display: none;
  }
}
/* line 291, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-graphic img {
  opacity: 0.9;
  z-index: 2;
}
@media only screen and (min-width: 64.063em) {
  /* line 291, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category.row .column-graphic img {
    opacity: 1;
  }
}
/* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .feature-category.row .column-content {
  position: relative;
  z-index: 2;
  margin-top: -100px;
}
@media only screen and (min-width: 64.063em) {
  /* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category.row .column-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 301, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .feature-category.row .column-content {
    margin-top: 20px;
  }
}
/* line 317, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 317, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 329, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 341, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 341, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 357, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 361, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 365, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 373, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 389, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 395, ../../_src/scss/components/_page_resources_upsells.scss */
  .upsells .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 404, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-alternating-content ol li,
.upsells .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 409, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 414, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows h1, .upsells .section-flows h2, .upsells .section-flows h3, .upsells .section-flows h4, .upsells .section-flows p, .upsells .section-flows li {
  color: #ffffff;
}
/* line 418, ../../_src/scss/components/_page_resources_upsells.scss */
.upsells .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_rev.scss */
.rev .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 37, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 65, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 70, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 76, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 76, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 88, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 95, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_versions,
.rev .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 105, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 #svg_versions .svg_background,
.rev .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 110, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 117, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 117, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 117, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 130, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 136, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 142, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 148, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 158, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 170, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 184, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights {
  padding-bottom: 80px;
}
/* line 187, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .row {
  padding-top: 120px;
}
/* line 191, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 196, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 196, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 204, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 204, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 204, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 204, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 230, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 234, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 234, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 243, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 250, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a span {
  font-weight: 600;
}
/* line 254, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 259, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights a svg path {
  stroke: #676AAD;
}
/* line 264, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .accent_color {
  color: #676AAD;
}
/* line 268, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 268, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 268, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-rev-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 282, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 287, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 293, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 298, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 309, ../../_src/scss/components/_page_resources_rev.scss */
.rev .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 314, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 314, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 326, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 326, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 326, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 338, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 338, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 354, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 358, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 362, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 370, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 370, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 370, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 386, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 392, ../../_src/scss/components/_page_resources_rev.scss */
  .rev .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 401, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-alternating-content ol li,
.rev .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 406, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 411, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows h1, .rev .section-flows h2, .rev .section-flows h3, .rev .section-flows h4, .rev .section-flows p, .rev .section-flows li {
  color: #ffffff;
}
/* line 415, ../../_src/scss/components/_page_resources_rev.scss */
.rev .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_retention.scss */
.retention .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 37, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p {
  font-size: 18px;
}
/* line 49, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p:first-child {
  margin-top: -30px;
}
/* line 53, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro p:last-child {
  margin-bottom: -20px;
}
/* line 58, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro:after {
  display: none;
}
/* line 62, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 62, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 62, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 81, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 86, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 92, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 92, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 104, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 111, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_versions,
.retention .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 121, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 #svg_versions .svg_background,
.retention .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 126, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 133, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 133, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 133, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 146, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 152, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 158, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 164, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 174, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 186, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 200, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights {
  padding-bottom: 80px;
}
/* line 203, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .row {
  padding-top: 120px;
}
/* line 207, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 212, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 212, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 220, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 220, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 220, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 220, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 246, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 250, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 250, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 259, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 266, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a span {
  font-weight: 600;
}
/* line 270, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 275, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights a svg path {
  stroke: #676AAD;
}
/* line 280, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .accent_color {
  color: #676AAD;
}
/* line 284, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 284, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 284, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-retention-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 298, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 303, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 309, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 314, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-retention-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 325, ../../_src/scss/components/_page_resources_retention.scss */
.retention .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 330, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 330, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 342, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 342, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 342, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 354, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 354, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 370, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 374, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 378, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 386, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 386, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 386, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 402, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 408, ../../_src/scss/components/_page_resources_retention.scss */
  .retention .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 417, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-alternating-content ol li,
.retention .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 422, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 427, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows h1, .retention .section-flows h2, .retention .section-flows h3, .retention .section-flows h4, .retention .section-flows p, .retention .section-flows li {
  color: #ffffff;
}
/* line 431, ../../_src/scss/components/_page_resources_retention.scss */
.retention .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
}
/* line 37, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 37, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro img {
  margin-bottom: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro img {
    margin-bottom: 0;
  }
}
/* line 55, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro {
  font-size: 1.25rem;
  font-weight: 600;
}
/* line 60, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 65, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro ul li {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
/* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 71, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 90, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 95, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 101, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 101, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 113, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 120, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_versions,
.affiliate .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 130, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 #svg_versions .svg_background,
.affiliate .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 135, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 142, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 155, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 161, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 167, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 173, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 183, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 195, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 209, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights {
  padding-bottom: 80px;
}
/* line 212, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .row {
  padding-top: 120px;
}
/* line 216, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 221, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 221, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 229, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 255, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 259, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 259, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 268, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 275, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a span {
  font-weight: 600;
}
/* line 279, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 284, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights a svg path {
  stroke: #676AAD;
}
/* line 289, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .accent_color {
  color: #676AAD;
}
/* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 293, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 307, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 312, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
}
/* line 318, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 323, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 332, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 332, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
  }
  /* line 348, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-affiliate-highlights .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 353, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 358, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 366, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 371, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 380, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 385, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 385, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 397, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 409, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 409, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 425, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 429, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 433, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 441, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 457, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 463, ../../_src/scss/components/_page_resources_affiliate.scss */
  .affiliate .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 472, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-alternating-content ol li,
.affiliate .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 477, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 482, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows h1, .affiliate .section-flows h2, .affiliate .section-flows h3, .affiliate .section-flows h4, .affiliate .section-flows p, .affiliate .section-flows li {
  color: #ffffff;
}
/* line 486, ../../_src/scss/components/_page_resources_affiliate.scss */
.affiliate .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
}
/* line 37, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 37, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 46, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .subscribe_graphic_wrapper {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 46, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .subscribe_graphic_wrapper {
    display: block;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 54, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .subscribe_graphic {
    margin-top: -180px;
  }
}
/* line 61, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro {
  font-size: 1.25rem;
  font-weight: 600;
}
/* line 66, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 71, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro ul li {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
/* line 77, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 77, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 96, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 101, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 107, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 107, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 119, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 126, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 #svg_versions,
.subscriptions .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 136, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 #svg_versions .svg_background,
.subscriptions .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 141, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 148, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 148, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 148, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 161, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 167, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 173, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 179, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 189, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 201, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 215, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights {
  padding-bottom: 80px;
}
/* line 218, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .row {
  padding-top: 120px;
}
/* line 222, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 40px;
  position: relative;
}
/* line 227, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 227, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 235, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 235, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 235, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 235, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 261, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights h3 {
  font-size: 1.25rem;
}
/* line 265, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 272, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights a span {
  font-weight: 600;
}
/* line 276, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 281, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights a svg path {
  stroke: #676AAD;
}
/* line 286, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .accent_color {
  color: #676AAD;
}
/* line 290, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 290, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 290, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 304, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 309, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 316, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 321, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 327, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 327, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper {
    gap: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 327, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 32px;
    margin-bottom: 48px;
  }
}
/* line 343, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper .sub_highlight_media {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 320px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 350, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper .sub_highlight_media svg {
  width: 100%;
  height: auto;
}
/* line 355, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .highlight-wrapper .sub_highlight_wrapper .sub_highlight_media img {
  max-width: 100%;
  height: auto;
}
/* line 366, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 366, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
  }
  /* line 382, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-subscription-highlights .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 387, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 392, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 400, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 405, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-subscription-highlights .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 414, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 419, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 419, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 431, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 431, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 431, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 443, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 443, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 459, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 463, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 467, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 475, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 475, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 475, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 491, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 497, ../../_src/scss/components/_page_resources_subscriptions.scss */
  .subscriptions .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 506, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-alternating-content ol li,
.subscriptions .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 511, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 516, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-flows h1, .subscriptions .section-flows h2, .subscriptions .section-flows h3, .subscriptions .section-flows h4, .subscriptions .section-flows p, .subscriptions .section-flows li {
  color: #ffffff;
}
/* line 520, ../../_src/scss/components/_page_resources_subscriptions.scss */
.subscriptions .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
  background-image: url("../imgs/2025/ultracart-ai-report-dashboard-02.jpg");
}
/* line 21, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner p:last-of-type:first-of-type {
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 27, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner ul li {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 4px;
}
/* line 33, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 42, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro img {
  margin-top: -60px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 42, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro img {
    margin-top: -160px;
    margin-bottom: 40px;
  }
}
/* line 52, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 56, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 56, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 65, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input {
  background-color: #FCFCFC;
  border: 1px solid #CCCCCC;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
/* line 75, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input p {
  margin: 0;
}
/* line 78, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .faux-input p .blink {
  animation: blink 1s steps(1) infinite;
  opacity: 0.5;
}
@keyframes blink {
  0% {
    opacity: 0.15;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
/* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 91, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 110, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 115, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 121, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 121, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 133, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 140, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_versions,
.ai-agents .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 150, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-agents .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 155, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 162, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 175, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 181, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 187, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 193, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 203, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 215, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 228, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-intro ul li:not(:last-child) {
  margin-bottom: 16px;
}
/* line 233, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights {
  padding-bottom: 80px;
}
/* line 236, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .row {
  padding-top: 120px;
}
/* line 240, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 245, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 245, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 253, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 279, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 283, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 283, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 292, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 299, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a span {
  font-weight: 600;
}
/* line 303, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 308, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights a svg path {
  stroke: #676AAD;
}
/* line 313, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .accent_color {
  color: #676AAD;
}
/* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 317, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 331, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 336, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 342, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 347, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 352, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 10%;
  width: calc(100% + 16px);
  left: -8px;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
  /* line 352, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
    top: 240px;
  }
}
/* line 368, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 380, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 380, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
    top: 64px;
  }
}
/* line 390, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
/* line 395, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 405, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .key-benefits h2::after {
  display: none;
}
/* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 410, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
/* line 424, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item {
  border-radius: 16px;
  border: 1px solid #CCCCCC;
  padding: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 436, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 441, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 0;
}
/* line 448, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item p:last-child {
  font-size: 0.875rem;
  margin-bottom: 0;
}
/* line 453, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-grid-item-description {
  font-size: 1rem;
}
/* line 457, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  background-color: #e6e6e6;
  border-radius: 8px;
  padding: 8px 12px 8px 8px;
  font-size: 0.875rem;
  margin-left: -8px;
  margin-bottom: 8px;
}
/* line 468, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .benefit-grid .benefit-grid-item .benefit-item-category span {
  font-weight: bold;
}
/* line 476, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .ai-analytics-section > p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.8;
}
/* line 482, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-ai-agent-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
  margin-top: 40px;
}
/* line 490, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 494, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: 32px;
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 494, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .feature-copy .feature-grid {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
/* line 507, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 507, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .feature-copy .feature-grid .feature-item {
    gap: 32px;
  }
}
/* line 519, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item img {
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
/* line 524, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .feature-copy .feature-grid .feature-item h3 {
  font-size: 1.125rem;
  margin-bottom: 8px;
}
/* line 532, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 532, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 544, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 556, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 556, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 572, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 576, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 580, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 588, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 604, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 610, ../../_src/scss/components/_page_resources_ai_agents.scss */
  .ai-agents .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 619, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-alternating-content ol li,
.ai-agents .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 624, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 629, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows h1, .ai-agents .section-flows h2, .ai-agents .section-flows h3, .ai-agents .section-flows h4, .ai-agents .section-flows p, .ai-agents .section-flows li {
  color: #ffffff;
}
/* line 633, ../../_src/scss/components/_page_resources_ai_agents.scss */
.ai-agents .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro img {
  margin-top: -60px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 33, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro img {
    margin-top: -160px;
    margin-bottom: 40px;
  }
}
/* line 43, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 47, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 47, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 56, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input {
  background-color: #FCFCFC;
  border: 1px solid #CCCCCC;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
/* line 66, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input p {
  margin: 0;
}
/* line 69, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .faux-input p .blink {
  animation: blink 1s steps(1) infinite;
  opacity: 0.5;
}
@keyframes blink {
  0% {
    opacity: 0.15;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
/* line 82, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 82, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 82, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 101, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 106, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 112, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 112, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 124, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 131, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_versions,
.ai-reports .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 141, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-reports .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 146, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 153, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 153, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 153, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 166, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 172, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 178, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 184, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 194, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 206, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 220, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights {
  padding-bottom: 80px;
}
/* line 223, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .row {
  padding-top: 120px;
}
/* line 227, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 232, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 232, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 240, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 240, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 240, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 240, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 266, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 270, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 270, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 279, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 286, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a span {
  font-weight: 600;
}
/* line 290, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 295, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights a svg path {
  stroke: #676AAD;
}
/* line 300, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .accent_color {
  color: #676AAD;
}
/* line 304, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 304, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 304, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 318, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 323, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 329, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 334, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 339, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 16px;
  width: 80%;
  left: 14%;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 350, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 364, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .report-examples h2::after {
  display: none;
}
/* line 369, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 369, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 369, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-rev-highlights .highlight-wrapper .example-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* line 383, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item {
  border-radius: 16px;
  border: 1px solid #CCCCCC;
  padding: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 395, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 400, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 0;
}
/* line 407, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item p:last-child {
  font-size: 0.875rem;
  margin-bottom: 0;
}
/* line 412, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-description {
  font-size: 1rem;
}
/* line 416, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  background-color: #e6e6e6;
  border-radius: 8px;
  padding: 8px 12px 8px 8px;
  font-size: 0.875rem;
  margin-left: -8px;
  margin-bottom: 8px;
}
/* line 427, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category span {
  font-weight: bold;
}
/* line 435, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .ai-analytics-section > p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.8;
}
/* line 441, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-rev-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
  margin-top: 40px;
}
/* line 449, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 454, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 454, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 466, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 466, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 466, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 478, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 478, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 494, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 498, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 502, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 510, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 510, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 510, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 526, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 532, ../../_src/scss/components/_page_operations_reports.scss */
  .ai-reports .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 541, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-alternating-content ol li,
.ai-reports .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 546, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 551, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows h1, .ai-reports .section-flows h2, .ai-reports .section-flows h3, .ai-reports .section-flows h4, .ai-reports .section-flows p, .ai-reports .section-flows li {
  color: #ffffff;
}
/* line 555, ../../_src/scss/components/_page_operations_reports.scss */
.ai-reports .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
  background-image: url("../imgs/2025/ultracart-ai-report-dashboard-02.jpg");
}
/* line 21, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 34, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro img {
  margin-top: -60px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 34, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro img {
    margin-top: -160px;
    margin-bottom: 40px;
  }
}
/* line 44, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 48, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 48, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 57, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input {
  background-color: #FCFCFC;
  border: 1px solid #CCCCCC;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}
/* line 67, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input p {
  margin: 0;
}
/* line 70, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .faux-input p .blink {
  animation: blink 1s steps(1) infinite;
  opacity: 0.5;
}
@keyframes blink {
  0% {
    opacity: 0.15;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.15;
  }
}
/* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 83, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 102, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 107, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 113, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 113, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 125, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 132, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_versions,
.ai-reports-dashboard .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 142, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 #svg_versions .svg_background,
.ai-reports-dashboard .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 147, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 154, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 167, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 173, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 179, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 185, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 195, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 207, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 221, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights {
  padding-bottom: 80px;
}
/* line 224, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .row {
  padding-top: 120px;
}
/* line 228, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 233, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 233, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 241, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 267, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 271, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 271, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 280, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 287, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a span {
  font-weight: 600;
}
/* line 291, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 296, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights a svg path {
  stroke: #676AAD;
}
/* line 301, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .accent_color {
  color: #676AAD;
}
/* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 305, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 319, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 324, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 420px;
}
/* line 330, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 335, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 340, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 8px;
  width: calc(100% + 16px);
  left: 0;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 351, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 365, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .report-examples h2::after {
  display: none;
}
/* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 370, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
/* line 384, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item {
  border-radius: 16px;
  border: 1px solid #CCCCCC;
  padding: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.6s ease, box-shadow 0.6s ease;
}
/* line 396, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
/* line 401, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-title {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 0;
}
/* line 408, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item p:last-child {
  font-size: 0.875rem;
  margin-bottom: 0;
}
/* line 413, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-grid-item-description {
  font-size: 1rem;
}
/* line 417, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  background-color: #e6e6e6;
  border-radius: 8px;
  padding: 8px 12px 8px 8px;
  font-size: 0.875rem;
  margin-left: -8px;
  margin-bottom: 8px;
}
/* line 428, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .example-grid .example-grid-item .example-item-category span {
  font-weight: bold;
}
/* line 436, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .ai-analytics-section > p {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.8;
}
/* line 442, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-rev-highlights .highlight-wrapper .ai-analytics-section .ai-analytics-features {
  margin-top: 40px;
}
/* line 450, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 455, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 455, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 467, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 479, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 479, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 495, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 499, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 503, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 511, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 527, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 533, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
  .ai-reports-dashboard .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 542, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-alternating-content ol li,
.ai-reports-dashboard .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 547, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 552, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows h1, .ai-reports-dashboard .section-flows h2, .ai-reports-dashboard .section-flows h3, .ai-reports-dashboard .section-flows h4, .ai-reports-dashboard .section-flows p, .ai-reports-dashboard .section-flows li {
  color: #ffffff;
}
/* line 556, ../../_src/scss/components/_page_operations_reports_dashboard.scss */
.ai-reports-dashboard .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner {
  background-size: cover;
  background-position: center center;
  background-color: #222222;
}
/* line 8, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner.overlay::after {
  width: 100%;
  background: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 14, ../../_src/scss/components/_page_pricing.scss */
  .pricing .banner .row.content {
    padding-bottom: 160px;
  }
}
/* line 20, ../../_src/scss/components/_page_pricing.scss */
.pricing .banner p:last-of-type:first-of-type {
  margin-bottom: 0;
}
/* line 26, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features {
  padding: 0;
}
/* line 29, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features .columns {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 29, ../../_src/scss/components/_page_pricing.scss */
  .pricing .section-intro .pricing-features .columns {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 37, ../../_src/scss/components/_page_pricing.scss */
  .pricing .section-intro .pricing-features .columns:first-of-type {
    padding-left: 0;
  }
  /* line 41, ../../_src/scss/components/_page_pricing.scss */
  .pricing .section-intro .pricing-features .columns:last-of-type {
    padding-right: 0;
  }
}
/* line 47, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul {
  margin: 0;
  list-style: none;
}
/* line 51, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #8d8d8d;
  position: relative;
  padding-left: 20px;
}
/* line 58, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li .glyph {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 3;
  left: 0;
}
/* line 65, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .pricing-features ul li .glyph path {
  fill: #2f9b73;
}
/* line 73, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .button {
  margin-bottom: 0;
  margin-top: 20px;
}
/* line 78, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-intro .button-signup {
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 78, ../../_src/scss/components/_page_pricing.scss */
  .pricing .section-intro .button-signup {
    margin-top: 40px;
  }
}
/* line 88, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 {
  background: #333333;
  text-align: center;
  padding: 2.5rem 2.5rem 1.25rem 2.5rem;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  position: relative;
  border-radius: 5px 5px 0 0;
}
/* line 98, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .cost {
  margin-left: -1.25rem;
  padding: 0 0 1.25rem 0;
}
/* line 109, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .dollar,
.pricing .price-2 .dollar,
.pricing .price-3 .dollar,
.pricing .price-4 .dollar {
  font-size: 55px;
  line-height: 40px;
  text-decoration: none;
  color: #f4f4f4;
  position: relative;
  margin: 0 auto;
  width: 70px;
}
/* line 120, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .cents,
.pricing .price-2 .cents,
.pricing .price-3 .cents,
.pricing .price-4 .cents {
  font-size: 15px;
  line-height: 40px;
  text-decoration: none;
  color: #e8e8e8;
  position: absolute;
  top: -15px;
  left: 70px;
}
/* line 131, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-1 .months,
.pricing .price-2 .months,
.pricing .price-3 .months,
.pricing .price-4 .months {
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  color: #8d8d8d;
  position: absolute;
  bottom: -10px;
  left: 65px;
}
/* line 143, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-2,
.pricing .price-3,
.pricing .price-4 {
  padding: 2.5rem 2.5rem 2.5rem 2.5rem;
  background: #333333;
  border: 1px solid #333333;
  position: relative;
  margin-bottom: 20px;
  border-radius: 0 0 5px 5px;
}
/* line 153, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-2 .cost,
.pricing .price-3 .cost,
.pricing .price-4 .cost {
  margin-left: -1.25rem;
}
/* line 161, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-3 .cents,
.pricing .price-4 .cents {
  left: 90px;
}
/* line 165, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-3 .months,
.pricing .price-4 .months {
  left: 90px;
}
/* line 170, ../../_src/scss/components/_page_pricing.scss */
.pricing .price-offering {
  background: #ffffff;
  color: #8d8d8d;
  text-align: center;
  padding: 2.5rem 2.5rem 1.25rem 2.5rem;
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  position: relative;
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.2);
}
/* line 186, ../../_src/scss/components/_page_pricing.scss */
.pricing #pricingOptions .price-offering {
  margin-bottom: 2.5rem;
}
/* line 190, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services {
  margin-top: -20px;
}
/* line 195, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services .premium-services h3 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 200;
}
/* line 201, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-premium-services .premium-services p {
  font-size: 14px;
  color: #8d8d8d;
}
/* line 208, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-trial {
  text-align: center;
  background: #2f9b73;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
  /* IE6-9 */
}
/* line 216, ../../_src/scss/components/_page_pricing.scss */
.pricing .section-trial h2, .pricing .section-trial h3, .pricing .section-trial p {
  color: #ffffff;
}

/* line 2, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner {
  background: url("../imgs/2023-ultracart-pricing-banner-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 11, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 11, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-2017 .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 22, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner p {
  line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 32, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .section-trial {
  text-align: center;
  background: #2f9b73;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2f9b73 0%, #31c59a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-signup', endColorstr='$color-signup-alt',GradientType=0 );
  /* IE6-9 */
}
/* line 40, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-2017 .section-trial h2, .pricing-2017 .section-trial h3, .pricing-2017 .section-trial p {
  color: #ffffff;
}

/* line 47, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers table th#price-0,
.pricing-developers table td.price-0,
.pricing-developers table th#price-1,
.pricing-developers table td.price-1,
.pricing-developers table th#price-2,
.pricing-developers table td.price-2,
.pricing-developers table th#price-3,
.pricing-developers table td.price-3,
.pricing-developers table th#price-4,
.pricing-developers table td.price-4 {
  display: none;
}
/* line 60, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers table .not-developers {
  display: none;
}
/* line 64, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-developers .pricing-mobile-header {
  display: none;
}

/* line 70, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing table th#price-0,
.pricing-growing table td.price-0,
.pricing-growing table th#price-4,
.pricing-growing table td.price-4,
.pricing-growing table th#price-5,
.pricing-growing table td.price-5 {
  display: none;
}
/* line 81, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level {
  background: #31c59a;
}
/* line 84, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level::after {
  display: block;
  content: "";
  clear: both;
}
/* line 90, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container {
  width: 60%;
  float: left;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 10px;
}
/* line 97, ../../_src/scss/components/_page_pricing_2017.scss */
.temporary .pricing-growing .pricing-mobile-header .price-level .price-container {
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 90, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-growing .pricing-mobile-header .price-level .price-container {
    padding-top: 10px;
  }
}
/* line 105, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container h3.price {
  color: #ffffff;
  display: inline;
}
/* line 109, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container h3.price span.mo {
  color: rgba(255, 255, 255, 0.6);
}
/* line 114, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .price-level .price-container span.level {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
}
/* line 124, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header button.button-signup {
  position: absolute;
  width: 40%;
  padding: 30px 10px;
  margin-top: 0;
  font-size: 12px;
  clear: none;
  top: 0;
  bottom: 0;
  right: 0;
}
/* line 136, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .row:last-of-type,
.pricing-growing .pricing-mobile-header .row:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
/* line 144, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan,
.pricing-growing .pricing-mobile-header .pricing-previous-plan {
  background-color: #333333;
}
/* line 148, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button {
  padding: 40px 22px 20px 22px;
  height: 100%;
}
/* line 152, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button svg,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button svg {
  max-width: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translatex(-50%) translatey(-50%);
      transform: translatex(-50%) translatey(-50%);
}
/* line 159, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button svg path,
.pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button svg path {
  fill: #ffffff;
}
@media only screen and (min-width: 40.063em) {
  /* line 148, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-growing .pricing-mobile-header .pricing-next-plan .plan-toggle-button,
  .pricing-growing .pricing-mobile-header .pricing-previous-plan .plan-toggle-button {
    padding: 20px;
  }
}
/* line 178, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing .pricing-mobile-header .level-medium,
.pricing-growing .pricing-mobile-header .level-large {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 79, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-growing .pricing-mobile-header {
    display: none;
  }
}
/* line 188, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing thead {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 188, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-growing thead {
    display: table-header-group;
  }
}
/* line 197, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 {
  display: none;
}
/* line 201, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-small {
  display: block;
}
/* line 204, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-medium,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-2 .pricing-mobile-header .level-large,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-medium,
.pricing-growing #PricingTable[data-responsive-price='1'] .price-3 .pricing-mobile-header .level-large {
  display: none;
}
/* line 213, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .price-1,
.pricing-growing #PricingTable[data-responsive-price='2'] .price-3 {
  display: none;
}
/* line 218, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-medium {
  display: block;
}
/* line 221, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='2'] .pricing-mobile-header .level-large {
  display: none;
}
/* line 229, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .price-2,
.pricing-growing #PricingTable[data-responsive-price='3'] .price-1 {
  display: none;
}
/* line 234, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-large {
  display: block;
}
/* line 237, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-small,
.pricing-growing #PricingTable[data-responsive-price='3'] .pricing-mobile-header .level-medium {
  display: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 248, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-growing #PricingTable[data-responsive-price='1'] .price-1,
  .pricing-growing #PricingTable[data-responsive-price='1'] .price-2,
  .pricing-growing #PricingTable[data-responsive-price='1'] .price-3,
  .pricing-growing #PricingTable[data-responsive-price='2'] .price-1,
  .pricing-growing #PricingTable[data-responsive-price='2'] .price-2,
  .pricing-growing #PricingTable[data-responsive-price='2'] .price-3,
  .pricing-growing #PricingTable[data-responsive-price='3'] .price-1,
  .pricing-growing #PricingTable[data-responsive-price='3'] .price-2,
  .pricing-growing #PricingTable[data-responsive-price='3'] .price-3 {
    display: table-cell;
  }
}
/* line 256, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing #price-2,
.pricing-growing .price-2 {
  background: rgba(49, 197, 154, 0.05);
}
/* line 261, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing th#price-2 {
  position: relative;
}
/* line 264, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-growing th#price-2::before {
  content: "Most Popular!";
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: -20px;
  right: -15px;
  background: #e8c658;
  color: #ffffff;
  border-radius: 50%;
  padding: 20px 0 0 0;
  font-style: italic;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  box-shadow: 10px 15px 20px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -ms-transform: rotate(10deg);
      transform: rotate(10deg);
}

/* line 288, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table th#price-1,
.pricing-new table td.price-1,
.pricing-new table th#price-2,
.pricing-new table td.price-2,
.pricing-new table th#price-3,
.pricing-new table td.price-3,
.pricing-new table th#price-4,
.pricing-new table td.price-4,
.pricing-new table th#price-5,
.pricing-new table td.price-5 {
  display: none;
}
/* line 301, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table .not-free {
  display: none;
}
/* line 305, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .pricing-mobile-header {
  display: none;
}

/* line 311, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-enterprise table th#price-0,
.pricing-enterprise table td.price-0,
.pricing-enterprise table th#price-1,
.pricing-enterprise table td.price-1,
.pricing-enterprise table th#price-2,
.pricing-enterprise table td.price-2,
.pricing-enterprise table th#price-3,
.pricing-enterprise table td.price-3,
.pricing-enterprise table th#price-5,
.pricing-enterprise table td.price-5 {
  display: none;
}
/* line 324, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-enterprise .pricing-mobile-header {
  display: none;
}

/* line 330, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container a {
  color: #2f9b73;
}
/* line 334, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container {
  display: none;
  border-top: 1px solid #e9e9e9;
}
/* line 339, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .feature-search-content {
  text-align: left;
}
/* line 345, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form label.error {
  margin-bottom: 20px;
  height: 20px;
}
/* line 350, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input {
  border-bottom: 1px solid #b0b0b0;
  border-left: none;
  border-right: none;
  border-top: none;
  background: none;
  color: #5e5e5e;
  padding: 10px 10px 10px 0;
  height: 40px;
  clear: both;
  margin-bottom: 40px;
  box-shadow: none;
}
/* line 363, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input :focus {
  padding: 10px;
}
/* line 367, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input.error {
  margin-bottom: 0;
}
/* line 372, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input[type="submit"] {
  width: 100%;
  background-color: #66d670;
  color: #ffffff;
  border-bottom: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 40px;
  margin-left: 0;
  border-radius: 10px;
  text-transform: uppercase;
}
/* line 385, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form select {
  border-bottom: 1px solid #b0b0b0;
  border-left: none;
  border-right: none;
  border-top: none;
  background: none;
  color: #5e5e5e;
  padding: 0 10px 10px 0;
  height: 40px;
  clear: both;
  margin-bottom: 40px;
  box-shadow: none;
  border-radius: 0;
}
/* line 400, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form textarea {
  border: 1px solid #b0b0b0;
  color: #5e5e5e;
  padding: 10;
  height: 80px;
  clear: both;
  margin-bottom: 40px;
  box-shadow: none;
}
/* line 412, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input::-webkit-input-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5e5e5e;
}
/* line 415, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input::-moz-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #5e5e5e;
}
/* line 418, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input:-ms-input-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #5e5e5e;
}
/* line 421, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .feature-search-container .contact-form input:-moz-placeholder,
.pricing-table-container .feature-search-container .contact-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #5e5e5e;
}
/* line 430, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container.feature-show-no-result .feature-search-container {
  display: block;
}

/* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content,
.pricing-enterprise .price-level-content,
.pricing-developers .price-level-content {
  padding: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-new .price-level-content,
  .pricing-enterprise .price-level-content,
  .pricing-developers .price-level-content {
    padding: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 440, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-new .price-level-content,
  .pricing-enterprise .price-level-content,
  .pricing-developers .price-level-content {
    padding: 80px;
  }
}
/* line 451, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content .price-level-graphic,
.pricing-enterprise .price-level-content .price-level-graphic,
.pricing-developers .price-level-content .price-level-graphic {
  margin: 80px 0;
  text-align: center;
}
/* line 455, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new .price-level-content .price-level-graphic img,
.pricing-enterprise .price-level-content .price-level-graphic img,
.pricing-developers .price-level-content .price-level-graphic img {
  max-width: 75%;
}
/* line 461, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table,
.pricing-enterprise table.pricing-table,
.pricing-developers table.pricing-table {
  border-top: 1px solid #e9e9e9;
}
@media only screen and (min-width: 40.063em) {
  /* line 461, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-new table.pricing-table,
  .pricing-enterprise table.pricing-table,
  .pricing-developers table.pricing-table {
    border-left: 1px solid #e9e9e9;
  }
}

/* line 470, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container {
  padding: 0;
}
/* line 473, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container {
  position: absolute;
  width: calc(100% - 40px);
  bottom: 30px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
/* line 480, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container .pricing-feature-search-form {
  position: relative;
}
/* line 484, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container label .input-label {
  color: #8D8D8D;
  font-size: 12px;
}
/* line 489, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container input {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  border: 1px solid #e9e9e9;
  box-shadow: none;
  border-radius: 10px;
  height: 40px;
  padding-left: 10px;
  padding-right: 45px;
}
/* line 501, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container button#search-button {
  display: block;
  background: #61b6e6;
  color: #ffffff;
  padding: 9px 12px;
  height: 40px;
  width: 40px;
  border-radius: 0 10px 10px 0;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
}
/* line 514, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container .pricing-feature-search-container button#search-button svg {
  fill: #fff;
  width: 12px;
  height: 12px;
}
/* line 522, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container > .columns {
  padding: 0;
}
/* line 526, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button:not(.button-signup) {
  background: none;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block;
  cursor: pointer;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  border-radius: 0;
  text-align: left;
  font-weight: 400;
}
/* line 543, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup {
  display: block;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  width: 100%;
  font-size: 12px;
  letter-spacing: 1px;
  clear: both;
  border-radius: 0;
  transition: border-radius 300ms ease-in-out;
}
@media only screen and (min-width: 64.063em) {
  /* line 543, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-table-container button.button-signup {
    border-radius: 30px;
  }
}
/* line 559, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup:hover {
  border-radius: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 559, ../../_src/scss/components/_page_pricing_2017.scss */
  .pricing-table-container button.button-signup:hover {
    border-radius: 40px;
  }
}
/* line 567, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-table-container button.button-signup span {
  opacity: 0.6;
  font-size: 14px;
  display: block;
}
/* line 573, ../../_src/scss/components/_page_pricing_2017.scss */
.temporary .pricing-table-container button.button-signup {
  display: none;
}

/* line 579, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
/* line 591, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr {
  background-color: transparent;
  transition: background-color 300ms ease;
  display: table-row;
  opacity: 1;
  transition: opacity 600ms ease;
}
/* line 598, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.feature-search-hide {
  opacity: 0;
  height: 0;
}
/* line 605, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.coming-soon button::after {
  content: "Coming Soon";
  display: block;
  position: absolute;
  top: -22px;
  right: -34px;
  background: rgba(215, 103, 43, 0.6);
  color: #fff;
  padding: 3px 8px;
  border-radius: 10px;
  font-size: 10px;
}
@media only screen and (min-width: 64.063em) {
  /* line 605, ../../_src/scss/components/_page_pricing_2017.scss */
  table.pricing-table tr.coming-soon button::after {
    top: -3px;
    right: -84px;
  }
}
/* line 625, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr td {
  text-align: center;
  color: #8D8D8D;
}
/* line 629, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr td:not(:last-child), table.pricing-table tr td:not(:first-child) {
  border-right: 1px solid #e9e9e9;
}
/* line 636, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table th[scope="row"] {
  width: 25%;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-align: left;
  color: #8D8D8D;
  border-right: 1px solid #e9e9e9;
}
@media only screen and (min-width: 64.063em) {
  /* line 636, ../../_src/scss/components/_page_pricing_2017.scss */
  table.pricing-table th[scope="row"] {
    padding-left: 40px;
  }
}
/* line 651, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table th[scope="row"], .pricing-enterprise table.pricing-table th[scope="row"] {
  width: 50%;
}
/* line 657, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-search {
  padding: 0;
  position: relative;
}
/* line 662, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-level {
  width: 25%;
  box-sizing: border-box;
  padding-top: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  font-weight: 600;
  text-align: center;
  border-left: 1px solid #e9e9e9;
}
/* line 673, ../../_src/scss/components/_page_pricing_2017.scss */
.pricing-new table.pricing-table .col-level, .pricing-enterprise table.pricing-table .col-level {
  width: 50%;
  border-right: 1px solid #e9e9e9;
}
/* line 679, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .col-level p {
  font-size: 14px;
  color: #8D8D8D;
  margin-bottom: 20px;
}
/* line 687, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck {
  position: fixed;
  top: 80px;
  width: 1440px;
  background: #37dbab;
  height: 152px;
  z-index: 10;
}
/* line 695, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck h3.price {
  color: #fff;
  margin-bottom: 0;
}
/* line 699, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck h3.price span.mo {
  color: rgba(255, 255, 255, 0.6);
}
/* line 704, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck button.button-signup {
  padding-top: 0;
}
/* line 708, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead.stuck .col-search {
  width: 360px;
  background: rgba(255, 255, 255, 0.6);
}
/* line 715, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
/* line 719, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:not(.pricing-table-section):hover {
  background-color: rgba(55, 219, 171, 0.2);
}
/* line 722, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:not(.pricing-table-section):hover .active-no {
  border: 2px solid #fff;
}
/* line 727, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:first-child td,
table.pricing-table tbody tr:first-child th {
  padding-top: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 727, ../../_src/scss/components/_page_pricing_2017.scss */
  table.pricing-table tbody tr:first-child td,
  table.pricing-table tbody tr:first-child th {
    padding-top: 40px;
  }
}
/* line 736, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr:last-child td,
table.pricing-table tbody tr:last-child th {
  padding-bottom: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 736, ../../_src/scss/components/_page_pricing_2017.scss */
  table.pricing-table tbody tr:last-child td,
  table.pricing-table tbody tr:last-child th {
    padding-bottom: 40px;
  }
}
/* line 745, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tbody tr.empty-last-row td,
table.pricing-table tbody tr.empty-last-row th {
  height: 0;
  padding-top: 0;
  padding-bottom: 02px;
}
@media only screen and (min-width: 64.063em) {
  /* line 745, ../../_src/scss/components/_page_pricing_2017.scss */
  table.pricing-table tbody tr.empty-last-row td,
  table.pricing-table tbody tr.empty-last-row th {
    padding-bottom: 22px;
  }
}
/* line 757, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table .pricing-table-section {
  /*border-bottom: 1px solid #e9e9e9;*/
}
/* line 761, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table thead {
  background: transparent;
}
/* line 765, ../../_src/scss/components/_page_pricing_2017.scss */
table.pricing-table tr.even, table.pricing-table table tr.alt,
table.pricing-table tr:nth-of-type(even) {
  background-color: transparent;
}

/* line 772, ../../_src/scss/components/_page_pricing_2017.scss */
.hidden-element {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 783, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
}
/* line 787, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper::after {
  display: block;
  content: '';
  clear: both;
}
/* line 793, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .js-marketing-lightbox {
  cursor: pointer;
}
/* line 797, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper span.has-info {
  border-bottom: 1px dashed rgba(55, 219, 171, 0.6);
  transition: border-bottom 300ms ease;
}
/* line 801, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper span.has-info:hover {
  border-bottom: 1px solid rgba(55, 219, 171, 0.9);
}
/* line 806, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip {
  position: absolute;
  z-index: 1;
  display: none;
  opacity: 0;
  padding: 10px;
  width: 200px;
  background: rgba(84, 84, 84, 0.8);
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-clip: padding-box;
  transition: opacity 500ms ease-in-out;
}
/* line 822, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-right {
  top: 0;
  right: -220px;
  text-align: left;
}
/* line 827, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-right::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid rgba(84, 84, 84, 0.8);
  position: absolute;
  left: -4px;
  top: 7px;
}
/* line 840, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-bottom {
  bottom: auto;
  top: 30px;
  left: calc(50% - 100px);
  text-align: center;
}
/* line 846, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper .tooltip.tooltip-bottom::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(84, 84, 84, 0.8);
  position: absolute;
  left: calc(50% - 2px);
  top: -4px;
}
/* line 861, ../../_src/scss/components/_page_pricing_2017.scss */
.tooltip-wrapper.active .tooltip {
  opacity: 1;
  display: block;
  position: absolute;
}
/* line 868, ../../_src/scss/components/_page_pricing_2017.scss */
.feature-title .tooltip-wrapper {
  border-bottom: 1px dashed rgba(55, 219, 171, 0.6);
  transition: border-bottom 300ms ease;
}
/* line 872, ../../_src/scss/components/_page_pricing_2017.scss */
.feature-title .tooltip-wrapper:hover {
  border-bottom: 1px solid rgba(55, 219, 171, 0.9);
}

/* line 878, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price {
  display: inline-block;
  position: relative;
  font-size: 48px;
  font-weight: bold;
  color: #333333;
  font-weight: 600;
  margin-bottom: 10px;
}
/* line 887, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price sup.cents {
  font-size: 13px;
  display: block;
  position: absolute;
  top: 17px;
  right: -22px;
  font-weight: bold;
}
/* line 896, ../../_src/scss/components/_page_pricing_2017.scss */
h3.price span.mo {
  font-size: 12px;
  line-height: 1em;
  display: block;
  position: absolute;
  bottom: 12px;
  right: -27px;
  font-weight: bold;
  color: #cccccc;
}

/* line 908, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes,
.active-no {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #e9e9e9;
  background: transparent;
  display: inline-block;
  text-align: center;
  line-height: 13px;
  transition: border 300ms ease;
}

/* line 921, ../../_src/scss/components/_page_pricing_2017.scss */
.active-no {
  overflow: hidden;
  text-indent: -9999px;
}

/* line 926, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes {
  border: 2px solid #37dbab;
  background: rgba(55, 219, 171, 0.3);
}

/* line 931, ../../_src/scss/components/_page_pricing_2017.scss */
.active-yes svg path {
  fill: #37dbab;
}

/* line 935, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table {
  display: none;
}
/* line 938, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .content {
  max-width: 600px;
  height: calc(100vh - 80px);
  position: fixed;
  background: #fff;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 9999;
  width: 100%;
  border-radius: 20px;
  padding: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 938, ../../_src/scss/components/_page_pricing_2017.scss */
  #lightbox-marketing-table .content {
    height: calc(100vh - 300px);
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
  }
}
/* line 961, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-headline {
  height: 60px;
  position: relative;
}
/* line 965, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-headline .close-button {
  cursor: pointer;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 32px;
  height: 32px;
  font-weight: bold;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: -30px;
  right: -30px;
}
/* line 980, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper {
  width: 100%;
  height: calc(100% - 60px);
  border-radius: 10px;
  overflow-y: scroll;
}
/* line 986, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table {
  width: 100%;
  border: 0;
  margin-bottom: 0;
}
/* line 1063, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price {
  text-align: right;
}
/* line 1066, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price .currency {
  display: inline-block;
  padding-right: 2px;
}
/* line 1071, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper table .col-price .included {
  opacity: 0.6;
}
/* line 1079, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .large,
#lightbox-marketing-table .marketing-table-wrapper.price-small .col-price .enterprise {
  display: none;
}
/* line 1089, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .large,
#lightbox-marketing-table .marketing-table-wrapper.price-medium .col-price .enterprise {
  display: none;
}
/* line 1099, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-large .col-price .enterprise {
  display: none;
}
/* line 1109, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .small,
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .medium,
#lightbox-marketing-table .marketing-table-wrapper.price-enterprise .col-price .large {
  display: none;
}
/* line 1118, ../../_src/scss/components/_page_pricing_2017.scss */
#lightbox-marketing-table .lightbox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 52, 64, 0.8);
  text-align: center;
  z-index: 999;
  padding-top: 0;
  display: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}

/* line 2, ../../_src/scss/components/_page_help.scss */
.help .banner {
  background: url("../imgs/2023-ultracart-support-banner-1.jpg");
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #121216;
}
/* line 10, ../../_src/scss/components/_page_help.scss */
.help .banner.overlay::after {
  width: 100%;
  background: rgba(18, 18, 22, 0.75);
  backdrop-filter: grayscale(75%) blur(2px);
}
@media only screen and (min-width: 40.063em) {
  /* line 10, ../../_src/scss/components/_page_help.scss */
  .help .banner.overlay::after {
    backdrop-filter: grayscale(100%) blur(5px);
  }
}
/* line 21, ../../_src/scss/components/_page_help.scss */
.help .banner p {
  line-height: 1.75em;
}
/* line 25, ../../_src/scss/components/_page_help.scss */
.help .banner h1 {
  font-size: 1.5rem;
  margin-bottom: 40px;
}
/* line 38, ../../_src/scss/components/_page_help.scss */
.help p a {
  color: #51b35a;
}
/* line 41, ../../_src/scss/components/_page_help.scss */
.help p a.button {
  color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_help.scss */
.help .row-docs-links {
  border-top: 1px solid #e8e8e8;
}
/* line 50, ../../_src/scss/components/_page_help.scss */
.help .row-docs-links .button.support {
  width: 100%;
}
/* line 55, ../../_src/scss/components/_page_help.scss */
.help .dropdown-label {
  color: #8d8d8d;
  margin-top: 20px;
  display: inline-block;
  font-size: 14px;
}
/* line 62, ../../_src/scss/components/_page_help.scss */
.help .contact-method {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
  font-size: 14px;
}
/* line 68, ../../_src/scss/components/_page_help.scss */
.help .contact-method a {
  color: #51b35a;
}
/* line 73, ../../_src/scss/components/_page_help.scss */
.help .contact-method::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
/* line 83, ../../_src/scss/components/_page_help.scss */
.help .contact-method {
  color: #5e5e5e;
}
/* line 87, ../../_src/scss/components/_page_help.scss */
.help .contact-method.mail::before {
  background-image: url("https://www.ultracart.com/images/icon-contact-email.png");
}
/* line 91, ../../_src/scss/components/_page_help.scss */
.help .contact-method.phone::before {
  background-image: url("https://www.ultracart.com/images/icon-contact-phone.png");
}
/* line 95, ../../_src/scss/components/_page_help.scss */
.help .contact-method.skype::before {
  background-image: url("https://www.ultracart.com/images/icon-contact-skype.png");
}
/* line 99, ../../_src/scss/components/_page_help.scss */
.help .section-proservices::after {
  backdrop-filter: blur(4px);
}
/* line 106, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-category {
  margin-bottom: 40px;
}
/* line 109, ../../_src/scss/components/_page_help.scss */
.help .section-faq .faq-category::after {
  content: '';
  display: block;
  clear: both;
}

/* line 2, ../../_src/scss/components/_page_help_faq.scss */
body.faq .banner {
  background-image: url(../imgs/banner-docs.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #66d670;
}
/* line 9, ../../_src/scss/components/_page_help_faq.scss */
body.faq .banner.overlay::after {
  width: 100%;
  background: rgba(81, 179, 90, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(81, 179, 90, 0.8) 25%, rgba(81, 179, 90, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-green-alt', endColorstr='$color-green-alt',GradientType=1 );
  /* IE6-9 */
}
/* line 21, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points {
  list-style: none;
  margin-left: 0;
}
/* line 25, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points li {
  margin-bottom: 20px;
}
/* line 28, ../../_src/scss/components/_page_help_faq.scss */
body.faq .points li a {
  display: inline-block;
  background: #51b35a;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
}

/* line 3, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .banner {
  background-image: url(../imgs/home-2025/ultracart-support-pro-services-ecommerce-buildout.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #66d670;
}
/* line 10, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .banner.overlay::after {
  width: 100%;
  background: rgba(34, 112, 87, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 112, 87, 0.8) 25%, rgba(34, 112, 87, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-v2-alt-green-10', endColorstr='$color-green-alt',GradientType=1 );
  /* IE6-9 */
}
/* line 28, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .button-container {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
/* line 33, ../../_src/scss/components/_page_help_proservices.scss */
.help.proservices .button-container .button-signup {
  width: 100%;
}
/* line 39, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category {
  border-top: 1px solid #e8e8e8;
  padding-top: 40px;
  clear: both;
  position: relative;
}
@media only screen and (min-width: 40.063em) {
  /* line 39, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category {
    margin-top: 20px;
  }
  /* line 48, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category::before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 1px;
    left: -40px;
    top: -1px;
    background: #e8e8e8;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 39, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category {
    margin-top: 40px;
  }
  /* line 63, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category::before {
    width: 80px;
    left: -80px;
  }
}
/* line 70, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category:first-of-type {
  border-top: none;
  padding-top: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 70, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category:first-of-type {
    margin-top: 0;
  }
  /* line 77, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category:first-of-type::before {
    background: transparent;
  }
}
/* line 83, ../../_src/scss/components/_page_help_proservices.scss */
.help .service-category.row {
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 90, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service-category .service-description {
    min-height: 400px;
  }
}
/* line 97, ../../_src/scss/components/_page_help_proservices.scss */
.help .service {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 97, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service {
    margin-bottom: 40px;
  }
}
/* line 108, ../../_src/scss/components/_page_help_proservices.scss */
.help .service p {
  color: #8d8d8d;
}
@media only screen and (min-width: 64.063em) {
  /* line 112, ../../_src/scss/components/_page_help_proservices.scss */
  .help .service.centered {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
  }
}

/* line 3, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner {
  background: url("../imgs/pp-credit-banner.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 400px;
  position: relative;
}
/* line 11, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner.overlay::after {
  width: 100%;
  background: rgba(1, 26, 84, 0.6);
}
@media only screen and (min-width: 64.063em) {
  /* line 11, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .banner.overlay::after {
    background: rgba(1, 26, 84, 0.6);
    background: linear-gradient(to right, rgba(1, 26, 84, 0.6) 35%, rgba(1, 26, 84, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-paypal-dark,10%)', endColorstr='darken($color-brand-paypal-dark,10%)',GradientType=1 );
  }
}
/* line 25, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .row {
  position: relative;
}
/* line 28, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .row .columns {
  margin-bottom: 120px;
  z-index: 100;
}
/* line 34, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner h2 {
  padding-top: 40px;
  margin: 0 0 20px 0;
  text-align: left;
  font-size: 28px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 42, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner p:last-of-type:first-of-type {
  font-size: 18px;
  margin-bottom: 40px;
  color: #ffffff;
}
/* line 47, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner p:last-of-type:first-of-type a {
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .banner .screens {
  display: none;
  width: 580px;
  height: 320px;
  position: absolute;
  right: 0px;
  bottom: 130px;
  background: url("../imgs/pp-credit-banner-screens.png");
  background-size: contain;
  background-position: center center;
  background-repeat: none;
  z-index: 100;
}
@media only screen and (min-width: 64.063em) {
  /* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .banner .screens {
    display: block;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 53, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .banner .screens {
    right: 190px;
  }
}
/* line 76, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit ul {
  list-style: none;
}
/* line 80, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit p {
  color: #5e5e5e;
}
/* line 84, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro {
  text-align: center;
  margin-bottom: 40px;
  display: block;
}
/* line 89, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro p {
  color: #8d8d8d;
}
@media only screen and (min-width: 64.063em) {
  /* line 84, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .section-intro {
    margin-bottom: 80px;
  }
}
/* line 97, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .uc-paypal {
  text-align: center;
  margin: 0 0 60px 0;
}
/* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction {
  margin-bottom: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .section-intro .introduction {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 102, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .section-intro .introduction {
    margin-bottom: 120px;
  }
}
/* line 113, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction p {
  font-size: 16px;
  line-height: 1.4em;
}
@media only screen and (min-width: 64.063em) {
  /* line 113, ../../_src/scss/components/_page_paypal_credit.scss */
  .paypal-credit .section-intro .introduction p {
    font-size: 18px;
    line-height: 1.8em;
  }
}
/* line 123, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .introduction a {
  text-decoration: underline;
  color: #022986;
}
/* line 129, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .list-item {
  margin-bottom: 20px;
}
/* line 132, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section-intro .list-item .icon {
  width: 96px;
  height: 96px;
  margin: 0 auto 20px auto;
}
/* line 143, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3,
.paypal-credit .pp-how h3 {
  display: block;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  font-size: 24px;
  background: rgba(50, 165, 204, 0.4);
  text-shadow: 1px 1px 0 rgba(50, 165, 204, 0.3);
  color: #fff;
  padding: 4px 8px;
  line-height: 40px;
  z-index: 10;
}
/* line 157, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3 span,
.paypal-credit .pp-how h3 span {
  position: relative;
  z-index: 10;
}
/* line 162, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help h3::after,
.paypal-credit .pp-how h3::after {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  bottom: -5px;
  right: -5px;
  background: rgba(50, 165, 204, 0.4);
  z-index: 1;
}
/* line 174, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help p,
.paypal-credit .pp-how p {
  line-height: 1.8;
}
/* line 180, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .list-item h3 {
  font-size: 18px;
  margin-bottom: 20px;
  color: rgba(50, 165, 204, 0.8);
}
/* line 186, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .list-item p {
  font-size: 14px;
}
/* line 192, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item {
  text-align: center;
}
/* line 195, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item img {
  margin-bottom: 20px;
}
/* line 199, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-where .list-item h3 {
  text-align: center;
  font-size: 24px;
}
/* line 206, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) {
  padding-top: 0;
  padding-bottom: 40px;
  background: #f4f4f4;
}
/* line 211, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .row {
  margin-top: 0;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
/* line 217, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .row.footnotes {
  margin-bottom: 0;
}
/* line 222, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 40px;
  margin-top: 0;
  font-size: 37px;
  text-shadow: 2px 2px 0 rgba(50, 165, 204, 0.2);
}
/* line 230, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) h2::before {
  display: block;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -10px;
  width: 100px;
  height: 2px;
  background: rgba(255, 138, 33, 0.4);
}
/* line 242, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item {
  padding: 0 20px;
}
/* line 245, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item p {
  font-size: 14px;
}
/* line 249, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .list-item:nth-of-type(1) {
  padding: 0 20px 0 0;
}
/* line 254, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .pp-what h2 {
  margin-top: 0;
}
/* line 258, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .pp-how .pp-example {
  width: 100%;
  /*height: 160px;*/
  text-align: center;
  background: rgba(50, 165, 204, 0.2);
  margin: 30px 30px 30px 0;
  padding: 10px;
  border: 1px dashed #78c2dc;
}
/* line 268, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px 30px;
  position: relative;
  display: block;
  z-index: 2;
}
/* line 276, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  bottom: 5px;
  left: -5px;
  right: 5px;
  background: rgba(50, 165, 204, 0.4);
  z-index: 1;
}
/* line 288, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: -5px;
  left: 5px;
  right: -5px;
  background: rgba(255, 138, 33, 0.4);
  z-index: 1;
}
/* line 300, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .section:not(.section-intro) .highlight p {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  color: #ffffff;
  font-size: 24px;
  font-weight: 100;
  z-index: 2;
}
/* line 314, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help p {
  min-height: 60px;
}
/* line 318, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help .footnotes {
  border-top: none;
  padding-top: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 324, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-help .footnotes p {
  color: #999;
}
/* line 332, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-why .footnotes {
  border-top: none;
  padding-top: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 338, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .pp-why .footnotes p {
  color: #999;
}
/* line 344, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #ffffff;
}
/* line 349, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand {
  cursor: pointer;
  position: relative;
}
/* line 353, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand h2 {
  color: rgba(50, 165, 204, 0.4);
  transition: color 0.5s ease;
}
/* line 360, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand.expanded::after {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 364, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand.expanded h2 {
  color: rgba(50, 165, 204, 0.8);
}
/* line 369, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  left: 115px;
  top: 0;
  background: rgba(255, 138, 33, 0.4);
  z-index: 1;
}
/* line 382, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand::after {
  content: "+";
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  left: 110px;
  top: -5px;
  background: rgba(50, 165, 204, 0.4);
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  z-index: 2;
  transition: transform 0.5s ease;
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}
/* line 401, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq #faq-expand:hover::after {
  -ms-transform: rotate(15deg);
      transform: rotate(15deg);
}
/* line 406, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
/* line 411, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul li {
  padding-top: 40px;
}
/* line 414, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq ul li p {
  color: #999;
}
/* line 420, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq.section:not(.section-intro) .row.footnotes {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid rgba(50, 165, 204, 0.4);
}
/* line 427, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .faq-list {
  list-style: none;
  margin-left: 0;
}
/* line 434, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes.row {
  padding-left: 0;
  padding-right: 0;
}
/* line 439, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p {
  font-size: 12px;
}
/* line 442, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p:last-of-type {
  margin-bottom: 0;
}
/* line 445, ../../_src/scss/components/_page_paypal_credit.scss */
.paypal-credit .footnotes p:last-of-type:first-of-type {
  margin-bottom: 0;
}

/* line 2, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic {
  background-color: #0A0A0A;
  color: white;
}
/* line 6, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h1,
.paypal.agentic h2,
.paypal.agentic h3,
.paypal.agentic h4 {
  color: #ffffff;
  font-weight: 200;
}
/* line 14, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h1 {
  font-size: 3rem;
}
/* line 18, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h2 {
  font-size: 1.75rem;
}
/* line 22, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic h4 {
  font-size: 1.5rem;
}
/* line 26, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic #system {
  background-color: #0A0A0A;
  color: #ffffff;
}
/* line 31, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner {
  background-size: auto;
  background-repeat: repeat;
  background-color: #0A0A0A;
  border-bottom: 1px solid #222222;
}
/* line 37, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner canvas#dots {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.5;
}
/* line 49, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner #ui,
.paypal.agentic .banner #info,
.paypal.agentic .banner #testOutput {
  display: none;
}
/* line 63, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::after {
  width: 100%;
  background: rgba(10, 10, 10, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 63, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .banner.overlay::after {
    background: linear-gradient(to left, rgba(122, 71, 10, 0.4) 25%, rgba(122, 71, 10, 0) 100%);
  }
}
/* line 72, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner.overlay::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 2;
  mix-blend-mode: overlay;
  pointer-events: none;
}
@media only screen and (min-width: 64.063em) {
  /* line 72, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .banner.overlay::before {
    background: linear-gradient(to bottom right, #FFF 0%, transparent 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, #FFF 0%, transparent 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, #FFF 0%, transparent 50%) top left/50% 50% no-repeat, linear-gradient(to top right, #FFF 0%, transparent 50%) top right/50% 50% no-repeat;
  }
}
/* line 94, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 94, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .banner .row .columns::before {
    display: block;
  }
}
/* line 114, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .api-code {
  position: absolute;
  top: 120px;
  right: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
  mix-blend-mode: screen;
}
/* line 125, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .banner .api-code code {
  border: none;
  background-color: transparent;
  line-height: 1.8;
}
/* line 133, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro {
  background-color: #0A0A0A;
  color: #ffffff;
  border: 1px solid #333333;
}
/* line 138, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro p {
  font-size: 1.25rem;
  line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
  /* line 133, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-intro {
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
  }
  /* line 149, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-intro::before {
    content: '';
    width: 40%;
    height: 100%;
    position: absolute;
    right: 0;
    top: -120px;
    background-image: url(../imgs/2025/ultracart-api-checkout-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
/* line 163, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-intro .button {
  background-color: #57a3cf;
}
/* line 168, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk {
  backdrop-filter: blur(1.5px);
  background-color: transparent;
  color: #ffffff;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
/* line 176, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk h2 {
  margin-bottom: 20px;
}
/* line 180, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk p {
  margin-bottom: 10px;
}
/* line 184, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .button {
  background-color: #57a3cf;
  margin-top: 40px;
}
/* line 189, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .api-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 40px;
}
/* line 195, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .api-list .api-language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 206, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .api-list .api-language span {
  color: white;
}
/* line 210, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .api-list .api-language:hover {
  background-color: #61b6e6;
}
/* line 216, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .quickstart-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 222, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .quickstart-list .quickstart-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 233, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .quickstart-list .quickstart-item span {
  color: white;
}
/* line 237, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .quickstart-list .quickstart-item:hover {
  background-color: #61b6e6;
}
/* line 243, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .usecase-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 249, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .usecase-list .usecase-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
}
/* line 258, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .usecase-list .usecase-item h3 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 400;
}
/* line 264, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .usecase-list .usecase-item .api-event-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 272, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-sdk .usecase-list .usecase-item .api-event-list li {
  font-family: monospace;
  background-color: #333333;
  padding: 10px 20px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.75rem;
  margin: 0;
}
/* line 286, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights {
  padding-bottom: 80px;
}
/* line 289, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .row {
  padding-top: 120px;
}
/* line 292, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .row:first-child {
  padding-top: 240px;
}
/* line 297, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 302, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 302, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 310, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #333333;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 310, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 310, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 310, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 335, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
}
/* line 339, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights h3:not(:first-of-type) {
  margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 339, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights h3:not(:first-of-type) {
    margin-top: 16px;
  }
}
/* line 348, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights ul {
  margin-bottom: 32px;
}
/* line 352, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #DAA43A;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 359, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights a:not(:last-child) {
  margin-bottom: 16px;
}
/* line 363, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights a span {
  font-weight: 600;
}
/* line 367, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights a:hover {
  color: #B86B10;
  gap: 12px;
}
/* line 372, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights a svg path {
  stroke: #DAA43A;
}
/* line 377, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .accent_color {
  color: #DAA43A;
}
/* line 381, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 381, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 381, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 395, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 400, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 400, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 420px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 400, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 540px;
  }
}
/* line 415, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 420, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 425, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 10%;
  width: calc(100% + 16px);
  left: -8px;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
  /* line 425, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
    top: 240px;
  }
}
/* line 441, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 453, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 453, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
    top: 64px;
  }
}
/* line 463, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
/* line 468, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 477, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-api-highlights .highlight-wrapper svg text {
  font-family: monospace, sans-serif;
}
/* line 483, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #343440;
  color: #ffffff;
}
/* line 490, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth h2, .paypal.agentic .section-auth h3, .paypal.agentic .section-auth h4, .paypal.agentic .section-auth p {
  color: #ffffff;
}
/* line 493, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth h2 a, .paypal.agentic .section-auth h3 a, .paypal.agentic .section-auth h4 a, .paypal.agentic .section-auth p a {
  color: #ffffff;
  text-decoration: underline;
}
/* line 499, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth .button {
  background-color: transparent;
  border: 1px solid #ffffff;
}
/* line 503, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-auth .button:hover {
  background-color: #ffffff;
  color: #343440;
}
/* line 511, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-webhooks p:last-of-type {
  margin-bottom: 40px;
}
/* line 515, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-webhooks .logo-webhook {
  display: inline-block;
  max-width: 150px;
  margin-bottom: 20px;
  fill: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 515, ../../_src/scss/components/_page_paypal_agentic.scss */
  .paypal.agentic .section-webhooks .logo-webhook {
    max-width: none;
  }
}
/* line 527, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github {
  background-image: url(../imgs/banner-api-cubes-dark.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #e8e8e8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/* line 535, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .github-logo {
  display: inline-block;
  width: 100px;
}
/* line 540, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .button {
  width: 100%;
}
/* line 543, ../../_src/scss/components/_page_paypal_agentic.scss */
.paypal.agentic .section-github .button.outline {
  border: 1px solid #333333;
  color: #333333;
}

/* line 2, ../../_src/scss/components/_page_paypal.scss */
.paypal .banner {
  background: url("../imgs/banner-payment.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 400px;
  position: relative;
}
/* line 10, ../../_src/scss/components/_page_paypal.scss */
.paypal .banner.overlay::after {
  width: 100%;
  background: rgba(1, 26, 84, 0.6);
}
@media only screen and (min-width: 64.063em) {
  /* line 10, ../../_src/scss/components/_page_paypal.scss */
  .paypal .banner.overlay::after {
    background: rgba(1, 26, 84, 0.6);
    background: linear-gradient(to right, rgba(1, 26, 84, 0.6) 35%, rgba(1, 26, 84, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-brand-paypal-dark,10%)', endColorstr='darken($color-brand-paypal-dark,10%)',GradientType=1 );
  }
}
/* line 25, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign {
  width: 160px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
/* line 31, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign .outline,
.paypal #paypal-sign .fill {
  fill: #0099de;
}
/* line 36, ../../_src/scss/components/_page_paypal.scss */
.paypal #paypal-sign .fill {
  opacity: 0.3;
  isolation: isolate;
}
/* line 43, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .button {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
}
/* line 48, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .button strong {
  font-size: 24px;
}
@media only screen and (min-width: 64.063em) {
  /* line 48, ../../_src/scss/components/_page_paypal.scss */
  .paypal .section-intro .button strong {
    font-size: 40px;
  }
}
/* line 59, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .paypal-cert img {
  margin-right: 40px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 59, ../../_src/scss/components/_page_paypal.scss */
  .paypal .section-intro .paypal-cert img {
    margin-bottom: 0;
  }
}
/* line 68, ../../_src/scss/components/_page_paypal.scss */
.paypal .section-intro .paypal-cert p {
  color: #5e5e5e;
}
/* line 74, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
  /* line 74, ../../_src/scss/components/_page_paypal.scss */
  .paypal .getting-started {
    padding-left: 160px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 86, ../../_src/scss/components/_page_paypal.scss */
  .paypal .getting-started.step-1 {
    background-image: url(../imgs/paypal-step-1-background.jpg);
    background-position: top bottom;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 94, ../../_src/scss/components/_page_paypal.scss */
  .paypal .getting-started.step-2 {
    background-image: url(../imgs/paypal-step-2-background.jpg);
    background-position: top left;
    background-repeat: no-repeat;
  }
}
/* line 102, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started h5 {
  color: #5e5e5e;
}
/* line 106, ../../_src/scss/components/_page_paypal.scss */
.paypal .getting-started p {
  font-size: 14px;
}

/* line 113, ../../_src/scss/components/_page_paypal.scss */
.payment-pp-content-wrapper .flex-row {
  padding-left: 0;
  padding-right: 0;
}

/* line 3, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner {
  background-image: url("../imgs/amazon-pay-banner-1.jpg");
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #333333;
}
@media only screen and (min-width: 64.063em) {
  /* line 3, ../../_src/scss/components/_page_amazon_payments.scss */
  .amazon-payments .banner {
    min-height: 380px;
  }
}
/* line 15, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner.overlay::after {
  width: 100%;
  background: rgba(51, 51, 51, 0.6);
}
@media only screen and (min-width: 64.063em) {
  /* line 15, ../../_src/scss/components/_page_amazon_payments.scss */
  .amazon-payments .banner.overlay::after {
    background: rgba(51, 51, 51, 0.6);
    background: linear-gradient(to right, rgba(51, 51, 51, 0.6) 35%, rgba(51, 51, 51, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($color-grey-8,10%)', endColorstr='darken($color-grey-8,10%)',GradientType=1 );
  }
}
/* line 29, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner span {
  color: #FF9900;
}
/* line 33, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner h1 {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
  text-indent: -99999999px;
}
@media only screen and (min-width: 40.063em) {
  /* line 43, ../../_src/scss/components/_page_amazon_payments.scss */
  .amazon-payments .banner .logo {
    margin-top: -60px;
  }
}
/* line 49, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner p:last-of-type:first-of-type {
  font-size: 18px;
  margin-bottom: 40px;
  color: #ffffff;
}
/* line 54, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .banner p:last-of-type:first-of-type a {
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/* line 62, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-getting-started .button {
  width: 100%;
}
/* line 67, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer {
  background: #5e5e5e;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #5e5e5e 0%, #333333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-6', endColorstr='$color-grey-8',GradientType=0 );
  /* IE6-9 */
}
/* line 74, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer p {
  margin-bottom: 40px;
}
/* line 77, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer p:last-child {
  margin-bottom: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 77, ../../_src/scss/components/_page_amazon_payments.scss */
  .amazon-payments .section-customer p:last-child {
    margin-bottom: 0;
  }
}
/* line 86, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h2 {
  color: #FF9900;
}
/* line 90, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h4 {
  color: #cccccc;
}
/* line 94, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer h5, .amazon-payments .section-customer p {
  color: #e8e8e8;
}
/* line 98, ../../_src/scss/components/_page_amazon_payments.scss */
.amazon-payments .section-customer .button {
  margin-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
  /* line 98, ../../_src/scss/components/_page_amazon_payments.scss */
  .amazon-payments .section-customer .button {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

/* line 2, ../../_src/scss/components/_page_branding.scss */
body.branding .banner {
  background-color: #222222;
}
/* line 6, ../../_src/scss/components/_page_branding.scss */
body.branding .logo-container {
  display: block;
  text-align: center;
  padding: 40px;
  border: 1px solid #cccccc;
  background: #f4f4f4;
  margin-bottom: 70px;
  border-radius: 5px;
}
/* line 15, ../../_src/scss/components/_page_branding.scss */
body.branding .logo-container img {
  display: block;
  margin: 0 auto 45px auto;
}

/* line 3, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .banner {
  background-color: #66d670;
}
/* line 7, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .section-info {
  margin-bottom: 40px;
}
/* line 11, ../../_src/scss/components/_page_quickbooks.scss */
body.quickbooks .points li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 2, ../../_src/scss/components/_page_articles.scss */
  body.articles .articles_new {
    gap: 80px;
  }
}
/* line 13, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new h2 {
  font-size: 36px;
}
/* line 17, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new h3 {
  font-size: 18px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}
/* line 24, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new a p, body.articles .articles_new a span, body.articles .articles_new a div {
  color: #333;
}
/* line 28, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new a a {
  color: #61b6e6;
}
/* line 33, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .blog-post-date {
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
/* line 39, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 39, ../../_src/scss/components/_page_articles.scss */
  body.articles .articles_new .articles_intro_wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 50, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
}
/* line 54, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .featured-post-img {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  margin-bottom: 16px;
  box-shadow: 0 0 0 transparent;
  border: 1px solid transparent;
  transition: all 0.3s;
}
/* line 66, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .featured-post-img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 77, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper p {
  margin-bottom: 8px;
}
/* line 81, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper .read-more {
  font-weight: bold;
  transition: all 0.3s ease;
}
/* line 87, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover .featured-post-img {
  border: 1px solid #fff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
  -ms-transform: scale(1.02);
      transform: scale(1.02);
}
/* line 93, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover h3 {
  color: #61b6e6;
}
/* line 97, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_latest_wrapper a:hover .read-more {
  color: #61b6e6;
}
/* line 102, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper {
  -ms-flex: 0 0 420px;
      flex: 0 0 420px;
}
/* line 105, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
/* line 111, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post {
  width: 100%;
}
/* line 114, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post:not(last-child) {
  margin-bottom: 16px;
}
/* line 118, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post h3.blog-post-title {
  margin-bottom: 4px;
  margin-top: 4px;
  transition: all 0.3s ease;
}
/* line 124, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.65;
}
/* line 131, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_intro_wrapper .articles_updates_wrapper .articles_update_post:hover h3.blog-post-title {
  color: #61b6e6;
}
/* line 139, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper {
  width: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
/* line 144, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 144, ../../_src/scss/components/_page_articles.scss */
  body.articles .articles_new .articles_popular_wrapper .articles_popular_list {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 32px;
  }
}
/* line 155, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post {
  width: 100%;
}
/* line 158, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post .popular-post-img {
  width: 100%;
  height: 160px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 8px;
  margin-bottom: 16px;
  box-shadow: 0 0 0 transparent;
  border: 1px solid transparent;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
/* line 172, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post .popular-post-img video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 184, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post h3 {
  font-size: 18px;
  transition: all 0.3s ease;
}
/* line 190, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post:hover .popular-post-img {
  border: 1px solid #fff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
  -ms-transform: scale(1.02);
      transform: scale(1.02);
}
/* line 196, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_popular_wrapper .articles_popular_post:hover h3 {
  color: #61b6e6;
}
/* line 203, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post {
  width: 100%;
}
/* line 206, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post:not(last-child) {
  margin-bottom: 16px;
}
/* line 210, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post h3.blog-post-title {
  margin-bottom: 4px;
  margin-top: 4px;
  transition: all 0.3s ease;
}
/* line 216, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.65;
}
/* line 221, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post p:empty {
  display: none;
}
/* line 227, ../../_src/scss/components/_page_articles.scss */
body.articles .articles_new .articles_remaining_post:hover h3.blog-post-title {
  color: #61b6e6;
}
/* line 234, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 239, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
@media only screen and (min-width: 40.063em) {
  /* line 239, ../../_src/scss/components/_page_articles.scss */
  body.articles ul.blog-post-list li {
    width: 50%;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 250, ../../_src/scss/components/_page_articles.scss */
  body.articles ul.blog-post-list li:nth-child(even) {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 256, ../../_src/scss/components/_page_articles.scss */
  body.articles ul.blog-post-list li:nth-child(odd) {
    padding-left: 20px;
  }
}
/* line 264, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type:nth-child(odd) {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
/* line 270, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title {
  display: block;
  background-size: cover;
  background-position: center center;
  min-height: 250px;
  position: relative;
  margin-bottom: 20px;
}
/* line 278, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent 0%, transparent 41%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  z-index: 0;
}
/* line 293, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li:first-of-type .featured-post-title h2 {
  display: block;
  position: absolute;
  margin-bottom: 0;
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 32px;
  color: #ffffff;
  z-index: 1;
}
/* line 307, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li h2 {
  font-size: 24px;
  margin-bottom: 10px;
}
/* line 312, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li h2 a {
  color: #333333;
}
/* line 315, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li .blog-post-excerpt {
  color: #545454;
}
/* line 318, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li .blog-post-excerpt p:last-of-type {
  margin-bottom: 10px;
}
/* line 323, ../../_src/scss/components/_page_articles.scss */
body.articles ul.blog-post-list li sub {
  bottom: 0;
  color: #8d8d8d;
}

/* line 333, ../../_src/scss/components/_page_articles.scss */
body.article .banner {
  background-size: cover;
  background-position: center;
}
/* line 337, ../../_src/scss/components/_page_articles.scss */
body.article .banner a {
  font-family: "Poppins", sans-serif;
  color: rgba(255, 255, 255, 0.6);
}
/* line 342, ../../_src/scss/components/_page_articles.scss */
body.article .banner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 353, ../../_src/scss/components/_page_articles.scss */
body.article h2, body.article h3, body.article h4, body.article h5, body.article p, body.article li {
  color: #303030;
}
/* line 357, ../../_src/scss/components/_page_articles.scss */
body.article .section,
body.article section {
  margin-bottom: 64px;
}
/* line 361, ../../_src/scss/components/_page_articles.scss */
body.article .section p,
body.article .section ul li,
body.article .section ol li,
body.article section p,
body.article section ul li,
body.article section ol li {
  line-height: 1.875em;
}
/* line 368, ../../_src/scss/components/_page_articles.scss */
body.article .section ul li,
body.article section ul li {
  margin-bottom: 16px;
}
/* line 373, ../../_src/scss/components/_page_articles.scss */
body.article .section h4,
body.article section h4 {
  margin-bottom: 0;
}
/* line 377, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem,
body.article .section .solution,
body.article section .problem,
body.article section .solution {
  padding: 10px 16px 16px 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 377, ../../_src/scss/components/_page_articles.scss */
  body.article .section .problem,
  body.article .section .solution,
  body.article section .problem,
  body.article section .solution {
    padding: 20px 32px 32px 32px;
    margin-left: -32px;
    margin-right: -32px;
  }
}
/* line 391, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem p:last-child,
body.article .section .solution p:last-child,
body.article section .problem p:last-child,
body.article section .solution p:last-child {
  margin-bottom: 0;
}
/* line 396, ../../_src/scss/components/_page_articles.scss */
body.article .section .problem,
body.article section .problem {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}
/* line 403, ../../_src/scss/components/_page_articles.scss */
body.article .section .solution,
body.article section .solution {
  background: linear-gradient(165deg, rgba(238, 238, 238, 0.75), transparent);
}
/* line 408, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper,
body.article section .table_wrapper {
  border: 1px solid #CCCCCC;
  border-radius: 8px;
  overflow: hidden;
}
/* line 413, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table,
body.article section .table_wrapper table {
  border-radius: 8px;
  border: none;
  background-color: #FCFCFC;
  box-sizing: border-box;
  margin: 0;
}
/* line 421, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table thead th,
body.article section .table_wrapper table thead th {
  border-bottom: 1px solid #CCCCCC;
}
/* line 427, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr,
body.article section .table_wrapper table tbody tr {
  background-color: transparent;
}
/* line 429, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr td,
body.article section .table_wrapper table tbody tr td {
  background-color: transparent;
  border-bottom: 1px solid #CCCCCC;
}
/* line 435, ../../_src/scss/components/_page_articles.scss */
body.article .section .table_wrapper table tbody tr:last-child td,
body.article section .table_wrapper table tbody tr:last-child td {
  border-bottom: 0;
}
/* line 444, ../../_src/scss/components/_page_articles.scss */
body.article .section .custom_list,
body.article section .custom_list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  list-style: none;
  margin-left: 0;
}
/* line 452, ../../_src/scss/components/_page_articles.scss */
body.article .section .custom_list li,
body.article section .custom_list li {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
}
/* line 463, ../../_src/scss/components/_page_articles.scss */
body.article sub {
  bottom: 0;
  color: #8d8d8d;
}
/* line 468, ../../_src/scss/components/_page_articles.scss */
body.article h2 {
  color: #333333;
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 468, ../../_src/scss/components/_page_articles.scss */
  body.article h2 {
    font-size: 36px;
  }
}
/* line 479, ../../_src/scss/components/_page_articles.scss */
body.article h3 {
  color: #333333;
  font-size: 18px;
  margin-top: 40px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 40.063em) {
  /* line 479, ../../_src/scss/components/_page_articles.scss */
  body.article h3 {
    font-size: 36px;
  }
}
/* line 490, ../../_src/scss/components/_page_articles.scss */
body.article h4 {
  color: #333333;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
@media only screen and (min-width: 40.063em) {
  /* line 490, ../../_src/scss/components/_page_articles.scss */
  body.article h4 {
    font-size: 18px;
  }
}
/* line 501, ../../_src/scss/components/_page_articles.scss */
body.article h5 {
  color: #333333;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}
@media only screen and (min-width: 40.063em) {
  /* line 501, ../../_src/scss/components/_page_articles.scss */
  body.article h5 {
    font-size: 18px;
  }
}
/* line 512, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player {
  display: block;
  width: auto;
  max-width: 640px;
  margin-bottom: 32px;
  margin-top: -60px;
  margin-left: -24px;
  margin-right: -24px;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #e3e3e3;
  padding: 16px 23px;
  border-radius: 32px;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(12px);
}
@media only screen and (min-width: 40.063em) {
  /* line 512, ../../_src/scss/components/_page_articles.scss */
  body.article .uc-audio-player {
    width: 100%;
    margin-top: -120px;
    margin-right: auto;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 512, ../../_src/scss/components/_page_articles.scss */
  body.article .uc-audio-player {
    margin-top: -160px;
  }
}
/* line 537, ../../_src/scss/components/_page_articles.scss */
body.article .uc-audio-player audio {
  width: 100%;
}
/* line 542, ../../_src/scss/components/_page_articles.scss */
body.article .url-string {
  display: inline-block;
  word-break: break-word;
  font-style: italic;
  white-space: pre-wrap;
}
/* line 548, ../../_src/scss/components/_page_articles.scss */
body.article .url-string::after {
  content: "\00a0";
}
/* line 553, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 553, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 40px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 553, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper {
    gap: 80px;
  }
}
/* line 567, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_content_wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
}
/* line 571, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_content_wrapper > p:nth-child(1) {
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (min-width: 40.063em) {
  /* line 571, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper .post_content_wrapper > p:nth-child(1) {
    font-size: 21px;
  }
}
/* line 581, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 581, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper .post_sidebar_wrapper {
    width: 320px;
  }
}
/* line 589, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form {
  position: relative;
  padding: 0;
}
/* line 593, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input {
  margin-bottom: 0;
}
/* line 596, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input label {
  font-weight: 400;
  color: #2d2d2d;
  font-size: 1rem;
}
/* line 604, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text label {
  display: block;
  padding-bottom: 12px;
}
/* line 608, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text input {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 8px;
  letter-spacing: normal;
  color: #0a0a0a;
  font-size: 14px;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
  transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
  margin-bottom: 0;
}
/* line 624, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-text input:focus {
  border: 1px solid #333;
  outline: none;
  box-shadow: 0 0 8px #909090;
  background-color: white;
}
/* line 632, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
/* line 636, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__input-checkbox input {
  margin: 0 10px 0 0;
}
/* line 639, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit {
  background-color: #2d2d2d;
  font-weight: bold;
  color: #FFF;
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 8px;
  font-size: 14px;
  height: 40px;
  border: 0;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media only screen and (min-width: 40.063em) {
  /* line 639, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit {
    width: 100%;
  }
}
/* line 659, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__button-submit:hover {
  background-color: #1f87c2;
}
/* line 663, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__notify {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  font-weight: 700;
  text-align: center;
}
/* line 677, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .post_sidebar_wrapper .list-signup-form .list-signup-form__notify.active {
  display: -ms-flexbox;
  display: flex;
}
/* line 683, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
/* line 692, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a {
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -ms-flex-align: center;
      align-items: center;
  background-color: #2d2d2d;
  color: white;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out;
  background-size: 16px;
  background-position: 8px center;
  background-repeat: no-repeat;
  padding-left: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 692, ../../_src/scss/components/_page_articles.scss */
  body.article .post_wrapper .sidebar_social .social_list > a {
    width: calc(50% - 4px);
  }
}
/* line 711, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a:hover {
  background-color: #61b6e6;
}
/* line 715, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.facebook {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_17_61)"><path d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z" fill="white"/></g><defs><clipPath id="clip0_17_61"><rect width="48" height="48" fill="white"/></clipPath></defs></svg>');
}
/* line 719, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.twitter {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.6526 3.8078H43.3995L28.6594 20.6548L46 43.5797H32.4225L21.7881 29.6759L9.61989 43.5797H2.86886L18.6349 25.56L2 3.8078H15.9222L25.5348 16.5165L36.6526 3.8078ZM34.2846 39.5414H38.0232L13.8908 7.63406H9.87892L34.2846 39.5414Z" fill="white"/></svg>');
}
/* line 723, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.linkedin {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_17_68)"><path d="M44.4469 0H3.54375C1.58437 0 0 1.54688 0 3.45938V44.5312C0 46.4437 1.58437 48 3.54375 48H44.4469C46.4062 48 48 46.4438 48 44.5406V3.45938C48 1.54688 46.4062 0 44.4469 0ZM14.2406 40.9031H7.11563V17.9906H14.2406V40.9031ZM10.6781 14.8688C8.39062 14.8688 6.54375 13.0219 6.54375 10.7437C6.54375 8.46562 8.39062 6.61875 10.6781 6.61875C12.9563 6.61875 14.8031 8.46562 14.8031 10.7437C14.8031 13.0125 12.9563 14.8688 10.6781 14.8688ZM40.9031 40.9031H33.7875V29.7656C33.7875 27.1125 33.7406 23.6906 30.0844 23.6906C26.3812 23.6906 25.8187 26.5875 25.8187 29.5781V40.9031H18.7125V17.9906H25.5375V21.1219H25.6312C26.5781 19.3219 28.9031 17.4188 32.3625 17.4188C39.5719 17.4188 40.9031 22.1625 40.9031 28.3313V40.9031Z" fill="white"/></g><defs><clipPath id="clip0_17_68"><rect width="48" height="48" fill="white"/></clipPath></defs></svg>');
}
/* line 727, ../../_src/scss/components/_page_articles.scss */
body.article .post_wrapper .sidebar_social .social_list > a.youtube {
  background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M47.5219 14.4001C47.5219 14.4001 47.0531 11.0907 45.6094 9.6376C43.7812 7.7251 41.7375 7.71572 40.8 7.60322C34.0875 7.11572 24.0094 7.11572 24.0094 7.11572H23.9906C23.9906 7.11572 13.9125 7.11572 7.2 7.60322C6.2625 7.71572 4.21875 7.7251 2.39062 9.6376C0.946875 11.0907 0.4875 14.4001 0.4875 14.4001C0.4875 14.4001 0 18.2907 0 22.172V25.8095C0 29.6907 0.478125 33.5813 0.478125 33.5813C0.478125 33.5813 0.946875 36.8907 2.38125 38.3438C4.20937 40.2563 6.60938 40.1907 7.67813 40.397C11.5219 40.7626 24 40.8751 24 40.8751C24 40.8751 34.0875 40.8563 40.8 40.3782C41.7375 40.2657 43.7812 40.2563 45.6094 38.3438C47.0531 36.8907 47.5219 33.5813 47.5219 33.5813C47.5219 33.5813 48 29.7001 48 25.8095V22.172C48 18.2907 47.5219 14.4001 47.5219 14.4001ZM19.0406 30.2251V16.7345L32.0062 23.5032L19.0406 30.2251Z" fill="white"/></svg>');
}
/* line 736, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 16px;
  width: calc(100% + 64px);
  background-color: #73DCB3;
  border-radius: 16px;
  border: 2px solid #0A0A0A;
  position: sticky;
  bottom: -16px;
  margin-left: -32px;
  margin-right: -32px;
  margin-top: 32px;
  padding: 18px 18px;
  cursor: pointer;
  transition: bottom 0.3s ease-in-out, background-clor 0.3s ease-in-out;
}
@media only screen and (min-width: 40.063em) {
  /* line 736, ../../_src/scss/components/_page_articles.scss */
  body.article .sticky_sign_up {
    bottom: -22px;
    padding: 28px 32px;
  }
}
/* line 759, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up h2,
body.article .sticky_sign_up h3 {
  color: #2d2d2d;
  transition: color 0.3s ease;
}
/* line 765, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover {
  background-color: #36AA7F;
  bottom: 16px;
}
/* line 770, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover .content_left h2,
body.article .sticky_sign_up:hover .content_left h3 {
  color: white;
}
/* line 778, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up:hover .content_right .sticky_sign_up_button {
  margin-top: -4px;
}
/* line 784, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
/* line 789, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1em;
}
@media only screen and (min-width: 40.063em) {
  /* line 789, ../../_src/scss/components/_page_articles.scss */
  body.article .sticky_sign_up .content_left h2 {
    font-size: 32px;
  }
}
/* line 801, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_left h3 {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (min-width: 40.063em) {
  /* line 801, ../../_src/scss/components/_page_articles.scss */
  body.article .sticky_sign_up .content_left h3 {
    font-size: 18px;
  }
}
/* line 813, ../../_src/scss/components/_page_articles.scss */
body.article .sticky_sign_up .content_right .sticky_sign_up_button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-size: 12px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  background-color: #a1eccb;
  border: 2px solid #0a0a0a;
  color: #0a0a0a;
  padding: 8px 12px;
  border-radius: 20px;
  margin-top: 0;
  transition: margin-top 0.3s ease-in-out;
}
@media only screen and (min-width: 40.063em) {
  /* line 813, ../../_src/scss/components/_page_articles.scss */
  body.article .sticky_sign_up .content_right .sticky_sign_up_button {
    font-size: 16px;
    padding: 16px 24px;
  }
}
/* line 837, ../../_src/scss/components/_page_articles.scss */
body.article .side-by-side-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 837, ../../_src/scss/components/_page_articles.scss */
  body.article .side-by-side-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    margin-bottom: 64px;
  }
}
/* line 851, ../../_src/scss/components/_page_articles.scss */
body.article .user-question {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 8px 16px;
  background-color: #f9f9f9;
  margin-bottom: 16px;
}
/* line 860, ../../_src/scss/components/_page_articles.scss */
body.article .user-question::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 16px;
  bottom: -6px;
  border-radius: 4px;
  background-color: #f9f9f9;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
/* line 875, ../../_src/scss/components/_page_articles.scss */
body.article .article-icon-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
}
/* line 880, ../../_src/scss/components/_page_articles.scss */
body.article .article-icon-list .icon-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}

/* line 3, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box {
  background-color: #ffffff;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
/* line 8, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box .button {
  margin-top: 20px;
}
/* line 12, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box a {
  color: white;
}
/* line 16, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-box img {
  margin-top: 40px;
}
/* line 21, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-login {
  padding-top: 40px;
  background-color: #61b6e6;
}
/* line 26, ../../_src/scss/components/_page_affiliates.scss */
.affiliates .affiliate-signup {
  padding-top: 40px;
  background-color: #efb230;
}
/* line 31, ../../_src/scss/components/_page_affiliates.scss */
.affiliates table {
  margin: 40px auto;
}

/* line 2, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner {
  background-image: url(../imgs/banner-payment.jpg);
  background-size: cover;
  background-position: center center;
  background-color: #222222;
}
@media only screen and (min-width: 40.063em) {
  /* line 2, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .banner {
    min-height: 450px;
  }
}
/* line 13, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner.overlay::after {
  width: 100%;
  background: rgba(34, 34, 34, 0.8);
  /* Old browsers */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(34, 34, 34, 0.8) 25%, rgba(34, 34, 34, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-grey-9', endColorstr='$color-grey-9',GradientType=1 );
  /* IE6-9 */
}
/* line 37, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .banner h1 sub {
  display: block;
  clear: both;
  font-size: 18px;
  font-family: "Poppins";
  opacity: 0.6;
}
/* line 47, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments hr {
  color: #ddd;
  border: solid #ddd;
  border-width: 1px 0 0;
}
/* line 54, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro p:last-of-type:first-of-type {
  margin-bottom: 10px;
}
/* line 58, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .credit-card-icons {
  margin-top: 20px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 64.063em) {
  /* line 58, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-intro .credit-card-icons {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
/* line 73, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro .cc-icons {
  font-size: 36px;
  margin-bottom: 40px;
  color: #8d8d8d;
}
@media only screen and (min-width: 40.063em) {
  /* line 73, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-intro .cc-icons {
    font-size: 42px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 73, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-intro .cc-icons {
    font-size: 56px;
  }
}
/* line 86, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-intro button.button-signup {
  width: 100%;
}
@media only screen and (min-width: 40.063em) {
  /* line 86, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-intro button.button-signup {
    width: auto;
  }
}
/* line 96, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul {
  list-style: none;
  margin: 0;
  padding-left: 20px;
}
/* line 101, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li {
  margin-bottom: 10px;
  position: relative;
}
/* line 105, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(1)::before {
  content: "1";
  display: block;
  position: absolute;
  left: -30px;
  top: 0;
  padding: 5px;
  border: 1px solid #999;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  color: #999;
  line-height: 12px;
}
/* line 123, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(2)::before {
  content: "2";
  display: block;
  position: absolute;
  left: -30px;
  top: 0;
  padding: 5px;
  border: 1px solid #999;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  color: #999;
  line-height: 12px;
}
/* line 141, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .processing-info ul li:nth-child(3)::before {
  content: "3";
  display: block;
  position: absolute;
  left: -30px;
  top: 0;
  padding: 5px;
  border: 1px solid #999;
  font-size: 10px;
  text-align: center;
  line-height: 1;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  border-radius: 12px;
  color: #999;
  line-height: 12px;
}
/* line 163, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates {
  background-color: #222222;
  color: #ffffff;
}
/* line 167, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates h3,
body.ucpayments .section-ucpayments-rates h4 {
  color: #ffffff;
}
/* line 172, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates p {
  margin-bottom: 0;
}
/* line 176, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates a {
  color: #ffffff;
}
/* line 180, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .rate {
  position: relative;
  display: inline-block;
  font-size: 24px;
  margin-bottom: 0px;
  width: auto;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
}
/* line 190, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .rate sup {
  position: absolute;
  top: 28px;
  right: 5px;
  font-size: 0.6em;
  color: rgba(255, 255, 255, 0.5);
}
/* line 202, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 206, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/* line 213, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
  padding-top: 40px;
  border-radius: 20px 20px 0 0;
}
/* line 218, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
  border-radius: 0;
  padding-top: 0;
}
/* line 223, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
  border-radius: 0;
  padding-top: 0;
}
/* line 228, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
  padding-top: 0;
  border-radius: 0 0 20px 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 234, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
    padding-top: 40px;
    border-radius: 20px 0 0 0;
  }
  /* line 239, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
    padding-top: 40px;
    border-radius: 0 20px 0 0;
  }
  /* line 244, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
    padding-top: 0;
    border-radius: 0 0 0 20px;
  }
  /* line 249, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
    padding-top: 0;
    border-radius: 0 0 20px 0;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 255, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(1) {
    padding-top: 40px;
    border-radius: 20px 0 0 20px;
  }
  /* line 260, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(2) {
    padding-top: 40px;
    border-radius: 0;
  }
  /* line 265, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(3) {
    padding-top: 40px;
    border-radius: 0;
  }
  /* line 270, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-ucpayments-rates .row:nth-child(2) .columns:nth-child(4) {
    padding-top: 40px;
    border-radius: 0 20px 20px 0;
  }
}
/* line 280, ../../_src/scss/components/_page_ucpayments.scss */
body.ucpayments .section-secure-payments .secure-graphic {
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) {
  /* line 280, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-secure-payments .secure-graphic {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 280, ../../_src/scss/components/_page_ucpayments.scss */
  body.ucpayments .section-secure-payments .secure-graphic {
    margin-bottom: 0;
  }
}

/* line 2, ../../_src/scss/components/_page_why.scss */
.why .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_why.scss */
.why .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_why.scss */
.why .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 30, ../../_src/scss/components/_page_why.scss */
.why .banner button {
  background-color: #36AA7F;
}
/* line 33, ../../_src/scss/components/_page_why.scss */
.why .banner button:hover {
  background-color: #288565;
}
/* line 41, ../../_src/scss/components/_page_why.scss */
.why .section-intro .feature_summary_grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 41, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .feature_summary_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px;
  }
}
/* line 52, ../../_src/scss/components/_page_why.scss */
.why .section-intro h2 {
  font-size: 1.25rem;
  margin-bottom: 16px;
}
/* line 57, ../../_src/scss/components/_page_why.scss */
.why .section-intro p {
  margin-bottom: 16px;
}
/* line 61, ../../_src/scss/components/_page_why.scss */
.why .section-intro a {
  color: #676AAD;
  border-left: 1px solid #CCCCCC;
  padding-left: 16px;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 67, ../../_src/scss/components/_page_why.scss */
.why .section-intro a:hover {
  color: #6F4173;
}
/* line 73, ../../_src/scss/components/_page_why.scss */
.why .section-intro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 78, ../../_src/scss/components/_page_why.scss */
.why .section-intro ul li {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
/* line 84, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 84, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 84, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 103, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 108, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 114, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 114, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 126, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 133, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_versions,
.why .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 143, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 #svg_versions .svg_background,
.why .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 148, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 155, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 155, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 155, ../../_src/scss/components/_page_why.scss */
  .why .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 168, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 174, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 180, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 186, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 196, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 208, ../../_src/scss/components/_page_why.scss */
.why .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 224, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 {
  padding-bottom: 120px;
}
/* line 228, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-2 {
  background-color: #FCFCFC;
}
/* line 232, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-4 {
  background-color: #FCFCFC;
}
/* line 236, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-6 {
  background-color: #FCFCFC;
}
/* line 240, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 {
  background-color: #0A0A0A;
  color: #FFFFFF;
}
/* line 244, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 h2,
.why .section-highlights.section-7 h3,
.why .section-highlights.section-7 h4,
.why .section-highlights.section-7 p {
  color: #FFFFFF;
}
/* line 252, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 h3::after {
  opacity: 0.25;
}
/* line 257, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a {
  color: #F2E478;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 261, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a span {
  font-weight: 600;
}
/* line 265, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a:hover {
  color: #DAA43A;
  gap: 12px;
}
/* line 270, ../../_src/scss/components/_page_why.scss */
.why .section-highlights.section-7 a svg path {
  stroke: #F2E478;
}
/* line 276, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .header-row {
  padding-top: 120px;
  padding-bottom: 0;
}
/* line 281, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h2 {
  font-size: 1.975rem;
  margin-bottom: 0;
  margin-bottom: 16px;
}
/* line 287, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 292, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 292, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 300, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h3::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 300, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights h3::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 300, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights h3::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 300, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights h3::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 326, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h4 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 330, ../../_src/scss/components/_page_why.scss */
.why .section-highlights h4:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 330, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights h4:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 340, ../../_src/scss/components/_page_why.scss */
.why .section-highlights p a {
  text-decoration: underline;
}
/* line 345, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 352, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a.feature_link {
  display: -ms-flexbox;
  display: flex;
}
/* line 355, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a.feature_link:not(:last-child) {
  margin-bottom: 16px;
}
/* line 360, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a span {
  font-weight: 600;
}
/* line 364, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 369, ../../_src/scss/components/_page_why.scss */
.why .section-highlights a svg path {
  stroke: #676AAD;
}
/* line 374, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .accent_color {
  color: #676AAD;
}
/* line 378, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .row:not(.header-row) {
  padding-bottom: 80px;
}
@media only screen and (min-width: 64.063em) {
  /* line 378, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .row:not(.header-row) {
    padding-bottom: 120px;
  }
}
/* line 386, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 386, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 386, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 400, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 405, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
}
@media only screen and (min-width: 64.063em) {
  /* line 405, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .highlight-wrapper .feature-media-wrapper {
    width: 100%;
    min-width: 540px;
  }
}
/* line 416, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 421, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 430, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 430, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
  }
  /* line 446, ../../_src/scss/components/_page_why.scss */
  .why .section-highlights .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 451, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 456, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 464, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 469, ../../_src/scss/components/_page_why.scss */
.why .section-highlights .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 478, ../../_src/scss/components/_page_why.scss */
.why .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 483, ../../_src/scss/components/_page_why.scss */
.why .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 483, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 495, ../../_src/scss/components/_page_why.scss */
.why .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 495, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 495, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 507, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 507, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 523, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 527, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 531, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 539, ../../_src/scss/components/_page_why.scss */
.why .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 539, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 539, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 555, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 561, ../../_src/scss/components/_page_why.scss */
  .why .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 570, ../../_src/scss/components/_page_why.scss */
.why .section-alternating-content ol li,
.why .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 575, ../../_src/scss/components/_page_why.scss */
.why .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 580, ../../_src/scss/components/_page_why.scss */
.why .section-flows h1, .why .section-flows h2, .why .section-flows h3, .why .section-flows h4, .why .section-flows p, .why .section-flows li {
  color: #ffffff;
}
/* line 584, ../../_src/scss/components/_page_why.scss */
.why .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 9, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner.overlay::after {
  background: linear-gradient(to right, #074170 25%, rgba(34, 34, 34, 0) 100%);
}
/* line 22, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner p {
  line-height: 1.75em;
}
/* line 26, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 35, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  color: #303030;
}
/* line 41, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 41, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 50, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro img {
  margin-bottom: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 50, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro img {
    margin-bottom: 0;
  }
}
/* line 59, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro {
  font-size: 1.25rem;
  font-weight: 600;
}
/* line 64, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 69, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro ul li {
  margin-bottom: 16px;
  font-size: 1.25rem;
}
/* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 64px;
}
@media only screen and (min-width: 40.063em) {
  /* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro .intro_section_1 {
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 75, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro .intro_section_1 {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
    margin-bottom: 80px;
  }
}
/* line 94, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 img {
  max-width: 100%;
  height: auto;
}
/* line 99, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 .svg_wrapper {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  position: relative;
}
/* line 105, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 {
  display: none;
  position: absolute;
  width: 100%;
  top: -170px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 64.063em) {
  /* line 105, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 {
    display: block;
  }
}
/* line 117, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_traffic_1 .traffic_path {
  stroke: #595F96;
  stroke-width: 2px;
  opacity: 0.5;
}
/* line 124, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_versions,
.casestudy.venmo .section-intro .intro_section_1 #svg_metrics {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 540px;
  z-index: 10;
}
/* line 134, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 #svg_versions .svg_background,
.casestudy.venmo .section-intro .intro_section_1 #svg_metrics .svg_background {
  opacity: 0.6;
}
/* line 139, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_1 > div {
  width: 100%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
/* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-direction: column;
      flex-direction: column;
}
@media only screen and (min-width: 40.063em) {
  /* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro .intro_section_2 .automation_info {
    gap: 20px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 146, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-intro .intro_section_2 .automation_info {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 80px;
  }
}
/* line 159, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
/* line 165, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block svg {
  width: 100%;
  height: auto;
  aspect-ratio: 541 / 202;
}
/* line 171, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block p {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  margin-bottom: 0;
}
/* line 177, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic {
  width: 100%;
  height: auto;
  aspect-ratio: 541/202;
  overflow: hidden;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  border-radius: 20px;
  position: relative;
}
/* line 187, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #svg_resolution_a {
  position: absolute;
  width: 100%;
  max-width: 247px;
  height: auto;
  aspect-ratio: 247/400;
  top: 32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  z-index: 10;
}
/* line 199, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .intro_section_2 .automation_info .automation_info_block .automation_resolution_graphic #make_money {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 212, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote {
  background-color: #303030;
  border-radius: 16px;
  border: none;
  padding: 32px 32px 16px 32px;
}
/* line 218, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote p {
  color: white;
  font-size: 18px;
}
/* line 222, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro blockquote p .position {
  font-size: 12px;
}
/* line 228, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}
/* line 234, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights li {
  font-weight: bold;
  color: #FFF;
  margin-bottom: 0;
  background-color: #008CFF;
  padding: 8px 16px;
  border-radius: 16px;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 16px;
}
/* line 246, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-intro .venmo_highlights li svg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 24px;
  height: 24px;
}
/* line 255, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights {
  padding-bottom: 80px;
}
/* line 258, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .row {
  padding-top: 120px;
}
/* line 261, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .row.reduced_padding {
  padding-top: 80px;
  padding-bottom: 0;
}
/* line 267, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 272, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 272, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 280, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 306, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h3 {
  font-size: 1.25rem;
  margin-bottom: 20px;
  font-weight: 500;
}
/* line 311, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 311, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 320, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 327, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a span {
  font-weight: 600;
}
/* line 331, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 336, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights a svg path {
  stroke: #676AAD;
}
/* line 341, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .accent_color {
  color: #676AAD;
}
/* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 345, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 359, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 364, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
}
/* line 370, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 375, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 384, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  cursor: pointer;
}
@media only screen and (min-width: 64.063em) {
  /* line 384, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 8px 32px transparent;
    transition: box-shadow 0.3s ease;
  }
  /* line 400, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper:hover {
    box-shadow: 0 40px 32px rgba(0, 0, 0, 0.2);
  }
}
/* line 405, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-copy {
  position: relative;
  z-index: 1;
}
/* line 410, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  border-radius: 16px;
  overflow: hidden;
}
/* line 418, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 423, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights .article-highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 430, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote {
  background-color: #303030;
  border-radius: 16px;
  border: none;
  padding: 32px 32px 16px 32px;
  margin-bottom: 0;
}
/* line 437, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote p {
  color: white;
  font-size: 18px;
}
/* line 441, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-affiliate-highlights blockquote p .position {
  font-size: 12px;
}
/* line 449, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 454, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 454, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 466, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 478, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 478, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 494, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 498, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 502, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 510, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 526, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 532, ../../_src/scss/components/_page_casestudy_venmo.scss */
  .casestudy.venmo .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 541, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-alternating-content ol li,
.casestudy.venmo .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 546, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 551, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows h1, .casestudy.venmo .section-flows h2, .casestudy.venmo .section-flows h3, .casestudy.venmo .section-flows h4, .casestudy.venmo .section-flows p, .casestudy.venmo .section-flows li {
  color: #ffffff;
}
/* line 555, ../../_src/scss/components/_page_casestudy_venmo.scss */
.casestudy.venmo .section-flows ul li {
  margin-bottom: 20px;
}

/* line 2, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: #121216;
}
/* line 20, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner p {
  line-height: 1.75em;
}
/* line 24, ../../_src/scss/components/_page_migrate.scss */
.migrate .banner h1 {
  font-size: 2rem;
  line-height: 1.75em;
  margin-bottom: 20px;
}
/* line 33, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro h2 {
  font-size: 1.75rem;
  margin-bottom: 8px;
}
/* line 37, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 37, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-intro h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 46, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p {
  font-size: 18px;
}
/* line 49, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p:first-child {
  margin-top: -30px;
}
/* line 53, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro p:last-child {
  margin-bottom: -20px;
}
/* line 58, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro:after {
  display: none;
}
/* line 62, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro .intro_content_1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
  padding-top: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 62, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-intro .intro_content_1 {
    gap: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 62, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-intro .intro_content_1 {
    padding-top: 40px;
    gap: 120px;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/* line 80, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-intro ul li {
  margin-bottom: 16px;
}
/* line 86, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights {
  padding-bottom: 80px;
}
/* line 89, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .row {
  padding-top: 120px;
}
/* line 93, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 98, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 98, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 106, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #CCCCCC;
  opacity: 0.5;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 106, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 106, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 106, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 132, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h3 {
  font-size: 1.5rem;
  margin-bottom: 8px;
}
/* line 136, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights h3:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 136, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights h3:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 145, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #676AAD;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 152, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a span {
  font-weight: 600;
}
/* line 156, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a:hover {
  color: #6F4173;
  gap: 12px;
}
/* line 161, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights a svg path {
  stroke: #676AAD;
}
/* line 166, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .accent_color {
  color: #676AAD;
}
/* line 170, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 170, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 170, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-retention-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 184, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-copy {
  width: 100%;
  position: relative;
  z-index: 1;
}
/* line 190, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 480px;
}
/* line 196, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 201, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-retention-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 212, ../../_src/scss/components/_page_migrate.scss */
.migrate .feature-copy ol li,
.migrate .feature-copy ul li {
  margin-bottom: 16px;
}
/* line 218, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight {
  border-radius: 20px;
  overflow: hidden;
  margin-left: 20px;
  margin-right: 20px;
}
@media only screen and (min-width: 64.063em) {
  /* line 218, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight {
    border-radius: 40px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 230, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight:not(:nth-child(2)) {
  margin-top: 40px;
}
@media only screen and (min-width: 40.063em) {
  /* line 230, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight:not(:nth-child(2)) {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 230, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight:not(:nth-child(2)) {
    margin-top: 120px;
  }
}
/* line 242, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic {
  opacity: 0.1;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 40.063em) {
  /* line 242, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight .highlight-graphic {
    opacity: 1;
    width: 50%;
  }
}
/* line 258, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic.highlight-left {
  right: auto;
}
/* line 262, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic.highlight-right {
  left: auto;
}
/* line 266, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
/* line 274, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-highlight .highlight-content {
  position: relative;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 40.063em) {
  /* line 274, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight .highlight-content {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 274, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight .highlight-content {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 290, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight .highlight-content.highlight-left {
    padding-left: calc(50% + 80px);
  }
}
@media only screen and (min-width: 40.063em) {
  /* line 296, ../../_src/scss/components/_page_migrate.scss */
  .migrate .section-highlight .highlight-content.highlight-right {
    padding-right: calc(50% + 80px);
  }
}
/* line 305, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-alternating-content ol li,
.migrate .section-alternating-content ul li {
  margin-bottom: 20px;
}
/* line 310, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows {
  background-color: #343440;
  background: linear-gradient(to bottom, #343440 0, #2f9b73 100%);
}
/* line 315, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows h1, .migrate .section-flows h2, .migrate .section-flows h3, .migrate .section-flows h4, .migrate .section-flows p, .migrate .section-flows li {
  color: #ffffff;
}
/* line 319, ../../_src/scss/components/_page_migrate.scss */
.migrate .section-flows ul li {
  margin-bottom: 20px;
}

/* line 1, ../../_src/scss/components/_page_payments.scss */
.payments {
  background-color: #0A0A0A;
  color: white;
}
/* line 5, ../../_src/scss/components/_page_payments.scss */
.payments .accent_color {
  color: #73DCB3;
}
/* line 9, ../../_src/scss/components/_page_payments.scss */
.payments .no-break {
  white-space: nowrap;
}
/* line 13, ../../_src/scss/components/_page_payments.scss */
.payments h1,
.payments h2,
.payments h3,
.payments h4 {
  color: #ffffff;
  font-weight: 200;
}
/* line 21, ../../_src/scss/components/_page_payments.scss */
.payments h1 {
  font-size: 3rem;
}
/* line 25, ../../_src/scss/components/_page_payments.scss */
.payments h2 {
  font-size: 1.75rem;
}
/* line 29, ../../_src/scss/components/_page_payments.scss */
.payments h4 {
  font-size: 1.5rem;
}
/* line 33, ../../_src/scss/components/_page_payments.scss */
.payments #system {
  background-color: #0A0A0A;
  color: #ffffff;
}
/* line 38, ../../_src/scss/components/_page_payments.scss */
.payments .banner {
  background-size: auto;
  background-repeat: repeat;
  background-color: #0A0A0A;
  border-bottom: 1px solid #222222;
}
/* line 45, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay::after {
  width: 100%;
  background: rgba(10, 10, 10, 0.4);
}
@media only screen and (min-width: 64.063em) {
  /* line 45, ../../_src/scss/components/_page_payments.scss */
  .payments .banner.overlay::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 25%, transparent 100%);
  }
}
/* line 54, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  bottom: 0;
  z-index: 2;
  mix-blend-mode: overlay;
  pointer-events: none;
}
/* line 72, ../../_src/scss/components/_page_payments.scss */
.payments .banner.overlay img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
}
/* line 84, ../../_src/scss/components/_page_payments.scss */
.payments .banner .row .columns::before {
  display: none;
  content: "";
  position: absolute;
  width: 330px;
  height: 329px;
  right: 96px;
  top: -104px;
}
@media only screen and (min-width: 64.063em) {
  /* line 84, ../../_src/scss/components/_page_payments.scss */
  .payments .banner .row .columns::before {
    display: block;
  }
}
/* line 104, ../../_src/scss/components/_page_payments.scss */
.payments .banner .api-code {
  position: absolute;
  top: 120px;
  right: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  opacity: 0.5;
  z-index: 1;
  mix-blend-mode: screen;
}
/* line 115, ../../_src/scss/components/_page_payments.scss */
.payments .banner .api-code code {
  border: none;
  background-color: transparent;
  line-height: 1.8;
}
/* line 123, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro {
  background-color: #0A0A0A;
  color: #ffffff;
  border: 1px solid #333333;
}
/* line 128, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro h2 {
  margin-bottom: 8px;
}
/* line 132, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro p {
  font-size: 1.25rem;
  line-height: 1.8;
}
@media only screen and (min-width: 64.063em) {
  /* line 123, ../../_src/scss/components/_page_payments.scss */
  .payments .section-intro {
    position: relative;
    background-repeat: no-repeat;
    background-position: top right;
  }
}
/* line 158, ../../_src/scss/components/_page_payments.scss */
.payments .section-intro .button {
  background-color: #57a3cf;
}
/* line 163, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options {
  backdrop-filter: blur(1.5px);
  background-color: transparent;
  color: #ffffff;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
/* line 171, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options h2 {
  margin-bottom: 20px;
}
/* line 175, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options p {
  margin-bottom: 10px;
}
/* line 179, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .button {
  background-color: #57a3cf;
  margin-top: 40px;
}
/* line 184, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 184, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payment-options .api-list {
    gap: 40px;
    grid-template-columns: repeat(4, 1fr);
  }
}
/* line 195, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 206, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language span {
  color: white;
}
/* line 210, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .api-list .api-language:hover {
  background-color: #61b6e6;
}
/* line 216, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 222, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
  cursor: pointer;
  transition: background-color 0.3s;
}
/* line 233, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item span {
  color: white;
}
/* line 237, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .quickstart-list .quickstart-item:hover {
  background-color: #61b6e6;
}
/* line 243, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-bottom: 40px;
}
/* line 249, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 20px;
  border: 1px solid #333333;
  padding: 20px;
  border-radius: 16px;
  background-color: rgba(10, 10, 10, 0.5);
}
/* line 258, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item h3 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 400;
}
/* line 264, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item .api-event-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 272, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-options .usecase-list .usecase-item .api-event-list li {
  font-family: monospace;
  background-color: #333333;
  padding: 10px 20px;
  border-radius: 8px;
  color: #ffffff;
  font-size: 0.75rem;
  margin: 0;
}
/* line 286, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights {
  padding-bottom: 80px;
}
/* line 289, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .row {
  padding-top: 120px;
}
/* line 292, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .row:first-child {
  padding-top: 240px;
}
/* line 297, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2 {
  font-size: 1.75rem;
  margin-bottom: 32px;
  position: relative;
}
/* line 302, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2:not(:first-of-type) {
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 302, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights h2:not(:first-of-type) {
    margin-top: 48px;
  }
}
/* line 310, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #333333;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 310, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights h2::after {
    left: calc(-1 *(40px + 1.25rem));
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 310, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights h2::after {
    left: calc(-1 *(80px + 1.25rem));
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 310, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
  }
}
/* line 335, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h3 {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 16px;
}
/* line 340, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights h3:not(:first-of-type) {
  margin-top: 16px;
}
@media only screen and (min-width: 64.063em) {
  /* line 340, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights h3:not(:first-of-type) {
    margin-top: 16px;
  }
}
/* line 349, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul {
  margin-bottom: 32px;
}
/* line 352, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul li {
  margin-bottom: 16px;
  font-size: 1.125rem;
  line-height: 1.6;
}
/* line 357, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights ul li:last-child {
  margin-bottom: 0;
}
/* line 363, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  gap: 8px;
  color: #73DCB3;
  transition: color 0.3s ease, gap 0.3s ease, color 0.3s ease;
}
/* line 370, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a:not(:last-child) {
  margin-bottom: 16px;
}
/* line 374, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a span {
  font-weight: 600;
}
/* line 378, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a:hover {
  color: #36AA7F;
  gap: 12px;
}
/* line 383, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights a svg path {
  stroke: #73DCB3;
}
/* line 388, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .accent_color {
  color: #73DCB3;
}
/* line 392, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 32px;
}
@media only screen and (min-width: 40.063em) {
  /* line 392, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper {
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 64px;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 392, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper {
    gap: 80px;
  }
}
/* line 406, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-copy {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  position: relative;
  z-index: 1;
}
/* line 412, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 540px;
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
}
@media only screen and (min-width: 64.063em) {
  /* line 412, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 420px;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 412, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper {
    min-width: 540px;
  }
}
/* line 427, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper svg {
  width: 100%;
  height: auto;
}
/* line 432, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper img {
  max-width: 100%;
  height: auto;
}
/* line 437, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 10%;
  width: calc(100% + 16px);
  left: -8px;
  padding: 8px;
  border-radius: 10px;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 64.063em) {
  /* line 437, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input {
    top: 240px;
  }
}
/* line 453, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper #reuse-report-input span {
  width: 100%;
  height: 24px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}
/* line 465, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 64.063em) {
  /* line 465, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links {
    top: 64px;
  }
}
/* line 475, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links a {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-align: center;
      align-items: center;
}
/* line 480, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper .feature-media-wrapper .docs-links a svg {
  width: 16px;
  height: 16px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
/* line 489, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights .highlight-wrapper svg text {
  font-family: monospace, sans-serif;
}
/* line 495, ../../_src/scss/components/_page_payments.scss */
.payments .section-payments-highlights #section-payments-crypto .crypto-logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
@media only screen and (min-width: 64.063em) {
  /* line 495, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payments-highlights #section-payments-crypto .crypto-logos {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* line 507, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai {
  position: relative;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  overflow: hidden;
}
/* line 513, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../imgs/2025/ultracart-payments-ai-background.jpg);
  background-size: cover;
  z-index: 0;
  opacity: 0.15;
  filter: blur(5px);
}
/* line 532, ../../_src/scss/components/_page_payments.scss */
.payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
  content: "";
  width: 100vw;
  height: 1px;
  background-color: #333333;
  mix-blend-mode: multiply;
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(-1 *(20px + 1.25rem));
}
@media only screen and (min-width: 40.063em) {
  /* line 532, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
    left: calc(-1 *(40px + 1.25rem));
    left: -50vw;
  }
}
@media only screen and (min-width: 64.063em) {
  /* line 532, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
    left: calc(-1 *(80px + 1.25rem));
    left: -50vw;
  }
}
@media only screen and (min-width: 90.063em) {
  /* line 532, ../../_src/scss/components/_page_payments.scss */
  .payments .section-payment-ai #section-payments-ai .feature-copy h2::after {
    left: calc(-1 *(((100vw - 90rem) / 2) + 80px + 1.25rem));
    left: -50vw;
  }
}
/* line 570, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth {
  background-image: url(../imgs/banner-api-cubes.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #343440;
  color: #ffffff;
}
/* line 577, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth h2, .payments .section-auth h3, .payments .section-auth h4, .payments .section-auth p {
  color: #ffffff;
}
/* line 580, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth h2 a, .payments .section-auth h3 a, .payments .section-auth h4 a, .payments .section-auth p a {
  color: #ffffff;
  text-decoration: underline;
}
/* line 586, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth .button {
  background-color: transparent;
  border: 1px solid #ffffff;
}
/* line 590, ../../_src/scss/components/_page_payments.scss */
.payments .section-auth .button:hover {
  background-color: #ffffff;
  color: #343440;
}
/* line 598, ../../_src/scss/components/_page_payments.scss */
.payments .section-webhooks p:last-of-type {
  margin-bottom: 40px;
}
/* line 602, ../../_src/scss/components/_page_payments.scss */
.payments .section-webhooks .logo-webhook {
  display: inline-block;
  max-width: 150px;
  margin-bottom: 20px;
  fill: #333333;
}
@media only screen and (min-width: 40.063em) {
  /* line 602, ../../_src/scss/components/_page_payments.scss */
  .payments .section-webhooks .logo-webhook {
    max-width: none;
  }
}
/* line 614, ../../_src/scss/components/_page_payments.scss */
.payments .section-github {
  background-image: url(../imgs/banner-api-cubes-dark.png);
  background-size: auto;
  background-repeat: repeat;
  background-color: #e8e8e8;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
/* line 622, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .github-logo {
  display: inline-block;
  width: 100px;
}
/* line 627, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .button {
  width: 100%;
}
/* line 630, ../../_src/scss/components/_page_payments.scss */
.payments .section-github .button.outline {
  border: 1px solid #333333;
  color: #333333;
}