@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Roboto:wght@300;400;500&display=swap");
/*********************
  Default styles
**********************/
html {
  box-sizing: border-box;
  height: 100vh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  background: #fff;
}

*, *:before, *:after {
  box-sizing: inherit;
}

::-moz-selection {
  background: #e6e0fd;
}

::selection {
  background: #e6e0fd;
}

body {
  min-height: 100vh;
  padding: 0;
  margin: 0;
  color: #666;
  overflow-x: hidden;
  background: #fff;
}

button,
input,
.hbspt-form select,
textarea,
optgroup,
select {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}

ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #5B36F5;
  text-decoration: none;
  transition: all 0.3s;
  -webkit-tap-highlight-color: transparent;
}
a:hover {
  text-decoration: underline;
}

strong {
  font-weight: 500;
}

.clearfix {
  clear: both;
}

img.responsive-img {
  max-width: 100%;
  height: auto;
}

/*********************
  Typography
**********************/
html {
  line-height: 155%;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #000;
}
@media only screen and (min-width: 0) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1040px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1340px) {
  html {
    font-size: 16px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.5;
  color: #000;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  margin: 0 0 1.5rem;
}
@media only screen and (max-width: 1340px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
}

h1 {
  font-size: 40px;
  line-height: 130%;
}
@media only screen and (max-width: 1200px) {
  h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 800px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 32px;
}
@media only screen and (max-width : 650px) {
  h2 {
    font-size: 24px;
  }
}
h2 span {
  color: #5B36F5;
}

h4 {
  font-size: 18px;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  h4 {
    font-size: 16px;
  }
}

h5 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 0.875rem;
}
@media only screen and (max-width : 650px) {
  h5 {
    margin: 0 0 1.5rem;
  }
}

@media only screen and (max-width : 650px) {
  p {
    font-size: 15px;
    line-height: 1.5;
  }
}

small {
  font-size: 15px;
}

.content-text p {
  font-size: 20px;
  line-height: 160%;
}
@media only screen and (max-width : 1040px) {
  .content-text p {
    font-size: 18px;
  }
}
@media only screen and (max-width : 650px) {
  .content-text p {
    font-size: 16px;
  }
}
.content-text ul li {
  list-style-type: circle;
  margin: 0 0 0 1.25rem;
  padding-left: 1rem;
}
.content-text table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 2rem 0;
  text-align: left;
}
.content-text table thead th {
  font-size: 16px;
  color: #7b8c9c;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
  background: #f1f1f1;
  font-weight: 500;
  border-right: 1px solid #ccc;
  text-align: left;
}
@media only screen and (max-width : 650px) {
  .content-text table thead th {
    font-size: 15px;
  }
}
.content-text table tbody tr td:first-of-type {
  background: #f1f1f1;
  border-right: 1px solid #ccc;
}
.content-text table tbody td {
  padding: 0.5rem;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  line-height: 1.5;
}
@media only screen and (max-width : 650px) {
  .content-text table tbody td {
    font-size: 15px;
  }
}
.content-text table tbody td ul li {
  margin: 0;
  line-height: 1.5;
}
.content-text table.cols-3 tbody td:last-of-type {
  border-left: 1px solid #ccc;
}

em.gradient {
  font-style: normal;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #30b6ff 76%, #1e43ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  animation-duration: 15s;
  animation-iteration-count: infinite, 1;
  animation-name: shimmer;
  animation-timing-function: ease-out, cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 200% 100%;
}
em.gradient.inverse {
  background-image: linear-gradient(317deg, #ffad85 10%, #dd99ff 36%, #edc9ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
em.gradient.dark-bg {
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #009cff 76%, #1e43ff);
}

/*********************
  Layout
**********************/
.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
@media only screen and (max-width: 1340px) {
  .container {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    max-width: 1140px;
  }
}

.narrow-container {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
@media only screen and (max-width : 1040px) {
  .narrow-container {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

.section-spacing-bottom {
  margin-bottom: 7rem;
}
@media only screen and (max-width: 1340px) {
  .section-spacing-bottom {
    margin-bottom: 5rem;
  }
}

.section-padding-top {
  padding-top: 8rem;
}
@media only screen and (max-width: 1340px) {
  .section-padding-top {
    padding-top: 5rem;
  }
}

.section-padding-bottom {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 1340px) {
  .section-padding-bottom {
    padding-bottom: 5rem;
  }
}

.section-padding-bottom-reduced {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 1340px) {
  .section-padding-bottom-reduced {
    padding-bottom: 4rem;
  }
}

/*********************
  Forms
**********************/
::placeholder {
  color: #666;
}

/* Text inputs */
input, .hbspt-form select,
textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  outline: none;
  width: 100%;
  font-size: 15px;
  padding: 1em 1.25em;
  line-height: 1;
  box-shadow: none;
  color: #666;
  transition: box-shadow 0.3s, border 0.3s;
  appearance: none;
}
input:hover, .hbspt-form select:hover,
textarea:hover {
  border: 1px solid #666;
}
input:focus, .hbspt-form select:focus,
textarea:focus {
  box-shadow: 0px 0px 0px 2px #5B36F5;
  color: #333;
}

/*******************
  Buttons
*******************/
.btn, nav.blog-footer a, .hbspt-form .actions input, .hbspt-form .actions select, #paginationContainer button {
  border: none;
  border-radius: 8px;
  display: inline-block;
  padding: 0.875em 1.25em;
  vertical-align: middle;
  background: #5B36F5;
  color: #fff;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 15px;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s;
  outline: none;
}
@media only screen and (max-width : 650px) {
  .btn, nav.blog-footer a, .hbspt-form .actions input, .hbspt-form .actions select, #paginationContainer button {
    padding: 1em 1.75em;
  }
}
.btn:hover, nav.blog-footer a:hover, .hbspt-form .actions input:hover, .hbspt-form .actions select:hover, #paginationContainer button:hover {
  text-decoration: none;
  background: #7b5df7;
}
.btn.btn-light, nav.blog-footer a, .hbspt-form .actions input.btn-light, .hbspt-form .actions select.btn-light, #paginationContainer button {
  background: #fff;
  border: 1px solid #5B36F5;
  color: #5B36F5;
}
.btn.btn-light:hover, nav.blog-footer a:hover, .hbspt-form .actions input.btn-light:hover, .hbspt-form .actions select.btn-light:hover, #paginationContainer button:hover {
  background: #7b5df7;
  border-color: #5B36F5;
  color: #fff;
}
.btn.btn-light.no-border, nav.blog-footer a.no-border, .hbspt-form .actions input.btn-light.no-border, .hbspt-form .actions select.btn-light.no-border, #paginationContainer button.no-border {
  border-color: #fff;
}
.btn.btn-light.no-border:hover, nav.blog-footer a.no-border:hover, .hbspt-form .actions input.btn-light.no-border:hover, .hbspt-form .actions select.btn-light.no-border:hover, #paginationContainer button.no-border:hover {
  border-color: #5B36F5;
}
.btn.btn-border, nav.blog-footer a.btn-border, .hbspt-form .actions input.btn-border, .hbspt-form .actions select.btn-border, #paginationContainer button.btn-border {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn.btn-border:hover, nav.blog-footer a.btn-border:hover, .hbspt-form .actions input.btn-border:hover, .hbspt-form .actions select.btn-border:hover, #paginationContainer button.btn-border:hover {
  background: #7b5df7;
  border-color: #5B36F5;
  color: #fff;
}
.btn.btn-transparent, nav.blog-footer a.btn-transparent, .hbspt-form .actions input.btn-transparent, .hbspt-form .actions select.btn-transparent, #paginationContainer button.btn-transparent {
  background: transparent;
  border: 1px solid transparent;
  color: #fff;
  font-size: 15px !important;
}
.btn.btn-transparent:hover, nav.blog-footer a.btn-transparent:hover, .hbspt-form .actions input.btn-transparent:hover, .hbspt-form .actions select.btn-transparent:hover, #paginationContainer button.btn-transparent:hover {
  background: #7b5df7;
  border-color: #5B36F5;
  color: #fff;
}
.btn.btn-disabled, nav.blog-footer a.btn-disabled, .hbspt-form .actions input.btn-disabled, .hbspt-form .actions select.btn-disabled, #paginationContainer button.btn-disabled {
  pointer-events: none;
  border-color: #ccc !important;
  color: #666;
  background: #f3f3f3;
}
.btn.btn-large, nav.blog-footer a.btn-large, .hbspt-form .actions input.btn-large, .hbspt-form .actions select.btn-large, #paginationContainer button.btn-large {
  font-size: 16px;
}
@media only screen and (max-width : 1040px) {
  .btn.btn-large, nav.blog-footer a.btn-large, .hbspt-form .actions input.btn-large, .hbspt-form .actions select.btn-large, #paginationContainer button.btn-large {
    border-radius: 8px;
    font-size: 15px;
  }
}
.btn.btn-large.btn-video, nav.blog-footer a.btn-large.btn-video, .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions select.btn-large.btn-video, #paginationContainer button.btn-large.btn-video {
  background: transparent;
  margin-left: 0.5rem;
  font-size: 18px;
  border: 0;
  position: relative;
  animation: scaleup 1.5s infinite;
}
.btn.btn-large.btn-video span, nav.blog-footer a.btn-large.btn-video span, .hbspt-form .actions input.btn-large.btn-video span, .hbspt-form .actions select.btn-large.btn-video span, #paginationContainer button.btn-large.btn-video span {
  padding-left: 38px;
  background: url("../images/icons/play.svg") no-repeat left center;
  background-size: 30px 28px;
}
@media only screen and (max-width: 1100px) {
  .btn.btn-large.btn-video, nav.blog-footer a.btn-large.btn-video, .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions select.btn-large.btn-video, #paginationContainer button.btn-large.btn-video {
    width: 100%;
    text-align: left;
    margin: 0 0 1rem;
    padding-left: 0;
  }
}
@media only screen and (max-width : 1040px) {
  .btn.btn-large.btn-video, nav.blog-footer a.btn-large.btn-video, .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions select.btn-large.btn-video, #paginationContainer button.btn-large.btn-video {
    margin: -0.5rem 0 0.75rem;
  }
  .btn.btn-large.btn-video span, nav.blog-footer a.btn-large.btn-video span, .hbspt-form .actions input.btn-large.btn-video span, .hbspt-form .actions select.btn-large.btn-video span, #paginationContainer button.btn-large.btn-video span {
    padding-left: 28px;
  }
}
@media only screen and (max-width : 650px) {
  .btn.btn-large.btn-video, nav.blog-footer a.btn-large.btn-video, .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions select.btn-large.btn-video, #paginationContainer button.btn-large.btn-video {
    border: 1px solid rgba(255, 255, 255, 0.6);
    text-align: center;
    padding: 14px 1.75em;
    line-height: 0.9;
  }
  .btn.btn-large.btn-video span, nav.blog-footer a.btn-large.btn-video span, .hbspt-form .actions input.btn-large.btn-video span, .hbspt-form .actions select.btn-large.btn-video span, #paginationContainer button.btn-large.btn-video span {
    font-size: 15px;
    background-size: 20px 20px;
  }
}

@media only screen and (min-width: 850px) {
  .btn-start-trial,
.btn-schedule-demo {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 0px;
    transition: all 0.3s;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .btn-start-trial:after,
.btn-schedule-demo:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    margin: -5px 0;
  }
  .btn-start-trial:hover,
.btn-schedule-demo:hover {
    justify-content: space-evenly !important;
    column-gap: 4px;
  }

  .btn-start-trial:after {
    background: url("../images/icons/button-demo-rocket.png") no-repeat;
    background-size: 100%;
  }
  .btn-start-trial:hover:after {
    width: 20px;
    height: 24px;
    opacity: 1;
    visibility: visible;
  }

  .btn-schedule-demo:after {
    background: url("../images/icons/button-demo-users.png") no-repeat;
    background-size: 100%;
  }
  .btn-schedule-demo:hover:after {
    width: 60px;
    height: 26px;
    opacity: 1;
    visibility: visible;
  }
}
header.header.fixed .btn.btn-transparent, header.header.fixed nav.blog-footer a.btn-transparent, nav.blog-footer header.header.fixed a.btn-transparent, header.header.fixed .hbspt-form .actions input.btn-transparent, .hbspt-form .actions header.header.fixed input.btn-transparent, header.header.fixed .hbspt-form .actions select.btn-transparent, .hbspt-form .actions header.header.fixed select.btn-transparent, header.header.fixed #paginationContainer button.btn-transparent, #paginationContainer header.header.fixed button.btn-transparent,
.header-dark .btn.btn-transparent,
.header-dark nav.blog-footer a.btn-transparent,
nav.blog-footer .header-dark a.btn-transparent,
.header-dark .hbspt-form .actions input.btn-transparent,
.hbspt-form .actions .header-dark input.btn-transparent,
.header-dark .hbspt-form .actions select.btn-transparent,
.hbspt-form .actions .header-dark select.btn-transparent,
.header-dark #paginationContainer button.btn-transparent,
#paginationContainer .header-dark button.btn-transparent {
  color: #5B36F5;
}
header.header.fixed .btn.btn-transparent:hover, header.header.fixed nav.blog-footer a.btn-transparent:hover, nav.blog-footer header.header.fixed a.btn-transparent:hover, header.header.fixed .hbspt-form .actions input.btn-transparent:hover, .hbspt-form .actions header.header.fixed input.btn-transparent:hover, header.header.fixed .hbspt-form .actions select.btn-transparent:hover, .hbspt-form .actions header.header.fixed select.btn-transparent:hover, header.header.fixed #paginationContainer button.btn-transparent:hover, #paginationContainer header.header.fixed button.btn-transparent:hover,
.header-dark .btn.btn-transparent:hover,
.header-dark nav.blog-footer a.btn-transparent:hover,
nav.blog-footer .header-dark a.btn-transparent:hover,
.header-dark .hbspt-form .actions input.btn-transparent:hover,
.hbspt-form .actions .header-dark input.btn-transparent:hover,
.header-dark .hbspt-form .actions select.btn-transparent:hover,
.hbspt-form .actions .header-dark select.btn-transparent:hover,
.header-dark #paginationContainer button.btn-transparent:hover,
#paginationContainer .header-dark button.btn-transparent:hover {
  color: #fff;
}
header.header.fixed .btn.btn-border, header.header.fixed nav.blog-footer a.btn-border, nav.blog-footer header.header.fixed a.btn-border, header.header.fixed .hbspt-form .actions input.btn-border, .hbspt-form .actions header.header.fixed input.btn-border, header.header.fixed .hbspt-form .actions select.btn-border, .hbspt-form .actions header.header.fixed select.btn-border, header.header.fixed #paginationContainer button.btn-border, #paginationContainer header.header.fixed button.btn-border,
.header-dark .btn.btn-border,
.header-dark nav.blog-footer a.btn-border,
nav.blog-footer .header-dark a.btn-border,
.header-dark .hbspt-form .actions input.btn-border,
.hbspt-form .actions .header-dark input.btn-border,
.header-dark .hbspt-form .actions select.btn-border,
.hbspt-form .actions .header-dark select.btn-border,
.header-dark #paginationContainer button.btn-border,
#paginationContainer .header-dark button.btn-border {
  border-color: #5B36F5;
  color: #5B36F5;
}
header.header.fixed .btn.btn-border:hover, header.header.fixed nav.blog-footer a.btn-border:hover, nav.blog-footer header.header.fixed a.btn-border:hover, header.header.fixed .hbspt-form .actions input.btn-border:hover, .hbspt-form .actions header.header.fixed input.btn-border:hover, header.header.fixed .hbspt-form .actions select.btn-border:hover, .hbspt-form .actions header.header.fixed select.btn-border:hover, header.header.fixed #paginationContainer button.btn-border:hover, #paginationContainer header.header.fixed button.btn-border:hover,
.header-dark .btn.btn-border:hover,
.header-dark nav.blog-footer a.btn-border:hover,
nav.blog-footer .header-dark a.btn-border:hover,
.header-dark .hbspt-form .actions input.btn-border:hover,
.hbspt-form .actions .header-dark input.btn-border:hover,
.header-dark .hbspt-form .actions select.btn-border:hover,
.hbspt-form .actions .header-dark select.btn-border:hover,
.header-dark #paginationContainer button.btn-border:hover,
#paginationContainer .header-dark button.btn-border:hover {
  color: #fff;
}

.btn-link {
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
}
.btn-link span {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
}
.btn-link span::after {
  content: "→";
  display: block;
  position: absolute;
  top: 0;
  right: -4px;
  transition: all 0.3s;
}
.btn-link:hover span::after {
  right: -8px;
}
.btn-link.btn-light span, nav.blog-footer a.btn-link span, #paginationContainer button.btn-link span {
  color: #0DCCFC;
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

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

.right-align {
  text-align: right;
}

.center, .center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/*********************
   Animations
 **********************/
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*********************
   Top Navigation
 **********************/
span.body-gradient {
  background: url("../images/icons/icon_gradient.png") no-repeat;
  background-size: 100%;
  width: 420px;
  height: 380px;
  position: absolute;
  top: -195px;
  left: -120px;
  display: none;
  z-index: 22;
}
@media only screen and (min-width: 2100px) {
  span.body-gradient {
    display: block;
  }
}

/* Main Header */
header.header {
  padding: 1.75rem 0;
  transition: all 0.3s;
  position: absolute;
  width: 100%;
  top: 30px;
  left: 0;
  z-index: 20;
}
@media only screen and (min-width: 1145px) {
  header.header.fixed {
    background: rgba(255, 255, 255, 0.93);
    position: fixed;
    box-shadow: rgba(0, 35, 75, 0.05) 0px 4px 12px;
    width: 100%;
    z-index: 20;
    padding: 0.875em 0;
    top: 0;
  }
}
header.header.promotion-hidden {
  top: 0;
}
header.header .container {
  max-width: 1600px;
  padding: 0 40px;
}
@media only screen and (max-width : 650px) {
  header.header .container {
    padding: 10px 0 0;
  }
}

.spacing-navigation {
  padding-top: 110px;
}

a.logo {
  display: block;
  background: url("../images/logo-white.png") no-repeat;
  background-size: 100%;
  width: 170px;
  height: 40px;
  margin: 0 4rem 0 0;
  position: relative;
  overflow: hidden;
  transition: none;
}
@media only screen and (max-width: 1240px) {
  a.logo {
    margin: 0 2rem 0 0;
  }
}
@media only screen and (max-width : 650px) {
  a.logo {
    width: 160px;
    height: 35px;
    margin-left: 2.25rem;
    min-width: 160px;
    margin-right: 0;
    margin-top: -6px;
  }
}
a.logo.dark {
  background: url("../images/logo-dark.png") no-repeat;
  background-size: 100%;
}
a.logo span {
  width: 100%;
  background: #273244;
  height: 39px;
  display: block;
  position: absolute;
  left: 35px;
  top: 0;
  animation: expand 1s 1 forwards;
  display: none;
}
@media only screen and (max-width : 650px) {
  a.logo span {
    height: 35px;
  }
}

@keyframes expand {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
nav .action-links {
  margin: 8px 0 0;
}
nav .action-links .btn.show-width, nav.blog-footer .action-links a.show-width, nav .action-links .hbspt-form .actions input.show-width, .hbspt-form .actions nav .action-links input.show-width, nav .action-links .hbspt-form .actions select.show-width, .hbspt-form .actions nav .action-links select.show-width, nav .action-links #paginationContainer button.show-width, #paginationContainer nav .action-links button.show-width {
  display: none;
}
@media only screen and (max-width: 1500px) {
  nav .action-links .btn.show-width, nav.blog-footer .action-links a.show-width, nav .action-links .hbspt-form .actions input.show-width, .hbspt-form .actions nav .action-links input.show-width, nav .action-links .hbspt-form .actions select.show-width, .hbspt-form .actions nav .action-links select.show-width, nav .action-links #paginationContainer button.show-width, #paginationContainer nav .action-links button.show-width {
    display: inline-block;
  }
  nav .action-links .btn.hide-width, nav.blog-footer .action-links a.hide-width, nav .action-links .hbspt-form .actions input.hide-width, .hbspt-form .actions nav .action-links input.hide-width, nav .action-links .hbspt-form .actions select.hide-width, .hbspt-form .actions nav .action-links select.hide-width, nav .action-links #paginationContainer button.hide-width, #paginationContainer nav .action-links button.hide-width {
    display: none;
  }
}
@media only screen and (max-width: 1150px) {
  nav .desktop-button {
    display: none !important;
  }
  nav .desktop-button.action-links {
    display: block !important;
    margin: 0;
  }
  nav .desktop-button a.btn, nav.blog-footer .desktop-button a {
    display: none !important;
  }
  nav .desktop-button a.btn.btn-light, nav.blog-footer .desktop-button a {
    display: block !important;
    margin: 0 22px 0 0;
    background-color: #5B36F5;
    color: #fff;
    border-color: #5B36F5;
  }
  nav .desktop-button a.btn.btn-light em, nav.blog-footer .desktop-button a em {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  nav .desktop-button a.btn.btn-light, nav.blog-footer .desktop-button a {
    display: none !important;
  }
  nav .desktop-button a.btn.show-mobile, nav.blog-footer .desktop-button a.show-mobile {
    display: block !important;
    padding: 7px 12px;
    margin: 0 22px 0 0;
    background-color: #5b36f5;
    color: #fff;
    border-color: #5b36f5;
  }
  nav .desktop-button a.btn.show-mobile em, nav.blog-footer .desktop-button a.show-mobile em {
    display: none;
  }
}
nav .nav-desktop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 0%;
  width: 100%;
  padding: 8px 0 0;
}
@media only screen and (max-width: 1150px) {
  nav .nav-desktop {
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: background-color 0s;
    transition-timing-function: ease-out;
  }
}
@media only screen and (max-width: 1150px) {
  nav .nav-desktop {
    justify-content: flex-end;
  }
}
nav .nav-desktop .with-menu {
  position: relative;
  z-index: 3;
  padding-bottom: 40px;
}
nav .nav-desktop .with-menu a.menu-link {
  display: inline-flex;
  align-items: center;
}
nav .nav-desktop .with-menu a.menu-link span {
  padding-right: 0.25rem;
}
nav .nav-desktop .with-menu a.menu-link svg {
  width: 20px;
  height: 20px;
}
nav .nav-desktop .with-menu:hover a.menu-link {
  color: #0DCCFC;
}
nav .nav-desktop .with-menu .menu-wrapper {
  position: absolute;
  top: 0;
  left: -150px;
  width: 400px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  top: 40px;
  transition-delay: 0.3s;
}
nav .nav-desktop .with-menu .menu-wrapper.double-menu-container {
  width: 460px;
}
nav .nav-desktop .with-menu .menu-wrapper.show-menu {
  height: 100%;
  visibility: visible;
  opacity: 1;
}
nav .nav-desktop .with-menu:hover .menu-wrapper,
nav .nav-desktop .with-menu:hover .menu-product-wrapper {
  height: 100%;
  visibility: visible;
  opacity: 1;
}
nav .nav-desktop .with-menu .menu-ignite {
  background: black;
  background: linear-gradient(338deg, black 0%, #1e1b42 69%, black 100%);
}
nav .nav-desktop .with-menu .menu-ignite a {
  display: flex;
  padding: 1.125em 1.75rem;
  column-gap: 16px;
  align-items: center;
}
nav .nav-desktop .with-menu .menu-ignite a img {
  width: 145px;
  height: 33px;
}
nav .nav-desktop .with-menu .menu-ignite a p {
  font-size: 14px;
  color: #bbb;
  line-height: 1.4;
  display: block;
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
}
nav .nav-desktop .with-menu .menu-ignite a p span {
  color: #fff;
}
nav .nav-desktop .with-menu .menu-border {
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
nav .nav-desktop .with-menu .menu-links {
  padding: 1rem;
  position: relative;
  background: #fff;
  border-radius: 0.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
nav .nav-desktop .with-menu .menu-links a {
  padding: 0.5rem 0.75rem;
  display: flex;
  color: #444;
  border-radius: 0.5rem;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: normal;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
nav .nav-desktop .with-menu .menu-links a:hover {
  background-color: #f1f1f1;
  color: #444;
}
nav .nav-desktop .with-menu .menu-links a span.svg {
  width: 40px;
  height: 60px;
  color: #5B36F5;
  flex-shrink: 0;
  background: url("../images/icons/icon4.svg") no-repeat;
  background-size: 84%;
  background-position: center top;
  opacity: 1;
  margin-top: 0.25rem;
  transition: all 0.2s;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-2 {
  background: url("../images/icons/icon10.svg") no-repeat;
  background-size: 100%;
  margin-top: 0rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-3 {
  background: url("../images/icons/icon2.svg") no-repeat;
  background-size: 100%;
  margin-top: 0rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-4 {
  background: url("../images/icons/icon8.svg") no-repeat;
  background-size: 100%;
  margin-top: 0rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-11 {
  background: url("../images/icons/icon11.svg") no-repeat;
  background-size: 92%;
  margin-top: 0rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-12 {
  background: url("../images/icons/icon3.svg") no-repeat;
  background-size: 92%;
  margin-top: 0rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-14 {
  background: url("../images/icons/icon12.svg") no-repeat;
  background-size: 78%;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-22 {
  background: url("../images/icons/icon7.svg") no-repeat;
  background-size: 87%;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}
nav .nav-desktop .with-menu .menu-links a span.svg.svg-ignite {
  background: url("../images/icons/icon-ignite.svg") no-repeat;
  background-size: 100%;
  margin-top: 0.25rem;
}
nav .nav-desktop .with-menu .menu-links a .ml-4 {
  margin-left: 1rem;
}
nav .nav-desktop .with-menu .menu-links a p {
  display: block;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  margin: 0;
}
nav .nav-desktop .with-menu .menu-links a p em {
  font-style: normal;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 77%, #00f0ff 76%, #1e43ff);
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-flex;
  line-height: 1;
  border-radius: 4px;
  letter-spacing: 0.3px;
  padding: 3px 6px;
  vertical-align: middle;
  margin: 0 0 0 3px;
}
nav .nav-desktop .with-menu .menu-links a span {
  display: block;
  line-height: 1.4;
  opacity: 0.7;
  font-weight: 400;
  font-size: 14px;
}
nav .nav-desktop .with-menu .menu-links.double-menu h4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500;
  margin: 3px 12px 4px 12px;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 12px;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper:last-of-type {
  margin-bottom: 0;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a {
  width: 50%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a .ml-4 {
  margin-left: 0.75rem;
  line-height: 1.37;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a p {
  font-size: 15px;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span {
  font-size: 14px;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon {
  min-width: 40px;
  height: 40px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 4px;
  opacity: 1;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-brightpearl {
  background: url("../images/icons/partners/icon-brightpearl.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-patchworks {
  background: url("../images/icons/partners/icon-patchworks.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-versori {
  background: url("../images/icons/partners/icon-versori.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-vl {
  background: url("../images/icons/partners/icon-vl.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-bigcommerce {
  background: url("../images/icons/partners/icon-bigcommerce.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-wix {
  background: url("../images/icons/partners/icon-wix.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-linnworks {
  background: url("../images/icons/partners/icon-linnworks.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-unleashed {
  background: url("../images/icons/partners/icon-unleashed.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-katana {
  background: url("../images/icons/partners/icon-katana.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-sufio {
  background: url("../images13/icons/partners/icon-sufio.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-pack {
  background: url("../images/icons/partners/icon-pack.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-woo {
  background: url("../images/icons/partners/icon-woocommerce.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-hokodo {
  background: url("../images/icons/partners/icon-hokodo.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-shopify-plus {
  background: url("../images/icons/partners/icon-shopify-plus.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-shopify {
  background: url("../images/icons/partners/icon-shopify.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-helium {
  background: url("../images/icons/partners/icon-helium.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-balance {
  background: url("../images/icons/partners/icon-balance.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-conjura {
  background: url("../images/icons/partners/logo-conjura.png") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-dear {
  background: url("../images/icons/partners/icon-cin7.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .with-menu .menu-links.double-menu .double-menu-wrapper a span.icon.ico-billie {
  background: url("../images/icons/partners/icon-billie.svg") no-repeat;
  background-size: 100%;
}
nav .nav-desktop .menu-product-wrapper {
  position: absolute;
  left: 5%;
  width: 90%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  top: 54px;
  border-radius: 0.5rem;
  transition-delay: 0.3s;
}
@media only screen and (max-width: 1510px) {
  nav .nav-desktop .menu-product-wrapper {
    left: 0;
    width: 100%;
  }
}
nav .nav-desktop .menu-product-wrapper.show-menu {
  height: 100%;
  visibility: visible;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-wrapper {
  position: relative;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
nav .nav-desktop .menu-product-wrapper .product-links-wrapper:before {
  content: "";
  height: 10px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
nav .nav-desktop .menu-product-wrapper .product-links-layout {
  display: flex;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout a {
  color: #333;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout a.btn-link {
  display: inline-block;
  opacity: 1;
  margin: 1em 0 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout a.btn-link span {
  color: #5B36F5 !important;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 14px;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview-title-link {
  margin: 0 0 1em;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px;
  display: flex;
  justify-content: space-between;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title {
  display: flex;
  justify-content: space-between;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .menu-cta-buttons {
  display: flex;
  column-gap: 14px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video {
  cursor: pointer;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video span {
  color: #5B36F5 !important;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 14px;
  opacity: 1 !important;
  background: url(../images/icons/play_gradient.svg) no-repeat left 0;
  background-size: 22px;
  padding: 2px 0 2px 27px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.try-demo {
  display: flex;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.try-demo svg {
  width: 30px;
  height: 30px;
  margin: -6px -1px 0 0;
  transform: rotate(-21deg);
  color: #5B36F5;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.try-demo span {
  background: none;
  padding-left: 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.case-studies {
  display: flex;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.case-studies svg {
  width: 24px;
  height: 30px;
  margin: -3px 4px 0 0;
  color: #5B36F5;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .menu-title .btn-video.case-studies span {
  background: none;
  padding-left: 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout h4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 17px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout h4 em {
  font-style: normal;
}
@media only screen and (max-width: 1300px) {
  nav .nav-desktop .menu-product-wrapper .product-links-layout h4 em {
    display: none;
  }
}
nav .nav-desktop .menu-product-wrapper .product-links-layout p {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.25rem;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout span {
  display: block;
  line-height: 1.4;
  opacity: 0.7;
  font-weight: 400;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #333 !important;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout span.btn-link {
  display: inline-block;
  opacity: 1;
  margin: 1em 0 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout span.btn-link span {
  color: #5B36F5 !important;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 14px;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview {
  width: 55%;
  padding: 2rem 2.25rem;
}
@media only screen and (max-width: 1200px) {
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview {
    width: 70%;
  }
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: -0.75em -1.25em 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items a {
  padding: 1.25em;
  border-radius: 8px;
  transition: all 0.3s;
  width: 33.333%;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items a:hover {
  background: #f3f3f3;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items a:hover .btn-link span::after {
  right: -8px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items a:hover span.svg.with-image {
  background-size: 110%;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items .overview-item img {
  display: block;
  max-width: 200px;
  margin: 1rem 0 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg {
  color: #5B36F5;
  flex-shrink: 0;
  background-position: center top;
  opacity: 1;
  margin: 0 auto 1em;
  border-radius: 8px;
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  height: 100px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.svg-1 {
  background: url("../images/icons/icon3.svg") no-repeat #fff center center;
  background-size: 50px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.svg-2 {
  background: url("../images/icons/icon2.svg") no-repeat #fff center center;
  background-size: 60px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.svg-3 {
  background: url("../images/icons/icon11.svg") no-repeat #fff center center;
  background-size: 45px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.with-image {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 140px;
  transition: all 0.3s;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.with-image span.post-type {
  border-radius: 12px;
  background: rgba(93, 55, 246, 0.1);
  color: #5B36F5 !important;
  border: 1px solid rgba(93, 55, 246, 0.3);
  padding: 6px 14px;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 10px;
  background: #fff !important;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.with-image span.post-type.post-Best {
  background: rgba(255, 148, 66, 0.1);
  border-color: rgba(255, 148, 66, 0.3);
  color: #FF9443 !important;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.with-image span.post-type.post-Customer {
  background: rgba(40, 186, 136, 0.1);
  border-color: rgba(40, 186, 136, 0.3);
  color: #28ba88 !important;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-overview .product-overview-items span.svg.with-image span.post-type.post-Partnership {
  background: rgba(252, 49, 134, 0.1);
  border-color: rgba(252, 49, 134, 0.3);
  color: #FC2F86 !important;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features {
  width: 27%;
  background: #f4f8ff;
  padding: 2rem 2.25rem;
}
@media only screen and (max-width: 1200px) {
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features {
    width: auto;
    flex: 1;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-features-wrap {
  margin: -0.5em -1em;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item {
  display: flex;
  column-gap: 15px;
  padding: 1em;
  border-radius: 6px;
  transition: all 0.3s;
  margin-bottom: -0.5rem;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item:hover {
  background: #fff;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite {
  position: relative;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite b {
  display: block;
  background-image: linear-gradient(#000, #000), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: double 3px transparent;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite div {
  z-index: 3;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite:hover {
  background: transparent;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite:hover p,
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite:hover span {
  color: #fff !important;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item.ignite:hover b {
  visibility: visible;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item:last-of-type {
  margin: 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.icon-ignite {
  border-radius: 6px;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border: 1px solid #333;
  background: #000;
  display: flex;
  opacity: 1;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.icon-ignite em {
  background: url("../images/navigation/icon-ignite.png") no-repeat #000 center center;
  background-size: 105% 105%;
  animation: scaleup 2s infinite;
  width: 70px;
  height: 70px;
  display: block;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg {
  border-radius: 6px;
  width: 70px;
  min-width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  background: #fff;
  display: block;
  opacity: 1;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-1 {
  background: url("../images/icons/icon4.svg") no-repeat #fff center center;
  background-size: 30px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-2 {
  background: url("../images/icons/icon8.svg") no-repeat #fff center center;
  background-size: 40px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-3 {
  background: url("../images/icons/icon7.svg") no-repeat #fff center center;
  background-size: 35px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-5 {
  background: url("../images/icons/icon12.svg") no-repeat #fff center center;
  background-size: 30px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-6 {
  background: url("../images/icons/icon7.svg") no-repeat #fff center center;
  background-size: 35px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-7 {
  background: url("../images/icons/icon3.svg") no-repeat #fff center center;
  background-size: 35px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-8 {
  background: url("../images/icons/icon4.svg") no-repeat #fff center center;
  background-size: 30px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span.svg.svg-analytics {
  background: url("../images/icons/icon18.svg") no-repeat #fff center center;
  background-size: 35px;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item p {
  margin: 0;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features a.product-feature-item span {
  font-size: 13px;
  line-height: 1.3;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos {
  display: flex;
  flex-wrap: wrap;
  column-gap: 11px;
  row-gap: 11px;
  margin: 1em 0;
  justify-content: space-evenly;
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img {
  width: 30%;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  border: 1px solid #a5a5a5;
  border-radius: 6px;
}
@media only screen and (max-width: 1400px) {
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img {
    width: 48%;
    max-width: 135px;
  }
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(11), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(12), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(13), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(14), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(15), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(16), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(17), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(18) {
    display: none;
  }
}
@media only screen and (max-width: 1240px) {
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img {
    width: 47%;
  }
  nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(11), nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:nth-of-type(12) {
    display: block;
  }
}
nav .nav-desktop .menu-product-wrapper .product-links-layout .product-features .product-logos img:hover {
  opacity: 1;
  background: #fff;
}
nav .nav-desktop .menu-product-wrapper .product-list-items {
  display: block;
  background: #f1f1f1;
  padding: 2rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  flex: 1;
}
@media only screen and (max-width: 1200px) {
  nav .nav-desktop .menu-product-wrapper .product-list-items {
    display: none;
  }
}
nav .nav-desktop .menu-product-wrapper .product-list-items ul {
  margin-bottom: -0.25rem;
}
nav .nav-desktop .menu-product-wrapper .product-list-items ul li {
  display: block;
  font-size: 14px;
}
nav .nav-desktop .menu-product-wrapper.navigation-resources .product-links-layout .product-overview {
  width: 70%;
}
nav .nav-desktop .menu-product-wrapper.navigation-resources .product-links-layout .product-features {
  flex-grow: 1;
  border-bottom-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
nav .nav-desktop .mobile-button,
nav .nav-desktop a.icon-nav-close,
nav .nav-desktop .color-bar,
nav .nav-desktop p {
  display: none;
}
nav .nav-desktop ul {
  margin: 0;
  padding: 0;
}
nav .nav-desktop ul li {
  display: inline;
  margin: 0 1.75rem 0 0;
}
@media only screen and (max-width: 1370px) {
  nav .nav-desktop ul li {
    margin: 0 1.5rem 0 0;
  }
}
nav .nav-desktop ul li:last-of-type {
  margin: 0;
}
nav .nav-desktop ul li a {
  color: #fff;
  font-size: 15px;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-weight: 600;
  position: relative;
  z-index: 4;
}
nav .nav-desktop ul li a:hover {
  text-decoration: none;
  color: #0DCCFC;
}
@media only screen and (max-width: 1370px) {
  nav .nav-desktop ul li a {
    font-size: 14px;
  }
}
nav .nav-desktop ul li a span.mobile {
  display: none;
}
@media only screen and (max-width: 1150px) {
  nav .nav-desktop ul li a span.mobile {
    display: inline-block;
  }
}
nav .nav-desktop ul li a span.desktop {
  display: inline-block;
}
@media only screen and (max-width: 1150px) {
  nav .nav-desktop ul li a span.desktop {
    display: none;
  }
}
nav .menu-footer {
  padding: 0.5rem 1rem;
  background: #f2f2f2;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}
nav .menu-footer a {
  padding: 0.5rem;
  align-items: center;
  display: flex;
  border-radius: 0.5rem;
  cursor: pointer;
}
nav .menu-footer a:hover {
  background-color: #fff;
}
nav .menu-footer a svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  color: #777;
}
nav .menu-footer a span {
  margin-left: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #444;
}
nav .nav-mobile {
  display: none;
}
@media only screen and (max-width: 1150px) {
  nav .nav-mobile {
    display: block;
  }
}
nav .nav-mobile .icon-nav {
  display: block;
  margin-top: 11px;
  transition: none;
  cursor: pointer;
}
@media only screen and (max-width: 1150px) {
  nav .nav-mobile .icon-nav {
    margin-right: 0;
    margin-top: 4px;
  }
}
@media only screen and (max-width : 650px) {
  nav .nav-mobile .icon-nav {
    margin-right: 2.25rem;
  }
}
nav .nav-mobile .icon-nav span {
  height: 2px;
  width: 24px;
  background: rgba(255, 255, 255, 0.7);
  border-bottom: 0;
  display: block;
  margin: 0 0 4px;
}
nav .nav-mobile .icon-nav span:nth-of-type(1) {
  border-color: #5B36F5;
}
nav .nav-mobile .icon-nav span:nth-of-type(2) {
  border-color: #0DCCFC;
}
nav .nav-mobile .icon-nav span:nth-of-type(3) {
  border-color: #FC2F86;
}
nav .nav-mobile .icon-nav span:nth-of-type(4) {
  border-color: #FF9443;
}
nav.show-mobile .nav-desktop {
  display: block;
  visibility: visible;
  opacity: 1;
  height: auto;
  position: absolute;
  width: 100%;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.15) 40px 40px 50px -10px;
  border-radius: 6px;
  margin: 0;
  padding: 2rem;
  top: -0.5rem;
  left: 0;
  z-index: 20;
}
nav.show-mobile .nav-desktop p,
nav.show-mobile .nav-desktop a.mobile-button {
  display: block;
}
nav.show-mobile .nav-desktop p.align-center {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  nav.show-mobile .nav-desktop {
    width: 92%;
    margin: 0 4%;
    padding-bottom: 70px;
  }
}
nav.show-mobile .nav-desktop .menu-footer {
  position: absolute;
  bottom: 9px;
  left: 0;
  padding: 0.5rem 1.5rem;
  display: flex;
}
@media only screen and (max-width : 650px) {
  nav.show-mobile .nav-desktop .menu-footer .mf-link:first-of-type {
    display: none;
  }
}
nav.show-mobile .nav-desktop .menu-footer a {
  padding: 0.5rem 0;
}
nav.show-mobile .nav-desktop .menu-footer a span {
  font-size: 15px;
}
nav.show-mobile .nav-desktop .color-bar {
  display: flex;
  height: 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
nav.show-mobile .nav-desktop .color-bar span {
  display: block;
  width: 25%;
}
nav.show-mobile .nav-desktop .color-bar span:nth-of-type(1) {
  background: #0DCCFC;
  border-bottom-left-radius: 6px;
}
nav.show-mobile .nav-desktop .color-bar span:nth-of-type(2) {
  background: #5B36F5;
}
nav.show-mobile .nav-desktop .color-bar span:nth-of-type(3) {
  background: #FC2F86;
}
nav.show-mobile .nav-desktop .color-bar span:nth-of-type(4) {
  background: #FF9443;
  border-bottom-right-radius: 6px;
}
nav.show-mobile .nav-desktop a.icon-nav-close {
  display: block;
  position: absolute;
  top: 1.8rem;
  right: 1.35rem;
  transform: rotate(45deg);
  cursor: pointer;
}
nav.show-mobile .nav-desktop a.icon-nav-close span {
  display: block;
  background: #888;
  width: 24px;
  height: 3px;
  border-radius: 6px;
}
nav.show-mobile .nav-desktop a.icon-nav-close span:nth-of-type(1) {
  transform: rotate(90deg);
}
nav.show-mobile .nav-desktop a.icon-nav-close span:nth-of-type(2) {
  transform: rotate(-180deg);
  margin-top: -3px;
}
nav.show-mobile .nav-desktop ul li {
  display: block;
}
nav.show-mobile .nav-desktop ul li a {
  display: block;
  color: #5B36F5;
  font-size: 18px;
  padding: 0.75rem 0 0.75rem 42px;
  position: relative;
}
nav.show-mobile .nav-desktop ul li a span.desktop {
  display: inline-block;
}
nav.show-mobile .nav-desktop ul li a span.mobile {
  display: none;
}
nav.show-mobile .nav-desktop ul li a:before {
  content: "";
  width: 27px;
  height: 34px;
  display: block;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 10px;
}
nav.show-mobile .nav-desktop ul li.item-product a:before {
  background: url("../images/icons/icon1.svg") no-repeat;
  background-size: 100%;
}
nav.show-mobile .nav-desktop ul li.item-enterprise a:before {
  background: url("../images/icons/icon18.svg") no-repeat 2px 0;
  background-size: 98%;
}
nav.show-mobile .nav-desktop ul li.item-customers a:before {
  background: url("../images/icons/icon7.svg") no-repeat 2px 2px;
  background-size: 86%;
}
nav.show-mobile .nav-desktop ul li.item-integrations a:before {
  background: url("../images/icons/icon8.svg") no-repeat 0 4px;
  background-size: 110%;
}
nav.show-mobile .nav-desktop ul li.item-pricing a:before {
  background: url("../images/icons/icon3.svg") no-repeat center 2px;
  background-size: 95%;
}
nav.show-mobile .nav-desktop ul li.item-about a:before {
  background: url("../images/icons/icon11.svg") no-repeat center 2px;
  background-size: 85%;
}
nav.show-mobile .nav-desktop ul li.item-news a:before {
  background: url("../images/icons/icon4.svg") no-repeat center 2px;
  background-size: 80%;
}
nav.show-mobile .nav-desktop a.btn, nav.show-mobile .nav-desktop nav.blog-footer a, nav.blog-footer nav.show-mobile .nav-desktop a {
  width: 100%;
  margin: 1.5rem 0 0;
}
nav .action-links a.link-item {
  color: #fff;
  font-size: 15px;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-weight: 600;
  margin: 0 0.5rem 0 0;
  cursor: pointer;
}
nav .action-links a.link-item:hover {
  text-decoration: none;
  color: #0DCCFC;
}
nav .action-links a.btn, nav.blog-footer .action-links a {
  margin-left: 0.5rem;
  font-size: 14px;
}
nav .action-links a.btn.btn-demo-request, nav.blog-footer .action-links a.btn-demo-request {
  background: linear-gradient(54deg, #5b36f5 5.48%, #ff4cbf 44.27%, #3875f3 75.97%, #5b36f5 94.09%);
  animation-duration: 20s;
  animation-iteration-count: infinite, 1;
  animation-name: shimmer;
  animation-timing-function: ease-out, cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 200% 100%;
}
@keyframes shimmer {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 0;
  }
}
nav .action-links a.btn em, nav.blog-footer .action-links a em {
  font-style: normal;
}
@media only screen and (max-width: 1290px) {
  nav .action-links a.btn, nav.blog-footer .action-links a {
    font-size: 14px;
  }
  nav .action-links a.btn-light, nav.blog-footer .action-links a {
    display: none;
  }
}

header.header-dark .show-mobile .nav-desktop {
  border: 1px solid #ccc;
  border-bottom: 0;
}

header.fixed nav .nav-desktop,
header.fixed nav .action-links {
  padding: 0;
  margin: 0;
}
header.fixed a.logo {
  width: 150px;
  height: 36px;
}
header.fixed a.btn-light, header.fixed nav.blog-footer a, nav.blog-footer header.fixed a {
  background: #f4f4f4 !important;
}

header.header-dark nav .nav-desktop ul li a,
header.header-dark nav .action-links a.link-item,
header.fixed nav .nav-desktop ul li a,
header.fixed nav .action-links a.link-item {
  color: #000;
}
header.header-dark nav .nav-desktop ul li a:hover,
header.header-dark nav .action-links a.link-item:hover,
header.fixed nav .nav-desktop ul li a:hover,
header.fixed nav .action-links a.link-item:hover {
  color: #5B36F5;
}
header.header-dark .btn.btn-light, header.header-dark nav.blog-footer a, nav.blog-footer header.header-dark a, header.header-dark .hbspt-form .actions input.btn-light, .hbspt-form .actions header.header-dark input.btn-light, header.header-dark .hbspt-form .actions select.btn-light, .hbspt-form .actions header.header-dark select.btn-light, header.header-dark #paginationContainer button, #paginationContainer header.header-dark button,
header.fixed .btn.btn-light,
header.fixed nav.blog-footer a,
nav.blog-footer header.fixed a,
header.fixed .hbspt-form .actions input.btn-light,
.hbspt-form .actions header.fixed input.btn-light,
header.fixed .hbspt-form .actions select.btn-light,
.hbspt-form .actions header.fixed select.btn-light,
header.fixed #paginationContainer button,
#paginationContainer header.fixed button {
  background: #fff;
  color: #5B36F5;
}
header.header-dark .btn.btn-light:hover, header.header-dark nav.blog-footer a:hover, nav.blog-footer header.header-dark a:hover, header.header-dark .hbspt-form .actions input.btn-light:hover, .hbspt-form .actions header.header-dark input.btn-light:hover, header.header-dark .hbspt-form .actions select.btn-light:hover, .hbspt-form .actions header.header-dark select.btn-light:hover, header.header-dark #paginationContainer button:hover, #paginationContainer header.header-dark button:hover,
header.fixed .btn.btn-light:hover,
header.fixed nav.blog-footer a:hover,
nav.blog-footer header.fixed a:hover,
header.fixed .hbspt-form .actions input.btn-light:hover,
.hbspt-form .actions header.fixed input.btn-light:hover,
header.fixed .hbspt-form .actions select.btn-light:hover,
.hbspt-form .actions header.fixed select.btn-light:hover,
header.fixed #paginationContainer button:hover,
#paginationContainer header.fixed button:hover {
  border-color: #fff;
}
header.header-dark nav .nav-mobile .icon-nav span,
header.fixed nav .nav-mobile .icon-nav span {
  background: #000;
}
header.header-dark a.logo,
header.fixed a.logo {
  background: url("../images/logo-dark.png") no-repeat;
  background-size: 100%;
}
header.header-dark a.logo span,
header.fixed a.logo span {
  background: #f3f3f3;
}

/*********************
  Footer
 **********************/
footer {
  background: #fff;
  position: relative;
  z-index: 1;
}

section.footer-demo {
  display: flex;
  justify-content: space-between;
}
section.footer-demo .footer-cta {
  width: 40%;
  min-width: 500px;
}
@media only screen and (max-width : 1040px) {
  section.footer-demo .footer-cta {
    min-width: 100%;
  }
}
section.footer-demo p {
  max-width: 600px;
}
@media only screen and (max-width : 1040px) {
  section.footer-demo p {
    display: none;
  }
}

section.footer-signoff .newsletter-wrapper {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  text-align: center;
  padding: 3rem 0 0;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .newsletter-wrapper {
    border-bottom: 1px solid #ccc;
    padding: 3rem 0;
    background: #f8f8f8;
    background: url("../images/section-about-bg.png") no-repeat top center #f3f3f3;
    background-size: 160%;
  }
}
section.footer-signoff .newsletter-wrapper p {
  font-size: 13px;
  margin: 1rem 0 0;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .newsletter-wrapper p {
    padding: 0 1.5rem;
  }
}
section.footer-signoff .newsletter-wrapper .newsletter-content {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .newsletter-wrapper .newsletter-content {
    display: block;
  }
}
section.footer-signoff .newsletter-wrapper .newsletter-content h4 {
  font-size: 24px;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .newsletter-wrapper .newsletter-content h4 {
    font-size: 18px;
  }
}
section.footer-signoff .newsletter-wrapper .newsletter-content .hbspt-form {
  margin: 0;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form {
  display: flex;
  margin: 0 0 0 1em;
  width: 40%;
  position: relative;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .newsletter-wrapper .newsletter-content form {
    width: 45%;
  }
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .newsletter-wrapper .newsletter-content form {
    width: 90%;
    margin: 1rem auto 1em;
    display: flex;
    justify-content: center;
  }
}
section.footer-signoff .newsletter-wrapper .newsletter-content form input, section.footer-signoff .newsletter-wrapper .newsletter-content form .hbspt-form select, .hbspt-form section.footer-signoff .newsletter-wrapper .newsletter-content form select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #ccc;
  margin: 0;
  padding: 1em 1.25em;
  border-right: 0;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form input:focus, section.footer-signoff .newsletter-wrapper .newsletter-content form .hbspt-form select:focus, .hbspt-form section.footer-signoff .newsletter-wrapper .newsletter-content form select:focus {
  box-shadow: 0px 0px 0px 2px #5B36F5;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form input:focus + button, section.footer-signoff .newsletter-wrapper .newsletter-content form .hbspt-form select:focus + button, .hbspt-form section.footer-signoff .newsletter-wrapper .newsletter-content form select:focus + button {
  box-shadow: 0px 0px 0px 2px #5B36F5;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .hs_email {
  position: relative;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .hs-error-msgs {
  position: absolute;
  top: -20px;
  left: 0;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .input {
  min-width: 320px;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .newsletter-wrapper .newsletter-content form .input {
    min-width: 250px;
  }
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .hbspt-form {
  margin: 0;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .hs_submit {
  display: flex;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .actions {
  margin: 0;
  height: 100%;
}
section.footer-signoff .newsletter-wrapper .newsletter-content form .actions input, section.footer-signoff .newsletter-wrapper .newsletter-content form .actions .hbspt-form select, .hbspt-form section.footer-signoff .newsletter-wrapper .newsletter-content form .actions select {
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.3s;
  margin-left: 0;
  padding: 1em 1.25em;
  height: 100%;
}
section.footer-signoff .container {
  display: flex;
  padding-top: 3rem;
  padding-bottom: 0.5rem;
  justify-content: space-between;
}
@media only screen and (max-width: 1340px) {
  section.footer-signoff .container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1100px) {
  section.footer-signoff .container {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container {
    padding-bottom: 1rem;
    padding-top: 4rem;
  }
}
section.footer-signoff .container .footer-columns {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns {
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (max-width: 890px) {
  section.footer-signoff .container .footer-columns {
    justify-content: start;
  }
}
section.footer-signoff .container .footer-columns .col {
  min-width: 180px;
  max-width: 100%;
}
@media only screen and (max-width: 1100px) {
  section.footer-signoff .container .footer-columns .col {
    flex: 1;
  }
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns .col {
    width: 50%;
    max-width: 11rem;
    min-width: 150px;
  }
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .container .footer-columns .col {
    max-width: 13rem;
  }
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns .col.solutions {
    display: none;
  }
}
section.footer-signoff .container .footer-columns h4 {
  opacity: 0.7;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns h4 {
    margin-bottom: -0.5rem;
  }
}
section.footer-signoff .container .footer-columns ul li {
  margin: 0 0 0.25rem;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .container .footer-columns ul li {
    margin: 0;
  }
}
section.footer-signoff .container .footer-columns ul li.mobile-only {
  display: none;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns ul li.mobile-only {
    display: block;
  }
}
section.footer-signoff .container .footer-columns ul li.desktop-only {
  display: block;
}
@media only screen and (max-width : 1040px) {
  section.footer-signoff .container .footer-columns ul li.desktop-only {
    display: none;
  }
}
section.footer-signoff .container .footer-columns ul li a {
  font-size: 15px;
  color: #666;
  cursor: pointer;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .container .footer-columns ul li a {
    font-size: 14px;
  }
}
section.footer-signoff .container .footer-columns ul li a:hover {
  color: #5B36F5;
  text-decoration: none;
}
section.footer-signoff .container .footer-columns ul li a span {
  display: inline-block;
  background: #FC2F86;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  line-height: 1;
  border-radius: 6px;
  margin: 0 0 0 4px;
}
section.footer-signoff .footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .footer-logo {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    margin: 0 !important;
  }
}
section.footer-signoff .footer-logo a.icon-contact {
  background: url("../images/icons/icon-smile.svg") no-repeat;
  background-size: 18px 18px;
  background-position: left center;
  display: block;
  padding-left: 24px;
  margin-bottom: 5px;
}
section.footer-signoff .footer-logo a.icon-contact:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1100px) {
  section.footer-signoff .footer-logo a.icon-contact {
    display: inline;
    margin-right: 1em;
  }
}
section.footer-signoff .footer-logo ul.social-media {
  display: flex;
  column-gap: 20px;
}
@media only screen and (max-width: 1100px) {
  section.footer-signoff .footer-logo ul.social-media {
    align-items: center;
    justify-content: center;
    column-gap: 20px;
  }
}
section.footer-signoff .footer-logo ul.social-media li a {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 100%;
}
section.footer-signoff .footer-logo ul.social-media li a.icon-linkedin {
  background: url("../images/icons/social/icon-linkedin.svg") no-repeat;
  background-size: 100%;
}
section.footer-signoff .footer-logo ul.social-media li a.icon-instagram {
  background: url("../images/icons/social/icon-instagram.svg") no-repeat;
  background-size: 100%;
}
section.footer-signoff .footer-logo ul.social-media li a.icon-facebook {
  background: url("../images/icons/social/icon-facebook.svg") no-repeat;
  background-size: 100%;
}
section.footer-signoff .footer-logo ul.social-media li a.icon-x {
  background: url("../images/icons/social/icon-x.svg") no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 1100px) {
  section.footer-signoff .footer-logo {
    text-align: center;
    margin: 1rem 0 0;
    order: 2;
  }
  section.footer-signoff .footer-logo a.logo.dark {
    margin: auto;
  }
}
section.footer-signoff .partner-app-link {
  margin: 0 auto 1em;
  display: flex;
  column-gap: 10px;
  justify-content: center;
}
section.footer-signoff .partner-app-link img {
  max-height: 42px;
  display: block;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .partner-app-link img {
    max-height: 33px;
  }
}
@media only screen and (max-width : 650px) {
  section.footer-signoff .partner-app-link a:last-of-type {
    display: none;
  }
}
section.footer-signoff p.footer-copyright {
  text-align: center;
  margin: 0 0 0.25rem;
  font-size: 13px;
  color: #999;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff p.footer-copyright {
    font-size: 12px;
    position: relative;
    z-index: 2;
  }
}
section.footer-signoff p.footer-copyright a {
  color: #999;
}
section.footer-signoff address {
  text-align: center;
  margin: 0 0 3rem;
  font-size: 13px;
  color: #999;
  font-style: normal;
  line-height: 1.4;
}
@media only screen and (max-width : 650px) {
  section.footer-signoff address {
    font-size: 12px;
    position: relative;
    z-index: 2;
    padding: 0 1.5rem;
    margin: 0 0 1.5rem;
  }
}
section.footer-signoff .color-bar {
  display: flex;
  height: 7px;
  width: 100%;
}
section.footer-signoff .color-bar span {
  display: block;
  width: 25%;
}
section.footer-signoff .color-bar span:nth-of-type(1) {
  background: #0DCCFC;
}
section.footer-signoff .color-bar span:nth-of-type(2) {
  background: #5B36F5;
}
section.footer-signoff .color-bar span:nth-of-type(3) {
  background: #FC2F86;
}
section.footer-signoff .color-bar span:nth-of-type(4) {
  background: #FF9443;
}

.promotion-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
  height: 40px;
  background-color: #000;
  color: white;
  position: relative;
  overflow: hidden;
  z-index: 21;
  text-decoration: none;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .promotion-banner {
    column-gap: 0.5em;
  }
}
.promotion-banner:hover {
  background: #000745;
  text-decoration: none;
}
.promotion-banner img {
  width: 200px;
  height: auto;
  display: block;
}
@media only screen and (max-width : 650px) {
  .promotion-banner img {
    width: 170px;
  }
}
.promotion-banner .floating-hearts {
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
@media only screen and (max-width : 1040px) {
  .promotion-banner .floating-hearts {
    display: none;
  }
}
.promotion-banner .floating-hearts .heart {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ffc0fd;
  transform: rotate(45deg);
  animation: floatHeart 4s infinite ease-in-out;
  opacity: 0.3;
}
.promotion-banner .floating-hearts .heart::before, .promotion-banner .floating-hearts .heart::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ffc0fd;
  border-radius: 50%;
}
.promotion-banner .floating-hearts .heart::before {
  top: -6px;
  left: 0;
}
.promotion-banner .floating-hearts .heart::after {
  left: -6px;
  top: 0;
}
.promotion-banner .floating-hearts .heart:nth-child(1) {
  left: 20%;
  animation-delay: 0s;
}
.promotion-banner .floating-hearts .heart:nth-child(2) {
  left: 29%;
  animation-delay: 2s;
}
.promotion-banner .floating-hearts .heart:nth-child(3) {
  left: 70%;
  animation-delay: 4s;
}
.promotion-banner .floating-hearts .heart:nth-child(4) {
  left: 80%;
  animation-delay: 1s;
}

@keyframes floatHeart {
  0% {
    transform: translateY(100%) rotate(45deg);
    opacity: 0;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    transform: translateY(50%) rotate(45deg) scale(1.2);
  }
  100% {
    transform: translateY(-120%) rotate(45deg);
    opacity: 0;
  }
}
.banner-text {
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
}
@media only screen and (max-width : 650px) {
  .banner-text {
    column-gap: 8px;
  }
}
@media only screen and (max-width : 650px) {
  .banner-text {
    font-size: 14px;
  }
}
.banner-text p {
  opacity: 0.8;
}
.banner-text em.tag {
  font-style: normal;
  background: #62dff4;
  background-size: 120% 120%;
  color: #fff;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 40px;
  font-size: 11px;
}
@media only screen and (max-width: 780px) {
  .banner-text p {
    font-size: 13px;
  }
}
@media only screen and (max-width : 650px) {
  .banner-text p {
    display: none;
  }
}
.banner-text p.show-mobile {
  display: none;
}
@media only screen and (max-width: 780px) {
  .banner-text p.show-mobile {
    display: block;
  }
}
.banner-text span {
  font-weight: 500;
  color: #ff87c8;
  transition: all 0.3s;
}
@media only screen and (max-width: 780px) {
  .banner-text span {
    font-size: 13px;
  }
}
.banner-text span em {
  font-style: normal;
}
@media only screen and (max-width : 650px) {
  .banner-text span em {
    display: none;
  }
}
.banner-text span.display-mobile {
  display: none;
}
@media only screen and (max-width : 650px) {
  .banner-text span.display-mobile {
    display: block;
  }
  .banner-text span.display-dt {
    display: none;
  }
}

.shape-container {
  position: relative;
  height: 100px;
  transform: scale(0.45);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  .shape-container {
    display: none;
  }
}
.shape-container .circle {
  width: 80px;
  height: 80px;
  background-color: #ffa8ca;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 10px;
  animation: move-circle 3s infinite alternate ease-in-out;
  z-index: 1;
}
.shape-container .square {
  width: 80px;
  height: 80px;
  background-color: #ff671e;
  position: absolute;
  top: 10px;
  left: 80px;
  animation: move-square 3s infinite alternate ease-in-out;
}
.shape-container .triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #c8f354;
  position: absolute;
  top: -10px;
  left: 30px;
  animation: rotate-triangle 3s infinite alternate ease-in-out;
  z-index: 2;
}
.shape-container.right-shapes {
  margin-left: -80px;
}
.shape-container.right-shapes .circle {
  background-color: #63ddfc;
  animation: move-circle 3s infinite alternate-reverse ease-in-out;
}
.shape-container.right-shapes .square {
  animation: move-square 3s infinite alternate-reverse ease-in-out;
}
.shape-container.right-shapes .triangle {
  border-bottom-color: #c8f354;
  animation: rotate-triangle 3s infinite alternate-reverse ease-in-out;
}

@keyframes move-circle {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100px);
    /* Adjust the movement distance */
  }
}
@keyframes move-square {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100px);
    /* Adjust the movement distance */
  }
}
@keyframes rotate-triangle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
.promotion-banner.mega-release {
  background: #000;
  height: 44px;
}
@media only screen and (max-width: 780px) {
  .promotion-banner.mega-release {
    height: 38px;
  }
}
.promotion-banner.mega-release svg {
  width: 180px;
  height: auto;
  transition: all 0.3s;
}
@media only screen and (max-width: 780px) {
  .promotion-banner.mega-release svg {
    width: 165px;
  }
}
.promotion-banner.mega-release:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/releases/mega/nav-bg.png") repeat top;
  opacity: 0.5;
  /* adjust opacity here */
  animation: pulseStarsNav 3s ease-in-out infinite;
}
@keyframes pulseStarsNav {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.02);
    /* a slight zoom for breathing effect */
  }
}
.promotion-banner.mega-release:hover span {
  color: #f5c83b;
}
.promotion-banner.mega-release:hover svg {
  width: 200px;
}
.promotion-banner.mega-release:hover::after {
  transform: scaleX(1);
  animation: gradient-slide 2s linear infinite;
}
.promotion-banner.mega-release p {
  background: linear-gradient(120deg, #9a9a9a 0%, #b0b0b0 25%, #fff 50%, #aaa 75%, #a7a7a7 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: shimmerSilver 3s linear infinite;
}
@keyframes shimmerSilver {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.promotion-banner.mega-release::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(1px 1px at 3% 20%, #ffffff 70%, transparent), radial-gradient(1px 1px at 7% 65%, #ffffff 70%, transparent), radial-gradient(1px 1px at 11% 35%, #ffffff 70%, transparent), radial-gradient(1px 1px at 15% 50%, #ffffff 70%, transparent), radial-gradient(1px 1px at 19% 25%, #ffffff 70%, transparent), radial-gradient(1px 1px at 23% 70%, #ffffff 70%, transparent), radial-gradient(1px 1px at 27% 40%, #ffffff 70%, transparent), radial-gradient(1px 1px at 31% 60%, #ffffff 70%, transparent), radial-gradient(1px 1px at 35% 30%, #ffffff 70%, transparent), radial-gradient(1px 1px at 39% 50%, #ffffff 70%, transparent), radial-gradient(1px 1px at 43% 20%, #ffffff 70%, transparent), radial-gradient(1px 1px at 47% 65%, #ffffff 70%, transparent), radial-gradient(1px 1px at 51% 35%, #ffffff 70%, transparent), radial-gradient(1px 1px at 55% 50%, #ffffff 70%, transparent), radial-gradient(1px 1px at 59% 25%, #ffffff 70%, transparent), radial-gradient(1px 1px at 63% 70%, #ffffff 70%, transparent), radial-gradient(1px 1px at 67% 40%, #ffffff 70%, transparent), radial-gradient(1px 1px at 71% 60%, #ffffff 70%, transparent), radial-gradient(1px 1px at 75% 30%, #ffffff 70%, transparent), radial-gradient(1px 1px at 79% 50%, #ffffff 70%, transparent), radial-gradient(1px 1px at 83% 20%, #ffffff 70%, transparent), radial-gradient(1px 1px at 87% 65%, #ffffff 70%, transparent), radial-gradient(1px 1px at 91% 35%, #ffffff 70%, transparent), radial-gradient(1px 1px at 95% 50%, #ffffff 70%, transparent), radial-gradient(1px 1px at 99% 25%, #ffffff 70%, transparent);
  background-repeat: repeat-x;
  background-size: 200% 100%;
  animation: star-scroll 30s linear infinite, twinkle 2s ease-in-out infinite;
  opacity: 0.7;
  pointer-events: none;
}

@keyframes star-scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes twinkle {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
}
/*********************
   Footer - CTA
**********************/
.footer-cta {
  background-size: cover;
  position: relative;
  padding: 12rem 0 10rem;
  background-image: linear-gradient(180deg, rgba(18, 8, 71, 0.24), #120847), url("../images/about/footer-bg.jpg");
  background-size: cover;
  background-position: center;
  margin: 2rem 0 0;
}
@media only screen and (max-width: 1150px) {
  .footer-cta {
    padding: 7rem 0 6rem;
  }
}
@media only screen and (max-width : 650px) {
  .footer-cta {
    padding: 5rem 0 4rem;
    margin-top: 1rem;
  }
}
.footer-cta h2 {
  color: #fff;
  font-size: 54px;
  text-align: center;
  line-height: 120%;
}
@media only screen and (max-width: 1150px) {
  .footer-cta h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .footer-cta h2 {
    font-size: 28px;
    text-align: left;
  }
}
.footer-cta p {
  color: #fff;
  opacity: 0.9;
  text-align: center;
  max-width: 400px;
  margin: auto;
}
@media only screen and (max-width : 650px) {
  .footer-cta p {
    text-align: left;
  }
}
.footer-cta .cta-buttons {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  .footer-cta .cta-buttons {
    flex-direction: column;
    row-gap: 20px;
  }
  .footer-cta .cta-buttons a {
    width: 100%;
  }
}

.dark .footer-cta {
  background-size: cover;
  background-image: linear-gradient(360deg, rgba(18, 8, 71, 0.24), #171425), url("../images/about/footer-bg.jpg");
  background-size: cover;
  background-position: center;
}

/*********************
   Shared - List of Icons
 **********************/
ul.list-icons {
  padding: 0;
  margin: 0 0 3em;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
@media only screen and (max-width : 1040px) {
  ul.list-icons {
    margin: 0 0 1em;
  }
}
@media only screen and (max-width : 650px) {
  ul.list-icons {
    margin: 0 0 3em;
  }
}
ul.list-icons li {
  flex: 0 0 20%;
  margin: 0 6% 0 0;
}
ul.list-icons li:last-of-type {
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  ul.list-icons li {
    flex: 0 0 44%;
    margin-bottom: 6%;
  }
}
@media only screen and (max-width : 650px) {
  ul.list-icons li {
    flex: 0 0 100%;
    margin-bottom: 2.25rem;
    display: flex;
  }
}
@media only screen and (max-width : 650px) {
  ul.list-icons li h4 {
    margin: 0 0 0.25rem;
  }
}
ul.list-icons li p {
  font-size: 15px;
  color: #666;
  line-height: 160%;
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  ul.list-icons li p {
    font-size: 15px;
    line-height: 150%;
  }
}
ul.list-icons li span.icon {
  width: 72px;
  height: 60px;
  display: block;
  background-size: 100%;
  margin: 0 0 1rem;
}
@media only screen and (max-width : 650px) {
  ul.list-icons li span.icon {
    background-size: 100% !important;
    width: 40px;
    min-width: 40px;
    background-position: center top !important;
    margin: 0 1.5rem 0 0;
  }
}
ul.list-icons li span.icon.icon1 {
  background: url("../images/icons/icon1.svg") no-repeat;
}
ul.list-icons li span.icon.icon2 {
  background: url("../images/icons/icon2.svg") no-repeat;
}
ul.list-icons li span.icon.icon3 {
  background: url("../images/icons/icon3.svg") no-repeat -9px 0;
}
@media only screen and (max-width : 650px) {
  ul.list-icons li span.icon.icon3 {
    background-position: center 0px !important;
  }
}
ul.list-icons li span.icon.icon4 {
  background: url("../images/icons/icon4.svg") no-repeat;
}
@media only screen and (max-width : 650px) {
  ul.list-icons li span.icon.icon4 {
    width: 27px;
    height: 48px;
    background-position: 1px 0px !important;
    background-size: 90% !important;
  }
}

/*********************
Shared - Type styling
**********************/
ul.with-ticks {
  margin: 2rem 0 2rem;
}
ul.with-ticks li {
  font-weight: 500;
  position: relative;
  padding-left: 30px;
  margin: 0 0 0.5rem;
}
@media only screen and (max-width : 1040px) {
  ul.with-ticks li {
    font-size: 15px;
  }
}
ul.with-ticks li a {
  cursor: pointer;
}
ul.with-ticks li:before {
  content: "";
  background: url("../images/icons/tick.svg") no-repeat center center;
  background-size: 50%;
  width: 20px;
  height: 20px;
  background-color: #5B36F5;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
}
@media only screen and (max-width: 1340px) {
  ul.with-ticks li:before {
    top: 2px;
  }
}
ul.with-ticks li.with-highlight {
  display: flex;
  align-items: center;
  gap: 6px;
}
ul.with-ticks li.with-highlight em {
  font-style: normal;
}
ul.with-ticks li.with-highlight span {
  text-transform: uppercase;
  background: linear-gradient(54deg, #5b36f5 5.48%, #ff4cbf 44.27%, #3875f3 75.97%, #5b36f5 94.09%);
  animation-duration: 20s;
  animation-iteration-count: infinite, 1;
  animation-name: shimmer;
  animation-timing-function: ease-out, cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 200% 100%;
  border-radius: 4px;
  display: inline-block;
  padding: 3px 6px;
  vertical-align: middle;
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.2px;
  line-height: 1;
  text-align: center;
  transition: all 0.3s;
  display: flex;
  height: max-content;
  border: 0;
}
@media only screen and (max-width : 650px) {
  ul.with-ticks li.with-highlight span {
    display: none;
  }
}
ul.with-ticks.brand-color2 li {
  color: #0DCCFC;
}
ul.with-ticks.brand-color2 li:before {
  background-color: #0DCCFC;
}

p.paragraph-intro {
  max-width: 500px;
}
@media only screen and (max-width: 1340px) {
  p.paragraph-intro {
    max-width: 420px;
  }
}

/*********************
Shared - Tabs: Horizontal
**********************/
.tab-content {
  position: relative;
}
.tab-content .tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.tab-content .tab-pane img {
  border-radius: 10px;
}
.tab-content .tab-pane.active {
  z-index: 2;
  visibility: visible;
  opacity: 1;
}

ul.tab-horizontal {
  margin: 0;
  display: flex;
}
ul.tab-horizontal li {
  width: 33%;
  padding: 0 25px 0 0;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 600;
}
@media only screen and (max-width: 1340px) {
  ul.tab-horizontal li {
    font-size: 14px;
  }
}
ul.tab-horizontal li a {
  color: #666;
  display: block;
  padding: 1.75rem 0 0.5rem;
  border-bottom: 3px solid transparent;
}
ul.tab-horizontal li a:hover {
  text-decoration: none;
  border-color: #666;
}
@media only screen and (max-width : 1040px) {
  ul.tab-horizontal li a span {
    display: none;
  }
}
ul.tab-horizontal li.active a {
  color: #FF9443;
  border-color: #FF9443;
}

/*********************
Shared - Image effects
**********************/
.image-max {
  width: 100%;
  height: auto;
}
.image-max.with-shadow {
  overflow: hidden;
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
  border-radius: 10px;
}
@media only screen and (max-width : 650px) {
  .image-max.with-shadow {
    box-shadow: rgba(7, 30, 87, 0.1) 30px 30px 30px -10px;
  }
}
.image-max.with-shadow-short {
  overflow: hidden;
  box-shadow: rgba(7, 30, 87, 0.1) 20px 20px 20px -10px;
  border-radius: 10px;
}
.image-max.with-border {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 40px 40px 50px -10px;
}

/*********************
Shared - Column Layout
**********************/
.layout-columns {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .layout-columns {
    display: block;
  }
}
.layout-columns .column-image {
  width: 42%;
}
.layout-columns .column-text {
  width: 40%;
  flex: 0 0 40%;
  margin-left: 15%;
}
@media only screen and (max-width: 1340px) {
  .layout-columns .column-text {
    margin-left: 12%;
  }
}
.layout-columns .column-text h2 span {
  color: #5B36F5;
}
@media only screen and (max-width: 1340px) {
  .layout-columns .column-text h2 br {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .layout-columns .column-image,
.layout-columns .column-text {
    width: 100%;
    flex: 0 0 100%;
    margin: 0;
  }
}
.layout-columns.text-left .column-text {
  margin-left: 0;
  margin-right: 15%;
}
@media only screen and (max-width: 1340px) {
  .layout-columns.text-left .column-text {
    margin-right: 12%;
  }
}
.layout-columns.text-light .column-text h2,
.layout-columns.text-light .column-text p {
  color: #fff;
}
.layout-columns.text-light .column-text h2 a,
.layout-columns.text-light .column-text p a {
  color: #0DCCFC;
}

/*********************
Shared - Brand Logos
**********************/
ul.brand-logos {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 0;
  justify-content: space-around;
}
@media only screen and (max-width : 650px) {
  ul.brand-logos {
    justify-content: space-around;
  }
}
ul.brand-logos li {
  max-width: 11.5%;
  margin: 0 1% 0 0;
}
ul.brand-logos li.show-mobile {
  display: none;
}
@media only screen and (max-width : 1040px) {
  ul.brand-logos li {
    max-width: 18.5%;
    margin: 0 2% 4% 0;
  }
}
@media only screen and (max-width : 650px) {
  ul.brand-logos li {
    max-width: 27.5%;
    margin: 0px 5% 4% 0;
  }
  ul.brand-logos li.show-mobile {
    display: block;
  }
}
ul.brand-logos li img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.3s;
  opacity: 0.7;
}
ul.brand-logos li:hover img {
  border-color: #5B36F5;
  opacity: 1;
}

/*********************
   Shared - Article listing
 **********************/
section.article-listing {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section.article-listing article {
  width: 31.5%;
  display: flex;
  flex-flow: column;
}
section.article-listing article header {
  padding: 0;
  flex: 0;
}
section.article-listing article img {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
section.article-listing article header:hover + div h4 a {
  color: #5B36F5;
}
section.article-listing article div {
  background: #f6f9fc;
  padding: 2rem;
  flex: 1;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
section.article-listing article div h4 {
  margin: 0;
}
section.article-listing article div h4 a {
  color: #000;
  text-decoration: none;
}
section.article-listing article div h4 a:hover {
  color: #5B36F5;
}
section.article-listing article div small {
  display: block;
  padding: 0.5rem 0;
  opacity: 0.75;
}
section.article-listing article div p {
  font-size: 15px;
  line-height: 150%;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width : 1040px) {
  section.article-listing article div p {
    font-size: 14px;
    line-height: 150%;
  }
}

span.post-type {
  border-radius: 12px;
  background: rgba(93, 55, 246, 0.1);
  color: #5B36F5;
  border: 1px solid rgba(93, 55, 246, 0.3);
  padding: 6px 14px;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  margin: 0 0 14px;
  background: #fff !important;
}
@media only screen and (max-width: 1300px) {
  span.post-type {
    font-size: 13px;
  }
}
span.post-type.post-Best, span.post-type.post-best-practice {
  background: rgba(255, 148, 66, 0.1);
  border-color: rgba(255, 148, 66, 0.3);
  color: #FF9443;
}
span.post-type.post-Customer, span.post-type.post-case-studies, span.post-type.post-integration-partner {
  background: rgba(40, 186, 136, 0.1);
  border-color: rgba(40, 186, 136, 0.3);
  color: #28ba88;
}
span.post-type.post-Partnership, span.post-type.post-partnership, span.post-type.post-agency-partner {
  background: rgba(252, 49, 134, 0.1);
  border-color: rgba(252, 49, 134, 0.3);
  color: #FC2F86;
}
span.post-type.post-Company, span.post-type.post-company-news {
  border-color: #00a5ce;
  color: #00a5ce;
}

nav.article-scroll {
  margin: 4rem auto 0;
  max-width: 660px;
  width: 100%;
  border-top: 2px solid #ddd;
  padding-top: 1.5rem;
}
@media only screen and (max-width : 1040px) {
  nav.article-scroll {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
nav.article-scroll ul li:last-of-type {
  margin-top: 1rem;
}

.article-back {
  margin: 2rem auto 0;
  max-width: 660px;
  width: 100%;
}
@media only screen and (max-width : 1040px) {
  .article-back {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.article-back .btn, .article-back nav.blog-footer a, nav.blog-footer .article-back a, .article-back .hbspt-form .actions input, .hbspt-form .actions .article-back input, .article-back .hbspt-form .actions select, .hbspt-form .actions .article-back select, .article-back #paginationContainer button, #paginationContainer .article-back button {
  border: 1px solid #5B36F5;
}

/*********************
   Shared - Article filters
 **********************/
.article-listing-filter-wrap {
  display: flex;
  column-gap: 2em;
}

#filterContainer {
  width: 15%;
}
@media only screen and (max-width: 1350px) {
  #filterContainer {
    width: 20%;
  }
}
@media only screen and (max-width: 1050px) {
  #filterContainer {
    width: 28%;
  }
}
@media only screen and (max-width: 800px) {
  #filterContainer {
    display: none;
  }
}
#filterContainer h3 {
  font-size: 15px;
  margin: 0 0 0.75em;
}
#filterContainer h3.filter-spacing {
  margin-top: 2em;
}
#filterContainer button.filter-btn {
  border: 0;
  background: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  font-size: 15px;
  color: #666;
  position: relative;
  column-gap: 5px;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s;
  text-align: left;
}
@media only screen and (max-width: 1050px) {
  #filterContainer button.filter-btn {
    font-size: 14px;
  }
}
#filterContainer button.filter-btn:before {
  content: "";
  background: url("../images/icons/unchecked.svg") no-repeat center center #fff;
  height: 20px;
  width: 20px;
  display: block;
}
#filterContainer button.filter-btn:hover {
  color: #000;
}
#filterContainer button.filter-btn.active {
  color: #5B36F5;
}
#filterContainer button.filter-btn.active:before {
  content: "";
  background: url("../images/icons/checked.svg") no-repeat center center #fff;
}

.article-landing section.article-listing {
  width: 85%;
}
@media only screen and (max-width: 800px) {
  .article-landing section.article-listing {
    width: 100%;
  }
}

.search-container {
  position: relative;
  max-width: 400px;
  margin: auto;
}
.search-container input, .search-container .hbspt-form select, .hbspt-form .search-container select {
  border-color: #ccc;
  padding: 1em 1.25em 1em 42px;
  margin: 0;
  position: relative;
}
.search-container .icon-search {
  background: url("../images/icons/search.svg") no-repeat center center;
  height: 100%;
  width: 20px;
  display: flex;
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 2;
  opacity: 0.5;
}
.search-container .clear-btn {
  position: absolute;
  right: 8px;
  top: 11px;
  background: none;
  border: none;
  cursor: pointer;
  display: none;
}
.search-container .clear-btn path {
  stroke: #666;
}

#paginationContainer {
  display: flex;
  width: 100%;
  column-gap: 10px;
  justify-content: center;
  margin: 2rem 0 0;
}
#paginationContainer button.active {
  background: #5B36F5;
  color: #fff;
}

/*********************
Animated Background
**********************/
.bg {
  animation: slide 12s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #0e192b 50%, #0a234b 50%);
  bottom: 0;
  left: -50%;
  opacity: 0.2;
  position: absolute;
  right: -50%;
  top: 0;
  z-index: 0;
  height: 120%;
}
@media only screen and (max-width : 650px) {
  .bg {
    display: none;
  }
}

.bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 12s;
}

.bg3 {
  animation-duration: 12s;
}

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
/*********************
Testimonial
**********************/
.testimonials h2 {
  text-align: center;
  margin: 0 0 1.5rem;
}
@media only screen and (max-width : 650px) {
  .testimonials h2 {
    text-align: left;
  }
}
.testimonials p {
  text-align: center;
  max-width: 540px;
  margin: 0 auto 2.5rem;
}
@media only screen and (max-width : 650px) {
  .testimonials p {
    text-align: left;
  }
}
.testimonials .main-carousel {
  background: #fff;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
  border-radius: 10px;
  outline: none;
}
.testimonials .main-carousel .carousel-cell {
  width: 100%;
}
.testimonials .flickity-button {
  background: #5B36F5;
  display: flex;
  width: 60px;
  height: 60px;
  color: #fff;
  outline: 0;
  border: 0;
  transition: ease all 0.2s;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
}
@media only screen and (max-width : 650px) {
  .testimonials .flickity-button {
    width: 40px;
    height: 40px;
  }
}
.testimonials .flickity-button svg {
  width: 25px;
  height: 25px;
  position: relative;
  left: auto;
  top: auto;
  fill: #fff;
}
@media only screen and (max-width : 650px) {
  .testimonials .flickity-button svg {
    width: 20px;
    height: 20px;
  }
}
.testimonials .flickity-button.previous {
  opacity: 0.6;
  right: 60px;
}
.testimonials .flickity-button.previous:hover {
  opacity: 1;
}
@media only screen and (max-width : 1040px) {
  .testimonials .flickity-button.previous {
    right: 60px;
  }
}
@media only screen and (max-width : 650px) {
  .testimonials .flickity-button.previous {
    right: 40px;
  }
}
.testimonials .flickity-button.next {
  border-radius: 0 0 6px 0;
}
.testimonials .box-shadow {
  display: flex;
}
@media only screen and (max-width : 1040px) {
  .testimonials .box-shadow {
    display: block;
  }
}
.testimonials .box-shadow .image {
  width: 30%;
  background: #ccc;
  background-size: cover;
  background-position: center center;
  min-height: 520px;
}
@media only screen and (max-width : 1040px) {
  .testimonials .box-shadow .image {
    width: 100%;
    min-height: 300px;
    background-size: 100%;
  }
}
@media only screen and (max-width : 650px) {
  .testimonials .box-shadow .image {
    width: 100%;
    min-height: 200px;
  }
}
.testimonials .box-shadow .comment {
  width: 70%;
  padding: 4em 4em 0;
}
@media only screen and (max-width : 1040px) {
  .testimonials .box-shadow .comment {
    width: 100%;
    padding: 30px;
  }
}
.testimonials .box-shadow .comment h6 {
  font-weight: 400;
  font-size: 16px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  color: #666;
  margin: 0 0 40px;
}
@media only screen and (max-width : 1040px) {
  .testimonials .box-shadow .comment h6 {
    font-size: 15px;
    margin-bottom: 40px;
  }
}
.testimonials .box-shadow .comment .user {
  display: flex;
  align-items: center;
  margin: 0 0 2em;
}
.testimonials .box-shadow .comment .user .photo img {
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block;
  border: 1px solid #ccc;
  margin: 0 1em 0 0;
}
.testimonials .box-shadow .comment .user .position {
  text-align: left;
}
.testimonials .box-shadow .comment .user .position p {
  margin: 0 0 0.5em;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 1;
  text-align: left;
}
.testimonials .box-shadow .comment .user .position span {
  display: block;
  color: #666;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (max-width : 650px) {
  .testimonials .box-shadow .comment .user .position span {
    font-size: 14px;
    line-height: 1.3;
  }
}
.testimonials .box-shadow .comment .logo {
  margin: 0 0 2em;
}
.testimonials .box-shadow .comment .logo img {
  max-width: 220px;
  height: auto;
  display: block;
}
@media only screen and (max-width : 650px) {
  .testimonials .box-shadow .comment .logo img {
    width: 140px;
  }
}

/*********************
Carousel
**********************/
.flickity-page-dots {
  list-style-type: none;
  position: absolute;
  right: 32%;
  bottom: 10px;
}
@media only screen and (max-width : 1040px) {
  .flickity-page-dots {
    display: none;
  }
}

.flickity-page-dots .dot {
  width: 14px;
  height: 14px;
  opacity: 1;
  background: transparent;
  background: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  margin: 0 8px 0 0;
  transition: all 0.3s;
}
.flickity-page-dots .dot:hover {
  background: #888;
}

.flickity-page-dots .dot.is-selected {
  background: #5B36F5;
}

/*********************
Carousel - Customer
**********************/
.testimonial-slimline .flickity-button,
.logo-case-summary .flickity-button {
  z-index: 10;
  position: absolute;
  top: 20px;
  right: 7px;
  background: url("../images/icons/arrow-right.svg") no-repeat center center #fff;
  background-size: 16px 16px;
  border-radius: 50%;
  border: 0;
  width: 36px;
  height: 36px;
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.03);
  transition: all 0.3s;
  cursor: pointer;
}
.testimonial-slimline .flickity-button:hover,
.logo-case-summary .flickity-button:hover {
  background-color: #f1f1f1;
}
.testimonial-slimline .flickity-button svg,
.logo-case-summary .flickity-button svg {
  display: none;
}
@media only screen and (max-width: 1350px) {
  .testimonial-slimline .flickity-button,
.logo-case-summary .flickity-button {
    display: none;
  }
}

/*********************
Demo CTA
**********************/
.cta-demo-button {
  display: flex;
  justify-content: center;
  margin: 4rem 0 0;
  gap: 1.5rem;
}
.cta-demo-button.left-align {
  justify-content: flex-start;
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  .cta-demo-button {
    justify-content: flex-start;
    margin: 2rem 0 0;
    flex-direction: column;
    gap: 1rem;
  }
}

/*********************
Comparison Table
**********************/
table.comparison-table {
  overflow: hidden;
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
  border-radius: 18px;
  border: 8px solid #fff;
  background: #fff;
  max-width: 1000px;
  margin: auto;
}
@media only screen and (max-width : 650px) {
  table.comparison-table {
    border-width: 5px;
  }
}
table.comparison-table tbody tr td .svg-icon {
  transition: all 0.2s;
  opacity: 1;
  margin: auto;
}
table.comparison-table tbody tr td .svg-icon.cross {
  background: url("../images/icons/cross.svg") no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody tr td .svg-icon.cross {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
table.comparison-table tbody tr td .svg-icon.tick {
  background: url("../images/icons/tick-large.svg") no-repeat;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody tr td .svg-icon.tick {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
}
table.comparison-table tbody tr:hover td .svg-icon {
  transform: scale(1.3);
}
table.comparison-table tbody tr:hover td p {
  color: #5B36F5;
}
table.comparison-table thead tr {
  background: #333;
}
table.comparison-table thead tr td {
  color: #fff;
  padding: 1.125rem 1.5rem;
}
@media only screen and (max-width : 650px) {
  table.comparison-table thead tr td {
    padding: 0.875rem 1rem;
  }
}
table.comparison-table thead tr td p {
  margin: 0;
  text-transform: uppercase;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 18px;
  line-height: 1;
}
@media only screen and (max-width : 650px) {
  table.comparison-table thead tr td p {
    font-size: 15px;
  }
}
table.comparison-table thead tr td span {
  display: block;
  font-size: 15px;
  line-height: 1;
  margin: 0.5rem 0 0;
}
@media only screen and (max-width : 650px) {
  table.comparison-table thead tr td span {
    display: none;
  }
}
table.comparison-table thead tr td.col-center {
  text-align: center;
}
table.comparison-table thead tr td.col-center.shopify {
  background-color: #004c3f;
}
@media only screen and (max-width : 650px) {
  table.comparison-table thead tr td.col-center.shopify {
    display: none;
  }
}
table.comparison-table thead tr td.col-center.sparklayer {
  background-color: #5B36F5;
}
@media only screen and (max-width : 650px) {
  table.comparison-table thead tr td.col-center.sparklayer p {
    display: none;
  }
}
table.comparison-table tbody tr:nth-child(odd) {
  background: #f1f1f1;
}
table.comparison-table tbody tr:nth-child(odd) td.col-center.sparklayer {
  background-color: #d1cef3;
}
table.comparison-table tbody tr.col-heading {
  border-bottom: 2px solid #ccc;
  box-shadow: rgba(0, 35, 75, 0.15) 0px 4px 12px;
  position: relative;
  background-color: #e0f9ff;
  border-top: 2px solid #fff;
}
table.comparison-table tbody tr.col-heading .col-heading {
  margin: 0;
  padding: 1.25em 1.5rem;
  text-transform: uppercase;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1;
  background: none;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody tr.col-heading .col-heading {
    padding: 0.875rem 1rem;
  }
}
table.comparison-table tbody tr.col-heading .col-heading span {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  text-transform: none;
  display: inline;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody tr.col-heading .col-heading span {
    display: block;
  }
}
table.comparison-table tbody td {
  padding: 1rem 1.5rem;
  border-bottom: 5px solid #fff;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody td {
    padding: 0.875rem 1rem;
  }
}
table.comparison-table tbody td p {
  margin: 0;
  font-weight: 500;
  line-height: 1;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody td p {
    line-height: 1.3;
    font-size: 14px;
  }
}
table.comparison-table tbody td span {
  display: block;
  line-height: 1.3;
  opacity: 0.7;
  font-size: 14px;
  max-width: 300px;
  margin: 0.35rem 0 0;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody td span {
    font-size: 13px;
    margin: 0.25rem 0 0;
  }
}
table.comparison-table tbody td.col-center {
  text-align: center;
}
table.comparison-table tbody td.col-center.shopify {
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  width: 30%;
}
@media only screen and (max-width : 650px) {
  table.comparison-table tbody td.col-center.shopify {
    display: none;
  }
}
table.comparison-table tbody td.col-center.sparklayer {
  background-color: #e6e3fe;
  width: 30%;
}
table.comparison-table tbody tr:last-of-type td {
  border-bottom: 0;
}

/*********************
Feature tabs
**********************/
ul.tab-buttons {
  list-style-type: none;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 2rem 0 4rem;
  gap: 0.75em;
}
@media only screen and (max-width: 1340px) {
  ul.tab-buttons {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 1178px;
  }
}
@media only screen and (max-width: 1250px) {
  ul.tab-buttons {
    margin-left: auto;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width : 1040px) {
  ul.tab-buttons {
    margin: 1rem 0 2.5rem;
  }
}
@media only screen and (max-width : 650px) {
  ul.tab-buttons {
    margin: 1rem 0 2rem;
  }
}
ul.tab-buttons li a {
  display: block;
  border-radius: 8px;
  padding: 1.25rem 0.5rem 1.25rem 2.875rem;
  border: 1px solid #ddd;
  color: #666;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1;
  background: url("../images/icons/icon3.svg") no-repeat 14px 16px #fff;
  background-size: 25px 25px;
  filter: grayscale(1);
  opacity: 0.8;
  min-width: 186px;
}
ul.tab-buttons li a:hover {
  text-decoration: none;
  color: #5B36F5;
  box-shadow: 0px 0px 4px 8px rgba(0, 0, 0, 0.03);
  opacity: 1;
}
ul.tab-buttons li a strong {
  display: block;
}
ul.tab-buttons li a span {
  color: #666;
  font-size: 13px;
  display: block;
  padding: 6px 0 0;
}
ul.tab-buttons li:nth-of-type(2) a {
  background: url("../images/icons/icon1.svg") no-repeat 14px 16px #fff;
  background-size: 25px 25px;
}
ul.tab-buttons li:nth-of-type(3) a {
  background: url("../images/icons/icon8.svg") no-repeat 14px 16px #fff;
  background-size: 25px 25px;
}
ul.tab-buttons li:nth-of-type(4) a {
  background: url("../images/icons/icon7.svg") no-repeat 14px 16px #fff;
  background-size: 25px 25px;
}
ul.tab-buttons li:nth-of-type(5) a {
  background: url("../images/icons/icon2.svg") no-repeat 14px 16px #fff;
  background-size: 25px 25px;
}

.apply-filter1 li.item-1 a,
.apply-filter1B li.item-1B a,
.apply-filter1C li.item-1C a,
.apply-filter2 li.item-2 a,
.apply-filter3 li.item-3 a,
.apply-filter4 li.item-4 a,
.apply-filter5 li.item-5 a {
  color: #5B36F5;
  opacity: 1;
  filter: grayscale(0);
  border: 1px solid #5B36F5;
  box-shadow: 0px 0px 4px 8px rgba(0, 0, 0, 0.03);
}

/*********************
Video Modal
**********************/
.video-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 30px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #273244;
  background-color: rgba(39, 50, 68, 0.8);
  z-index: 10000;
  align-items: center;
  justify-content: center;
}
.video-modal.video1 iframe#video2,
.video-modal.video1 iframe#video3,
.video-modal.video1 iframe#video4,
.video-modal.video1 iframe#video5 {
  display: none;
}
.video-modal.video2 iframe#video1,
.video-modal.video2 iframe#video3,
.video-modal.video2 iframe#video4,
.video-modal.video2 iframe#video5 {
  display: none;
}
.video-modal.video3 iframe#video1,
.video-modal.video3 iframe#video2,
.video-modal.video3 iframe#video4,
.video-modal.video3 iframe#video5 {
  display: none;
}
.video-modal.video4 iframe#video1,
.video-modal.video4 iframe#video2,
.video-modal.video4 iframe#video3,
.video-modal.video4 iframe#video5 {
  display: none;
}
.video-modal.video5 iframe#video1,
.video-modal.video5 iframe#video2,
.video-modal.video5 iframe#video3,
.video-modal.video5 iframe#video4 {
  display: none;
}

.video-modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  height: 100%;
}

.video-close {
  color: white;
  float: right;
  font-size: 44px;
  padding-bottom: 15px;
  transition: all 0.3s;
}

.video-close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 700px) {
  .video-modal-content {
    width: 100%;
  }
  .video-modal-content iframe {
    max-height: 250px;
  }
}
/*********************
Customer Logos
**********************/
.customer-logos {
  padding-bottom: 300px;
  margin: auto;
  max-width: 1200px;
  overflow: hidden;
  position: relative;
}
.customer-logos:before, .customer-logos:after {
  content: "";
  height: 100%;
  display: block;
  width: 25px;
  left: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(90deg, #f3f3f3 0, rgba(243, 243, 243, 0) 100%);
  z-index: 2;
}
.customer-logos:after {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #f3f3f3 0, rgba(243, 243, 243, 0) 100%);
}
.customer-logos .slide-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 2560px;
  margin: auto;
  animation: slide 25s linear infinite;
  margin-bottom: 1rem;
  will-change: transform;
}
@media only screen and (max-width: 800px) {
  .customer-logos .slide-block {
    width: 2240px;
    animation-duration: 25s;
  }
}
@media only screen and (max-width : 650px) {
  .customer-logos .slide-block {
    width: 1920px;
    animation-duration: 30s;
  }
}
.customer-logos .slide-block div a {
  display: block;
  position: relative;
}
.customer-logos .slide-block div a span {
  position: absolute;
  z-index: 2;
  bottom: 3px;
  right: 14px;
  font-size: 9px;
  padding: 4px 8px;
  background-color: #eee;
  color: #777;
  border-radius: 99rem;
  line-height: 1;
  transition: all 0.3s;
}
.customer-logos .slide-block div a:hover span {
  background: #5b36f5;
  color: #fff;
}
.customer-logos .slide-block.block-2 {
  animation: slide-reverse 25s linear infinite;
}
.customer-logos .slide-block.block-2 div:first-of-type {
  margin-left: -2000px;
}
@media only screen and (max-width : 650px) {
  .customer-logos .slide-block.block-2 {
    animation-duration: 30s;
  }
}
@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1000px, 0, 0);
    /* The image width */
  }
}
@keyframes slide-reverse {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(1000px, 0, 0);
    /* The image width */
  }
}
.customer-logos img {
  width: 160px;
  opacity: 0.7;
  filter: grayscale(100%);
  transition: all 0.3s;
}
.customer-logos img:hover {
  opacity: 1;
  filter: grayscale(0%);
}
@media only screen and (max-width: 800px) {
  .customer-logos img {
    width: 140px;
  }
}
@media only screen and (max-width : 650px) {
  .customer-logos img {
    width: 120px;
  }
}

/*********************
Review Wall
**********************/
.section-review-wall-wrapper {
  position: relative;
  margin: -2rem 0 -6rem;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  .section-review-wall-wrapper {
    display: none;
  }
}
.section-review-wall-wrapper:after {
  content: "";
  background: #f2fbff;
  background: linear-gradient(136deg, #aaf0c5 0%, #96c1eb 48.78%, #e2b8e4 100%);
  clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}
.section-review-wall-wrapper h2 {
  text-align: center;
  margin: 0 0 2em;
}

.section-review-wall {
  display: flex;
  width: 4880px;
  margin: auto;
  animation: slide 25s linear infinite;
  margin-bottom: 1rem;
  position: relative;
}
.section-review-wall::after {
  content: "";
  height: 150px;
  width: 100%;
  position: absolute;
  bottom: -8rem;
  left: 0;
  background-image: linear-gradient(180deg, rgba(242, 251, 255, 0), #f2fbff);
}

.review-column {
  margin: 0 1em;
}

.review-block {
  display: block;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 8px rgba(0, 0, 0, 0.03);
  padding: 1em;
  max-width: 300px;
  position: relative;
  background: #fff;
  margin: 0 0 2em;
}
.review-block span.platform-logo {
  background: url(../images/customers/reviews/logo-shopify.png) no-repeat;
  background-size: 100%;
  width: 30px;
  height: 39px;
  box-shadow: none;
  display: block;
  position: absolute;
  left: auto;
  right: 1.25em;
  top: 1em;
}
.review-block span.platform-logo:after {
  display: none;
}
.review-block .review-block-name {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.review-block .review-block-name span {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #5B36F5;
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.review-block .review-block-name span.bg2 {
  background: #0DCCFC;
}
.review-block .review-block-name span.bg3 {
  background: #FC2F86;
}
.review-block .review-block-name span.bg4 {
  background: #FF9443;
}
.review-block .review-block-name div {
  line-height: 1;
}
.review-block .review-block-name h4 {
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 15px;
}
.review-block .review-block-name em {
  font-style: normal;
  font-size: 13px;
  color: #999;
}
.review-block .review-block-stars {
  display: flex;
  column-gap: 2px;
  margin: 0.75em 0;
}
.review-block .review-block-stars span {
  background: url(../images/customers/reviews/star.svg) no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  display: block;
}
.review-block blockquote {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #777;
}

/*********************
Blurred Gradient
**********************/
.blurred-gradient {
  position: relative;
  background: none !important;
  clip-path: none !important;
}
.blurred-gradient:after {
  background: url("../images/effects/bg_gradient.png") no-repeat;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  transform: translate(-50%, -50%);
  background-size: auto 100%;
  z-index: -1;
  background-size: 3200px;
  height: 4200px;
  filter: blur(12px);
}
@media only screen and (max-width : 650px) {
  .blurred-gradient:after {
    background-size: 1500px;
    height: 1500px;
    filter: blur(10px);
    top: 80%;
  }
}
.blurred-gradient .customer-logos {
  padding-bottom: 280px;
}
.blurred-gradient .customer-logos:before, .blurred-gradient .customer-logos:after {
  display: none;
}
.blurred-gradient section.index-hero .color-bar {
  display: none;
}
.blurred-gradient.blurred-gradient-2:after {
  background: url("../images/effects/bg_gradient3.png") no-repeat;
  pointer-events: none;
  position: absolute;
  top: -14%;
  left: 24%;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  transform: translate(-50%, -50%);
  background-size: auto 100%;
  z-index: 1;
  background-size: 1300px;
  height: 1200px;
  filter: blur(150px);
  transform: rotate(176deg);
  opacity: 0.7;
}
@media only screen and (max-width : 1040px) {
  .blurred-gradient.blurred-gradient-2:after {
    opacity: 0.4;
  }
}
@media only screen and (max-width: 1040px) {
  .blurred-gradient.blurred-gradient-2:after {
    background-size: 1000px;
    height: 1000px;
    left: 30%;
  }
}
@media only screen and (max-width : 650px) {
  .blurred-gradient.blurred-gradient-2:after {
    left: 0;
    top: auto;
    bottom: -20%;
  }
}
.blurred-gradient.blurred-gradient-2.blurred-gradient-top:after {
  top: 2%;
  left: 14%;
  background-size: 2500px;
}
@media only screen and (max-width : 650px) {
  .blurred-gradient.blurred-gradient-2.blurred-gradient-top:after {
    display: none;
  }
}
@keyframes bggradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 50% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*********************
Custom Forms
**********************/
.hbspt-form {
  text-align: left;
  margin: -10px 0 0;
}
.hbspt-form label {
  display: none;
}
.hbspt-form input, .hbspt-form select,
.hbspt-form textarea {
  padding: 0.6875em 1em;
  margin: 0.25em 0 0.875em;
}
.hbspt-form input.error, .hbspt-form select.error, .hbspt-form input.invalid, .hbspt-form select.invalid,
.hbspt-form textarea.error,
.hbspt-form textarea.invalid {
  border-color: #f2545b;
}
.hbspt-form textarea {
  min-height: 120px;
}
.hbspt-form .hs-error-msgs {
  color: #fff;
  padding: 8px 11px;
  border-radius: 6px;
  font-size: 14px;
  margin: -7px 0 10px;
  background: #f2545b;
  line-height: 1;
}
.hbspt-form .hs-error-msgs label {
  display: block;
}
.hbspt-form .actions {
  margin: -0.5em 0 0;
}
.plans-with-wrapper {
  display: flex;
  padding: 1rem 0 0;
  margin: -515px 0 3rem;
  column-gap: 0.875rem;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 880px) {
  .plans-with-wrapper {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width : 650px) {
  .plans-with-wrapper {
    justify-content: start;
    padding: 0.5rem 0 0 1em;
  }
}

.plans-with {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
}
.plans-with.mobile {
  display: none;
}
@media only screen and (max-width: 880px) {
  .plans-with {
    display: none;
  }
  .plans-with.mobile {
    display: block;
  }
}
.plans-with .box-icon {
  display: flex;
}
.plans-with .box-icon span {
  background: #4d5de8;
  border-radius: 50%;
  display: flex;
  width: 18px;
  height: 18px;
  padding: 3px;
  justify-content: center;
  align-items: center;
}
.plans-with .box-icon svg {
  color: #fff;
  width: 14px;
  height: 14px;
}
.plans-with .box-summary {
  color: #eee;
  transition: all 0.3s;
}
.plans-with .box-summary span {
  color: #fff;
  display: inline-flex;
  align-items: center;
  column-gap: 3px;
}
.plans-with .box-summary span em {
  font-style: normal;
  font-weight: 500;
}
.plans-with .box-summary span svg {
  width: 20px;
  height: 20px;
}

@media only screen and (max-width: 1150px) {
  .plans-with:nth-of-type(4),
.plans-with:nth-of-type(3) {
    display: none;
  }
}
.plans-with-wrapper:hover .plans-with .box-summary {
  color: #fff;
}

.plans-include input, .plans-include .hbspt-form select, .hbspt-form .plans-include select {
  position: absolute;
  opacity: 0;
  z-index: -1;
  left: 0;
}

.plans-include input:checked ~ .plan-full-features, .plans-include .hbspt-form select:checked ~ .plan-full-features, .hbspt-form .plans-include select:checked ~ .plan-full-features {
  max-height: 300vh;
  display: grid;
}

.plan-full-features {
  border-radius: 8px;
  padding: 2em;
  transition: all 0.3s;
  position: relative;
  background: #f3f3f3;
  margin: 0.5rem 0 2.5rem;
  display: none;
}
.plan-full-features p {
  margin: 0 0 1.5rem;
  opacity: 0.8;
  color: #666;
  max-width: 100%;
}
@media only screen and (max-width : 650px) {
  .plan-full-features {
    padding: 1.5em;
  }
}
.plan-full-features .plan-features-intro {
  display: flex;
  justify-content: space-between;
}
.plan-full-features .plan-features-intro .plan-actions {
  display: flex;
  column-gap: 15px;
}
.plan-full-features .plan-features-intro .plan-actions a {
  background: url("../images/icons/new_window.svg") no-repeat right 4px;
  background-size: 15px 15px;
  padding-right: 20px;
}
.plan-full-features .plan-features-intro .plan-actions label {
  color: #5B36F5;
  cursor: pointer;
}
.plan-full-features .plan-features-intro .plan-actions label:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 950px) {
  .plan-full-features .plan-features-intro a {
    display: none;
  }
}

.plans-include .feature-wrapper {
  grid-gap: 2em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1150px) {
  .plans-include .feature-wrapper {
    grid-gap: 1.25em;
  }
}
@media only screen and (max-width: 880px) {
  .plans-include .feature-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width : 650px) {
  .plans-include .feature-wrapper {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1em;
  }
}
.plans-include .feature-item {
  background: #fff;
  border-radius: 6px;
  padding: 1em 1.25em;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.02);
  transition: all 0.3s;
  color: #666;
  position: relative;
}
.plans-include .feature-item span {
  position: absolute;
  top: 1em;
  right: 1.5em;
  font-size: 14px;
  color: #5B36F5;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
  background: url("../images/icons/new_window.svg") no-repeat right 4px;
  background-size: 15px 15px;
  padding-right: 20px;
}
@media only screen and (max-width: 1200px) {
  .plans-include .feature-item span {
    display: none;
  }
}
.plans-include .feature-item h4 {
  font-weight: 500;
  font-size: 16px;
  margin: 0;
  opacity: 0.7;
}
@media only screen and (max-width: 1150px) {
  .plans-include .feature-item h4 {
    font-size: 14px;
  }
}
.plans-include .feature-item ul {
  list-style-type: none;
  padding: 0;
  margin: 0.25rem 0 0;
  opacity: 0.8;
  font-size: 15px;
  line-height: 1.4;
}
@media only screen and (max-width: 1150px) {
  .plans-include .feature-item ul {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media only screen and (max-width : 650px) {
  .plans-include .feature-item ul {
    margin: 0 0 0;
  }
}
.plans-include .feature-item:hover {
  transform: scale(1.06);
  text-decoration: none;
}
.plans-include .feature-item:hover span {
  visibility: visible;
  opacity: 1;
}
.plans-include .feature-item:hover ul {
  color: #5B36F5;
}
.plans-include .feature-footer p {
  margin: 1.5rem 0 -0.25rem;
}
.plans-include .feature-wrapper-onboarding {
  border-radius: 4px;
  background: #fff;
  border: 0;
  padding: 0.75em;
  margin: 1.5em 0 0;
  box-shadow: 0px 0px 7px 4px rgba(0, 0, 0, 0.02);
}
@media only screen and (max-width : 650px) {
  .plans-include .feature-wrapper-onboarding {
    font-size: 14px;
    line-height: 1.3;
  }
}

/* Overwrites */
.plan-features-standard {
  margin: 0 0 40px;
  overflow: hidden;
}
@media only screen and (max-width : 650px) {
  .plan-features-standard {
    margin: -35px 0 30px;
  }
}
.plan-features-standard .plans-include {
  overflow: hidden;
}
.plan-features-standard .plans-with-wrapper {
  margin: 0;
  justify-content: start;
}
@media only screen and (max-width : 650px) {
  .plan-features-standard .plans-with-wrapper {
    padding: 0;
  }
}
.plan-features-standard .plans-with-wrapper .plans-with .box-summary {
  color: #666;
}
@media only screen and (max-width : 650px) {
  .plan-features-standard .plans-with-wrapper .plans-with .box-summary {
    font-size: 15px;
  }
}
.plan-features-standard .plans-with-wrapper .plans-with .box-summary span {
  color: #5B36F5;
}
.plan-features-standard .plan-full-features {
  margin-top: 2rem;
  margin-bottom: 0;
}

.plans-features-wrapper {
  margin: -6rem auto 8rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1340px) {
  .plans-features-wrapper {
    margin: -4rem auto 6rem;
  }
}
@media only screen and (max-width : 1040px) {
  .plans-features-wrapper {
    display: none;
  }
}
.plans-features-wrapper .plan-features-standard .plans-with-wrapper {
  justify-content: center;
}
.plans-features-wrapper.adjust-spacing {
  margin: -10rem auto 10rem;
}
@media only screen and (max-width: 1340px) {
  .plans-features-wrapper.adjust-spacing {
    margin: -9rem auto 8rem;
  }
}
.plans-features-wrapper.adjust-spacing-major {
  margin: -5rem auto -3rem;
}
@media only screen and (max-width: 1340px) {
  .plans-features-wrapper.adjust-spacing-major {
    margin: 1rem auto -2rem;
  }
}

/*********************
    Publications
 **********************/
.publications-wrap {
  display: flex;
  gap: 1em;
  margin: 0 0 1em;
}
@media only screen and (max-width : 1040px) {
  .publications-wrap {
    flex-direction: column;
  }
}
.publications-wrap a {
  background: #ededfd;
  padding: 1.4em;
  border-radius: 8px;
  text-decoration: none;
  border: 1px solid #dbdbf5;
  display: flex;
  gap: 1em;
  align-items: center;
  justify-content: space-between;
}
.publications-wrap a:hover {
  box-shadow: 0px 0px 14px 6px rgba(91, 54, 245, 0.2);
  border-color: #fff;
}
@media only screen and (max-width : 650px) {
  .publications-wrap a {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.publications-wrap a span {
  background: url("../images/features/publications/logo_love_b2b_ecommerce.svg") no-repeat center top;
  background-size: 100%;
  display: block;
  height: 38px;
  width: 150px;
  min-width: 150px;
}
.publications-wrap a h4 {
  font-size: 15px;
  color: #333;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  margin: 0;
  line-height: 1.3;
}
@media only screen and (max-width : 650px) {
  .publications-wrap a h4 {
    font-size: 13px;
  }
}
.publications-wrap a em {
  font-style: normal;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  white-space: nowrap;
}
@media only screen and (max-width: 660px) {
  .publications-wrap a em {
    display: none;
  }
}
.publications-wrap a:nth-of-type(2) {
  background: #f1ffc2;
  border: 1px solid #d1e393;
}
.publications-wrap a:nth-of-type(2):hover {
  box-shadow: 0px 0px 14px 6px rgba(245, 172, 54, 0.2);
  border-color: #fff;
}
.publications-wrap a:nth-of-type(2) span {
  background: url("../images/features/publications/logo_onboarding.svg") no-repeat center top;
  background-size: 100%;
  display: block;
  height: 39px;
  width: 148px;
  min-width: 148px;
}
.publications-wrap a:nth-of-type(2) em {
  color: #222;
}

/*********************
   Micropapers
 **********************/
.micropaper-wrap {
  display: flex;
  justify-content: space-between;
  gap: 1em;
}
@media only screen and (max-width : 1040px) {
  .micropaper-wrap {
    display: block;
  }
}
.micropaper-wrap a {
  width: 49%;
  border-radius: 8px;
  text-decoration: none;
  padding: 1.4em;
  transition: all 0.3s;
  border: 1px solid transparent;
}
.micropaper-wrap a:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width : 1040px) {
  .micropaper-wrap a {
    width: 100%;
    display: block;
    margin: 0 0 1em;
  }
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a {
    padding: 1.4em;
  }
}
.micropaper-wrap a .mp-wrap {
  max-width: 50%;
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a .mp-wrap {
    max-width: 57%;
  }
}
.micropaper-wrap a span {
  display: inline-block;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
  padding: 2px;
  border-radius: 6px;
  margin: 0 0 0.75em;
  text-decoration: none;
}
.micropaper-wrap a span i {
  font-style: normal;
  background: #fff;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1em;
  color: #5b36f5;
  display: flex;
  border-radius: 6px;
}
.micropaper-wrap a h4 {
  font-size: 14px;
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a h4 {
    font-size: 13px;
  }
}
.micropaper-wrap a em {
  font-style: normal;
  font-size: 11px;
}
.micropaper-wrap a:nth-child(1) {
  background: url("../images/features/micropapers/micropaper-03.png") no-repeat center top;
  background-size: 100%;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a:nth-child(1) {
    background-size: cover;
  }
}
.micropaper-wrap a:nth-child(1) h4 {
  color: #444;
}
.micropaper-wrap a:nth-child(1) em {
  background: #fff;
  color: #7a67ee;
}
.micropaper-wrap a:nth-child(1):hover {
  box-shadow: 0px 0px 14px 6px rgba(91, 54, 245, 0.2);
  background-size: 110%;
}
.micropaper-wrap a:nth-child(2) {
  background: url("../images/features/micropapers/micropaper-02.png") no-repeat center top;
  background-size: 100%;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a:nth-child(2) {
    background-size: cover;
  }
}
.micropaper-wrap a:nth-child(2) h4 {
  color: #7a67ee;
}
.micropaper-wrap a:nth-child(2) em {
  background: #fff;
  color: #7a67ee;
}
.micropaper-wrap a:nth-child(2):hover {
  box-shadow: 0px 0px 14px 6px rgba(91, 54, 245, 0.2);
  background-size: 110%;
}
.micropaper-wrap a:nth-child(3) {
  background: url("../images/features/micropapers/micropaper-01.png") no-repeat center top;
  background-size: 100%;
}
@media only screen and (max-width : 650px) {
  .micropaper-wrap a:nth-child(3) {
    background-size: cover;
  }
}
.micropaper-wrap a:nth-child(3) h4 {
  color: #fff;
}
.micropaper-wrap a:nth-child(3):hover {
  box-shadow: 0px 0px 14px 6px rgba(62, 176, 247, 0.5);
  background-size: 110%;
}

.mp-wrap-wp {
  margin: 0 0 4em;
}
@media only screen and (max-width : 1040px) {
  .mp-wrap-wp {
    margin: 0 0 2.25em;
  }
}

.dark .mp-wrap-wp {
  display: none;
}

/* Platform logo */
.platform-logo {
  z-index: 4;
  position: absolute;
  left: -3.5rem;
  top: 30px;
  display: flex;
  padding: 1px;
  background: white;
  border-radius: 5em;
  box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.36);
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #000;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: double 1px transparent;
}
.platform-logo em {
  font-style: normal;
  display: inline-block;
  padding: 1px 0px 0 13px;
}
@media only screen and (max-width : 1040px) {
  .platform-logo {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .platform-logo {
    display: flex;
    top: auto;
    bottom: 37px;
    left: 31px;
  }
}
.platform-logo b.shopify {
  content: "";
  background: url("../images/icons/shopify.svg") no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 78px;
  height: 30px;
  margin: 2px 2px 3px 9px;
}
@media only screen and (max-width : 650px) {
  .platform-logo b.shopify {
    width: 70px;
    height: 24px;
  }
}
.platform-logo b.bigcommerce {
  content: "";
  background: url("../images/icons/bigcommerce.svg") no-repeat top left;
  background-size: 100%;
  display: block;
  width: 100px;
  height: 30px;
  margin: 4px 15px 0 0;
}
@media only screen and (max-width : 650px) {
  .platform-logo b.bigcommerce {
    width: 79px;
    height: 27px;
    background-position: left 2px;
  }
}
.platform-logo:after {
  content: "";
  background: url("../images/icons/icon-tick.svg") no-repeat;
  background-size: 100%;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -11px;
}
.platform-logo.works-with {
  border-radius: 10px;
  flex-direction: column;
  left: -5rem;
  z-index: 5;
}
@media only screen and (max-width : 650px) {
  .platform-logo.works-with {
    left: 30px;
  }
}
.platform-logo.works-with em {
  padding: 4px 12px 2px;
  font-size: 12px;
}
.platform-logo.works-with div {
  display: flex;
  background: #ebebeb;
  padding: 7px 13px 9px;
  width: 100%;
  justify-content: center;
  border-bottom-right-radius: 10px;
  box-shadow: inset 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 10px;
  gap: 7px;
}
.platform-logo.works-with b.shopify {
  width: 67px;
  height: 19px;
  margin: 1px 0 0;
}
.platform-logo.works-with b.bigcommerce {
  width: 80px;
  height: 19px;
  margin: 1px 1px 0 -3px;
}
.platform-logo.works-with b.ignite {
  content: "";
  background: url(../images/partners/logo-ignite.png) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 116px;
  height: 19px;
  margin: 0;
}
.platform-logo.works-with b.shopify-plus {
  content: "";
  background: url(../images/partners/logo-shopify-plus.svg) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 86px;
  height: 19px;
  margin: 2px 0 -3px;
}
.platform-logo.works-with b.wix {
  content: "";
  background: url(../images/partners/logo-wix.svg) no-repeat center left;
  background-size: 100%;
  display: block;
  width: 26px;
  height: 15px;
  margin: 5px 0 0;
}
.platform-logo.works-with b.wix-studio {
  content: "";
  background: url(../images/partners/logo-wix-studio.svg) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 97px;
  height: 17px;
  margin: 3px 0 0 4px;
}
.platform-logo.works-with b.woo {
  content: "";
  background: url(../images/partners/logo-woo.svg) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 97px;
  height: 28px;
  margin: 6px 0 0;
}
.platform-logo.works-with b.woo-small {
  content: "";
  background: url(../images/partners/logo-woo.svg) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 42px;
  height: 12px;
  margin: 6px 0 0;
}
.platform-logo.works-with b.magento {
  content: "";
  background: url(../images/partners/logo-magento.svg) no-repeat top left;
  background-size: 100%;
  display: block;
  width: 97px;
  height: 28px;
  margin: 6px 0 0;
}

@media only screen and (max-width : 650px) {
  .intro-how-page .platform-logo.works-with {
    left: 54px;
    bottom: 26px;
  }
}

/* Works with logo */
.works-with-label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.works-with-label a {
  display: block;
}
.works-with-label a img {
  display: block;
  opacity: 0.5;
  transition: all 0.3s;
}
.works-with-label a.custom img {
  margin: 5px 0 0;
}
.works-with-label a:hover img {
  opacity: 1;
}
.works-with-label em {
  background: #5b36f5;
  padding: 6px 10px;
  color: #fff;
  border-radius: 20px;
  font-size: 13px;
  font-style: normal;
  line-height: 1;
}

/*********************
Webinar - Modal
 **********************/
/* --- Full-screen webinar modal --- */
.no-scroll {
  overflow: hidden;
}

#webinar-modal.is-open,
#webinar-backdrop.is-open {
  display: flex;
}

#webinar-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(49, 3, 139, 0.5);
  z-index: 9998;
  /* Blur the background */
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
}

#webinar-modal {
  overflow-y: auto;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 9999;
  min-height: auto;
}
@media only screen and (max-width: 800px), only screen and (max-height: 650px) {
  #webinar-modal {
    align-items: start;
  }
}
#webinar-modal .modal-panel {
  margin: 5em auto;
  width: 100%;
  max-width: 765px;
  padding: 0;
  inset: 0;
  background: #fff;
  display: grid;
  grid-template-rows: auto 1fr;
  border-radius: 12px;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 800px), only screen and (max-height: 650px) {
  #webinar-modal .modal-panel {
    border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
  }
}
#webinar-modal .modal-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 15px 5px 23px;
  border-bottom: 1px solid #ddd;
  background: #f3f2fe;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-bar {
    padding: 9px 9px 5px 16px;
  }
}
#webinar-modal .modal-title {
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000;
  max-width: 280px;
  line-height: 1.3;
}
#webinar-modal .modal-close {
  appearance: none;
  border: 0;
  background: transparent;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
}
#webinar-modal .modal-close:focus-visible {
  border: 0;
  outline: 0;
}
#webinar-modal .modal-body {
  overflow: auto;
  background: #fff;
  padding: 2.5rem 3rem 3rem;
  position: relative;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-body {
    padding: 1.5rem;
  }
}
#webinar-modal .modal-body .webinar-header {
  margin: 0 0 1.5rem;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-body .webinar-header {
    margin: 0 0 1rem;
  }
}
#webinar-modal .modal-body .webinar-header h1 {
  font-size: 40px;
  font-family: "Instrument Serif", serif;
  line-height: 1.1;
  font-weight: 400;
  margin: 0 0 0.25em;
  text-align: left;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-body .webinar-header h1 {
    font-size: 30px;
  }
}
#webinar-modal .modal-body .webinar-header .webinar-date {
  margin: 0 0 0.65em;
  display: flex;
  justify-content: start;
  gap: 0.5em;
  font-weight: 500;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-body .webinar-header .webinar-date {
    font-size: 15px;
    margin-bottom: 0.125rem;
  }
}
#webinar-modal .modal-body .webinar-header .webinar-date span {
  background: #94dad9;
  font-family: "DM Mono", monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-items: center;
  line-height: 1;
  color: #000;
  font-weight: 400;
  display: inline-flex;
  padding: 4px 8px 3px;
  border-radius: 4px;
}
@media only screen and (max-width: 600px) {
  #webinar-modal .modal-body .webinar-header .webinar-date span {
    display: none;
  }
}
#webinar-modal .modal-body .webinar-header p {
  margin: 0;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-body .webinar-header p {
    font-size: 14px;
  }
}
#webinar-modal .modal-form-content {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-form-content {
    flex-direction: column;
    gap: 1.5rem;
  }
}
#webinar-modal .modal-form-content .webinar-summary {
  width: 50%;
  text-align: left;
  background: #f1f1f1;
  padding: 1.5rem;
  border-radius: 6px;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-form-content .webinar-summary {
    width: 100%;
  }
}
#webinar-modal .modal-form-content .webinar-summary p {
  margin: 0 0 1.5em;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-form-content .webinar-summary p {
    font-size: 14px;
  }
}
#webinar-modal .modal-form-content .webinar-summary ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#webinar-modal .modal-form-content .webinar-summary ul li {
  display: flex;
  align-items: start;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 1rem;
  color: #222;
  position: relative;
  font-weight: 500;
  line-height: 1.3;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-form-content .webinar-summary ul li {
    font-size: 14px;
    align-items: center;
  }
}
#webinar-modal .modal-form-content .webinar-summary ul li:last-of-type {
  margin: 0;
}
#webinar-modal .modal-form-content .webinar-summary ul li:before {
  content: "";
  width: 25px;
  height: 25px;
  min-width: 26px;
  background: url("../images/publications/love/icon_benefit.svg") no-repeat;
  background-size: cover;
}
#webinar-modal .modal-form-content .webinar-form {
  width: 50%;
  padding: 0.5rem 0 0;
}
@media only screen and (max-width: 800px) {
  #webinar-modal .modal-form-content .webinar-form {
    width: 100%;
  }
}
#webinar-modal .modal-form-content .webinar-form .hbspt-form input,
#webinar-modal .modal-form-content .webinar-form .hbspt-form select,
#webinar-modal .modal-form-content .webinar-form .hbspt-form textarea {
  width: 100% !important;
}
#webinar-modal .modal-form-content .webinar-form .form-columns-1,
#webinar-modal .modal-form-content .webinar-form .form-columns-2 {
  max-width: 100% !important;
}
#webinar-modal .modal-form-content .webinar-form .legal-consent-container {
  font-size: 10px;
  line-height: 1.3;
  display: block;
  margin: 0 0 1.5em;
}
#webinar-modal .webinar-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  text-align: center;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#webinar-modal .webinar-footer img {
  display: block;
  width: 110px;
  margin: auto;
}

@media (max-width: 640px) {
  #webinar-modal .modal-body {
    padding: 16px;
  }
}
#webinar-modal,
#webinar-backdrop {
  display: none;
}

/*********************
   Homepage - Hero Banner
 **********************/
.intro-home {
  background: #120847;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .intro-home {
    background-color: #0d0630;
  }
}
.intro-home:after {
  background: url("../images/effects/bg_curve.svg") no-repeat;
  pointer-events: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 1;
  height: 280px;
}
@media only screen and (max-width : 650px) {
  .intro-home:after {
    display: none;
  }
}
.intro-home:before {
  background: url("../images/effects/bg_curve_gradient.svg") no-repeat;
  pointer-events: none;
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 0;
  height: 880px;
  opacity: 0.15;
}
.intro-home section.index-hero p {
  max-width: 470px;
  color: #c9d1dc;
  opacity: 1;
}
@media only screen and (max-width : 650px) {
  .intro-home section.index-hero p span.mobile-hide {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .intro-home section.index-hero h1 br {
    display: none;
  }
}
@media only screen and (max-width: 410px) {
  .intro-home section.index-hero h1 {
    max-width: 360px;
    font-size: 27px;
  }
}
.intro-home section.index-hero h2 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  opacity: 0.7;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  .intro-home section.index-hero h2 {
    display: none;
  }
}
.intro-home section.index-hero ul.item-usps {
  color: #fff;
  display: none;
}
@media only screen and (max-width : 650px) {
  .intro-home section.index-hero ul.item-usps {
    display: none;
  }
}
.intro-home section.index-hero ul.item-usps li {
  background: url("../images/icons/plus-gradient.svg") no-repeat left center;
  background-size: 15px 15px;
  padding-left: 24px;
  color: #c9d1dc;
}
.intro-home.page-lander-dhl {
  background: #fec636;
}
.intro-home.page-lander-dhl img.logo-dhl {
  display: block;
  margin: 3em auto 4rem;
  max-width: 350px;
  width: 80%;
}
@media only screen and (max-width: 1150px) {
  .intro-home.page-lander-dhl img.logo-dhl {
    margin: 0em auto 3rem;
  }
}
.intro-home.page-lander-dhl .dhl-headline-wrap {
  display: flex;
  justify-content: center;
  gap: 8em;
}
@media only screen and (max-width: 1050px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap {
    gap: 5em;
  }
}
@media only screen and (max-width: 950px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap {
    flex-direction: column;
    gap: 0;
  }
}
.intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro {
  max-width: 440px;
  padding-top: 0;
}
@media only screen and (max-width: 950px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro {
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
  .intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro p.text-hide-mobile {
    display: none;
  }
}
.intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro .dhl-promotion {
  background: rgba(255, 255, 255, 0.6);
  padding: 0.5em 1.5em 0.5em 0.5em;
  border-radius: 8px;
  display: inline-flex;
  gap: 0.75em;
  align-items: center;
}
@media only screen and (max-width : 650px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro .dhl-promotion {
    margin: -1em 0 0;
  }
}
.intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro .dhl-promotion p {
  margin: 0;
}
.intro-home.page-lander-dhl .dhl-headline-wrap .index-hero-intro .dhl-promotion span {
  background: #d81c12;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  height: 34px;
}
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture {
  width: 40%;
  padding-bottom: 6em;
}
@media only screen and (max-width: 950px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap .form-capture {
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.page-lander-dhl .dhl-headline-wrap .form-capture {
    padding-bottom: 2em;
  }
}
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture p {
  margin-top: 0;
}
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture small {
  color: #000;
  font-size: 12px;
  line-height: 145%;
  display: block;
}
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture .hbspt-form input,
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture .hbspt-form select,
.intro-home.page-lander-dhl .dhl-headline-wrap .form-capture .hbspt-form textarea {
  border: 0 !important;
  margin-bottom: 0.75em !important;
}
.intro-home.page-lander-dhl h1 {
  color: #000;
}
.intro-home.page-lander-dhl p {
  color: #000 !important;
}
.intro-home.page-lander-dhl:before {
  display: none !important;
}

section.index-hero {
  position: relative;
  overflow: hidden;
}
section.index-hero h1 {
  color: #fff;
}
@media only screen and (max-width: 400px) {
  section.index-hero h1 {
    max-width: 360px;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero h1 span.dt-only {
    display: none;
  }
}
section.index-hero h1 strong {
  font-weight: inherit;
}
@media only screen and (max-width : 650px) {
  section.index-hero h1 strong {
    display: none;
  }
}
section.index-hero p,
section.index-hero small {
  color: #fff;
  opacity: 0.6;
}
section.index-hero p.mb-only {
  display: none;
}
@media only screen and (max-width : 650px) {
  section.index-hero p.mb-only {
    display: block;
  }
}
section.index-hero ul.item-usps {
  color: #333;
}
@media only screen and (max-width : 650px) {
  section.index-hero ul.item-usps {
    display: none;
  }
}
section.index-hero ul.item-usps li {
  background: url("../images/icons/plus-gradient.svg") no-repeat left center;
  background-size: 15px 15px;
  padding-left: 24px;
  color: #666;
}
section.index-hero .cta-buttons {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin: 1.5em 0 1em;
}
@media only screen and (max-width : 650px) {
  section.index-hero .cta-buttons {
    display: block;
  }
}
section.index-hero .cta-buttons a,
section.index-hero .cta-buttons button {
  flex-grow: 1;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
@media only screen and (max-width : 650px) {
  section.index-hero .cta-buttons a,
section.index-hero .cta-buttons button {
    width: 100%;
    margin: 0 0 1em;
  }
  section.index-hero .cta-buttons a:last-of-type,
section.index-hero .cta-buttons button:last-of-type {
    margin: 0;
  }
}
@media only screen and (max-width: 1120px) {
  section.index-hero .cta-buttons.homepage {
    width: 110%;
  }
}
@media only screen and (max-width: 850px) {
  section.index-hero .cta-buttons.homepage {
    width: 140%;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .cta-buttons.homepage {
    width: 100%;
  }
}
section.index-hero .cta-buttons.homepage a {
  flex-direction: column;
  row-gap: 6px;
  width: 50%;
}
@media only screen and (max-width : 650px) {
  section.index-hero .cta-buttons.homepage a {
    width: 100%;
  }
}
section.index-hero .cta-buttons.homepage a em {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  display: block;
  margin-bottom: 1px;
  opacity: 0.7;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  section.index-hero .cta-buttons.homepage a em {
    display: none;
  }
}
section.index-hero .cta-buttons.homepage a::after {
  display: none;
}
section.index-hero .cta-buttons.homepage a:hover em {
  opacity: 1;
}
section.index-hero.hero-dark h1,
section.index-hero.hero-dark p,
section.index-hero.hero-dark small {
  color: #000;
}
section.index-hero.hero-dark h1 span {
  color: #5B36F5;
}
section.index-hero.hero-dark span.item-highlight {
  display: inline-block;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
  padding: 4px;
  border-radius: 8px;
  text-decoration: none;
}
section.index-hero.hero-dark span.item-highlight em {
  font-style: normal;
  background: #fff;
  padding: 1px 10px;
  font-size: 13px;
  color: #5B36F5;
  display: inline-block;
  border-radius: 6px;
}
section.index-hero .hero-image-wrapper {
  position: absolute;
  right: -6px;
  top: 5rem;
  width: 48%;
  z-index: 2;
  max-width: 798px;
}
@media only screen and (min-width: 1940px) {
  section.index-hero .hero-image-wrapper {
    right: 8%;
  }
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper {
    width: 75%;
    top: 3rem;
    right: 20px;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .hero-image-wrapper {
    width: 103%;
    position: relative;
    top: 0;
    right: 0;
    margin: 0 auto 1.5rem;
    margin-left: -4%;
    padding: 2.25rem 1rem;
    display: block;
  }
}
section.index-hero .hero-image-wrapper img {
  width: 100%;
  max-width: 798px;
  height: auto;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img {
    mask-image: linear-gradient(to left, black 31%, rgba(0, 0, 0, 0) 79%);
    -webkit-mask-image: linear-gradient(to left, black 31%, rgba(0, 0, 0, 0) 79%);
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .hero-image-wrapper img {
    mask-image: none;
  }
}
section.index-hero .hero-image-wrapper img.hide-desktop {
  display: none;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.hide-desktop {
    display: block;
  }
}
section.index-hero .hero-image-wrapper img.overlay-mobile {
  max-width: 253px;
  position: absolute;
  left: -60px;
  animation: slideIn 1.5s;
  bottom: -60px;
  z-index: 3;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.overlay-mobile {
    display: none;
  }
}
section.index-hero .hero-image-wrapper img.overlay-cart {
  max-width: 722px;
  position: absolute;
  top: 0;
  left: 0;
  animation: fadeIn 1.25s;
  animation-delay: 1s;
  visibility: hidden;
  transition-timing-function: linear;
  animation-fill-mode: forwards;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.overlay-cart {
    display: none;
  }
}
section.index-hero .hero-image-wrapper img.overlay-products {
  max-width: 722px;
  position: absolute;
  top: 0;
  left: 0;
  animation: fillIn 1s;
  animation-delay: 1.25s;
  transition-timing-function: linear;
  animation-fill-mode: forwards;
  clip-path: polygon(0 0, 94% 0, 100% 40%, 0 0%);
  z-index: 1;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.overlay-products {
    display: none;
  }
}
section.index-hero .hero-image-wrapper img.overlay-totals {
  max-width: 722px;
  position: absolute;
  top: 0;
  left: 0;
  animation: fadeIn 1s;
  animation-delay: 1.5s;
  visibility: hidden;
  z-index: 2;
  transition-timing-function: linear;
  animation-fill-mode: forwards;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.overlay-totals {
    display: none;
  }
}
section.index-hero .hero-image-wrapper img.overlay-desktop {
  max-width: 722px;
  box-shadow: 0 6px 18px 14px rgba(0, 0, 0, 0.04);
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper img.overlay-desktop {
    display: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fillIn {
  0% {
    clip-path: polygon(0 0, 94% 0, 100% 40%, 0 0%);
  }
  100% {
    clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  }
}
@keyframes slideIn {
  from {
    bottom: -200px;
  }
  to {
    bottom: -60px;
  }
}
section.index-hero .hero-image-wrapper .platform-logos {
  display: none;
  text-align: center;
  margin: 0.25rem 0 0 1.75rem;
}
@media only screen and (max-width : 650px) {
  section.index-hero .hero-image-wrapper .platform-logos {
    display: block;
  }
}
section.index-hero .hero-image-wrapper .platform-logos img {
  opacity: 0.4;
  margin: 0 0.75rem 0 0;
  max-width: 85px;
}
section.index-hero .hero-image-wrapper .platform-logos img:last-of-type {
  margin: 0;
}
section.index-hero .hero-image-wrapper span.icon-video {
  z-index: 4;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-left: -10px;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper span.icon-video {
    justify-content: flex-end;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .hero-image-wrapper span.icon-video {
    justify-content: center;
  }
}
section.index-hero .hero-image-wrapper span.icon-video em {
  background: url("../images/icons/icon-video.png") no-repeat;
  background-size: 100%;
  height: 200px;
  width: 133px;
  display: block;
  overflow: hidden;
  position: relative;
  visibility: hidden;
  animation: fadeIn 0.8s;
  animation-delay: 2.15s;
  transition-timing-function: linear;
  animation-fill-mode: forwards;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .hero-image-wrapper span.icon-video em {
    height: 97px;
    width: 90px;
    margin-right: 11%;
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .hero-image-wrapper span.icon-video em {
    margin-right: 0%;
    width: 85px;
    height: 88px;
    margin: -25% 0 0;
  }
}
section.index-hero .hero-image-wrapper span.icon-video em:before {
  content: "";
  animation: shine 2.5s infinite;
  animation-direction: alternate-reverse;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#0089ff00 0, #002bff00 0), linear-gradient(269deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 80%);
  background-repeat: no-repeat;
  background-size: 50% 100%, 50% 100%;
  background-position: 0 0, 0 0;
}
@keyframes shine {
  to {
    background-position: 0 0, 100% 0;
  }
}
section.index-hero .hero-image-wrapper .hero-image-container {
  position: relative;
  z-index: 2;
}
section.index-hero .hero-image-wrapper .section-featured-video {
  display: none;
}
@media only screen and (min-width: 1680px) {
  section.index-hero .hero-image-wrapper .section-featured-video {
    z-index: 1;
    display: block;
    max-width: 724px;
    height: 629px;
    width: 100%;
    right: 75px;
    top: 31px;
  }
  section.index-hero .hero-image-wrapper .section-featured-video:before {
    border-radius: 8px;
  }
  section.index-hero .hero-image-wrapper .section-featured-video:after {
    filter: blur(5px);
  }
}
section.index-hero .index-hero-intro {
  width: 100%;
  padding: 7% 0 200px;
  max-width: 490px;
  width: 45%;
}
@media only screen and (max-width: 1280px) {
  section.index-hero .index-hero-intro {
    padding-bottom: 130px;
  }
}
@media only screen and (max-width : 1040px) {
  section.index-hero .index-hero-intro {
    padding: 9% 0 110px;
    position: relative;
    z-index: 4;
    width: 60%;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro {
    width: 100%;
    max-width: 100%;
    padding: 2% 0 1rem;
  }
}
section.index-hero .index-hero-intro small a {
  color: #fff;
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro small {
    display: block;
    text-align: center;
  }
}
section.index-hero .index-hero-intro .platform-logos {
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro .platform-logos {
    display: none;
  }
}
section.index-hero .index-hero-intro .platform-logos img {
  opacity: 0.4;
  margin: 0 1rem 0 0;
  max-width: 100px;
}
section.index-hero .index-hero-intro form {
  display: flex;
  margin: 1rem 0 -0.5rem;
}
@media only screen and (max-width: 1100px) {
  section.index-hero .index-hero-intro form {
    margin: 1rem 0 -0.5rem;
  }
}
section.index-hero .index-hero-intro form a.btn-video {
  order: 1;
  margin: 0;
  padding-left: 0;
}
@media only screen and (min-width: 651px) {
  section.index-hero .index-hero-intro form a.btn-video span {
    display: flex;
    align-items: center;
    padding: 5px 0 5px 38px;
    gap: 8px;
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro form a.btn-video {
    position: absolute;
    bottom: -95px;
    z-index: 10;
    background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
    border: 0;
  }
}
section.index-hero .index-hero-intro form a.btn-video em {
  font-style: normal;
  font-size: 12px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  display: inline-flex;
  background: linear-gradient(334deg, #5b36f5 5.48%, #a74cff 44.27%, #3875f3 75.97%, #5b36f5 94.09%);
  padding: 4px 8px;
  color: #fff;
  border-radius: 4px;
}
@media only screen and (max-width : 1040px) {
  section.index-hero .index-hero-intro form a.btn-video em {
    display: none;
  }
}
section.index-hero .index-hero-intro form a.btn-demo {
  order: 0;
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro form {
    display: block;
    margin-top: 2.5rem;
  }
}
section.index-hero .index-hero-intro form input, section.index-hero .index-hero-intro form .hbspt-form select, .hbspt-form section.index-hero .index-hero-intro form select {
  border: 0;
  width: 55%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
section.index-hero .index-hero-intro form input:focus + button, section.index-hero .index-hero-intro form .hbspt-form select:focus + button, .hbspt-form section.index-hero .index-hero-intro form select:focus + button {
  box-shadow: 0px 0px 0px 4px #5B36F5;
}
section.index-hero .index-hero-intro form button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro form input, section.index-hero .index-hero-intro form .hbspt-form select, .hbspt-form section.index-hero .index-hero-intro form select,
section.index-hero .index-hero-intro form .btn,
section.index-hero .index-hero-intro form nav.blog-footer a,
nav.blog-footer section.index-hero .index-hero-intro form a,
section.index-hero .index-hero-intro form #paginationContainer button,
#paginationContainer section.index-hero .index-hero-intro form button {
    width: 100%;
    margin: 0;
  }
  section.index-hero .index-hero-intro form input, section.index-hero .index-hero-intro form .hbspt-form select, .hbspt-form section.index-hero .index-hero-intro form select {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0;
  }
  section.index-hero .index-hero-intro form button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 6px;
  }
}
section.index-hero .index-hero-intro a.sparklayer-shopify {
  display: block;
  margin: 1.5rem 0 0;
}
@media only screen and (max-width : 650px) {
  section.index-hero .index-hero-intro a.sparklayer-shopify {
    text-align: center;
    margin: 2rem 0 -1.5em;
  }
}
section.index-hero .index-hero-intro a.sparklayer-shopify img {
  margin-left: -11px;
}
section.index-hero .color-bar {
  display: flex;
  height: 200px;
  width: 112%;
  transform: rotate(-4deg);
  position: absolute;
  bottom: -105px;
  left: -5%;
  z-index: 1;
  display: none;
}
@media only screen and (min-width: 1940px) {
  section.index-hero .color-bar {
    transform: rotate(-3deg);
  }
}
@media only screen and (max-width : 650px) {
  section.index-hero .color-bar {
    transform: rotate(0deg);
    bottom: -180px;
    display: flex;
  }
}
section.index-hero .color-bar span {
  display: block;
  width: 25%;
}
section.index-hero .color-bar span:nth-of-type(1) {
  background: #0DCCFC;
}
section.index-hero .color-bar span:nth-of-type(2) {
  background: #5B36F5;
}
section.index-hero .color-bar span:nth-of-type(3) {
  background: #FC2F86;
}
section.index-hero .color-bar span:nth-of-type(4) {
  background: #FF9443;
}

.shopify-logo {
  z-index: 4;
  position: absolute;
  left: -3.5rem;
  top: 30px;
  display: flex;
  padding: 1px;
  background: white;
  border-radius: 5em;
  box-shadow: 0 6px 22px -8px rgba(0, 0, 0, 0.36);
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #000;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border: double 1px transparent;
}
.shopify-logo em {
  font-style: normal;
  display: inline-block;
  padding: 0 15px 0 7px;
}
@media only screen and (max-width : 1040px) {
  .shopify-logo {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .shopify-logo {
    display: flex;
    top: auto;
    bottom: 64px;
    left: 31px;
  }
}
.shopify-logo:before {
  content: "";
  background: url("../images/icons/shopify.svg") no-repeat;
  background-size: 100%;
  display: block;
  width: 85px;
  height: 30px;
  margin: 2px 0px 1px 9px;
}
@media only screen and (max-width : 650px) {
  .shopify-logo:before {
    width: 79px;
    height: 27px;
  }
}
.shopify-logo:after {
  content: "";
  background: url("../images/icons/icon-tick.svg") no-repeat;
  background-size: 100%;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: -15px;
  top: -11px;
}
.shopify-logo.bigcommerce:before {
  content: "";
  background: url("../images/icons/bigcommerce.svg") no-repeat top left;
  background-size: 100%;
  display: block;
  width: 100px;
  height: 30px;
  margin-right: 0;
}
@media only screen and (max-width : 650px) {
  .shopify-logo.bigcommerce:before {
    width: 79px;
    height: 27px;
  }
}
.shopify-logo.wix:before {
  content: "";
  background: url("../images/icons/wix.svg") no-repeat top left;
  background-size: 100%;
  display: block;
  width: 38px;
  height: 16px;
  margin-right: -4px;
}
@media only screen and (max-width : 650px) {
  .shopify-logo.wix:before {
    width: 38px;
    height: 16px;
  }
}

/*********************
  Homepage - Video
**********************/
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

#light {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 80%;
  margin: 7.5% 10%;
  height: 75%;
  z-index: 1002;
  overflow: visible;
  justify-content: center;
  align-items: center;
}

#light iframe {
  width: 100%;
}

/*********************
  Homepage - Logos
**********************/
.logo-wrapper {
  position: relative;
  z-index: 1;
}

.home-logos {
  position: relative;
  z-index: 4;
}
.home-logos p {
  text-align: center;
  margin: -2rem 0 1.5rem;
  color: #666;
}
@media only screen and (max-width: 1340px) {
  .home-logos p {
    margin: -1rem 0 1.5rem;
  }
}
@media only screen and (max-width : 650px) {
  .home-logos p {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    text-align: left;
  }
  .home-logos p span {
    display: none;
  }
}
.home-logos:hover {
  text-decoration: none;
}
.home-logos .customer-logos {
  margin: 0 auto 2.5rem;
  max-width: 1200px;
  padding: 0;
  position: relative;
  z-index: 10;
}
@media only screen and (max-width: 1340px) {
  .home-logos .customer-logos {
    margin-top: 0;
  }
}
@media only screen and (max-width : 1040px) {
  .home-logos .customer-logos {
    margin: 0 auto 2rem;
  }
}
@media only screen and (max-width : 650px) {
  .home-logos .customer-logos {
    margin: 0 auto 1rem;
  }
}
.home-logos .customer-logos:before, .home-logos .customer-logos:after {
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
}
.home-logos .customer-logos:after {
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
}
.home-logos .customer-logos img {
  opacity: 0.5;
}
.home-logos .customer-logos img:hover {
  opacity: 1;
}
.home-logos.with-spacing .customer-logos {
  padding-bottom: 1rem;
}

/*********************
  Homepage - Case Study Summary
**********************/
.logo-case-summary {
  justify-content: center;
  margin: -2rem auto 3.5rem;
  overflow: hidden;
  padding: 10px;
  position: relative;
  text-align: center;
  outline: 0;
  display: flex;
}
@media only screen and (max-width: 1350px) {
  .logo-case-summary {
    margin: -2em 0 3rem;
  }
}
@media only screen and (max-width: 1060px) {
  .logo-case-summary {
    margin: 0em 0 2rem;
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .logo-case-summary {
    display: none;
  }
}
.logo-case-summary:after, .logo-case-summary:before {
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100%;
  display: block;
  width: 35px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 5;
}
.logo-case-summary:before {
  right: auto;
  left: 0;
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
}
.logo-case-summary:hover {
  cursor: grab;
}
.logo-case-summary:focus {
  border: 0;
  outline: 0;
}
.logo-case-summary div {
  width: 96.5% !important;
  display: flex;
  justify-content: center;
  column-gap: 37px;
  align-items: center;
}
@media only screen and (max-width: 1350px) {
  .logo-case-summary div {
    margin: 0 0 0 1px;
    width: 100% !important;
  }
}
.logo-case-summary a {
  filter: grayscale(0);
  border: 1px solid #eee;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.03);
  display: flex;
  border-radius: 8px;
  padding: 0;
  align-items: center;
  transition: 0.2s all;
}
@media only screen and (max-width: 1350px) {
  .logo-case-summary a {
    justify-content: space-between;
  }
}
.logo-case-summary a:hover {
  text-decoration: none;
  border-color: #ddd;
  background: #f3f3f3;
}
.logo-case-summary a:hover em {
  padding-left: 0.5rem;
}
.logo-case-summary a:hover p {
  color: #5B36F5;
}
.logo-case-summary a span {
  width: 120px;
  height: 54px;
  overflow: hidden;
  margin: 0 -5px 0 0;
  display: block;
  position: relative;
}
.logo-case-summary a span img {
  width: 100%;
  height: auto;
}
.logo-case-summary a p {
  margin: 0;
  color: #666;
  padding: 0 0.5rem 0 0;
  transition: 0.2s all;
}
@media only screen and (max-width: 1350px) {
  .logo-case-summary a p {
    text-align: left;
    line-height: 1.2;
    font-size: 14px;
    max-width: 202px;
    padding-left: 12px;
  }
}
.logo-case-summary a em {
  font-style: normal;
  color: #5B36F5;
  font-size: 24px;
  padding: 0 1rem 0 0;
  transition: 0.2s all;
}
.logo-case-summary .flickity-page-dots {
  position: relative;
  margin: 1em 0 0;
  right: auto;
  bottom: auto;
}

/*********************
  Homepage - USPs
**********************/
.usps-home {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1340px) {
  section.index-usps {
    padding-top: 1rem;
  }
}
section.index-usps h2 {
  text-align: center;
}
section.index-usps p {
  margin: 0 auto 5rem;
  max-width: 800px;
}
@media only screen and (max-width : 650px) {
  section.index-usps p {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width : 1040px) {
  section.index-usps h2,
section.index-usps p {
    text-align: left;
  }
  section.index-usps p {
    margin-left: 0;
    margin-right: 0;
  }
}

/*********************
   Homepage - Feature: Frontend
 **********************/
.feature-frontend {
  position: relative;
  padding-bottom: 10rem;
}
.feature-frontend:after {
  content: "";
  background: #f4f4f4;
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 1040px) {
  .feature-frontend {
    margin-bottom: 4rem;
    padding-bottom: 8rem;
  }
}
.feature-frontend h5 {
  opacity: 0.5;
}
.feature-frontend .column-image {
  margin-top: -12%;
}
@media only screen and (max-width: 1340px) {
  .feature-frontend .column-image {
    margin-top: -8%;
  }
}
@media only screen and (max-width : 650px) {
  .feature-frontend .column-image {
    margin-top: -20%;
  }
}
.feature-frontend .column-text {
  margin-top: 2rem;
}
@media only screen and (max-width : 650px) {
  .feature-frontend .column-text {
    margin-top: 4rem;
  }
}

/*********************
   Homepage - Feature: Tab Features
 **********************/
.feature-tabs {
  position: relative;
  padding-bottom: 10rem;
  margin: -2rem 0 0;
  z-index: 1;
}
.feature-tabs:after {
  content: "";
  background: #f4f4f4;
  background-image: linear-gradient(180deg, white, #f4f4f4);
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 1040px) {
  .feature-tabs:after {
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
  }
}
@media only screen and (max-width : 1040px) {
  .feature-tabs {
    margin-bottom: 4rem;
    padding-bottom: 6rem;
    margin-bottom: 6rem;
  }
}
.feature-tabs h2 {
  text-align: center;
  margin: 2rem 0 3.5rem;
}
@media only screen and (max-width : 1040px) {
  .feature-tabs h2 {
    text-align: left;
    margin: 1rem 0 1.5rem;
  }
}
.feature-tabs #feature-content .layout-columns {
  display: none;
}
.feature-tabs #feature-content.apply-filter1 .layout-columns#feature-filter1 {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter1 .layout-columns#feature-filter1 {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter1B .layout-columns#feature-filter1B {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter1B .layout-columns#feature-filter1B {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter1C .layout-columns#feature-filter1C {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter1C .layout-columns#feature-filter1C {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter2 .layout-columns#feature-filter2 {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter2 .layout-columns#feature-filter2 {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter3 .layout-columns#feature-filter3 {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter3 .layout-columns#feature-filter3 {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter4 .layout-columns#feature-filter4 {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter4 .layout-columns#feature-filter4 {
    display: block;
  }
}
.feature-tabs #feature-content.apply-filter5 .layout-columns#feature-filter5 {
  display: flex;
}
@media only screen and (max-width : 650px) {
  .feature-tabs #feature-content.apply-filter5 .layout-columns#feature-filter5 {
    display: block;
  }
}
.feature-tabs .layout-columns {
  justify-content: space-around;
}
@media only screen and (max-width: 1340px) {
  .feature-tabs .layout-columns {
    justify-content: space-between;
  }
}
.feature-tabs .layout-columns .column-text {
  flex: none;
  margin: 0;
}
.feature-tabs .layout-columns .column-text h4 {
  font-size: 20px;
}
.feature-tabs .layout-columns .column-text .group-buttons {
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin: -0.5em 0 -1em;
}
.feature-tabs .layout-columns .column-text a.btn-video {
  color: #5B36F5;
  display: flex;
  padding: 0;
  margin: 0 0 0 -0.5em;
}
.feature-tabs .layout-columns .column-text a.btn-video span {
  color: #5B36F5 !important;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 16px;
  opacity: 1 !important;
  background: url(../images/icons/play_gradient.svg) no-repeat left center;
  background-size: 22px;
  padding: 1em 1em 1em 2em;
}
@media only screen and (max-width: 1340px) {
  .feature-tabs .layout-columns .column-text {
    width: 50%;
  }
}
@media only screen and (max-width : 650px) {
  .feature-tabs .layout-columns .column-text {
    width: 100%;
    flex: 0 0 100%;
    margin: 2rem 0 0;
  }
}
.feature-tabs .layout-columns .column-image .tab-content {
  position: relative;
}
.feature-tabs .layout-columns .column-image span.powered-by {
  position: absolute;
  bottom: 25px;
  left: 20px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  gap: 8px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 1px 12px;
  border: 1px solid #ad8bff;
}
.feature-tabs .layout-columns .column-image span.powered-by em {
  font-style: normal;
  font-size: 13px;
  color: #5B36F5;
}
.feature-tabs .layout-columns .column-image span.powered-by b {
  background: url(../images/partners/logo-Conjura.png) no-repeat 100% 100%;
  height: 11px;
  display: block;
  width: 94px;
  background-size: contain;
}
@media only screen and (max-width: 1130px) {
  .feature-tabs .tab-buttons-wrap {
    overflow-y: auto;
  }
}

@media only screen and (max-width : 650px) {
  .index-feature-tabs {
    margin-top: -5rem;
  }
}

/*********************
   Homepage - Feature: Integrates
 **********************/
@media only screen and (max-width : 650px) {
  .feature-integrates {
    overflow: hidden;
    margin-top: -3rem;
  }
}

.index-integrates .container {
  position: relative;
}
.index-integrates .integrates-intro h5 {
  opacity: 0.4;
}
@media only screen and (max-width: 1340px) {
  .index-integrates .integrates-intro h2 {
    max-width: 500px;
  }
}
@media only screen and (max-width : 1040px) {
  .index-integrates .integrates-intro p.paragraph-intro,
.index-integrates .integrates-intro h2 {
    max-width: 100%;
  }
}
.index-integrates .integrates-logos {
  max-width: 700px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  right: -15%;
  top: -4rem;
  z-index: 2;
}
@media only screen and (max-width : 1040px) {
  .index-integrates .integrates-logos {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    justify-content: flex-start;
    width: 100%;
    max-width: 1000px;
    margin-left: 0;
    margin-bottom: 3rem;
    margin-top: -3rem;
  }
}
@media only screen and (max-width : 650px) {
  .index-integrates .integrates-logos {
    width: 145%;
    margin-left: -12%;
    margin-top: 0;
  }
}
.index-integrates .integrates-logos a {
  width: 20%;
  margin: 2.5%;
}
@media only screen and (max-width : 1040px) {
  .index-integrates .integrates-logos a {
    width: 16%;
    margin: 2%;
  }
}
@media only screen and (max-width : 650px) {
  .index-integrates .integrates-logos a {
    width: 82px;
    height: 82px;
    margin: 2%;
  }
}
.index-integrates .integrates-logos img {
  width: 100%;
  height: auto;
  height: intrinsic;
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
}
.index-integrates .list-systems {
  position: relative;
}
.index-integrates .list-systems span.icon-rotate {
  width: 65px;
  height: 65px;
  position: absolute;
  left: -47%;
  top: 0;
  display: block;
  animation: rotation 2s infinite linear;
}
.index-integrates .list-systems span.icon-rotate.icon-red {
  background: url("../images/icons/rotate-red.png") no-repeat;
  background-size: 100%;
}
.index-integrates .list-systems span.icon-rotate.icon-blue {
  background: url("../images/icons/rotate-blue.png") no-repeat;
  background-size: 100%;
}
.index-integrates .list-systems .line {
  position: absolute;
  top: 27px;
  left: 0;
  width: 100%;
  height: 12px;
  background: #e2e2e2;
  display: block;
}
@media only screen and (max-width : 650px) {
  .index-integrates .list-systems .line {
    display: none;
  }
}
.index-integrates .list-systems .list-icons {
  margin: 6rem 0 4rem;
  z-index: 2;
}
@media only screen and (max-width : 1040px) {
  .index-integrates .list-systems .list-icons {
    margin: 3rem 0;
  }
}
.index-integrates .list-systems .list-icons li {
  flex: 0 0 33%;
  width: 33%;
  margin: 0;
  padding: 0 140px 0 0;
  position: relative;
}
@media only screen and (max-width: 1340px) {
  .index-integrates .list-systems .list-icons li {
    padding: 0 60px 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .index-integrates .list-systems .list-icons li {
    flex: 0 0 100%;
    width: 100%;
    padding: 0;
    margin: 0 0 2rem;
  }
  .index-integrates .list-systems .list-icons li:last-of-type {
    margin: 0;
  }
}
.index-integrates .list-systems .list-icons li h4 {
  margin-top: 10px;
}
.index-integrates .list-systems .list-icons li span.icon {
  width: 65px;
  height: 65px;
  margin: 0 1.25rem 0 0;
}
@media only screen and (max-width : 650px) {
  .index-integrates .list-systems .list-icons li span.icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    margin-left: -10px;
    margin-top: -5px;
  }
}
.index-integrates .list-systems .list-icons li span.icon.integrate1 {
  background: url("../images/icons/integrate1.png") no-repeat;
  background-size: 100%;
}
.index-integrates .list-systems .list-icons li span.icon.integrate2 {
  background: url("../images/icons/integrate3.png") no-repeat;
  background-size: 100%;
}
@media only screen and (max-width : 650px) {
  .index-integrates .list-systems .list-icons li span.icon.integrate2 {
    background-size: 92% !important;
  }
}
.index-integrates .list-systems .list-icons li span.icon.integrate3 {
  background: url("../images/icons/integrate2.png") no-repeat;
  background-size: 100%;
}

/*********************
   Homepage - Feature: FAQs
 **********************/
.section-how-faqs.index-faqs h4 {
  display: none;
}
.section-how-faqs.index-faqs h2 {
  text-align: center;
  margin-bottom: 3rem;
}
@media only screen and (max-width : 650px) {
  .section-how-faqs.index-faqs h2 {
    text-align: left;
    margin-bottom: 2rem;
  }
}
.section-how-faqs.index-faqs .faq-read-more {
  text-align: center;
  margin: 2em auto 0;
}

/*********************
   Homepage - Feature: Dashboard
 **********************/
@media only screen and (max-width : 650px) {
  .feature-dashboard.section-padding-bottom {
    padding-bottom: 3rem;
  }
}

.index-dashboard {
  position: relative;
}
.index-dashboard:after {
  content: "";
  background: #f6f9fc;
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
  width: 100%;
  height: 105%;
  position: absolute;
  top: 10rem;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .index-dashboard:after {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
    top: 3rem;
  }
}
.index-dashboard .dashboard {
  margin-bottom: 6rem;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard {
    margin-bottom: 3em;
  }
}
.index-dashboard .dashboard-intro {
  margin: 2rem auto 0;
  max-width: 800px;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard-intro {
    margin-bottom: 2rem;
  }
}
.index-dashboard .dashboard-intro h5 {
  display: none;
  opacity: 0.4;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard-intro h5 {
    display: block;
  }
}
.index-dashboard .dashboard-intro h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard-intro h2 {
    text-align: left;
  }
}
.index-dashboard .dashboard-bullets {
  margin: 0 auto 3em;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard-bullets {
    display: block;
  }
}
.index-dashboard .dashboard-bullets .d-unit {
  align-items: center;
  margin-bottom: 1.25rem;
}
@media only screen and (max-width : 650px) {
  .index-dashboard .dashboard-bullets .d-unit {
    align-items: flex-start;
  }
}
.index-dashboard .dashboard-bullets .d-unit h4 {
  font-size: 18px;
  color: #666;
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .index-dashboard .dashboard-bullets .d-unit h4 {
    font-size: 15px;
  }
}
.index-dashboard .learn-more-wrap {
  margin: 0 auto;
}

/*********************
   Homepage - Testimonials
 **********************/
section.testimonials {
  position: relative;
}
@media only screen and (max-width: 1340px) {
  section.testimonials {
    margin: 1em 0 0;
  }
}
section.testimonials .container {
  position: relative;
  z-index: 1;
}
section.testimonials:after {
  content: "";
  background: #f6f9fc;
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 105%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width : 1040px) {
  section.testimonials:after {
    clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
    top: 0;
  }
}
@media only screen and (max-width : 650px) {
  section.testimonials:after {
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    top: 0;
    height: 101%;
  }
}
section.testimonials .learn-more-wrap {
  margin: 3em 0 0;
}
section.testimonials .testimonial-footer {
  text-align: center;
}

.background-adjust section.testimonials:after {
  content: "";
  height: 120%;
  top: -10em;
}

/*********************
   Homepage - Testimonials Slimline
 **********************/
section.testimonial-slimline {
  position: relative;
}
@media only screen and (max-width: 1340px) {
  section.testimonial-slimline {
    margin: 1em 0 0;
  }
}
section.testimonial-slimline h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline h2 {
    text-align: left;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
section.testimonial-slimline .container,
section.testimonial-slimline h2 {
  position: relative;
  z-index: 1;
}
section.testimonial-slimline p {
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline p {
    padding: 0 2.25em;
  }
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline p {
    text-align: left;
    margin-top: 0;
  }
}
section.testimonial-slimline .main-carousel,
section.testimonial-slimline .main-industry-carousel {
  position: relative;
  padding-left: 3em;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .main-carousel,
section.testimonial-slimline .main-industry-carousel {
    padding-left: 2em;
  }
}
section.testimonial-slimline .main-carousel:after, section.testimonial-slimline .main-carousel:before,
section.testimonial-slimline .main-industry-carousel:after,
section.testimonial-slimline .main-industry-carousel:before {
  background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 110%;
  display: block;
  width: 100px;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 5;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .main-carousel:after, section.testimonial-slimline .main-carousel:before,
section.testimonial-slimline .main-industry-carousel:after,
section.testimonial-slimline .main-industry-carousel:before {
    width: 60px;
  }
}
section.testimonial-slimline .main-carousel:before,
section.testimonial-slimline .main-industry-carousel:before {
  right: auto;
  left: 0;
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
}
section.testimonial-slimline .main-carousel:focus, section.testimonial-slimline .main-carousel:focus-visible,
section.testimonial-slimline .main-industry-carousel:focus,
section.testimonial-slimline .main-industry-carousel:focus-visible {
  outline: none !important;
}
section.testimonial-slimline .flickity-viewport:focus, section.testimonial-slimline .flickity-viewport:focus-visible {
  outline: none !important;
}
section.testimonial-slimline .flickity-button {
  top: 50%;
  right: 30px;
}
@media only screen and (max-width: 1350px) {
  section.testimonial-slimline .flickity-button {
    display: block;
  }
}
section.testimonial-slimline .flickity-button:disabled {
  display: none;
}
section.testimonial-slimline .flickity-button.previous {
  right: auto;
  left: 30px;
  transform: rotate(180deg);
}
section.testimonial-slimline .flickity-page-dots {
  display: flex;
  justify-content: center;
  width: 100%;
  right: auto;
  left: 0;
  bottom: -60px;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .flickity-page-dots {
    display: none;
  }
}
section.testimonial-slimline:after {
  content: "";
  background: #f6f9fc;
  clip-path: polygon(0 5%, 100% 0, 100% 98%, 0 100%);
  width: 100%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline:after {
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
    top: 0;
  }
}
section.testimonial-slimline .customer-box {
  width: 370px;
  background: #f6f9fc;
  margin: 0.75em;
  cursor: pointer;
  color: #666;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  text-decoration: none;
  display: flex;
  transition: all 0.3s;
  border: 3px solid transparent;
}
@media only screen and (max-width : 1040px) {
  section.testimonial-slimline .customer-box {
    width: 300px;
  }
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .customer-box {
    width: 250px;
    margin: 0.5em;
  }
}
section.testimonial-slimline .customer-box .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 130%;
  min-height: 300px;
  transition: all 0.3s;
  background-position: center;
}
@media only screen and (max-width: 1050px) {
  section.testimonial-slimline .customer-box .image {
    min-height: 200px;
  }
}
section.testimonial-slimline .customer-box:hover .image {
  background-size: 150%;
  transition: all 0.3s;
}
section.testimonial-slimline .customer-box .description {
  padding: 20em 1.5em 0 1.5em;
  z-index: 1;
  position: relative;
  transition: all 0.3s;
}
@media only screen and (max-width : 1040px) {
  section.testimonial-slimline .customer-box .description {
    padding: 14em 1.5em 0 1.5em;
  }
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .customer-box .description {
    padding: 10em 1.5em 0 1.5em;
  }
}
section.testimonial-slimline .customer-box .description:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200px;
  transition: all 0.3s;
  background: black;
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.763764881) 0%, rgba(30, 27, 66, 0.545277486) 51%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.763764881) 0%, rgba(30, 27, 66, 0.545277486) 51%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.763764881) 0%, rgba(30, 27, 66, 0.545277486) 51%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
section.testimonial-slimline .customer-box .description img {
  display: block;
  max-width: 240px;
  margin: 0 0 0.5rem;
  filter: invert(100%);
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .customer-box .description img {
    width: 180px;
  }
}
section.testimonial-slimline .customer-box .description h3,
section.testimonial-slimline .customer-box .description img,
section.testimonial-slimline .customer-box .description span {
  position: relative;
  z-index: 3;
  color: #fff;
}
section.testimonial-slimline .customer-box .description h3 {
  font-size: 18px;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .customer-box .description h3 {
    font-size: 15px;
  }
}
section.testimonial-slimline .customer-box .description h4 {
  display: none;
}
section.testimonial-slimline .customer-box .description span {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
  color: #0DCCFC;
  transition: all 0.3s;
  font-size: 15px;
}
section.testimonial-slimline .customer-box .description span::after {
  padding-right: 3px;
}
section.testimonial-slimline .customer-box .description .post-location {
  display: none;
  justify-content: space-between;
}
section.testimonial-slimline .customer-box .description p {
  font-size: 16px;
  line-height: 160%;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width : 1040px) {
  section.testimonial-slimline .customer-box .description p {
    font-size: 15px;
    line-height: 150%;
  }
}
section.testimonial-slimline .customer-box:hover {
  border-color: #5B36F5;
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.08);
}
section.testimonial-slimline .customer-box:hover .description:after {
  background: black;
  height: 300px;
  background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.9164259454) 0%, rgba(30, 27, 66, 0.7483587185) 51%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.9164259454) 0%, rgba(30, 27, 66, 0.7483587185) 51%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9164259454) 0%, rgba(30, 27, 66, 0.7483587185) 51%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
section.testimonial-slimline .customer-box:hover .description span {
  visibility: visible;
  opacity: 1;
  height: 40px;
  position: relative;
  z-index: 2;
}
section.testimonial-slimline .learn-more-wrap {
  margin: 5.5em 0 0;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline .learn-more-wrap {
    margin: 2em 0 0;
  }
}
section.testimonial-slimline.customer-industries {
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  section.testimonial-slimline.customer-industries {
    display: none;
  }
}
section.testimonial-slimline.customer-industries:after {
  display: none;
}
section.testimonial-slimline.customer-industries .flickity-button {
  top: 38%;
}
section.testimonial-slimline.customer-industries .customer-box {
  width: 160px;
  margin: 0 5px;
}
section.testimonial-slimline.customer-industries .customer-box .description {
  padding: 1.25em 1.125em 3em;
  max-width: 200px;
}
section.testimonial-slimline.customer-industries .customer-box .description:after {
  opacity: 0.7;
  bottom: -60px;
}
section.testimonial-slimline.customer-industries .customer-box .description h3 {
  font-size: 14px;
}
section.testimonial-slimline.customer-industries .customer-box .description img {
  max-width: 140px;
  position: relative;
  margin-bottom: 2em;
}
section.testimonial-slimline.customer-industries .customer-box .description em {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  display: block;
  margin: 0 0 0;
  font-style: normal;
  position: relative;
  z-index: 2;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
section.testimonial-slimline.customer-industries .customer-box .description img,
section.testimonial-slimline.customer-industries .customer-box .description em {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}
section.testimonial-slimline.customer-industries .customer-box .description .post-location {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 1.125em;
}
section.testimonial-slimline.customer-industries .customer-box .description .post-location span {
  visibility: visible;
  opacity: 1;
  height: auto;
  margin: 0;
  background: transparent !important;
  border-radius: 0;
  border: none;
  padding: 0 1.125em;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: left;
  line-height: 1.25;
  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
section.testimonial-slimline.customer-industries .customer-box .image {
  min-height: 200px;
}
section.testimonial-slimline.customer-industries .customer-box:hover img,
section.testimonial-slimline.customer-industries .customer-box:hover em {
  opacity: 1;
  visibility: visible;
}

.background-adjust section.testimonial-slimline:after {
  content: "";
  height: 130%;
  top: -10em;
}
@media only screen and (max-width : 650px) {
  .background-adjust section.testimonial-slimline:after {
    top: -5em;
  }
}

.customer-industry-highlight section.testimonial-slimline p {
  display: none;
}
.customer-industry-highlight.homepage-industry section.testimonial-slimline.customer-industries {
  padding-bottom: 0;
  margin-bottom: -4rem;
}
@media only screen and (max-width: 1340px) {
  .customer-industry-highlight.homepage-industry section.testimonial-slimline.customer-industries {
    margin-bottom: -2rem;
  }
}
.customer-industry-highlight p.industry-summary {
  text-align: center;
  margin: 1.5rem 0 2.5rem;
}
@media only screen and (max-width : 650px) {
  .customer-industry-highlight p.industry-summary {
    display: none;
  }
}

.customer-industry-customer-page {
  margin: -360px 0 -60px;
}

/*********************
   Homepage - Enterprise
 **********************/
.feature-enterprise {
  background: url("../images/enterprise/bg-enterprise.png") no-repeat top center #121824;
  background-size: cover;
  clip-path: polygon(0 3%, 100% 0, 100% 96%, 0 100%);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.feature-enterprise:after {
  content: "";
  background-image: linear-gradient(45deg, #ff61d3 15%, #b318ff 50%, #00f0ff 85%);
  height: 30px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: rotate(-0.75deg);
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise:after {
    transform: rotate(-1.5deg);
    display: none;
  }
}
.feature-enterprise h5 {
  color: #fff;
  opacity: 0.6;
}
.feature-enterprise .layout-columns {
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise .layout-columns {
    display: block;
  }
}
.feature-enterprise .layout-columns.text-left .column-text {
  max-width: 550px;
  margin: 0;
  width: 50%;
  flex: auto;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise .layout-columns.text-left .column-text {
    max-width: 100%;
    width: 100%;
  }
}
.feature-enterprise .layout-columns.text-left .column-text h2 {
  color: #fff;
}
.feature-enterprise .layout-columns.text-left .column-text p {
  color: #fff;
  opacity: 0.8;
}
.feature-enterprise .layout-columns.text-left .column-text .action-links-enterprise {
  text-align: left;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise .layout-columns .column-image {
    width: 100%;
  }
}
.feature-enterprise ul.usp-block {
  list-style-type: none;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block {
    margin: 3em 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li {
    width: 48%;
  }
}
@media only screen and (max-width : 650px) {
  .feature-enterprise ul.usp-block li {
    width: 100%;
  }
}
.feature-enterprise ul.usp-block li a {
  background: #091020;
  border-radius: 8px;
  padding: 1em 1em 1em 3.5em;
  display: block;
  margin: 0 0 1em;
  position: relative;
  transition: all 0.3s;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li a {
    font-size: 15px;
    line-height: 1.4;
  }
}
.feature-enterprise ul.usp-block li a:hover {
  background: #030915;
  transform: scale(1.05);
  z-index: 2;
}
.feature-enterprise ul.usp-block li a:before {
  background: url("../images/enterprise/icon-1.svg") no-repeat;
  position: absolute;
  top: 1em;
  left: 1.25em;
  content: "";
  width: 23px;
  height: 30px;
  background-size: 100%;
}
@media only screen and (max-width : 650px) {
  .feature-enterprise ul.usp-block li a:before {
    width: 17px;
    height: 25px;
  }
}
.feature-enterprise ul.usp-block li a.onboarding:before {
  background: url("../images/enterprise/icon-2.svg") no-repeat;
  width: 22px;
  height: 28px;
  background-size: 100%;
  left: 1.35em;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li a.onboarding:before {
    width: 17px;
    height: 22px;
    left: 1.45em;
  }
}
.feature-enterprise ul.usp-block li a.ongoing:before {
  background: url("../images/enterprise/icon-3.svg") no-repeat;
  width: 26px;
  height: 26px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li a.ongoing:before {
    width: 22px;
    height: 22px;
  }
}
.feature-enterprise ul.usp-block li a.unlimited:before {
  background: url("../images/enterprise/icon-5.svg") no-repeat;
  width: 26px;
  height: 26px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li a.unlimited:before {
    width: 22px;
    height: 22px;
  }
}
.feature-enterprise ul.usp-block li a.features:before {
  background: url("../images/enterprise/icon-6.svg") no-repeat;
  width: 26px;
  height: 26px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .feature-enterprise ul.usp-block li a.features:before {
    width: 22px;
    height: 22px;
  }
}
.feature-enterprise ul.usp-block li:last-of-type a {
  margin: 0;
}

/*********************
   Homepage - Feature: Developers
 **********************/
.feature-developers {
  background: #0e192b;
  clip-path: polygon(0 3%, 100% 0, 100% 96%, 0 100%);
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.feature-developers:before {
  content: "";
  background: #5b37f5;
  width: 140%;
  height: 600px;
  display: block;
  position: absolute;
  top: 0;
  right: -70%;
  z-index: -1;
  transform: rotate(34.5deg);
}
@media only screen and (max-width : 1040px) {
  .feature-developers:before {
    right: auto;
    top: -51%;
    left: -10%;
    width: 155%;
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .feature-developers:before {
    width: 193%;
    height: 900px;
    top: -550px;
    right: -60%;
    transform: rotate(23.5deg);
  }
}
.feature-developers h5 {
  color: #fff;
  opacity: 0.6;
}
.feature-developers .column-text {
  padding-top: 2rem;
  flex: 0 0 44%;
}
@media only screen and (max-width: 1340px) {
  .feature-developers .column-text {
    flex: 0 0 39%;
  }
}
@media only screen and (max-width : 650px) {
  .feature-developers .column-text {
    padding-bottom: 3rem;
  }
}

/*********************
   Homepage - Feature: About
 **********************/
.feature-about {
  background: #f4f4f4;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  margin-top: -40px;
}
.feature-about h2 {
  padding-top: 2rem;
}

/*********************
 How it Works - Intro
 **********************/
@media only screen and (max-width : 650px) {
  .page-wrapper-how {
    overflow: hidden;
  }
}

.page-wrapper-how .index-feature-tabs {
  margin: -6em 0 -1em;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-how .index-feature-tabs {
    margin-bottom: -2rem;
  }
}
.page-wrapper-how .index-feature-tabs .feature-tabs {
  padding-top: 5rem;
}
.page-wrapper-how .index-feature-tabs .feature-tabs:after {
  display: none;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-how .index-feature-tabs .feature-tabs {
    padding-bottom: 0;
  }
}

.page-wrapper-how .feature-developers {
  margin-top: 8rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-how .feature-developers {
    margin-top: 3rem;
  }
}

.page-wrapper-how h5,
.page-wrapper-partners h5 {
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  margin: 0 0 1.5rem;
  border: 1px solid #333;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  color: #333;
  opacity: 0.6;
  background: #fff;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-how h5,
.page-wrapper-partners h5 {
    font-size: 14px;
  }
}

.intro-how {
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  background: linear-gradient(180deg, #f1f1f1 0%, white 100%) !important;
}
.intro-how.intro-how-page {
  margin-bottom: 4rem;
}
@media only screen and (max-width : 1040px) {
  .intro-how {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  }
}
.intro-how section.index-hero {
  overflow: inherit;
}
.intro-how section.index-hero .index-hero-intro {
  padding: 6% 0 2rem;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero .index-hero-intro {
    padding-bottom: 0;
    padding-top: 2%;
  }
}
.intro-how section.index-hero .index-hero-intro h2 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  opacity: 0.7;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero .index-hero-intro h2 {
    display: none;
  }
}
.intro-how section.index-hero .index-hero-intro .btn.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro nav.blog-footer a.btn-large.btn-video, nav.blog-footer .intro-how section.index-hero .index-hero-intro a.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro #paginationContainer button.btn-large.btn-video, #paginationContainer .intro-how section.index-hero .index-hero-intro button.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro input.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions select.btn-large.btn-video, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro select.btn-large.btn-video {
  color: #5B36F5;
  animation: scaleup 1.5s infinite;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero .index-hero-intro .btn.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro nav.blog-footer a.btn-large.btn-video, nav.blog-footer .intro-how section.index-hero .index-hero-intro a.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro #paginationContainer button.btn-large.btn-video, #paginationContainer .intro-how section.index-hero .index-hero-intro button.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions input.btn-large.btn-video, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro input.btn-large.btn-video, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions select.btn-large.btn-video, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro select.btn-large.btn-video {
    color: #fff;
  }
}
.intro-how section.index-hero .index-hero-intro .btn.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro nav.blog-footer a.btn-large.btn-video span, nav.blog-footer .intro-how section.index-hero .index-hero-intro a.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro #paginationContainer button.btn-large.btn-video span, #paginationContainer .intro-how section.index-hero .index-hero-intro button.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions input.btn-large.btn-video span, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro input.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions select.btn-large.btn-video span, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro select.btn-large.btn-video span {
  background: url("../images/icons/play_gradient.svg") no-repeat left 0;
  background-size: 30px 28px;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero .index-hero-intro .btn.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro nav.blog-footer a.btn-large.btn-video span, nav.blog-footer .intro-how section.index-hero .index-hero-intro a.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro #paginationContainer button.btn-large.btn-video span, #paginationContainer .intro-how section.index-hero .index-hero-intro button.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions input.btn-large.btn-video span, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro input.btn-large.btn-video span, .intro-how section.index-hero .index-hero-intro .hbspt-form .actions select.btn-large.btn-video span, .hbspt-form .actions .intro-how section.index-hero .index-hero-intro select.btn-large.btn-video span {
    background: url("../images/icons/play.svg") no-repeat left 0;
    background-size: 20px 20px;
    padding-left: 30px;
  }
}
.intro-how section.index-hero .hero-image-wrapper {
  top: 1.5rem;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero .hero-image-wrapper {
    top: -1rem;
    margin-bottom: -3rem;
  }
}
.intro-how section.index-hero h3 {
  margin: 2.5% 0 -7%;
}
@media only screen and (max-width : 1040px) {
  .intro-how section.index-hero h3 {
    margin: 0 0 -7%;
  }
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero h3 {
    display: none;
  }
}
.intro-how section.index-hero span.icon-video em:before {
  display: none;
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero span.icon-video em {
    margin: -40% 0 0 0;
  }
}
.intro-how section.index-hero img.screenshot {
  box-shadow: none;
  max-width: 820px;
  top: 0;
}
@media only screen and (max-width : 1040px) {
  .intro-how section.index-hero img.screenshot {
    clip-path: polygon(48% 0, 100% 0, 100% 100%, 54% 100%);
  }
}
@media only screen and (max-width : 650px) {
  .intro-how section.index-hero img.screenshot {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    width: 130%;
    margin-left: -15%;
    padding: 1rem;
    margin-top: -4rem;
  }
}
.intro-how ul.list-icons {
  margin: 12% 0 7em;
}
.intro-how ul.list-icons li span.icon {
  background-size: 100%;
}
.intro-how ul.list-icons li span.icon.icon1 {
  background: url("../images/icons/icon2.svg") no-repeat;
}
.intro-how ul.list-icons li span.icon.icon2 {
  background: url("../images/icons/icon8.svg") no-repeat;
}
.intro-how ul.list-icons li span.icon.icon3 {
  background: url("../images/icons/icon3.svg") no-repeat;
}
.intro-how ul.list-icons li span.icon.icon4 {
  background: url("../images/icons/icon1.svg") no-repeat;
}
@media only screen and (max-width : 650px) {
  .intro-how ul.list-icons {
    display: none;
  }
}
@media only screen and (max-width : 1040px) {
  .intro-how ul.list-icons {
    margin: 11% 0 2em;
  }
}

.how-intro h2 {
  margin-bottom: 0rem;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .how-intro h2 {
    text-align: left;
  }
}

/*********************
   Homepage - Feature: Articles
 **********************/
.feature-blog {
  position: relative;
  z-index: 2;
}
.feature-blog h2 {
  text-align: center;
  margin: 0 0 3rem;
}
@media only screen and (max-width : 650px) {
  .feature-blog h2 {
    margin: 0 0 2rem;
    text-align: left;
  }
}
.feature-blog section {
  margin-bottom: 3rem;
}
@media only screen and (max-width : 1040px) {
  .feature-blog section article {
    width: 47.5%;
  }
  .feature-blog section article:nth-of-type(3) {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .feature-blog section article {
    width: 100%;
  }
  .feature-blog section article:nth-of-type(2) {
    display: none;
  }
}
.feature-blog .blog-read-more {
  text-align: center;
  margin: auto;
}

/* Overwrites */
.page-wrapper-partners .feature-blog {
  padding-top: 0;
}

/*********************
 How it Works - Integrate
 **********************/
.section-how-integrate {
  position: relative;
}
@media only screen and (max-width : 1040px) {
  .section-how-integrate {
    padding-bottom: 0;
    padding-top: 0;
  }
}
.section-how-integrate.section-page-how {
  padding-top: 5rem;
  padding-bottom: 4rem;
}
.section-how-integrate:after {
  content: "";
  background: #f4f4f4;
  clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .section-how-integrate:after {
    clip-path: polygon(0 0%, 100% 0, 100% 99%, 0 100%);
    top: -6rem;
  }
}
.section-how-integrate.hide-bg:after {
  display: none;
}
.section-how-integrate ul.with-ticks li:before {
  background-color: #0DCCFC;
}
.section-how-integrate .layout-columns .column-image {
  margin-left: -34px;
  margin-top: -4rem;
}
@media only screen and (min-width : 1201px) {
  .section-how-integrate .layout-columns .column-image {
    min-width: 600px;
  }
}
@media only screen and (max-width: 1340px) {
  .section-how-integrate .layout-columns .column-image {
    margin-left: -25px;
    margin-top: -2rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-integrate .layout-columns .column-image {
    margin: -5rem 0 1em -11px;
    width: 112%;
  }
}
.section-how-integrate .layout-columns .column-text {
  margin-left: 10%;
  width: 42%;
  flex: 0 0 42%;
}
@media only screen and (max-width : 650px) {
  .section-how-integrate .layout-columns .column-text {
    margin: 0;
    width: 100%;
    flex: 0 0 100%;
  }
}

@media only screen and (max-width : 650px) {
  .page-wrapper-how .section-how-integrate {
    padding-top: 5rem;
    padding-bottom: 0;
  }
  .page-wrapper-how .section-how-integrate:after {
    top: -1.5rem;
    height: 103%;
  }
}

/*********************
 How it Works - Frontend
 **********************/
.section-how-frontend {
  position: relative;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend {
    padding-top: 0;
  }
}
.section-how-frontend.section-page-how {
  padding-top: 0;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.section-page-how {
    padding-top: 0;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.section-page-how .column-image {
    display: none;
  }
}
.section-how-frontend .column-image {
  position: relative;
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend .column-image {
    margin: 3rem 0 0;
  }
}
.section-how-frontend .shopify-app-link {
  max-width: 220px;
  margin: 2.5rem 0 0;
}
@media only screen and (max-width : 1040px) {
  .section-how-frontend .shopify-app-link {
    max-width: 190px;
    margin: 1.5rem 0 0;
  }
}
.section-how-frontend .shopify-app-link img {
  width: 100%;
  height: auto;
  display: block;
}
.section-how-frontend .integrates-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  left: -8%;
  top: 58%;
}
@media only screen and (max-width : 1040px) {
  .section-how-frontend .integrates-logos {
    top: 25%;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-frontend .integrates-logos {
    position: relative;
    left: 0;
    top: 0;
    margin: 2rem 0 0;
  }
}
.section-how-frontend .integrates-logos a {
  width: 20%;
  margin: 2%;
}
@media only screen and (max-width : 1040px) {
  .section-how-frontend .integrates-logos a {
    width: 35%;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-frontend .integrates-logos a {
    width: 80px;
    height: 80px;
    margin: 3%;
  }
}
.section-how-frontend .integrates-logos img {
  width: 100%;
  height: auto;
  height: intrinsic;
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend .integrates-logos img {
    height: 80px;
  }
}
.section-how-frontend .column-text {
  margin-top: 2rem;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend .column-text {
    margin-top: 1.5rem;
  }
}

/*********************
 How it Works - Self-Service
 **********************/
@media only screen and (max-width : 650px) {
  .section-how-service {
    overflow: hidden;
  }
}
.section-how-service .service-intro {
  max-width: 860px;
  margin-bottom: 5rem;
}
@media only screen and (max-width : 650px) {
  .section-how-service .service-intro {
    margin-bottom: 3rem;
  }
}

.service-screenshots ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-screenshots ul li {
  flex: 0 0 31%;
  padding: 0 0 3rem 0;
  position: relative;
}
.service-screenshots ul li:nth-of-type(2), .service-screenshots ul li:nth-of-type(5), .service-screenshots ul li:nth-of-type(8), .service-screenshots ul li:nth-of-type(11), .service-screenshots ul li:nth-of-type(14), .service-screenshots ul li:nth-of-type(17) {
  flex: 0 0 23.1%;
}
@media only screen and (max-width : 1040px) {
  .service-screenshots ul li {
    flex: 0 0 46%;
    padding: 0 0 3rem;
  }
  .service-screenshots ul li:nth-of-type(2), .service-screenshots ul li:nth-of-type(5), .service-screenshots ul li:nth-of-type(8), .service-screenshots ul li:nth-of-type(11), .service-screenshots ul li:nth-of-type(14), .service-screenshots ul li:nth-of-type(17) {
    flex: 0 0 46%;
  }
  .service-screenshots ul li:nth-of-type(2) {
    order: 5;
  }
  .service-screenshots ul li:nth-of-type(5) {
    order: 6;
  }
  .service-screenshots ul li:nth-of-type(8) {
    order: 7;
  }
  .service-screenshots ul li:nth-of-type(11) {
    order: 8;
  }
  .service-screenshots ul li:nth-of-type(14) {
    order: 9;
  }
  .service-screenshots ul li:nth-of-type(17) {
    order: 10;
  }
}
@media only screen and (max-width : 650px) {
  .service-screenshots ul li:nth-of-type(11), .service-screenshots ul li:nth-of-type(14) {
    display: none;
  }
}
.service-screenshots ul li img {
  display: block;
  margin: 0 0 2.5rem;
  border: 1px solid #ddd;
}
@media only screen and (max-width : 650px) {
  .service-screenshots ul li img {
    margin-bottom: 1.5rem;
  }
}
.service-screenshots ul li p {
  font-size: 15px;
  margin: 0 0 0.5rem;
  line-height: 1.6;
}
@media only screen and (max-width : 650px) {
  .service-screenshots ul li p {
    line-height: 1.5;
  }
}
.service-screenshots ul li p strong {
  color: #000;
  font-size: 16px;
}
@media only screen and (max-width : 650px) {
  .service-screenshots ul li p strong {
    font-size: 15px;
  }
}
.service-screenshots ul li a {
  font-size: 15px;
  margin: -0.25rem 0;
  display: block;
}
.service-screenshots ul li span.tab-new {
  display: inline-block;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
  padding: 3px;
  border-radius: 8px;
  margin: 0.5em 0 0;
  text-decoration: none;
  position: absolute;
  top: 4px;
  left: 10px;
  line-height: 1;
}
.service-screenshots ul li span.tab-new em {
  font-style: normal;
  background: #fff6ff;
  padding: 5px 10px;
  font-size: 12px;
  color: #5B36F5;
  display: inline-block;
  border-radius: 6px;
  line-height: 1;
}
.service-screenshots ul li .grouped-links {
  display: flex;
  column-gap: 10px;
}
.service-screenshots ul li .grouped-links a {
  cursor: pointer;
}

/*********************
 Interactive Demo
 **********************/
@media only screen and (max-width : 1040px) {
  .partner-demo {
    display: none;
  }
}

.section-interactive {
  position: relative;
  z-index: 2;
  margin-top: -1rem;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 1340px) {
  .section-interactive {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
    margin-bottom: 6rem;
    margin-top: 0rem;
  }
}
@media only screen and (max-width : 1040px) {
  .section-interactive {
    display: none;
  }
}
.section-interactive h2 {
  text-align: center;
}
.section-interactive p {
  text-align: center;
  margin: 0 0 3rem;
}

.page-wrapper-how .section-interactive {
  padding-top: 0;
  padding-bottom: 1.5rem;
}

.interactive-demo {
  max-width: 1260px;
  position: relative;
  margin: 0 auto;
  background: #fff;
  border-radius: 1rem;
}
.interactive-demo .id-dots {
  position: absolute;
  left: 15px;
  top: 15px;
  display: flex;
}
.interactive-demo .id-dots span {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #f41f0d;
  margin-left: 5px;
}
.interactive-demo .id-dots span:nth-of-type(2) {
  background: #ffac09;
}
.interactive-demo .id-dots span:nth-of-type(3) {
  background: #2ccd17;
}
.interactive-demo .id-frame {
  border-radius: 1rem;
  border: 1px solid #ddd;
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  padding: 40px 15px 15px;
  overflow: hidden;
}
.interactive-demo .id-frame .id-frame-c {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.interactive-demo .id-frame #demo-frame-wrap .demo-agent {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 a.id-overlay, .interactive-demo .id-frame #demo-frame-wrap.apply-demo2 a.id-overlay {
  height: auto;
  background: none;
  width: auto;
  left: 30px;
  top: auto;
  bottom: 30px;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 a.id-overlay span, .interactive-demo .id-frame #demo-frame-wrap.apply-demo2 a.id-overlay span {
  animation: none;
  background-size: 19px;
  padding: 1em 1.25em 1em 3em;
  box-shadow: 0px 0px 4px 5px rgba(0, 0, 0, 0.05);
  font-size: 15px;
  background-position: 17px 12px;
  border: 0;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 a.id-overlay span:last-of-type, .interactive-demo .id-frame #demo-frame-wrap.apply-demo2 a.id-overlay span:last-of-type {
  background-position: 17px 16px;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 a.id-overlay span em, .interactive-demo .id-frame #demo-frame-wrap.apply-demo2 a.id-overlay span em {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 .icon-interact, .interactive-demo .id-frame #demo-frame-wrap.apply-demo2 .icon-interact {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap .demo-link-customer,
.interactive-demo .id-frame #demo-frame-wrap .demo-link-sales-agents {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 a.id-overlay span:last-of-type {
  background-color: #eee;
  filter: grayscale(100%);
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 .demo-customer {
  display: block;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 .demo-agent,
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 strong {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo1 .demo-link-customer {
  display: flex;
  border: 3px solid #079d12;
  background: #bcffc1;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 a.id-overlay span:first-of-type {
  background-color: #eee;
  filter: grayscale(100%);
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 .demo-customer,
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 strong {
  display: none;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 .demo-agent {
  display: block;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 .demo-link-sales-agents {
  display: flex;
  border: 3px solid #079d12;
  background: #bcffc1;
}
.interactive-demo .id-frame #demo-frame-wrap.apply-demo2 .demo-link-customer {
  display: none;
}
.interactive-demo .id-frame .shopify-logo {
  top: 80px;
  left: 80px;
  z-index: 1;
  background: #f2f2f2;
  box-shadow: 0 0 0 0 black;
  transform: scale(1);
  animation: pulse 2s infinite;
  align-items: center;
  padding: 4px 14px;
  column-gap: 6px;
}
.interactive-demo .id-frame .shopify-logo::before {
  display: none;
}
@keyframes pulse {
  0% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(91, 54, 245, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(91, 54, 245, 0);
  }
  100% {
    transform: scale(0.97);
    box-shadow: 0 0 0 0 rgba(91, 54, 245, 0);
  }
}
.interactive-demo .id-frame .shopify-logo:after {
  display: none;
}
.interactive-demo .id-frame .shopify-logo:hover {
  text-decoration: none;
  color: #5B36F5;
}
.interactive-demo .id-frame .icon-interact {
  position: absolute;
  bottom: 31px;
  left: 30px;
  z-index: 10;
  color: #fff;
  display: inline-flex;
  column-gap: 5px;
  align-items: center;
  background: #5b36f5;
  border-radius: 20px;
  padding: 6px 18px 6px 10px;
  cursor: default;
}
.interactive-demo .id-frame .icon-interact svg {
  width: 30px;
  height: auto;
}
.interactive-demo .id-frame .icon-interact em {
  font-weight: 500;
  font-style: normal;
}
.interactive-demo .id-frame .interact-live {
  position: absolute;
  bottom: 31px;
  left: 283px;
  display: flex;
  column-gap: 1em;
}
.interactive-demo .id-frame .interact-live strong {
  color: #fff;
  display: flex;
  font-size: 20px;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
.interactive-demo .id-frame .interact-live .icon-interact {
  background: #079d12;
  cursor: pointer;
  position: relative;
  bottom: auto;
  left: auto;
  text-decoration: none;
  transition: all 0.3s;
}
.interactive-demo .id-frame .interact-live .icon-interact:hover {
  background: #066e0d;
}
.interactive-demo .id-frame a.id-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: red;
  border-radius: 1rem;
  z-index: 2;
  background: rgba(91, 54, 245, 0.8);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
}
.interactive-demo .id-frame a.id-overlay span {
  display: inline-block;
  opacity: 1;
  padding: 1.25em 1.75em 1.25em 3.5em;
  border-radius: 8px;
  font-size: 16px;
  transform: scale(1);
  animation: pulseMinor 3s infinite;
  text-align: left;
  background: url(../images/icons/icon3.svg) no-repeat 16px 16px #fff;
  background-size: 30px;
  transition: all 0.3s;
}
.interactive-demo .id-frame a.id-overlay span:last-of-type {
  margin-left: 1rem;
  background: url(../images/icons/icon8.svg) no-repeat 17px 20px #fff;
  background-size: 30px;
}
@keyframes pulseMinor {
  0% {
    transform: scale(0.97);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.97);
  }
}
.interactive-demo .id-frame a.id-overlay span em {
  display: block;
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  padding: 8px 0 0;
  color: #666;
}
.interactive-demo .id-frame a.id-overlay span:hover {
  background-color: #eee;
  color: #5B36F5;
  border: 1px solid #fff;
}
.interactive-demo .id-content {
  position: relative;
  width: 100%;
  padding-bottom: calc(62.4167%);
  border-radius: 1rem;
}
.interactive-demo iframe {
  width: 100%;
  height: 104%;
  position: absolute;
  top: -15px;
  right: -1px;
  max-width: 1260px;
  border-radius: 1rem;
}

/*********************
 How it Works - Syncronisation
 **********************/
.section-how-sync {
  position: relative;
}
@media only screen and (max-width : 650px) {
  .section-how-sync {
    margin-bottom: 0;
    z-index: 2;
  }
}
.section-how-sync:after {
  content: "";
  background: #fff;
  clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 105%;
  position: absolute;
  top: -3rem;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .section-how-sync:after {
    clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
  }
}
.section-how-sync .sync-intro {
  max-width: 860px;
  margin-bottom: 3rem;
}
@media only screen and (max-width : 650px) {
  .section-how-sync .sync-intro {
    margin-bottom: 3rem;
  }
}
.section-how-sync .sync-security {
  max-width: 860px;
  margin-bottom: 2rem;
}
.section-how-sync .section-connects {
  padding: 85px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
}
@media only screen and (max-width : 1040px) {
  .section-how-sync .section-connects {
    padding: 50px;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-sync .section-connects {
    padding: 0;
    background: none;
    border-radius: 0;
    border: 0;
    box-shadow: none;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-sync .section-connects .sync-intro {
    margin-bottom: 1.5em;
  }
}
.section-how-sync .section-connects h3 {
  margin: 0 0 1rem;
}
.section-how-sync .section-connects p {
  margin: 0;
}
.section-how-sync .system-architecture .diagram-wrapper {
  width: 100%;
  overflow: auto;
  margin: 0 0 4rem;
}
@media only screen and (max-width : 650px) {
  .section-how-sync .system-architecture .diagram-wrapper {
    margin: 0 0 2rem;
  }
}
.section-how-sync .system-architecture .diagram-wrapper img {
  min-width: 650px;
  height: auto;
}
.section-how-sync .system-architecture span {
  font-size: 14px;
  color: #5B36F5;
  font-weight: 500;
  padding-bottom: 0.5rem;
  display: none;
}
@media only screen and (max-width: 650px) {
  .section-how-sync .system-architecture span {
    display: block;
  }
}

.security-commitment {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  width: 100%;
}
.security-commitment li {
  flex: 0 0 28%;
  margin: 0 6% 0 0;
}
.security-commitment li:last-of-type {
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .security-commitment li {
    flex: 0 0 100%;
    margin-bottom: 2em;
  }
}
.security-commitment li strong {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.5rem;
  color: #000;
}
@media only screen and (max-width : 1040px) {
  .security-commitment li strong {
    font-size: 15px;
    margin: 0;
  }
}
.security-commitment li p {
  font-size: 15px;
  color: #666;
  line-height: 160%;
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .security-commitment li p {
    font-size: 15px;
    line-height: 150%;
  }
}
.security-commitment li span.icon {
  width: 40px;
  height: 40px;
  display: block;
  background-size: 100%;
  margin: 0 0 1rem;
}
.security-commitment li span.icon.icon1 {
  background: url("../images/icons/security-1.svg") no-repeat;
  background-size: 100%;
}
.security-commitment li span.icon.icon2 {
  background: url("../images/icons/security-2.svg") no-repeat;
  background-size: 99%;
}
.security-commitment li span.icon.icon3 {
  background: url("../images/icons/security-3.svg") no-repeat 0 0;
  background-size: 100%;
}

.dashboard-container {
  margin-bottom: 4rem;
}
@media only screen and (max-width : 650px) {
  .dashboard-container {
    margin-bottom: 2.5rem;
  }
}

.dashboard {
  margin-bottom: 4.5rem;
}
.dashboard img {
  border: 1px solid #ddd;
  display: block;
}

.dashboard-bullets {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
@media only screen and (max-width : 650px) {
  .dashboard-bullets {
    justify-content: space-between;
  }
}
.dashboard-bullets .d-unit {
  width: 33%;
  padding: 0 2rem 0 0;
  margin: 0 0 2rem;
  display: flex;
}
@media only screen and (max-width : 1040px) {
  .dashboard-bullets .d-unit {
    width: 100%;
    padding: 0;
    margin-bottom: 0.5em;
  }
}
.dashboard-bullets .d-unit span {
  background: url(../images/icons/tick.svg) no-repeat center center;
  background-size: 50%;
  min-width: 20px;
  height: 20px;
  background-color: #5b36f5;
  border-radius: 50%;
  display: block;
  margin: 0 1rem 0 0;
}
.dashboard-bullets .d-unit h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0.5rem;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
@media only screen and (max-width : 650px) {
  .dashboard-bullets .d-unit h4 {
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 0.25rem;
  }
}
.dashboard-bullets .d-unit p {
  font-size: 15px;
  margin: 0 0 0.5rem;
  line-height: 1.6;
}

/*********************
 How it Works - FAQs
 **********************/
.section-how-faqs h4 {
  position: relative;
  margin: 1em 0 1.25em;
}
.section-how-faqs h4:after {
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 13px;
  background: #ddd;
  background: linear-gradient(270deg, #dedede 0%, rgba(222, 222, 222, 0.7483587185) 50%, rgba(255, 255, 255, 0) 100%);
  display: block;
  content: "";
}
.section-how-faqs h4 span {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 0 1em 0 0;
}
.section-how-faqs .faq-tab a.accordion {
  display: block;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 1.5rem 3rem 1.5rem 4rem;
  margin-bottom: 10px;
  position: relative;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.section-how-faqs .faq-tab a.accordion:hover {
  color: #666;
}
@media only screen and (max-width : 650px) {
  .section-how-faqs .faq-tab a.accordion {
    padding-left: 3.25rem;
    font-size: 15px;
    line-height: 1.45;
  }
}
.section-how-faqs .faq-tab a.accordion::before {
  content: "";
  background: url("../images/icons/arrow-right.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 8px;
  height: 15px;
  display: block;
  position: absolute;
  top: 28px;
  left: 39px;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .section-how-faqs .faq-tab a.accordion::before {
    width: 9px;
    height: 19px;
    left: 25px;
    top: 26px;
  }
}
.section-how-faqs .faq-tab .panel {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.section-how-faqs .faq-tab .panel p {
  padding: 0 4rem 1.5rem;
}
@media only screen and (max-width : 650px) {
  .section-how-faqs .faq-tab .panel p {
    padding: 0 1rem 1.5rem;
    font-size: 15px;
    line-height: 1.5;
  }
}
.section-how-faqs .faq-tab .panel a {
  cursor: pointer;
}
.section-how-faqs .faq-tab.active a {
  color: #5B36F5;
  font-weight: 500;
}
.section-how-faqs .faq-tab.active a:hover {
  color: #5B36F5 !important;
}
.section-how-faqs .faq-tab.active a:before {
  transform: rotate(90deg);
}
.section-how-faqs .faq-tab.active .panel {
  max-height: 2500px;
}
.section-how-faqs .faq-tab a.shopify-app-logo img {
  max-width: 200px;
  height: auto;
}

@media only screen and (max-width : 650px) {
  .page-wrapper-how .section-how-faqs {
    margin-top: 3rem;
    position: relative;
    z-index: 2;
  }
}

/*********************
  Story - Hero
**********************/
.intro-standard {
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
@media only screen and (max-width : 1040px) {
  .intro-standard {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  }
}
.intro-standard header.header-dark a.logo span {
  background: #fff;
}
.intro-standard .hero-dark {
  padding: 5% 0 5rem;
}
@media only screen and (max-width : 1040px) {
  .intro-standard .hero-dark {
    padding: 2% 0 2rem;
  }
}
.intro-standard section.index-hero .color-bar {
  transform: rotate(-3.5deg);
  bottom: -100px;
}
@media only screen and (max-width: 1340px) {
  .intro-standard section.index-hero .color-bar {
    bottom: -145px;
    transform: rotate(-2.5deg);
  }
}
.intro-standard h1 {
  max-width: 700px;
  margin: auto;
  font-size: 42px;
}
@media only screen and (max-width: 1340px) {
  .intro-standard h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width : 1040px) {
  .intro-standard h1 {
    font-size: 30px;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width : 650px) {
  .intro-standard h1 {
    font-size: 30px;
    margin: 1rem 0 5rem;
  }
}
.intro-standard h5 {
  max-width: 700px;
  margin: 0 auto 1.25rem;
  color: #5B36F5;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
}

/*********************
  Story - Platform background
**********************/
.intro-standard.intro-about {
  background-size: 120%;
}
.intro-standard.intro-about section.index-hero h1 {
  font-size: 48px;
  margin-top: -2rem;
}
@media only screen and (max-width : 1040px) {
  .intro-standard.intro-about section.index-hero h1 {
    margin-top: 0;
    font-size: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .intro-standard.intro-about {
    background-position: top center;
    background-size: 150%;
  }
  .intro-standard.intro-about section.index-hero h1 {
    margin-bottom: 1rem;
    font-size: 30px;
    margin-top: -0.5rem;
  }
}
.intro-standard.intro-about.blurred-gradient:after {
  top: -5%;
  z-index: 0;
  opacity: 0.8;
}
@media only screen and (max-width : 650px) {
  .intro-standard.intro-about.blurred-gradient:after {
    display: none;
  }
}

/*********************
  Story - Platform
**********************/
.background-intro {
  position: relative;
}
.background-intro:after {
  content: "";
  background: #f6f9fc;
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .background-intro:after {
    clip-path: polygon(0 2%, 100% 0, 100% 97%, 0 100%);
  }
}
.background-intro img {
  margin: 2rem 0 1.5rem;
  display: block;
  border: 3px solid #3298e5;
  border-radius: 8px;
}
.background-intro small {
  display: block;
  margin: 0 0 2rem;
  font-style: italic;
}

/*********************
  Story - Intro
**********************/
.story-intro {
  padding-bottom: 12rem;
}
@media only screen and (max-width : 1040px) {
  .story-intro {
    padding-bottom: 9rem;
  }
}
@media only screen and (max-width: 710px) {
  .story-intro {
    padding-bottom: 4rem;
  }
}
.story-intro .story-book {
  z-index: 3;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.story-intro .story-book div {
  position: relative;
  z-index: 6;
  border: 1px solid #ccc;
  background: #fff;
  padding: 3em;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 4px 4px 5px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 710px) {
  .story-intro .story-book div {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.story-intro .story-book:before {
  background: linear-gradient(to bottom, #fff, #eee);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1.5em;
  left: -1.5em;
  z-index: 2;
  border: 1px solid #ddd;
  border-radius: 8px;
  transform: rotate(-1deg);
  transition: all 0.3s;
}
@media only screen and (max-width: 790px) {
  .story-intro .story-book:before {
    display: none;
  }
}
.story-intro .story-book:after {
  background: linear-gradient(to bottom, #fff, #eee);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: 2;
  border: 1px solid #ddd;
  border-radius: 8px;
  transform: rotate(1deg);
  transition: all 0.3s;
}
@media only screen and (max-width: 790px) {
  .story-intro .story-book:after {
    display: none;
  }
}
.story-intro .story-book:hover:before {
  transform: rotate(-2deg);
}
.story-intro .story-book:hover:after {
  transform: rotate(2deg);
}
.story-intro p.story-highlight {
  font-size: 26px;
  line-height: 140%;
  max-width: 90%;
}
@media only screen and (max-width : 650px) {
  .story-intro p.story-highlight {
    font-size: 20px;
    max-width: 100%;
  }
}
.story-intro span.chapter {
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  letter-spacing: 1px;
  display: block;
  margin: 0 0 6px;
}
@media only screen and (max-width: 790px) {
  .story-intro span.chapter {
    display: none;
  }
}

/*********************
  Story - Team Values
**********************/
.team-values {
  margin: 4rem 0 0;
}
.team-values ul {
  display: flex;
  column-gap: 20px;
  margin: 2.5rem 0 0;
  justify-content: center;
}
@media only screen and (max-width : 1040px) {
  .team-values ul {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width : 650px) {
  .team-values ul {
    margin: 1.5rem 0 0;
    row-gap: 10px;
  }
}
.team-values ul li {
  flex-grow: 1;
  flex-basis: 0;
}
@media only screen and (max-width : 1040px) {
  .team-values ul li {
    min-width: 200px;
  }
}
.team-values ul li span {
  display: flex;
  background: #5B36F5;
  color: #fff;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  height: 100px;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  border-radius: 8px;
  position: relative;
  border: 2px solid #fff;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .team-values ul li span {
    font-size: 30px;
    height: 70px;
  }
}
.team-values ul li:hover span {
  font-size: 60px;
}
@media only screen and (max-width : 650px) {
  .team-values ul li:hover span {
    font-size: 30px;
  }
}
.team-values ul li h4 {
  margin: 1.5rem 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  .team-values ul li h4 {
    margin: 0.75rem 0 -4px;
  }
}
.team-values ul li p {
  font-size: 15px;
  line-height: 1.45;
}
@media only screen and (max-width : 1040px) {
  .team-values ul li p {
    font-size: 14px;
  }
}
.team-values ul li:nth-of-type(2) span {
  background: #0DCCFC;
}
.team-values ul li:nth-of-type(3) span {
  background: #FC2F86;
}
.team-values ul li:nth-of-type(4) span {
  background: #FF9443;
}
.team-values ul li:nth-of-type(5) span {
  background: #333;
}

/*********************
  Story - T-Shirts
**********************/
.sparklayer-tshirts {
  margin: -3rem 0 0;
}
.sparklayer-tshirts .t-shirt-list {
  margin: 4rem auto 0;
}
.sparklayer-tshirts .t-shirt-list img {
  width: 100%;
  display: block;
}

/*********************
  Story - Team Photos
**********************/
.about-grid-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 40px;
  margin: 4rem 0 0;
}
@media only screen and (max-width : 1040px) {
  .about-grid-wrapper {
    row-gap: 30px;
    margin: 3rem 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .about-grid-wrapper {
    row-gap: 20px;
    margin: 2rem 0 0;
  }
}
.about-grid-wrapper .about-member {
  width: 31%;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 2.5rem;
  transition: all 0.3s;
}
.about-grid-wrapper .about-member.team-member {
  width: 48%;
  background: #fff;
}
@media only screen and (max-width : 1040px) {
  .about-grid-wrapper .about-member.team-member {
    width: 46%;
  }
}
@media only screen and (max-width : 650px) {
  .about-grid-wrapper .about-member.team-member {
    width: 100%;
  }
}
@media only screen and (max-width: 1340px) {
  .about-grid-wrapper .about-member {
    width: 48%;
  }
}
@media only screen and (max-width : 1040px) {
  .about-grid-wrapper .about-member {
    width: 46%;
  }
}
@media only screen and (max-width : 650px) {
  .about-grid-wrapper .about-member {
    width: 100%;
  }
}
@media only screen and (max-width : 1040px) {
  .about-grid-wrapper .about-member {
    padding: 2rem;
  }
}
.about-grid-wrapper .about-member:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}
.about-grid-wrapper .about-member .about-profile-wrap {
  display: flex;
  column-gap: 20px;
  align-items: center;
}
.about-grid-wrapper .about-member .about-photo {
  min-width: 90px;
  width: 90px;
}
@media only screen and (max-width : 650px) {
  .about-grid-wrapper .about-member .about-photo {
    min-width: 65px;
    width: 65px;
  }
}
.about-grid-wrapper .about-member .about-photo img.profile {
  border-radius: 50%;
  width: 100%;
  height: auto;
  border: double 4px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  display: block;
}
@media only screen and (max-width : 650px) {
  .about-grid-wrapper .about-member .about-photo img.profile {
    width: 65px;
    height: 65px;
  }
}
.about-grid-wrapper .about-member .about-bio h4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  margin: 0;
  font-weight: 500;
}
.about-grid-wrapper .about-member .about-bio p {
  margin: 0 0 0.25rem 0;
}
.about-grid-wrapper .about-member .about-bio em {
  display: none;
}
.about-grid-wrapper .about-member .about-bio a {
  background: url("../images/icons/icon-linkedin.svg") no-repeat;
  background-size: 18px 18px;
  background-position: left center;
  display: block;
  width: 18px;
  height: 18px;
  transition: 0.3s;
}
.about-grid-wrapper .about-member .about-bio a:hover {
  opacity: 0.7;
}
.about-grid-wrapper .about-member span {
  display: block;
  margin: 1.5rem 0 0;
  font-size: 15px;
  line-height: 1.45;
}

/*********************
  Story - Team Photos
**********************/
.about-team-photos {
  display: flex;
  position: relative;
  z-index: 1;
  column-gap: 10px;
}
.about-team-photos img {
  display: block;
  width: 20%;
}
@media only screen and (max-width : 1040px) {
  .about-team-photos {
    flex-wrap: wrap;
    justify-content: center;
  }
  .about-team-photos img {
    width: 45%;
    margin: 0 0 0.75em;
  }
  .about-team-photos img:nth-of-type(5) {
    display: none;
  }
}

/*********************
  Story - Investos
**********************/
.about-investors {
  background: url("../images/enterprise/bg-enterprise.png") no-repeat top center #121824;
  background-size: cover;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin: -1.5rem 0 -2rem;
  border-top: 10px solid #fff;
}
.about-investors:after {
  content: "";
  background-image: linear-gradient(45deg, #ff61d3 15%, #b318ff 50%, #00f0ff 85%);
  height: 30px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0;
  transform: rotate(-0.35deg);
}
@media only screen and (max-width : 1040px) {
  .about-investors:after {
    transform: rotate(-1.5deg);
    display: none;
  }
}
.about-investors h2,
.about-investors h3 {
  color: #fff;
}
.about-investors p {
  opacity: 0.8;
  color: #fff;
}
.about-investors .about-grid-wrapper .about-member {
  border-color: transparent;
  background: #111;
}
.about-investors .about-grid-wrapper .about-member:hover {
  border-color: #5B36F5;
}
.about-investors .about-grid-wrapper .about-member .about-bio h4 {
  color: #fff;
}
.about-investors .about-grid-wrapper .about-member span {
  opacity: 0.55;
  color: #fff;
}

/* Logos */
.about-investors-logos {
  margin: 3rem 0 -1rem;
}
@media only screen and (max-width : 650px) {
  .about-investors-logos {
    margin: 2rem 0 0;
  }
}
.about-investors-logos ul {
  display: flex;
  margin: auto;
  justify-content: center;
}
.about-investors-logos ul li {
  text-align: center;
  max-width: 200px;
}
.about-investors-logos ul li img {
  width: 100%;
  height: auto;
}
.about-investors-logos ul li a {
  color: #fff;
  display: block;
  opacity: 0.5;
  transition: all 0.3s;
}
.about-investors-logos ul li a:hover {
  opacity: 1;
}

/*********************
  Story - Photos
**********************/
.story-photo {
  padding-bottom: 11rem;
  position: relative;
  margin-bottom: -4rem;
  padding-top: 3rem;
}
@media only screen and (max-width : 1040px) {
  .story-photo {
    padding-bottom: 9rem;
    margin-bottom: -5.5rem;
    padding-top: 1rem;
  }
}
@media only screen and (max-width : 650px) {
  .story-photo {
    padding-bottom: 5rem;
    margin-bottom: -1.5rem;
  }
}
.story-photo .container {
  position: relative;
  z-index: 1;
}
.story-photo:after {
  content: "";
  background: #f4f4f4;
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 120%;
  position: absolute;
  top: -10rem;
  left: 0;
}
@media only screen and (max-width : 1040px) {
  .story-photo:after {
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
    top: -6rem;
  }
}
@media only screen and (max-width: 780px) {
  .story-photo .narrow-container {
    padding: 0;
  }
}

.about-photo-team {
  max-width: 1200px;
  margin: 0 auto 3em;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .about-photo-team {
    margin: 0 auto 2em;
  }
}
.about-photo-team img.landscape {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
@media only screen and (max-width: 1300px) {
  .about-photo-team img.landscape {
    border-radius: 0;
  }
}
.about-photo-team .narrow-container-wrap {
  position: absolute;
  bottom: -30px;
  width: 100%;
  left: -50px;
}
@media only screen and (max-width : 650px) {
  .about-photo-team .narrow-container-wrap {
    left: -20px;
    bottom: -46px;
    text-align: center;
  }
}

/*********************
  Story - Downloads
**********************/
.story-downloads {
  margin-bottom: 5rem;
  padding-top: 5rem;
}
.story-downloads img {
  border-radius: 12px;
}

/*********************
  Static Page
**********************/
.page-wrapper-static {
  padding-bottom: 5rem;
}
.page-wrapper-static .content-text ul li {
  font-size: 20px;
  margin: 0 1.25rem 0.5rem;
  line-height: 160%;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-static .content-text ul li {
    font-size: 18px;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-static .content-text ul li {
    font-size: 16px;
  }
}
.page-wrapper-static h3 {
  margin: 2rem 0 1.5rem;
}

/*********************
 Pricing - Intro
 **********************/
@media only screen and (max-width : 650px) {
  .intro-home.intro-pricing {
    background-color: #11083d;
  }
}
.intro-home.intro-pricing section.index-hero .color-bar {
  transform: rotate(-3.5deg);
  bottom: -120px;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-pricing section.index-hero .color-bar {
    transform: rotate(0deg);
    bottom: -180px;
  }
}
.intro-home.intro-pricing section.index-hero .index-hero-intro h1 {
  max-width: 100%;
}
.intro-home.intro-pricing section.index-hero .index-hero-intro p {
  max-width: 100%;
}
.intro-home.intro-pricing header a.logo span {
  background: #2b3e5f;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-pricing header a.logo span {
    background-color: #0e192b;
  }
}
.intro-home.intro-pricing section.index-hero .container {
  max-width: 1400px;
}
@media only screen and (max-width: 1420px) {
  .intro-home.intro-pricing section.index-hero .container {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-pricing section.index-hero .container {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
}
.intro-home.intro-pricing section.index-hero .index-hero-intro {
  margin: auto;
  width: 100%;
  max-width: 750px;
  padding-bottom: 500px;
  text-align: center;
  padding-top: 4%;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-pricing section.index-hero .index-hero-intro {
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2%;
  }
}
.intro-home.intro-pricing section.index-hero .index-hero-intro p {
  opacity: 1;
  color: #bbb;
}
.intro-home.intro-pricing section.index-hero .index-hero-intro p a {
  color: #fff;
  cursor: pointer;
}

/*********************
 Pricing - Details
 **********************/
.pricing-layout {
  margin-top: 0;
  position: relative;
  z-index: 2;
  margin-bottom: 140px;
}
@media only screen and (max-width: 1340px) {
  .pricing-layout {
    margin-top: -460px;
    margin-bottom: 160px;
    z-index: 5;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-layout {
    margin-top: -470px;
    margin-bottom: 80px;
    z-index: 5;
  }
  .pricing-layout .container {
    padding: 0;
  }
}

.pricing-options {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 2.5rem;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
@media only screen and (max-width: 880px) {
  .pricing-options {
    margin-bottom: 10px;
  }
}
.pricing-options .cta-button {
  text-align: center;
  display: flex;
  padding: 26px 30px;
  background: #f1f1f1;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width : 650px) {
  .pricing-options .cta-button {
    padding: 20px 30px;
  }
}
.pricing-options .cta-button p {
  color: #333;
  margin: 0;
}
.pricing-options .cta-button small {
  color: #000;
  opacity: 0.6;
  display: block;
  padding: 8px 0 0;
  font-size: 13px;
}
.pricing-options .cta-button a.btn-light, .pricing-options .cta-button nav.blog-footer a, nav.blog-footer .pricing-options .cta-button a {
  border-color: #5B36F5;
}
@media only screen and (max-width: 880px) {
  .pricing-options .cta-button {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-options .cta-button a.btn, .pricing-options .cta-button nav.blog-footer a, nav.blog-footer .pricing-options .cta-button a {
    width: 100%;
  }
}
.pricing-options .pricing-plan {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  position: relative;
  justify-content: space-between;
  /* Animation */
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan.standard {
    flex-wrap: wrap;
  }
}
.pricing-options .pricing-plan p {
  opacity: 0.7;
}
.pricing-options .pricing-plan .plan-wrapper {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media only screen and (min-width: 1151px) {
  .pricing-options .pricing-plan .plan-wrapper {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
  }
  .pricing-options .pricing-plan .plan-wrapper:last-of-type {
    border-right: 2px solid #fff;
  }
}
.pricing-options .pricing-plan .plan-wrapper .plan-type-header {
  border-bottom: 10px solid #FF9443;
  background-image: radial-gradient(at 40% 20%, #ffb87a 0px, transparent 50%), radial-gradient(at 80% 0%, #1fddff 0px, transparent 50%), radial-gradient(at 0% 50%, #ffdbde 0px, transparent 50%), radial-gradient(at 80% 50%, #ff85ad 0px, transparent 50%), radial-gradient(at 0% 100%, #ffb58a 0px, transparent 50%), radial-gradient(at 80% 100%, #6b66ff 0px, transparent 50%), radial-gradient(at 0% 0%, #ff85a7 0px, transparent 50%);
  background-size: 120% 120%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3em 0;
  height: 100%;
  border-bottom: 10px solid #ff9443;
  animation: gradient 4s ease infinite;
  border-top-left-radius: 10px;
  height: 170px;
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper .plan-type-header {
    height: 120px;
  }
}
.pricing-options .pricing-plan .plan-wrapper .plan-type-header img {
  width: 90px;
  height: 90px;
  transition: all 0.3s;
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper .plan-type-header img {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.starter .plan-type-header {
    border-top-right-radius: 10px;
  }
}
.pricing-options .pricing-plan .plan-wrapper.growth {
  border-radius: 0;
}
.pricing-options .pricing-plan .plan-wrapper.growth .plan-type-header {
  border-bottom: 10px solid #37a508;
  border-radius: 0;
  background-image: radial-gradient(at 30% 10%, #7affcc 0px, transparent 50%), radial-gradient(at 60% 0%, #1fddff 0px, transparent 50%), radial-gradient(at 0% 50%, #eaffdb 0px, transparent 50%), radial-gradient(at 39% 148%, #85cbff 0px, transparent 50%), radial-gradient(at 0% 19%, #8afff9 0px, transparent 50%), radial-gradient(at 80% 100%, #66ffb8 0px, transparent 50%), radial-gradient(at 0% 120%, #85b4ff 0px, transparent 50%);
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan .plan-wrapper.growth .plan-type-header {
    border-top-right-radius: 10px;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.growth .plan-type-header {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.pricing-options .pricing-plan .plan-wrapper.pro {
  border-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pricing-options .pricing-plan .plan-wrapper.pro .plan-type-header {
  border-bottom: 10px solid #5B36F5;
  border-radius: 0;
  border-top-left-radius: 0;
  background-image: radial-gradient(at 10% 30%, #989898 0px, transparent 50%), radial-gradient(at 60% 0%, #d8d8d8 0px, transparent 50%), radial-gradient(at 0% 150%, #c0c0c0 0px, transparent 0%), radial-gradient(at 39% 148%, #bdc6cd 0px, transparent 50%), radial-gradient(at 0% 189%, #c5c5c5 0px, transparent 50%), radial-gradient(at 80% 100%, #9c9c9c 0px, transparent 50%), radial-gradient(at 0% 20%, #b7bfcc 0px, transparent 120%);
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.pro .plan-type-header {
    border-top-left-radius: 10px;
  }
}
@media only screen and (max-width: 1356px) {
  .pricing-options .pricing-plan .plan-wrapper.pro .plan-type-header {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan .plan-wrapper.pro .plan-type-header {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.pro .plan-type-header {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
}
.pricing-options .pricing-plan .plan-wrapper.enterprise {
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pricing-options .pricing-plan .plan-wrapper.enterprise .plan-type-header {
  border-bottom: 10px solid #ff61d3;
  border-radius: 0;
  border-top-right-radius: 10px;
  background-image: radial-gradient(at 40% 20%, #ff61d3 0px, transparent 50%), radial-gradient(at 80% 0%, #1fddff 0px, transparent 50%), radial-gradient(at 0% 50%, #ffd0f2 0px, transparent 50%), radial-gradient(at 80% 50%, #ff85ad 0px, transparent 50%), radial-gradient(at 0% 100%, #a761ff 0px, transparent 50%), radial-gradient(at 80% 100%, #6b66ff 0px, transparent 50%), radial-gradient(at 0% 0%, #ff85a7 0px, transparent 50%);
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.enterprise .plan-type-header {
    border-top-left-radius: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan .plan-wrapper.enterprise .plan-type-header {
    border-top-right-radius: 0;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper.enterprise .plan-type-header {
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
}
.pricing-options .pricing-plan .plan-wrapper.enterprise a.btn-enterprise {
  width: 100%;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.pricing-options .pricing-plan .plan-wrapper:nth-of-type(1) .cta-button {
  border-bottom-left-radius: 10px;
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper:nth-of-type(1) .cta-button {
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width: 1356px) {
  .pricing-options .pricing-plan .plan-wrapper:nth-of-type(3) .cta-button {
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan .plan-wrapper:nth-of-type(3) .cta-button {
    border-bottom-left-radius: 10px;
  }
}
.pricing-options .pricing-plan .plan-wrapper:nth-of-type(4) .cta-button {
  border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 1100px) {
  .pricing-options .pricing-plan .plan-wrapper:nth-of-type(4) .cta-button {
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-wrapper:nth-of-type(4) .cta-button {
    border-bottom-left-radius: 10px;
  }
}
.pricing-options .pricing-plan .plan-wrapper:hover a.btn-large {
  animation: scaleup 1.5s infinite;
}
@keyframes scaleup {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(0.95);
  }
}
.pricing-options .pricing-plan a.btn-large:hover {
  justify-content: inherit !important;
}
.pricing-options .pricing-plan.standard .plan-wrapper {
  width: 25%;
  flex-grow: 1;
  background: #fff;
  box-shadow: 0 10px 46px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  position: relative;
}
.pricing-options .pricing-plan.standard .plan-wrapper:hover .plan-type-header img {
  width: 110px;
  height: 110px;
}
@media only screen and (max-width: 1356px) {
  .pricing-options .pricing-plan.standard .plan-wrapper.enterprise {
    display: none;
  }
}
@media only screen and (max-width: 1356px) {
  .pricing-options .pricing-plan.standard .plan-wrapper {
    width: 33%;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(3) {
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(1), .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(2) {
    width: 50%;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(1) {
    border-bottom-left-radius: 0;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(2) {
    border-top-right-radius: 10px;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(3) {
    width: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper.enterprise {
    display: block;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(4) {
    width: 50%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan.standard .plan-wrapper {
    margin-bottom: 1.5rem;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(1), .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(2), .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(3), .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(4) {
    width: 100%;
    box-shadow: none;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(1) {
    border-radius: 10px;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(2) {
    border-radius: 10px;
  }
  .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(3), .pricing-options .pricing-plan.standard .plan-wrapper:nth-of-type(4) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }
}
.pricing-options .pricing-plan.standard .plan-wrapper .most-popular {
  position: absolute;
  top: -26px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan.standard .plan-wrapper .most-popular {
    top: 5px;
    left: 9px;
    justify-content: start;
  }
}
.pricing-options .pricing-plan.standard .plan-wrapper .most-popular span {
  display: inline-block;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
  padding: 4px;
  border-radius: 8px;
  margin: 0.5em 0 0;
  text-decoration: none;
}
.pricing-options .pricing-plan.standard .plan-wrapper .most-popular span em {
  font-style: normal;
  background: #fff;
  padding: 1px 10px;
  font-size: 13px;
  color: #5B36F5;
  display: inline-block;
  border-radius: 6px;
}
.pricing-options .pricing-plan.standard .plan-wrapper .plan-content {
  flex-grow: 1;
  padding: 24px 22px 24px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan.standard .plan-wrapper .plan-content {
    padding: 24px 22px 24px;
  }
}
.pricing-options .pricing-plan.enterprise-plan {
  border-radius: 10px;
  background: #e6e6e6;
  height: 50%;
  display: none;
}
@media only screen and (max-width: 1356px) {
  .pricing-options .pricing-plan.enterprise-plan {
    display: flex;
  }
}
@media only screen and (max-width: 1150px) {
  .pricing-options .pricing-plan.enterprise-plan {
    display: none;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan.enterprise-plan {
    flex-direction: column;
  }
}
.pricing-options .pricing-plan.enterprise-plan:before {
  content: "";
  height: 10px;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan.enterprise-plan:before {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
.pricing-options .pricing-plan.enterprise-plan .plan-wrapper {
  border: 0;
  border-radius: 10px;
}
@media only screen and (max-width: 1100px) {
  .pricing-options .pricing-plan.enterprise-plan .plan-wrapper {
    width: 50%;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan.enterprise-plan .plan-wrapper {
    width: 100%;
  }
}
.pricing-options .pricing-plan.enterprise-plan .plan-content {
  flex-grow: 1;
  padding: 40px 45px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan.enterprise-plan .plan-content {
    padding: 40px 30px;
  }
}
.pricing-options .pricing-plan.enterprise-plan .plan-content .entperise-intro {
  margin: 0 0 1em;
}
.pricing-options .pricing-plan .plan-summary {
  display: flex;
  justify-content: space-between;
  height: 46px;
}
@media only screen and (min-width: 1356px) {
  .pricing-options .pricing-plan .plan-summary {
    height: 46px;
  }
}
.pricing-options .pricing-plan .plan-summary h4 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  display: flex;
  align-items: center;
}
.pricing-options .pricing-plan .plan-summary h4:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 4px;
  background: #FF9443;
  display: inline-block;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 1120px) {
  .pricing-options .pricing-plan .plan-summary h4 {
    font-size: 26px;
    margin: -6px 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-summary h4 {
    font-size: 24px;
    margin: 4px 0 0;
  }
  .pricing-options .pricing-plan .plan-summary h4:before {
    content: "";
    width: 19px;
    height: 19px;
    margin: 0 7px 0 0;
  }
}
.pricing-options .pricing-plan .plan-summary p {
  color: #666;
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
}
.pricing-options .pricing-plan .plan-summary p.summary {
  color: #333;
  margin: 8px auto 0;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-summary p.summary {
    margin: 0 auto 1em;
    margin-top: 6px;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-summary p {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .plan-summary p a {
  cursor: pointer;
}
.pricing-options .pricing-plan .plan-summary.growth h4:before {
  background-color: #37a508;
}
.pricing-options .pricing-plan .plan-summary.pro h4:before {
  background-color: #5B36F5;
}
.pricing-options .pricing-plan .plan-summary.enterprise h4:before {
  background-color: #ff61d3;
}
.pricing-options .pricing-plan p.all-features {
  color: #333;
  font-size: 15px;
  line-height: 1.45;
  margin: 0 0 1.5em;
  border-bottom: 1px solid #ccc;
  padding: 0 0 1.25em;
  max-width: 100%;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan p.all-features {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan p.plan-highlights {
  color: #333;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 500;
  margin: 0 0 0.75em;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan p.plan-highlights {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .plan-upsell-list-wrapper {
  row-gap: 0.25rem;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-upsell-list-wrapper {
    row-gap: 0.125rem;
  }
}
.pricing-options .pricing-plan .plan-upsell-list {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}
.pricing-options .pricing-plan .plan-upsell-list.with-description {
  display: block;
}
.pricing-options .pricing-plan .plan-upsell-list label {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
}
.pricing-options .pricing-plan .plan-upsell-list label:hover .plan-upsell-name {
  color: #000;
  opacity: 1;
}
.pricing-options .pricing-plan .plan-upsell-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.pricing-options .pricing-plan .plan-upsell-icon::before {
  content: "";
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  opacity: 0.9;
}
.pricing-options .pricing-plan .plan-upsell-name {
  color: #333;
  font-size: 15px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-upsell-name {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .plan-upsell-name span {
  border-bottom: 2px dotted #999;
  font-weight: 500;
}
.pricing-options .pricing-plan .plan-upsell-name span a {
  margin-left: 0;
}
.pricing-options .pricing-plan .plan-upsell-details {
  display: none;
  border-radius: 6px;
  padding: 1em 1.25em;
  transition: all 0.3s;
  position: relative;
  background: #f3f3f3;
  margin: 0.75em 0;
  font-size: 14px;
  line-height: 1.3;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-upsell-details {
    font-size: 13px;
  }
}
.pricing-options .pricing-plan .plan-upsell-list input, .pricing-options .pricing-plan .plan-upsell-list .hbspt-form select, .hbspt-form .pricing-options .pricing-plan .plan-upsell-list select {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.pricing-options .pricing-plan .plan-platform-list {
  display: flex;
  gap: 10px;
  margin: 1px 0 0 0;
}
.pricing-options .pricing-plan .plan-platform-list a {
  position: relative;
  display: flex;
  gap: 4px;
  font-size: 14px;
  text-decoration: none;
  color: #555;
  transition: all 0.3s;
}
.pricing-options .pricing-plan .plan-platform-list a::before {
  content: "";
  min-width: 24px;
  width: 24px;
  height: 24px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: url("../images/icons/partners/icon-shopify.svg") no-repeat;
  background-size: 100%;
  display: flex;
  transition: all 0.3s;
}
.pricing-options .pricing-plan .plan-platform-list a.bigcommerce::before {
  background: url("../images/icons/partners/icon-bigcommerce.svg") no-repeat;
  background-size: 100%;
}
.pricing-options .pricing-plan .plan-platform-list a.wix::before {
  background: url("../images/icons/partners/icon-wix.svg") no-repeat;
  background-size: 100%;
}
.pricing-options .pricing-plan .plan-platform-list a.custom::before {
  background: url("../images/icons/partners/icon-custom.svg") no-repeat;
  background-size: 100%;
}
.pricing-options .pricing-plan .plan-platform-list a:hover {
  color: #5B36F5;
}
.pricing-options .pricing-plan .plan-platform-list a:hover::before {
  border-color: #5B36F5;
}
.pricing-options .pricing-plan .plan-upsell-list input:checked ~ .plan-upsell-details, .pricing-options .pricing-plan .plan-upsell-list .hbspt-form select:checked ~ .plan-upsell-details, .hbspt-form .pricing-options .pricing-plan .plan-upsell-list select:checked ~ .plan-upsell-details {
  max-height: 100vh;
  display: block;
}
.pricing-options .pricing-plan .plan-upsell-list input:checked ~ .plan-upsell-details a.myBtn2, .pricing-options .pricing-plan .plan-upsell-list .hbspt-form select:checked ~ .plan-upsell-details a.myBtn2, .hbspt-form .pricing-options .pricing-plan .plan-upsell-list select:checked ~ .plan-upsell-details a.myBtn2 {
  cursor: pointer;
  margin: 0 0 0 0.5em;
}
.pricing-options .pricing-plan .plan-upsell-list input:checked ~ label .plan-upsell-icon:before, .pricing-options .pricing-plan .plan-upsell-list .hbspt-form select:checked ~ label .plan-upsell-icon:before, .hbspt-form .pricing-options .pricing-plan .plan-upsell-list select:checked ~ label .plan-upsell-icon:before {
  background: url("../images/icons/circle-tick-alternate.svg") no-repeat center center;
  background-size: 100%;
  opacity: 1;
}
.pricing-options .pricing-plan .plan-upsell-list input:checked ~ label .plan-upsell-name, .pricing-options .pricing-plan .plan-upsell-list .hbspt-form select:checked ~ label .plan-upsell-name, .hbspt-form .pricing-options .pricing-plan .plan-upsell-list select:checked ~ label .plan-upsell-name {
  font-weight: 500;
}
.pricing-options .pricing-plan ul {
  margin: 1rem 0 0;
}
.pricing-options .pricing-plan ul li {
  font-weight: 400;
  font-size: 16px;
  margin: 0 0 0.5rem;
}
.pricing-options .pricing-plan ul li:last-of-type {
  margin: 0;
}
.pricing-options .pricing-plan ul li p {
  color: #333;
  margin: 0 0 0.125rem;
  font-size: 16px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan ul li p {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan ul li span {
  display: block;
  opacity: 0.8;
  font-size: 14px;
  line-height: 1.1;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan ul li span {
    font-size: 14px;
  }
}
.pricing-options .pricing-plan ul li span.with-link {
  display: flex;
  column-gap: 10px;
}
.pricing-options .pricing-plan ul li em {
  font-style: normal;
  border-bottom: 2px dotted #5B36F5;
  display: inline-block;
  margin: 0 0 -5px;
  line-height: 1.2;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan ul li {
    font-size: 15px;
    margin: 0 0 0.5rem;
  }
}
.pricing-options .pricing-plan ul.with-ticks.starter li:before {
  background-color: #FF9443;
}
.pricing-options .pricing-plan ul.with-ticks.growth li:before {
  background-color: #37a508;
}
.pricing-options .pricing-plan ul.with-ticks.growth li em {
  border-bottom: 2px dotted #37a508;
}
.pricing-options .pricing-plan ul.with-ticks.enterprise {
  margin-bottom: 1.5rem;
}
.pricing-options .pricing-plan ul.with-ticks.enterprise li:before {
  content: "";
  background: url(../images/icons/circle-tick.svg) no-repeat center center;
  background-size: 100%;
  width: 18px;
  height: 18px;
  display: block;
  opacity: 0.8;
  margin: 2px 0 0;
}
.pricing-options .pricing-plan ul.with-ticks.enterprise li em {
  border-color: #FC2F86;
  font-weight: 500;
}
.pricing-options .pricing-plan .pricing-heading {
  text-align: right;
  display: flex;
  align-items: start;
  column-gap: 8px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .pricing-heading {
    text-align: center;
  }
}
.pricing-options .pricing-plan .pricing-heading.pricing-enterprise span {
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 5px 13px;
  line-height: 1;
  font-size: 14px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .pricing-heading.pricing-enterprise {
    margin: 5px 0 0;
  }
}
.pricing-options .pricing-plan .pricing-heading h5 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  display: inline;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  letter-spacing: -1px;
}
.pricing-options .pricing-plan .pricing-heading h5 span {
  font-size: 26px;
  font-weight: 300;
  top: 1px;
  left: -18px;
  position: absolute;
}
.pricing-options .pricing-plan .pricing-heading h5.custom {
  font-size: 45px;
  display: block;
  margin: 0.25rem 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .pricing-heading h5.custom {
    font-size: 35px;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .pricing-heading h5 {
    font-size: 36px;
    margin-bottom: 0.5em;
  }
}
.pricing-options .pricing-plan .pricing-heading p {
  font-size: 13px;
  line-height: 1;
}
.pricing-options .pricing-plan .pricing-heading sup {
  line-height: 1.1;
  text-align: left;
}
.pricing-options .pricing-plan .plan-starter-plus {
  padding: 0.75em 1.125em 1em;
  border: 1px solid #eee;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.03);
  display: flex;
  border-radius: 8px;
  transition: 0.2s all;
  flex-direction: column;
  margin: 1.5em 0 0;
}
.pricing-options .pricing-plan .plan-starter-plus .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing-options .pricing-plan .plan-starter-plus .plan-upsell-name {
  font-size: 14px;
  line-height: 1.3;
  margin: 2px 0 0;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-starter-plus .plan-upsell-name {
    font-size: 13px;
  }
}
.pricing-options .pricing-plan .plan-starter-plus .item-name {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.pricing-options .pricing-plan .plan-starter-plus .item-name span {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.pricing-options .pricing-plan .plan-starter-plus .item-name em {
  display: inlineblock;
  font-style: normal;
  background: linear-gradient(45deg, #ff9443 10%, #ffa733 30%, #edad36 50%, #ff9c43 80%, #ff9843 100%);
  animation: gradient 4s ease infinite;
  background-size: 120% 120%;
  color: #fff;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 40px;
  font-size: 12px;
}
.pricing-options .pricing-plan .plan-starter-plus .item-pricing {
  text-align: right;
  display: flex;
  align-items: start;
  column-gap: 8px;
}
.pricing-options .pricing-plan .plan-starter-plus .item-pricing span {
  font-weight: 400;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  color: #000;
  font-size: 24px;
  line-height: 1.2;
}
.pricing-options .pricing-plan .plan-starter-plus .item-pricing sup {
  font-style: normal;
  line-height: 1.1;
  text-align: left;
  font-size: 11px;
}
.pricing-options .pricing-plan .entperise-intro h4 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  display: flex;
  align-items: center;
}
.pricing-options .pricing-plan .entperise-intro h4:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 4px;
  background: #FC2F86;
  display: inline-block;
  margin: 0 10px 0 0;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .entperise-intro h4 {
    font-size: 26px;
    text-align: center;
  }
  .pricing-options .pricing-plan .entperise-intro h4:before {
    content: "";
    width: 19px;
    height: 19px;
    margin: 0 7px 0 0;
  }
}
.pricing-options .pricing-plan .entperise-intro p {
  color: #333;
  font-size: 16px;
  line-height: 1.45;
  margin: 1em 0 0;
  max-width: 400px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .entperise-intro p {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .enterprise-grid {
  display: grid;
  overflow: hidden;
  margin-top: 1.5em;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  border-radius: 12px;
}
@media only screen and (max-width: 620px) {
  .pricing-options .pricing-plan .enterprise-grid {
    grid-template-columns: auto;
  }
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item {
  display: flex;
  align-items: center;
  padding: 24px 24px 24px 0;
  border-right: 1px dashed #c6c8cc;
  border-bottom: 1px dashed #c6c8cc;
  background-color: #fff;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item {
    padding: 16px 0;
  }
}
@media only screen and (max-width: 620px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item {
    border-right: 0;
  }
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item._2 {
  border-right: 0;
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item._3 {
  border-bottom-style: none;
}
@media only screen and (max-width: 620px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item._3 {
    border-bottom: 1px dashed #c6c8cc;
  }
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item._4 {
  border-bottom-style: none;
  border-right: 0;
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-icon-wrap {
  margin-right: 15px;
  margin-left: 26px;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-icon-wrap {
    margin-left: 18px;
  }
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-icon {
  max-width: 100%;
  max-height: 25px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-icon {
    max-height: 20px;
  }
}
.pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-grid-text {
  color: #0f1c35;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .enterprise-grid .enterprise-grid-item .enterprise-grid-text {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more {
  padding: 45px 65px;
  background: url("../images/enterprise/bg-enterprise-small.jpg") no-repeat top center;
  background-size: 105% 105%;
  background-color: #121824;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 1100px) {
  .pricing-options .pricing-plan .plan-enterprise-more {
    width: 60%;
  }
}
@media only screen and (max-width: 880px) {
  .pricing-options .pricing-plan .plan-enterprise-more {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-enterprise-more {
    padding: 35px 30px;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more h4 {
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-enterprise-more h4 {
    font-size: 18px;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more p {
  color: #fff;
  font-size: 16px;
  line-height: 1.45;
  margin: 1em 0 0;
  border: 0;
  padding: 0;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-enterprise-more p {
    font-size: 15px;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise {
  text-align: left;
  margin: 1.5em 0 0;
  display: flex;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise {
    display: block;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise .btn-gradient {
  margin: 0 1rem 0 0;
}
@media only screen and (max-width : 650px) {
  .pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise a.btn, .pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise nav.blog-footer a, nav.blog-footer .pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise a {
    width: 100%;
  }
}
.pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise p {
  opacity: 1;
}
.pricing-options .pricing-plan .plan-enterprise-more .action-links-enterprise p a {
  color: #fff;
  cursor: pointer;
}

/* Price plan icons */
/* Price plan icons */
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(1) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_01.svg");
  background-size: 96%;
}
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(2) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_02.svg");
}
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(3) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_03.svg");
}
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(4) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_04.svg");
}
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(5) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_05.svg");
}
.plan-wrapper.starter .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(6) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_06.svg");
}

.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(1) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_01.svg");
  background-size: 96%;
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(2) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_02.svg");
  height: 20px;
  width: 20px;
  margin: 0 -4px 0 0;
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(3) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_03.svg");
  background-size: 84%;
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(4) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_04.svg");
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(5) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_05.svg");
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(6) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_06.svg");
  background-size: 84%;
}
.plan-wrapper.growth .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(7) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/growth_07.svg");
}

.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(1) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/starter_01.svg");
  background-size: 96%;
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(2) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_02.svg");
  height: 20px;
  width: 20px;
  margin: 0 -4px 0 0;
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(3) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_03.svg");
  background-size: 84%;
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(4) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_04.svg");
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(5) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_05.svg");
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(6) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_06.svg");
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(7) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_07.svg");
}
.plan-wrapper.pro .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(8) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/pro_08.svg");
}

.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(1) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_01.svg");
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(2) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_02.svg");
  height: 20px;
  width: 20px;
  margin: 0 -4px 0 0;
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(3) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_03.svg");
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(4) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_04.svg");
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(5) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_05.svg");
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(6) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_06.svg");
}
.plan-wrapper.enterprise .plan-upsell-list-wrapper .plan-upsell-list:nth-of-type(7) .plan-upsell-icon::before {
  background-image: url("../images/icons/pricing/enterprise_07.svg");
}

/* Plans feature list */
.intro-home section.index-hero p.price-footer {
  max-width: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.intro-home section.index-hero p.price-footer a {
  color: #fff;
  cursor: pointer;
}
.intro-home section.index-hero .plan-full-features p {
  margin: 0 0 1.5rem;
  opacity: 0.8;
  color: #666;
  max-width: 100%;
}
.intro-home section.index-hero .feature-footer p {
  margin: 1.5rem 0 -0.25rem;
}

/* Pricing addons */
.pricing-addons {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 1360px) {
  .pricing-addons {
    margin: -2rem 0;
  }
}
.pricing-addons h4 {
  color: #fff;
  text-align: center;
  margin: 0 0 1.5rem;
  font-size: 24px;
}
.pricing-addons .box-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2em;
}
@media only screen and (max-width: 990px) {
  .pricing-addons .box-wrapper {
    flex-direction: column;
    margin-bottom: 2em;
    gap: 1.25em;
  }
}
.pricing-addons .box-addon {
  background: #f1f1f1;
  border-radius: 10px;
  padding: 0;
  width: 33.3333%;
  border: 1px solid #fff;
  border-bottom: 8px solid #08d4fd;
  overflow: hidden;
}
@media only screen and (max-width: 990px) {
  .pricing-addons .box-addon {
    width: 100%;
  }
}
.pricing-addons .box-addon .box-wrapper-item {
  display: flex;
  gap: 0.5em;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #ddd;
}
.pricing-addons .box-addon .box-image {
  width: 150px;
  min-width: 150px;
  height: 100%;
  display: flex;
  background-size: 100%;
  background-position: top center;
  transition: all 0.2s;
  border-right: 1px solid #ddd;
}
@media only screen and (max-width: 1300px) {
  .pricing-addons .box-addon .box-image {
    display: none;
  }
}
.pricing-addons .box-addon:hover .box-image {
  background-size: 110%;
}
.pricing-addons .box-addon .box-header {
  display: flex;
  justify-content: space-between;
  padding: 0.875em 1em;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon .box-header.box-sales-agents-header .box-pricing {
    display: none;
  }
}
.pricing-addons .box-addon span.powered {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  gap: 8px;
  padding: 1px 12px;
  margin: 0 -0.5em 0 0;
}
@media only screen and (max-width: 1350px) {
  .pricing-addons .box-addon span.powered {
    margin: 0;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon span.powered {
    justify-content: start;
    padding: 0;
  }
}
.pricing-addons .box-addon span.powered em {
  font-style: normal;
  font-size: 13px;
}
@media only screen and (max-width: 1350px) {
  .pricing-addons .box-addon span.powered em {
    display: none;
  }
}
@media only screen and (max-width: 1290px) {
  .pricing-addons .box-addon span.powered em {
    display: block;
  }
}
@media only screen and (max-width: 1180px) {
  .pricing-addons .box-addon span.powered em {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  .pricing-addons .box-addon span.powered em {
    display: block;
  }
}
.pricing-addons .box-addon span.powered b {
  background: url(../images/partners/logo-Conjura.png) no-repeat 100% 100%;
  height: 11px;
  display: block;
  width: 94px;
  background-size: contain;
}
.pricing-addons .box-addon .box-name {
  font-size: 20px;
  line-height: 1;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  color: #000;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon .box-name {
    font-size: 18px;
  }
}
.pricing-addons .box-addon .box-name em {
  font-style: normal;
  display: inline-block;
  padding: 0 0 0 5px;
}
@media only screen and (max-width: 1130px) {
  .pricing-addons .box-addon .box-name em {
    display: none;
  }
}
.pricing-addons .box-addon .box-name:before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 4px;
  background: #08d4fd;
  display: inline-block;
  margin: 0 10px 0 0;
}
.pricing-addons .box-addon .box-name.box-quoting-engine-name:before {
  background: #00c793;
}
.pricing-addons .box-addon .box-name.box-analytics-name:before {
  background: #ba00c7;
}
.pricing-addons .box-addon .box-pricing {
  text-align: right;
  display: flex;
  align-items: start;
  column-gap: 8px;
}
.pricing-addons .box-addon .box-pricing h5 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  display: inline;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  letter-spacing: -1px;
  margin: 0;
}
.pricing-addons .box-addon .box-pricing h5 span {
  font-size: 26px;
  font-weight: 300;
  top: 1px;
  left: -18px;
  position: absolute;
}
.pricing-addons .box-addon .box-pricing h5.custom {
  font-size: 45px;
  display: block;
  margin: 0.25rem 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon .box-pricing h5.custom {
    font-size: 35px;
  }
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon .box-pricing h5 {
    font-size: 36px;
  }
}
.pricing-addons .box-addon .box-pricing p {
  font-size: 13px;
  line-height: 1;
}
.pricing-addons .box-addon .box-pricing sup {
  line-height: 1.1;
  text-align: left;
}
.pricing-addons .box-addon .box-details {
  padding: 1.25em;
}
.pricing-addons .box-addon .box-details .box-description {
  color: #666;
  font-size: 15px;
  line-height: 1.35;
  padding: 0 1em 0 0;
}
.pricing-addons .box-addon .box-details .box-description a {
  cursor: pointer;
}
@media only screen and (max-width : 650px) {
  .pricing-addons .box-addon .box-details .box-description {
    font-size: 14px;
    padding: 0;
  }
}
.pricing-addons .box-addon .box-details .box-description span {
  font-size: 12px;
  color: #888;
  display: block;
  padding: 3px 0 0;
}
.pricing-addons .box-addon:nth-of-type(2) {
  border-bottom-color: #00c793;
}
.pricing-addons .box-addon:nth-of-type(2) .box-details .box-name:before {
  background: #00c793;
}
.pricing-addons .box-addon:nth-of-type(3) {
  border-bottom-color: #ba00c7;
}
.pricing-addons .box-addon:nth-of-type(3) .box-details .box-name:before {
  background: #ba00c7;
}

/* Plans Comparison */
.plan-comparison.comparison {
  position: relative;
  margin: 5rem 0 -4rem;
}
@media only screen and (max-width : 1040px) {
  .plan-comparison.comparison {
    margin: -7rem 0 -5rem;
  }
}
@media only screen and (max-width : 650px) {
  .plan-comparison.comparison {
    margin: -5rem 0 -7rem;
  }
}
.plan-comparison.comparison::after {
  display: none;
}
@media only screen and (max-width: 1340px) {
  .plan-comparison.comparison .container {
    padding: 0;
  }
}
@media only screen and (max-width : 650px) {
  .plan-comparison.comparison .container {
    padding: 0 !important;
  }
}
.plan-comparison.comparison h4 {
  color: #fff;
  text-align: center;
  margin: 0 0 1.5rem;
  font-size: 24px;
}
.plan-comparison.comparison p.mobile-scroll {
  display: none;
}
@media only screen and (max-width: 850px) {
  .plan-comparison.comparison p.mobile-scroll {
    text-align: right;
    max-width: 100%;
    margin: -2rem 0 1rem;
    display: block;
  }
}
@media only screen and (max-width: 850px) and (max-width : 650px) {
  .plan-comparison.comparison p.mobile-scroll {
    margin: -1rem 0 1rem;
  }
}
.plan-comparison.comparison .comparison-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  max-height: 500px;
}
.plan-comparison.comparison .comparison-button::before {
  background: linear-gradient(0deg, #111139 0%, rgba(246, 249, 252, 0) 100%);
  z-index: 10;
}
.plan-comparison.comparison table.comparison-table {
  max-width: 100%;
  border: 2px solid #bbb;
  border-radius: 10px;
}
.plan-comparison.comparison table.comparison-table thead tr td {
  border-bottom: 2px solid #bbb;
}
.plan-comparison.comparison table.comparison-table thead tr td span {
  margin-top: 0.25rem;
}
.plan-comparison.comparison table.comparison-table thead tr td:first-of-type {
  width: 480px;
  min-width: 200px;
}
@media only screen and (max-width : 650px) {
  .plan-comparison.comparison table.comparison-table thead tr td:first-of-type {
    min-width: 180px;
  }
}
.plan-comparison.comparison table.comparison-table thead tr td.col-center {
  width: 16%;
  border-left: 2px solid #bbb;
}
.plan-comparison.comparison table.comparison-table thead tr td p {
  color: #fff;
}
.plan-comparison.comparison table.comparison-table thead tr td.starter {
  background: linear-gradient(45deg, #ff9443 10%, #ffa733 30%, #edad36 50%, #ff9c43 80%, #ff9843 100%);
  animation: gradient 4s ease infinite;
  background-size: 120% 120%;
}
.plan-comparison.comparison table.comparison-table thead tr td.growth {
  animation: gradient 4s ease infinite;
  background: linear-gradient(45deg, #1ac123 10%, #4cc814 30%, #1dc54d 50%, #5addf4 80%, #91feff 100%);
  background-size: 120% 120%;
}
.plan-comparison.comparison table.comparison-table thead tr td.pro {
  animation: gradient 4s ease infinite;
  background: linear-gradient(45deg, #5b36f5 10%, #8254f9 30%, #6c4bf9 50%, #7473de 80%, #5566fb 100%);
  background-size: 120% 120%;
}
.plan-comparison.comparison table.comparison-table thead tr td.enterprise {
  animation: gradient 4s ease infinite;
  background-size: 120% 120%;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
.plan-comparison.comparison table.comparison-table thead td {
  background-color: #131824;
  background: url("../images/enterprise/bg-enterprise-small.jpg") repeat top center #131824;
}
.plan-comparison.comparison table.comparison-table tbody td {
  border-width: 2px;
}
.plan-comparison.comparison table.comparison-table tbody td span.sub-text {
  display: block;
  font-size: 11px;
}
.plan-comparison.comparison table.comparison-table tbody tr td .svg-icon.tick,
.plan-comparison.comparison table.comparison-table tbody tr td .svg-icon.cross {
  background-size: 100%;
  width: 25px;
  height: 25px;
  margin: auto;
  background: url("../images/icons/circle-tick.svg") no-repeat center center;
}
.plan-comparison.comparison table.comparison-table tbody tr.col-heading {
  color: #fff;
  background-color: #131824;
  background-size: 100%;
}
.plan-comparison.comparison table.comparison-table tbody tr td {
  transition: all 0.3s;
  padding: 0.5rem 1.5rem;
}
.plan-comparison.comparison table.comparison-table tbody tr td:first-of-type {
  width: 480px;
  min-width: 200px;
}
.plan-comparison.comparison table.comparison-table tbody tr td.col-center {
  width: 17%;
}
@media only screen and (max-width : 1040px) {
  .plan-comparison.comparison table.comparison-table tbody tr td {
    padding: 0.65rem 1rem;
  }
}
.plan-comparison.comparison table.comparison-table tbody tr td p {
  color: #333;
  font-size: 15px;
}
.plan-comparison.comparison table.comparison-table tbody tr td:first-of-type {
  min-width: 250px;
}
@media only screen and (max-width : 650px) {
  .plan-comparison.comparison table.comparison-table tbody tr td:first-of-type {
    min-width: 150px;
  }
}
.plan-comparison.comparison table.comparison-table tbody tr td span {
  max-width: 100%;
  margin: 0 0 0;
}
.plan-comparison.comparison table.comparison-table tbody tr td.text-content {
  font-size: 14px;
}
.plan-comparison.comparison table.comparison-table tbody tr:hover td:nth-of-type(2):hover {
  background: #fbe1ce;
}
.plan-comparison.comparison table.comparison-table tbody tr:hover td:nth-of-type(3):hover {
  background: #dbfdcc;
}
.plan-comparison.comparison table.comparison-table tbody tr:hover td:nth-of-type(4):hover {
  background: #ced6fb;
}
.plan-comparison.comparison table.comparison-table tbody tr:hover td:nth-of-type(5):hover {
  background: #f0c3e9;
}
.plan-comparison.comparison #comparison-features table.comparison-table tbody tr td span {
  display: none;
}
.plan-comparison.comparison #comparison-features table.comparison-table tbody tr td span.svg-icon {
  display: block;
}
.plan-comparison.comparison #comparison-features.see-all table.comparison-table tbody tr td span {
  display: block;
}
@media only screen and (max-width : 650px) {
  .plan-comparison.comparison #comparison-features.see-all {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 1360px) {
  .plan-comparison.comparison .see-all table.comparison-table thead tr td:first-of-type {
    width: 446px;
  }
  .plan-comparison.comparison .see-all table.comparison-table thead tr td.col-center {
    width: 238px;
  }
  .plan-comparison.comparison .see-all table.comparison-table thead.sticky {
    position: fixed;
    top: 0;
    z-index: 1000;
    /* Ensure the sticky header stays on top */
    background-color: white;
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
  }
  .plan-comparison.comparison .see-all table.comparison-table thead.sticky + tbody {
    margin-top: 75px;
    display: block;
  }
}

/*********************
 Contact Form
 **********************/
#contact-fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 48, 85, 0.7);
  z-index: 1001;
}

#contact-form {
  height: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  overflow-x: hidden;
  transition: 0.4s;
  visibility: hidden;
  opacity: 0;
}
#contact-form .contact-form-content {
  z-index: 9999;
  position: fixed;
  right: -999px;
  top: 0;
  bottom: 0;
  background: url(../images/section-about-bg.png) no-repeat top center #f3f3f3;
  background-size: cover;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content {
    width: 100%;
  }
}
#contact-form .contact-form-content .color-bar {
  display: flex;
  height: 200px;
  width: 112%;
  transform: rotate(-1.5deg);
  position: absolute;
  bottom: -130px;
  left: -5%;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .color-bar {
    bottom: -160px;
  }
}
@media only screen and (max-height: 1210px) {
  #contact-form .contact-form-content .color-bar {
    display: none;
  }
}
#contact-form .contact-form-content .color-bar span {
  display: block;
  width: 25%;
}
#contact-form .contact-form-content .color-bar span:nth-of-type(1) {
  background: #0DCCFC;
}
#contact-form .contact-form-content .color-bar span:nth-of-type(2) {
  background: #5B36F5;
}
#contact-form .contact-form-content .color-bar span:nth-of-type(3) {
  background: #FC2F86;
}
#contact-form .contact-form-content .color-bar span:nth-of-type(4) {
  background: #FF9443;
}
#contact-form .contact-form-content a.contact-close {
  position: absolute;
  left: 20px;
  top: 20px;
  transition: 0.3s all;
  cursor: pointer;
  display: flex;
  align-items: center;
  z-index: 2;
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content a.contact-close {
    left: auto;
    right: 23px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
  }
}
#contact-form .contact-form-content a.contact-close span {
  font-size: 16px;
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content a.contact-close span {
    display: none;
  }
}
#contact-form .contact-form-content a.contact-close svg {
  width: 30px;
  height: 30px;
  margin: 0 0.5rem 0 0;
}
#contact-form .contact-form-content a.contact-close svg path {
  stroke: #5B36F5;
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content a.contact-close svg {
    margin: 0;
  }
}
#contact-form .contact-form-content a.contact-close:hover {
  opacity: 0.7;
}
#contact-form .contact-form-content .contact-scroll {
  overflow-y: auto;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll {
    padding: 0 10px;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-frame {
  min-width: 750px;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper {
  background: #fff;
  padding: 2rem 2.5rem 2rem;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  position: relative;
  min-height: 450px;
  margin: 0 0 2em;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
  text-align: left;
  margin: 0 0 0.5rem;
}
@media only screen and (max-width : 1040px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
    margin: 0 0 0.5rem;
    font-size: 16px;
  }
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper p {
  text-align: left;
  margin: 0 0 1.5rem;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting {
  width: 100%;
  height: 100px;
  border-radius: 12px;
  margin: 0.5rem 0 -1.5em;
}
@media only screen and (max-width: 1000px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting {
    margin: 0 0 -2em;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting .container {
  padding: 0;
  display: flex;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0 1rem 0 0;
  border: double 4px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting p {
  font-size: 15px;
  line-height: 1.3;
}
#contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting p strong {
  display: block;
  padding: 0.25rem 0 0;
}
@media only screen and (max-width: 1000px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper .greeting p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper {
    padding: 1.5rem 1.5rem 3rem;
  }
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame .wrapper {
    padding: 0;
    background: none;
    box-shadow: none;
    margin-top: -12px;
  }
}
@media only screen and (max-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame {
    width: 60%;
    min-width: 10px;
    padding-top: 10%;
    padding-left: 3rem;
    max-width: 600px;
  }
}
@media only screen and (min-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame {
    padding: 0 7rem;
    margin-top: 6rem;
  }
  #contact-form .contact-form-content .contact-scroll .contact-frame .calendly-inline-widget {
    height: 100% !important;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-frame {
    padding: 1.5rem;
    width: 100%;
    max-width: 100%;
  }
}
#contact-form .contact-form-content .contact-scroll iframe {
  border: 0;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap {
  margin: auto;
  display: flex;
  max-width: 1300px;
  padding: 0 20px;
}
@media only screen and (max-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap {
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 35px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap {
    display: block;
    padding: 0;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info {
  text-align: left;
  padding: 0 1em 0 4px;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info {
    width: 40%;
    padding-top: 9%;
    max-width: 450px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info {
    width: 100%;
    padding: 2em 1.5em 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info {
    margin-left: 5.5%;
    padding-top: 5rem;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info a.logo {
  display: none;
  background: url("../images/logo-dark.png") no-repeat;
  background-size: 100%;
  margin: 0 0 1em;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info a.logo {
    display: block;
  }
}
@media only screen and (max-width : 1040px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info p {
    margin-bottom: 0;
  }
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info p span.dt-only {
    display: none;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info p.trusted,
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info ul,
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info .contact-logos {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info h2 {
  font-size: 42px;
  line-height: 1.3;
  margin: 0 0 -6px;
}
@media only screen and (max-width: 1440px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info h2 {
    font-size: 36px;
  }
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info h2 br {
    display: none;
  }
}
@media only screen and (max-width : 1040px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info h2 {
    font-size: 26px;
    padding-right: 20px;
    margin-bottom: -5px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info p.contact-show {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-info ul.with-ticks {
  margin-top: 1rem;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap p.trusted {
  font-size: 16px;
  margin: 1.25em 0 5px;
}
@media only screen and (max-width: 1100px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap p.trusted {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-carousel {
  position: relative;
  outline: none;
  margin: 3.5em auto -1em;
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-carousel {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-carousel .flickity-button {
  display: none;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-carousel .flickity-page-dots {
  list-style-type: none;
  position: absolute;
  left: -1em;
  right: auto;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-carousel .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote {
  background-color: #fff;
  width: 100%;
  padding: 2em;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  position: relative;
  margin: 0 2em 0 0;
  border: 1px solid #ededed;
}
@media only screen and (max-width: 760px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote::after {
  content: "";
  position: absolute;
  top: -22px;
  right: 20px;
  width: 70px;
  height: 46px;
  background: url("../images/icons/icon-quote.svg") no-repeat;
  background-size: contain;
  display: block;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote .photo {
  margin: -4em 0 0;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote .photo img {
  border-radius: 50%;
  border: 6px solid #fff;
  width: 75px;
  height: 75px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo {
  position: absolute;
  bottom: 30px;
  right: 0;
  background: url("../images/customers/logos/logo-a18.png") no-repeat;
  background-size: 100%;
  width: 120px;
  height: 50px;
}
@media only screen and (max-width: 1100px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo.teapigs {
  background: url("../images/customers/logos/logo-teapigs.png") no-repeat -12px 0;
  background-size: 100%;
  width: 120px;
  height: 50px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo.safestyle {
  background: url("../images/customers/logos/logo-safestyle.png") no-repeat -12px 0;
  background-size: 100%;
  width: 120px;
  height: 50px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo.fct {
  background: url("../images/customers/logos/logo-fct.png") no-repeat -12px 0;
  background-size: 100%;
  width: 170px;
  height: 60px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo.living-proof {
  background: url("../images/customers/logos/logo-living-proof.png") no-repeat -16px 3px;
  background-size: 100%;
  width: 143px;
  height: 69px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote span.logo.asmodee {
  background: url("../images/customers/logos/logo-asmodee.png") no-repeat -12px 0;
  background-size: 100%;
  width: 170px;
  height: 60px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote .position {
  line-height: 1.4;
  margin: 1em 0 0;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote .position p {
  font-weight: 500;
  color: #333;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-quote .position span {
  display: block;
  font-size: 14px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating {
  display: flex;
  align-items: center;
  column-gap: 8px;
  justify-content: center;
  margin: -8px 0 0;
}
@media only screen and (max-width: 900px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating .stars {
  display: flex;
  column-gap: 2px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating .stars img {
  width: 12px;
  height: 12px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating .star-text {
  font-size: 14px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating .star-shopify {
  display: flex;
  align-items: center;
  height: 24px;
  padding-left: 0px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .form-signoff {
  margin: 0.75em -2.55em -2em;
  background: #f1f1f1;
  padding: 0.75em;
  font-size: 14px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  line-height: 1.6;
}
@media only screen and (max-width: 1000px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .form-signoff {
    margin: 0.75em -1.4em -3em;
  }
}
@media only screen and (max-width : 1040px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .form-signoff .dt-only {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .form-signoff {
    background: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options {
  display: flex;
  column-gap: 16px;
  margin: 1em 0 1em;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options {
    margin: 0 0 0.75em;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options input, #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options .hbspt-form select, .hbspt-form #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options select {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label {
  display: block;
  width: 50%;
  border-radius: 8px;
  padding: 1em;
  border: 1px solid transparent;
  color: #666;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1;
  background-size: 25px 25px;
  opacity: 0.8;
  background: #f1f1f1;
  text-align: left;
}
@media only screen and (max-width: 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label {
    background: #fff;
    opacity: 1;
    border: 1px solid #ddd;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label.selected, #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label.selected:hover {
  color: #5b36f5;
  opacity: 1;
  border: 1px solid #5b36f5;
  box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.07);
  background: #f7f5ff;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label:hover {
  opacity: 1;
  border: 1px solid #ddd;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label p {
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  column-gap: 10px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label p b {
  font-weight: 500;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label p em {
  font-style: normal;
  font-size: 18px;
}
@media only screen and (max-width : 650px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label p {
    font-size: 15px;
  }
  #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label p b {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label span.summary {
  color: #666;
  font-size: 14px;
  display: block;
  padding: 7px 0 0;
  line-height: 1.3;
  display: none;
}
@media only screen and (max-width: 1080px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .demo-options label span.summary {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-logos {
  padding: 0 0 2rem;
}
@media only screen and (max-width: 1100px) {
  #contact-form .contact-form-content .contact-scroll .contact-wrap .contact-logos {
    display: none;
  }
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-logos img {
  width: 110px;
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 0.3s;
  margin: 0 -10px -10px -10px;
}
#contact-form .contact-form-content .contact-scroll .contact-wrap .contact-logos img:hover {
  filter: grayscale(0);
  opacity: 1;
}
#contact-form.open {
  visibility: visible;
  opacity: 1;
  z-index: 9999999999;
}
#contact-form.open .contact-form-content {
  right: 0;
}

/*********************
  Holding site
**********************/
.index-holding {
  background: #273244;
}
.index-holding body {
  position: relative;
  padding-bottom: 0;
}
.index-holding .color-bar {
  display: flex;
  height: 200px;
  width: 112%;
  transform: rotate(-1.5deg);
  position: absolute;
  bottom: -130px;
  left: -5%;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .index-holding .color-bar {
    bottom: -160px;
  }
}
.index-holding .color-bar span {
  display: block;
  width: 25%;
}
.index-holding .color-bar span:nth-of-type(1) {
  background: #0DCCFC;
}
.index-holding .color-bar span:nth-of-type(2) {
  background: #5B36F5;
}
.index-holding .color-bar span:nth-of-type(3) {
  background: #FC2F86;
}
.index-holding .color-bar span:nth-of-type(4) {
  background: #FF9443;
}

.index-container {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 70px;
  max-width: 700px;
  margin: auto;
}
@media only screen and (max-width : 650px) {
  .index-container {
    padding: 45px;
  }
}
@media only screen and (max-width : 650px) {
  .index-container span.wrapper {
    margin-top: -60px;
  }
}
.index-container span.wrapper .wrapper-logo {
  position: relative;
}
.index-container span.wrapper img {
  margin: 0 auto 1.5rem;
  max-width: 300px;
  width: 100%;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .index-container span.wrapper img {
    max-width: 220px;
  }
}
.index-container span.wrapper h1 {
  color: #fff;
  font-size: 40px;
}
@media only screen and (max-width : 1040px) {
  .index-container span.wrapper h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width : 650px) {
  .index-container span.wrapper h1 {
    font-size: 30px;
    margin-bottom: 1.5rem;
  }
}
.index-container span.wrapper h2 {
  color: #fff;
  opacity: 0.6;
  font-size: 18px;
  line-height: 160%;
  font-weight: 400;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
@media only screen and (max-width : 650px) {
  .index-container span.wrapper h2 {
    font-size: 16px;
  }
}
.index-container a.btn, .index-container nav.blog-footer a, nav.blog-footer .index-container a {
  width: 100%;
  display: block;
  margin: 0 0 1rem;
  font-size: 18px;
  border-radius: 40px;
}
.index-container small {
  color: #fff;
  opacity: 0.6;
}
.index-container span.shine {
  animation: shine 5s infinite;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(transparent 0, transparent 0), linear-gradient(100deg, rgba(39, 50, 68, 0), rgba(39, 50, 68, 0.5) 50%, rgba(39, 50, 68, 0) 80%);
  background-repeat: no-repeat;
  background-size: 180px 180px, 150px 400px;
  background-position: 0 0, 0 0;
}
@media only screen and (max-width : 650px) {
  .index-container span.shine {
    display: none;
  }
}
@keyframes shine {
  to {
    background-position: 0 0, 100% 0;
  }
}

/*********************
  Partners
**********************/
.intro-partners {
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
@media only screen and (max-width : 1040px) {
  .intro-partners {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  }
}
@media only screen and (max-width : 650px) {
  .intro-partners {
    margin-bottom: -2rem;
  }
}
.intro-partners.blurred-gradient:after {
  top: 60%;
  z-index: 1;
}
.intro-partners section.index-hero .index-hero-intro {
  max-width: 860px;
  width: 100%;
  padding: 8% 0 2rem;
  margin: auto;
}
.intro-partners section.index-hero h1 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .intro-partners section.index-hero h1 {
    text-align: left;
  }
}
.intro-partners section.index-hero p {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .intro-partners section.index-hero p {
    text-align: left;
  }
}
.intro-partners section.index-hero .partner-button {
  text-align: center;
  margin: 1.5em 0 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  .intro-partners section.index-hero .partner-button {
    text-align: left;
    margin: 2em 0 0;
  }
}
.intro-partners section.index-hero .dashboard {
  position: relative;
  z-index: 2;
  max-width: 80%;
  margin: 1rem auto 0;
  padding: 0 0 6rem;
}
@media only screen and (max-width : 650px) {
  .intro-partners section.index-hero .dashboard {
    max-width: 100%;
    margin-top: 0;
  }
}

.section-partner-logos {
  margin: -3em 0 6em;
}
@media only screen and (max-width: 1340px) {
  .section-partner-logos {
    margin-top: 0;
  }
}
.section-partner-logos h2 {
  text-align: center;
}
.section-partner-logos .partner-button {
  display: flex;
  justify-content: center;
  margin: 2em 0 -1em;
}
.section-partner-logos p {
  text-align: center;
  margin: 0 0 2rem;
}
@media only screen and (max-width : 650px) {
  .section-partner-logos p {
    text-align: left;
    padding: 0 2.25rem;
  }
}
@media only screen and (max-width : 1040px) {
  .section-partner-logos {
    margin: 3em 0 4em;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-logos {
    margin: -1em 0 5em;
  }
}
.section-partner-logos section.article-filters {
  margin: 1.5rem 0 3rem;
}
.section-partner-logos ul.partner-list {
  display: flex;
  column-gap: 30px;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width : 1040px) {
  .section-partner-logos ul.partner-list {
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-logos ul.partner-list {
    justify-content: space-around;
    column-gap: 0;
    row-gap: 0;
  }
}
.section-partner-logos ul.partner-list li {
  margin: 0 0 30px;
}
@media only screen and (max-width : 1040px) {
  .section-partner-logos ul.partner-list li {
    margin: 0 20px 20px;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-logos ul.partner-list li {
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-logos ul.partner-list li {
    width: 50%;
  }
}
.section-partner-logos ul.partner-list li a {
  box-shadow: rgba(0, 35, 75, 0.15) 0px 0px 10px;
  padding: 20px;
  display: flex;
  width: 180px;
  justify-content: center;
  border-radius: 8px;
  transform: scale(1);
  border: 1px solid transparent;
  transition: all 0.3s;
}
.section-partner-logos ul.partner-list li a:hover {
  animation: scaleup 1s infinite;
  border-color: #5B36F5;
}
@keyframes scaleup {
  0% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@media only screen and (max-width : 1040px) {
  .section-partner-logos ul.partner-list li a {
    width: 160px;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-logos ul.partner-list li a {
    width: 85%;
    justify-content: center;
    margin: auto;
    padding: 16px 12px;
  }
}
.section-partner-logos ul.partner-list li img {
  width: auto;
  display: block;
  max-height: 45px;
}
@media only screen and (max-width : 650px) {
  .section-partner-logos ul.partner-list li img {
    max-height: 35px;
  }
}

.partner-welcome {
  margin: -7rem 0 0;
}
@media only screen and (max-width: 1340px) {
  .partner-welcome {
    margin: -5rem 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .partner-welcome {
    margin: -3rem 0 0;
  }
}
.partner-welcome p {
  margin: 2rem auto 1rem;
  max-width: 880px;
}
@media only screen and (max-width : 650px) {
  .partner-welcome p {
    margin: 1rem 0 0.5rem;
  }
}

.section-partner-bullets {
  padding-top: 4rem;
}
@media only screen and (max-width : 650px) {
  .section-partner-bullets {
    padding-top: 2rem;
  }
}
.section-partner-bullets .partner-button {
  text-align: center;
  margin: 2em 0 0;
}
@media only screen and (max-width : 650px) {
  .section-partner-bullets .partner-button {
    text-align: left;
  }
}
.section-partner-bullets .dashboard-bullets .d-unit {
  width: 25%;
}
@media only screen and (max-width : 1040px) {
  .section-partner-bullets .dashboard-bullets .d-unit {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-partner-bullets .dashboard-bullets .d-unit {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.section-partner-bullets .dashboard-bullets .d-unit h4 {
  font-size: 18px;
  margin: -0.25rem 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  .section-partner-bullets .dashboard-bullets .d-unit h4 {
    font-size: 16px;
    margin: -0.25rem 0 0.25rem;
  }
}
.section-partner-bullets .dashboard-bullets .d-unit p {
  font-size: 16px;
}
@media only screen and (max-width : 650px) {
  .section-partner-bullets .dashboard-bullets .d-unit p {
    font-size: 15px;
  }
}

.partner-type {
  position: relative;
}
.partner-type .container {
  z-index: 1;
  position: relative;
}
.partner-type:after {
  content: "";
  background: #f6f9fc;
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 105%;
  position: absolute;
  top: -3rem;
  left: 0;
}
@media only screen and (max-width : 650px) {
  .partner-type:after {
    clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
  }
}
.partner-type .partner-referrals {
  margin: 3em 0 0;
  padding: 4em;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-referrals {
    text-align: left;
    padding: 2.5rem;
  }
}
.partner-type .partner-referrals small {
  display: block;
  line-height: 1.4;
  padding: 4em 0 0;
  max-width: 800px;
  margin: auto;
  opacity: 0.6;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-referrals small {
    padding: 1em 0 0;
  }
}
.partner-type .partner-referrals p {
  margin: 0 0 3em;
}
.partner-type .partner-referrals .plan-list {
  display: flex;
  column-gap: 40px;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-referrals .plan-list {
    display: block;
  }
}
.partner-type .partner-referrals .plan-list .plan-item {
  display: flex;
  text-align: left;
  align-items: center;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-referrals .plan-list .plan-item {
    margin-bottom: 1.5em;
  }
}
.partner-type .partner-referrals .plan-list .plan-item img {
  width: 80px;
  height: 80px;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-referrals .plan-list .plan-item img {
    width: 60px;
    height: 60px;
  }
}
.partner-type .partner-referrals .plan-list .plan-item p {
  font-size: 16px;
  padding: 0 0 0 1em;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .partner-type .partner-referrals .plan-list .plan-item p {
    font-size: 15px;
  }
}
.partner-type .partner-referrals .plan-list .plan-item p strong {
  display: block;
  line-height: 1;
  font-size: 18px;
  color: #000;
}
@media only screen and (max-width : 650px) {
  .partner-type .partner-referrals .plan-list .plan-item p strong {
    font-size: 16px;
  }
}
.partner-type .partner-referrals .plan-list .plan-item p span {
  display: block;
  line-height: 1.5;
  padding-top: 5px;
}
.partner-type .partner-type-wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-type-wrap {
    display: block;
  }
}
.partner-type .partner-type-wrap .image {
  width: 40%;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-type-wrap .image {
    width: 100%;
  }
}
.partner-type .partner-type-wrap .image img {
  width: 100%;
  height: auto;
  box-shadow: rgba(7, 30, 87, 0.1) 20px 20px 20px -10px;
  border-radius: 10px;
}
.partner-type .partner-type-wrap .partner-list {
  padding: 0 0 0 5rem;
  width: 60%;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-type-wrap .partner-list {
    width: 100%;
    padding: 2rem 0 0;
  }
}
.partner-type .partner-type-wrap .partner-tab {
  background: #fff;
  border-radius: 10px;
  padding: 40px 60px;
  margin: 0 0 2rem;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-type-wrap .partner-tab {
    padding: 30px 40px;
  }
}
.partner-type .partner-type-wrap .partner-tab a.accordion {
  font-size: 26px;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  cursor: pointer;
  position: relative;
  width: 100%;
  display: block;
  color: #555;
  text-decoration: none;
  transition: all 0.3s;
}
.partner-type .partner-type-wrap .partner-tab a.accordion:hover {
  opacity: 0.7;
}
@media only screen and (max-width : 1040px) {
  .partner-type .partner-type-wrap .partner-tab a.accordion {
    font-size: 22px;
  }
}
.partner-type .partner-type-wrap .partner-tab a.accordion::before {
  content: "";
  background: url("../images/icons/arrow-right.svg") no-repeat;
  background-size: 100%;
  width: 15px;
  height: 26px;
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  transition: all 0.3s;
  transform: rotate(-90deg);
  filter: grayscale(100%);
}
@media only screen and (max-width : 650px) {
  .partner-type .partner-type-wrap .partner-tab a.accordion::before {
    width: 10px;
    height: 20px;
  }
}
.partner-type .partner-type-wrap .partner-tab.active a.accordion {
  color: #5B36F5;
}
.partner-type .partner-type-wrap .partner-tab.active a.accordion:hover {
  opacity: 1;
}
.partner-type .partner-type-wrap .partner-tab.active a.accordion::before {
  filter: grayscale(0%);
  transform: rotate(90deg);
}
.partner-type .partner-type-wrap .partner-tab .panel {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.partner-type .partner-type-wrap .partner-tab .panel a.btn, .partner-type .partner-type-wrap .partner-tab .panel nav.blog-footer a, nav.blog-footer .partner-type .partner-type-wrap .partner-tab .panel a {
  margin: 1rem 0 0;
}
.partner-type .partner-type-wrap .partner-tab.active .panel {
  max-height: 100%;
  padding: 1rem 0 0;
}
.partner-type .partner-type-wrap .partner-tab ul.with-ticks {
  margin-bottom: 0;
}

#referral-program ul.with-ticks {
  margin-bottom: 2em;
}
#referral-program small {
  display: block;
  line-height: 1.4;
  padding: 2em 0 0;
  max-width: 800px;
  margin: auto;
  opacity: 0.6;
}

#referral-program.section-how-integrate .layout-columns .column-image {
  margin-top: 0;
}

@media only screen and (max-width : 650px) {
  #referral-program.section-how-integrate .layout-columns .column-image {
    margin: 0 auto 3rem;
    width: 100%;
  }
}
.section-partner-cta {
  text-align: center;
  background: url("../images/partners/logos/partner-overview.png") no-repeat center bottom;
  padding-bottom: 18rem;
}
@media only screen and (max-width : 1040px) {
  .section-partner-cta {
    background: none;
    padding-bottom: 5rem;
  }
}
.section-partner-cta p {
  margin: 1.5rem auto 2rem;
  max-width: 800px;
  text-align: center;
}
@media only screen and (max-width : 1040px) {
  .section-partner-cta p {
    text-align: left;
    margin: 1.5rem auto 2rem;
  }
}
.section-partner-cta.no-background {
  background: none;
  padding-bottom: 7rem;
}
@media only screen and (max-width : 1040px) {
  .section-partner-cta.no-background {
    padding-bottom: 5rem;
  }
}
.section-partner-cta.no-background p {
  max-width: 600px;
}
.section-partner-cta .partner-button {
  margin: auto;
}
@media only screen and (max-width : 650px) {
  .section-partner-cta .partner-button {
    text-align: left;
  }
}

/*********************
   Article - Filters
**********************/
.article-filters {
  margin: -1.5rem auto 2.5rem;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .article-filters {
    display: none;
  }
}
.article-filters ul {
  display: flex;
  margin: auto;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 16px;
}
@media only screen and (max-width: 900px) {
  .article-filters ul {
    row-gap: 10px;
    column-gap: 10px;
  }
}
.article-filters ul li {
  display: flex;
}
.article-filters ul li:last-of-type {
  margin: 0;
}
.article-filters ul li a {
  border-radius: 18px;
  border: 1px solid #ccc;
  padding: 8px 17px;
  display: inline-flex;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
  background-color: #fff;
}
@media only screen and (max-width: 900px) {
  .article-filters ul li a {
    font-size: 13px;
  }
}
.article-filters ul li a:hover {
  background: #f2f2f2;
}
.article-filters ul li a svg {
  width: 0;
  height: 0;
  margin: -2px 4px -2px -5px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}
.article-filters ul li a svg path {
  stroke: #fff;
  color: #fff;
}
.article-filters ul li a svg.show {
  width: 17px;
  height: 17px;
  visibility: visible;
  opacity: 1;
}
.article-filters ul li a svg.show path {
  stroke: #000;
  color: #000;
  opacity: 0.6;
}

.apply-filter1 .article-filters ul li.filter-1 a,
.apply-filter1 .article-filters ul li.filter-1 a:hover {
  background: #ff9443;
  color: #fff;
  border-color: #ff9443;
}
.apply-filter1 .article-filters ul li.filter-1 a svg,
.apply-filter1 .article-filters ul li.filter-1 a:hover svg {
  width: 18px;
  height: 18px;
  visibility: visible;
  opacity: 1;
}
.apply-filter1 .article-filters ul li.filter-1 a svg.show,
.apply-filter1 .article-filters ul li.filter-1 a:hover svg.show {
  width: 0;
  height: 0;
}
.apply-filter1 section.article-listing article, .apply-filter1.section-partner-logos ul.partner-list li,
.apply-filter1 .partners-listing-grid .item-listing {
  display: none;
}
.apply-filter1 section.article-listing article.type-Best, .apply-filter1 section.article-listing article.partner-eu, .apply-filter1 section.article-listing article.type-platform, .apply-filter1.section-partner-logos ul.partner-list li.type-Best, .apply-filter1.section-partner-logos ul.partner-list li.partner-eu, .apply-filter1.section-partner-logos ul.partner-list li.type-platform,
.apply-filter1 .partners-listing-grid .item-listing.type-Best,
.apply-filter1 .partners-listing-grid .item-listing.partner-eu,
.apply-filter1 .partners-listing-grid .item-listing.type-platform {
  display: block;
}

.apply-filter2 .article-filters ul li.filter-2 a,
.apply-filter2 .article-filters ul li.filter-2 a:hover {
  background: #28ba88;
  color: #fff;
  border-color: #28ba88;
}
.apply-filter2 .article-filters ul li.filter-2 a svg,
.apply-filter2 .article-filters ul li.filter-2 a:hover svg {
  width: 18px;
  height: 18px;
  visibility: visible;
  opacity: 1;
}
.apply-filter2 .article-filters ul li.filter-2 a svg.show,
.apply-filter2 .article-filters ul li.filter-2 a:hover svg.show {
  width: 0;
  height: 0;
}
.apply-filter2 section.article-listing article, .apply-filter2.section-partner-logos ul.partner-list li,
.apply-filter2 .partners-listing-grid .item-listing {
  display: none;
}
.apply-filter2 section.article-listing article.type-Customer, .apply-filter2 section.article-listing article.partner-americas, .apply-filter2 section.article-listing article.type-middleware, .apply-filter2.section-partner-logos ul.partner-list li.type-Customer, .apply-filter2.section-partner-logos ul.partner-list li.partner-americas, .apply-filter2.section-partner-logos ul.partner-list li.type-middleware,
.apply-filter2 .partners-listing-grid .item-listing.type-Customer,
.apply-filter2 .partners-listing-grid .item-listing.partner-americas,
.apply-filter2 .partners-listing-grid .item-listing.type-middleware {
  display: block;
}

.apply-filter3 .article-filters ul li.filter-3 a,
.apply-filter3 .article-filters ul li.filter-3 a:hover {
  background: #fc2f86;
  color: #fff;
  border-color: #fc2f86;
}
.apply-filter3 .article-filters ul li.filter-3 a svg,
.apply-filter3 .article-filters ul li.filter-3 a:hover svg {
  width: 18px;
  height: 18px;
  visibility: visible;
  opacity: 1;
}
.apply-filter3 .article-filters ul li.filter-3 a svg.show,
.apply-filter3 .article-filters ul li.filter-3 a:hover svg.show {
  width: 0;
  height: 0;
}
.apply-filter3 section.article-listing article, .apply-filter3.section-partner-logos ul.partner-list li,
.apply-filter3 .partners-listing-grid .item-listing {
  display: none;
}
.apply-filter3 section.article-listing article.type-Partnership, .apply-filter3 section.article-listing article.partner-apac, .apply-filter3 section.article-listing article.type-erp, .apply-filter3.section-partner-logos ul.partner-list li.type-Partnership, .apply-filter3.section-partner-logos ul.partner-list li.partner-apac, .apply-filter3.section-partner-logos ul.partner-list li.type-erp,
.apply-filter3 .partners-listing-grid .item-listing.type-Partnership,
.apply-filter3 .partners-listing-grid .item-listing.partner-apac,
.apply-filter3 .partners-listing-grid .item-listing.type-erp {
  display: block;
}

.apply-filter4 .article-filters ul li.filter-4 a,
.apply-filter4 .article-filters ul li.filter-4 a:hover {
  background: #5b36f5;
  color: #fff;
  border-color: #5b36f5;
}
.apply-filter4 .article-filters ul li.filter-4 a svg,
.apply-filter4 .article-filters ul li.filter-4 a:hover svg {
  width: 18px;
  height: 18px;
  visibility: visible;
  opacity: 1;
}
.apply-filter4 .article-filters ul li.filter-4 a svg.show,
.apply-filter4 .article-filters ul li.filter-4 a:hover svg.show {
  width: 0;
  height: 0;
}
.apply-filter4 section.article-listing article,
.apply-filter4 .partners-listing-grid .item-listing {
  display: none;
}
.apply-filter4 section.article-listing article.type-Product, .apply-filter4 section.article-listing article.type-payments,
.apply-filter4 .partners-listing-grid .item-listing.type-Product,
.apply-filter4 .partners-listing-grid .item-listing.type-payments {
  display: block;
}

.apply-filter5 .article-filters ul li.filter-5 a,
.apply-filter5 .article-filters ul li.filter-5 a:hover {
  background: #0DCCFC;
  color: #fff;
  border-color: #0DCCFC;
}
.apply-filter5 .article-filters ul li.filter-5 a svg,
.apply-filter5 .article-filters ul li.filter-5 a:hover svg {
  width: 18px;
  height: 18px;
  visibility: visible;
  opacity: 1;
}
.apply-filter5 .article-filters ul li.filter-5 a svg.show,
.apply-filter5 .article-filters ul li.filter-5 a:hover svg.show {
  width: 0;
  height: 0;
}
.apply-filter5 section.article-listing article,
.apply-filter5 .partners-listing-grid .item-listing {
  display: none;
}
.apply-filter5 section.article-listing article.type-Guest, .apply-filter5 section.article-listing article.type-ux,
.apply-filter5 .partners-listing-grid .item-listing.type-Guest,
.apply-filter5 .partners-listing-grid .item-listing.type-ux {
  display: block;
}

.apply-filterAll .article-filters ul li.filter-all a,
.apply-filterAll .article-filters ul li.filter-all a:hover {
  background: #0DCCFC;
  color: #fff;
  border-color: #0DCCFC;
}
.apply-filterAll section.article-listing article {
  display: block !important;
}

/*********************
   Article - Blog footer
**********************/
nav.blog-footer {
  display: flex;
  width: 100%;
  column-gap: 10px;
  justify-content: center;
  margin: 2rem 0 0;
}
/*********************
   Article - Landing page
**********************/
.article-landing {
  padding: 9rem 0 5rem;
  /* Newsletter */
  /* Main content */
}
@media only screen and (max-width : 1040px) {
  .article-landing {
    padding-top: 8rem;
  }
}
@media only screen and (max-width : 650px) {
  .article-landing {
    padding-top: 7rem;
  }
}
.article-landing .container {
  max-width: 1800px;
  padding: 0 2.25rem;
}
.article-landing h1 {
  text-align: center;
  margin: 0 0 4rem;
}
.article-landing h1 span {
  color: #5B36F5;
}
@media only screen and (max-width : 650px) {
  .article-landing h1 {
    margin: 0 0 2rem;
    text-align: left;
  }
}
.article-landing .newsletter-wrapper {
  margin: -2rem auto 4rem;
  max-width: 800px;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .article-landing .newsletter-wrapper {
    margin: -1rem auto 2.5rem;
    text-align: left;
  }
}
.article-landing .newsletter-wrapper p {
  font-size: 16px;
}
@media only screen and (max-width : 1040px) {
  .article-landing .newsletter-wrapper p {
    font-size: 15px;
  }
}
.article-landing .newsletter-wrapper form {
  display: flex;
  margin: 2em auto 0;
  max-width: 400px;
  width: 100%;
  position: relative;
}
@media only screen and (max-width : 1040px) {
  .article-landing .newsletter-wrapper form {
    max-width: 100%;
  }
}
.article-landing .newsletter-wrapper .hbspt-form .hs-error-msgs {
  position: absolute;
  top: -20px;
  left: 0;
}
@media only screen and (max-width : 1040px) {
  .article-landing .newsletter-wrapper .hs_email {
    width: 100%;
  }
}
.article-landing .newsletter-wrapper .input {
  min-width: 320px;
}
@media only screen and (max-width : 650px) {
  .article-landing .newsletter-wrapper .input {
    min-width: 200px;
  }
}
.article-landing .newsletter-wrapper .hs_submit {
  display: flex;
}
.article-landing .newsletter-wrapper .actions {
  margin: 0;
  height: 100%;
}
.article-landing .newsletter-wrapper .actions input, .article-landing .newsletter-wrapper .actions .hbspt-form select, .hbspt-form .article-landing .newsletter-wrapper .actions select {
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition: all 0.3s;
  margin-left: 0;
  position: relative;
  padding: 1em 1.25em;
  height: 100%;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .article-landing .newsletter-wrapper .actions input:after, .article-landing .newsletter-wrapper .actions .hbspt-form select:after, .hbspt-form .article-landing .newsletter-wrapper .actions select:after {
    content: "→";
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
  }
}
.article-landing section.article-listing {
  justify-content: start;
  column-gap: 2.6%;
}
@media only screen and (max-width: 1350px) {
  .article-landing section.article-listing {
    column-gap: 3%;
  }
}
@media only screen and (max-width : 1040px) {
  .article-landing section.article-listing {
    justify-content: space-between;
    column-gap: normal;
  }
}
.article-landing section.article-listing article {
  margin-bottom: 3%;
  width: 23%;
}
@media only screen and (max-width: 1350px) {
  .article-landing section.article-listing article {
    width: 31%;
    margin-bottom: 5%;
  }
}
@media only screen and (max-width : 650px) {
  .article-landing section.article-listing article {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 1200px) {
  .article-landing section.article-listing article {
    width: 47.5%;
    margin-right: 0;
  }
}
@media only screen and (max-width : 650px) {
  .article-landing section.article-listing article {
    width: 100%;
  }
}

/*********************
   Article - Detail page
 **********************/
.page-wrapper-article {
  padding: 11rem 0 5rem;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-article {
    padding-top: 8rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-article {
    padding-top: 8rem;
  }
}

.article-header {
  margin: 0 auto;
  max-width: 660px;
  width: 100%;
}
@media only screen and (max-width : 1040px) {
  .article-header {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.article-header h1 {
  font-size: 32px;
  margin: 0 0 1.25rem;
  line-height: 140%;
}
@media only screen and (max-width : 1040px) {
  .article-header h1 {
    font-size: 28px;
  }
}
@media only screen and (max-width : 650px) {
  .article-header h1 {
    font-size: 28px;
  }
}
.article-header .author {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width : 650px) {
  .article-header .author {
    flex-wrap: wrap-reverse;
  }
}
.article-header .author .item-wrap {
  display: flex;
  align-items: center;
}
.article-header .author .item-wrap img {
  width: 50px;
  height: 50px;
  margin: 0 1rem 0 0;
  border: double 3px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.article-header .author .item-wrap div {
  line-height: 150%;
}
.article-header .author .item-wrap p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}
.article-header .author .item-wrap small {
  display: block;
}
.article-header .author span.post-type {
  font-size: 15px;
}
@media only screen and (max-width : 650px) {
  .article-header .author span.post-type {
    margin: -6px 0 15px;
    font-size: 13px;
  }
}

.article-image {
  max-width: 880px;
  width: 100%;
  margin: 3rem auto 4rem;
}
@media only screen and (max-width : 650px) {
  .article-image {
    margin: 3rem auto 3rem;
  }
}
.article-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .article-image img {
    border-radius: 0;
  }
}
.article-image video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .article-image video {
    border-radius: 0;
  }
}
.article-image figure {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  margin: 0;
}
.article-image figure iframe {
  border-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .article-image figure {
    border-radius: 0;
  }
  .article-image figure iframe {
    border-radius: 0;
    height: 350px !important;
  }
}

.article-content {
  margin: 0 auto;
  max-width: 660px;
  width: 100%;
}
@media only screen and (max-width : 1040px) {
  .article-content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.article-content p {
  font-size: 17px;
  line-height: 155%;
}
@media only screen and (max-width : 650px) {
  .article-content p {
    font-size: 15px;
    line-height: 150%;
  }
}
.article-content p a {
  cursor: pointer;
}
.article-content hr {
  border: 1px solid #ddd;
  margin: 3rem 0;
}
.article-content ul,
.article-content ol {
  margin: 0 0 0 1.125rem;
}
.article-content ul li,
.article-content ol li {
  margin-bottom: 0.5rem;
  font-size: 17px;
}
@media only screen and (max-width : 650px) {
  .article-content ul li,
.article-content ol li {
    font-size: 15px;
    line-height: 150%;
  }
}
.article-content ul li {
  list-style-type: square;
}
.article-content ol {
  margin: 0;
  padding: 0;
  margin: 0 0 0 1.125rem;
}
.article-content ol li {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width : 650px) {
  .article-content ol li {
    font-size: 15px;
  }
}
.article-content h3 {
  margin: 2rem 0 1rem;
}
.article-content h4 {
  margin: 1.5rem 0 1rem;
}
.article-content h4.highlight {
  color: #5B36F5;
}
.article-content h5 {
  margin: 1.5rem 0 1rem;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 17px;
}
@media only screen and (max-width : 650px) {
  .article-content h5 {
    font-size: 15px;
  }
}
@media only screen and (max-width : 650px) {
  .article-content p {
    font-size: 15px;
  }
}
.article-content small.annotation {
  display: block;
  text-align: center;
  color: #999;
  margin: -1rem 0 1.5rem;
}
.article-content img,
.article-content video {
  width: 130%;
  height: auto;
  display: block;
  margin: 2.5rem 0 2.5rem -15%;
  border-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .article-content img,
.article-content video {
    border-radius: 0;
  }
}
.article-content .gist {
  margin: 2rem 0;
}
.article-content .feature-block-article {
  padding: 1.5rem;
  background: linear-gradient(90deg, #f3ebfd, #dceeff);
  border: 1px solid #d1adff;
  border-radius: 4px;
  margin: 2rem 0 2rem;
}
@media only screen and (max-width : 650px) {
  .article-content .feature-block-article {
    margin: 1.5rem 0 1.5rem;
    padding: 1.25rem;
  }
}
.article-content .feature-block-article h4 {
  margin: 0 0 0.75rem;
  color: #5B36F5;
  font-size: 16px;
}
@media only screen and (max-width : 650px) {
  .article-content .feature-block-article h4 {
    font-size: 15px;
  }
}
.article-content .feature-block-article p {
  margin: 0 0 1rem;
}
.article-content .feature-block-article p:last-of-type {
  margin: 0;
}
.article-content .feature-block-article ul {
  margin: 0;
}
.article-content .feature-block-article ul li {
  list-style-type: none;
}
.article-content .feature-block-article ul li:last-of-type {
  margin: 0;
}
.article-content .how-to-message {
  padding: 2rem;
  background: linear-gradient(90deg, #eddfff, #dceeff);
  border: 1px solid #d1adff;
  border-radius: 4px;
  margin: 2rem 0 3rem;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .article-content .how-to-message {
    margin: 1.5rem 0 2rem;
    padding: 1.5rem;
  }
}
.article-content .how-to-message span {
  font-size: 14px;
  padding: 10px 12px;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  margin: 0 0 1rem;
  color: #fff;
  background: #5B36F5;
}
.article-content .how-to-message h3 {
  margin: 0 0 0.5rem;
  color: #5B36F5;
  font-size: 16px;
}
.article-content .how-to-message p {
  margin: 0 0 1rem;
}
.article-content .how-to-message p:last-of-type {
  margin: 0;
}
.article-content .how-to-message a.btn, .article-content .how-to-message nav.blog-footer a, nav.blog-footer .article-content .how-to-message a {
  margin: 1em 0 0;
}
.article-content .how-to-message img {
  margin: 1.5rem 0;
  width: 100%;
}
.article-content .how-to-message ul {
  margin-top: 1em;
}
.article-content .highlight-message {
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 2rem 0 3rem;
}
@media only screen and (max-width : 650px) {
  .article-content .highlight-message {
    margin: 1.5rem 0 2rem;
  }
}
.article-content .highlight-message h4 {
  margin: 0 0 0.5rem;
  color: #5B36F5;
}
.article-content .highlight-message p {
  margin: 0;
}
.article-content .highlight-message a.btn, .article-content .highlight-message nav.blog-footer a, nav.blog-footer .article-content .highlight-message a {
  margin: 1em 0 0;
}
.article-content .highlight-message.love-b2b {
  background: #f3f2fe;
  box-shadow: none;
  display: flex;
  gap: 2em;
}
.article-content .highlight-message.love-b2b img {
  width: 110px;
  height: 130px;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .article-content .highlight-message.love-b2b .logo-love {
    display: none;
  }
}
.article-content .highlight-message.love-b2b h4 {
  margin: 0;
}
.article-content .highlight-message.love-b2b p {
  font-size: 15px;
  line-height: 1.4;
}
.article-content .highlight-embed {
  padding: 2rem;
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 3rem 0 3rem;
  display: block;
}
@media only screen and (max-width : 650px) {
  .article-content .highlight-embed {
    margin: 1.5rem 0 2rem;
  }
}
.article-content table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 2rem 0;
}
.article-content table thead th {
  font-size: 16px;
  color: #7b8c9c;
  padding: 0.5rem;
  border-bottom: 1px solid #ccc;
  background: #f1f1f1;
  font-weight: 500;
  border-right: 1px solid #ccc;
}
@media only screen and (max-width : 650px) {
  .article-content table thead th {
    font-size: 15px;
  }
}
.article-content table tbody tr td:first-of-type {
  background: #f1f1f1;
  border-right: 1px solid #ccc;
}
.article-content table tbody td {
  padding: 0.5rem;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  vertical-align: top;
  line-height: 1.5;
}
@media only screen and (max-width : 650px) {
  .article-content table tbody td {
    font-size: 15px;
  }
}
.article-content table tbody td ul li {
  margin: 0;
  line-height: 1.5;
}
.article-content table.cols-3 tbody td:last-of-type {
  border-left: 1px solid #ccc;
}
.article-content table code {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500;
  color: #7b8c9c;
}
.article-content table.comparison-table {
  border: 8px solid #fff;
  width: 132%;
  margin-left: -16%;
  margin-bottom: 6rem;
}
@media only screen and (max-width : 650px) {
  .article-content table.comparison-table {
    width: 120%;
    margin-left: -10%;
  }
}
.article-content table.comparison-table td {
  padding: 1.25rem 1.5rem;
  border-bottom: 5px solid #fff;
  border-right: 0;
}
.article-content table.comparison-table td:first-of-type {
  border-right: 0;
}
.article-content table.comparison-table td span {
  max-width: 100%;
}
.article-content .article-comparison .comparison {
  margin: 0 -200px;
  padding: 0.5rem 0 1rem 0;
}
@media only screen and (max-width : 650px) {
  .article-content .article-comparison .comparison {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 990px) {
  .article-content .article-comparison .comparison {
    margin: 0 -120px;
  }
}
@media only screen and (max-width: 820px) {
  .article-content .article-comparison .comparison {
    margin: 0 -60px;
  }
}
.article-content .article-comparison .comparison::after {
  display: none;
}
.article-content .article-comparison .comparison .comparison-header,
.article-content .article-comparison .comparison .comparison-footer {
  display: none;
}
.article-content .article-comparison .comparison .comparison-button::before {
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.article-content .article-comparison .comparison .apply-filter1 span.tick.standard,
.article-content .article-comparison .comparison .apply-filter1 span.cross.standard {
  display: none;
}
.article-content .article-comparison .comparison .apply-filter1 span.tick.plus,
.article-content .article-comparison .comparison .apply-filter1 span.cross.plus {
  display: block;
}
.article-content .article-comparison .comparison .apply-filter1 table.comparison-table thead tr td.col-center.shopify {
  background-color: #000;
}
.article-content .article-comparison .comparison .apply-filter1 table.comparison-table thead tr td.col-center.shopify .shopify-standard {
  display: none;
}
.article-content .article-comparison .comparison .apply-filter1 table.comparison-table thead tr td.col-center.shopify .shopify-plus {
  display: block;
}
.article-content .article-comparison .comparison ul.tab-buttons {
  display: none;
}
.article-content .article-comparison .comparison table.comparison-table {
  margin: 2rem auto 0;
  width: 100%;
  max-width: 900px;
  border: 0;
}
@media only screen and (max-width: 1300px) {
  .article-content .article-comparison .comparison table.comparison-table {
    box-shadow: none;
  }
}
.article-content .case-study-summary {
  display: flex;
  padding: 0 0 2rem 0;
  border-bottom: 1px solid #ccc;
  margin: 0 0 2.5rem;
}
@media only screen and (max-width : 1040px) {
  .article-content .case-study-summary {
    flex-wrap: wrap;
    padding: 0;
    font-size: 15px;
    margin: 0 0 2rem;
  }
}
.article-content .case-study-summary div {
  padding: 0 3rem 0 0;
}
.article-content .case-study-summary div:last-of-type {
  padding: 0;
}
@media only screen and (max-width : 1040px) {
  .article-content .case-study-summary div {
    padding: 0 2rem 1.5rem 0;
  }
  .article-content .case-study-summary div:last-of-type {
    padding: 0 0 1.5rem;
  }
}
@media only screen and (max-width : 650px) {
  .article-content .case-study-summary div {
    padding: 0 0 1.5rem;
    width: 50%;
  }
}
.article-content .case-study-summary p {
  font-weight: 500;
  margin: 0 0 2px;
  color: #000;
}
.article-content blockquote {
  background: #f6f9fc;
  padding: 2rem;
  margin: 2rem 0;
  border-left: 8px solid #0DCCFC;
}
.article-content blockquote p {
  margin: 0;
}
.article-content figure {
  padding: 0;
  margin: 2rem 0;
  border-radius: 8px;
}
.article-content figure.video_container {
  width: 130%;
  height: auto;
  display: block;
  margin: 2.5rem 0 2.5rem -15%;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.article-content figure.video_container iframe {
  display: block;
  border-radius: 8px;
}
@media only screen and (max-width : 650px) {
  .article-content figure.video_container {
    width: 100%;
    margin: 2.5rem 0;
  }
  .article-content figure.video_container iframe {
    height: 270px !important;
  }
}
.article-content .about-grid-wrapper {
  margin: 3rem -12rem 2rem;
  column-gap: 20px;
  row-gap: 20px;
}
@media only screen and (max-width: 1200px) {
  .article-content .about-grid-wrapper {
    margin: 3rem -10rem 2rem;
  }
}
@media only screen and (max-width : 1040px) {
  .article-content .about-grid-wrapper {
    margin: 3rem 0 2rem;
  }
}
.article-content .about-grid-wrapper .about-profile-wrap {
  column-gap: 14px;
}
.article-content .about-grid-wrapper .about-member {
  width: 30%;
  padding: 1.25rem;
}
@media only screen and (max-width: 1200px) {
  .article-content .about-grid-wrapper .about-member {
    width: 48%;
  }
}
@media only screen and (max-width : 1040px) {
  .article-content .about-grid-wrapper .about-member {
    width: 100%;
  }
}
.article-content .about-grid-wrapper .about-member img.profile {
  margin: 0;
}
.article-content .about-grid-wrapper .about-member .about-photo {
  min-width: 70px;
  width: 70px;
}
.article-content .about-grid-wrapper .about-member p {
  font-size: 15px;
  margin: -1px 0 -3px;
}
.article-content .about-grid-wrapper .about-member em {
  font-size: 14px;
  font-style: normal;
  opacity: 0.8;
  display: block;
}
.article-content .about-grid-wrapper .about-member span,
.article-content .about-grid-wrapper .about-member a {
  display: none;
}
.article-content .about-grid-wrapper.blog-profile .about-member {
  width: 100%;
  max-width: 660px;
}
.article-content .about-grid-wrapper.blog-profile .about-member span {
  display: block;
}
.article-content .about-grid-wrapper.blog-profile .about-member a {
  display: block;
  margin: 4px 0 0;
}

.leadership-grid-wrapper {
  margin: 3rem 0 2rem;
  gap: 2%;
  display: flex;
  row-gap: 2em;
}
@media only screen and (max-width: 890px) {
  .leadership-grid-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.leadership-grid-wrapper .about-profile-wrap {
  column-gap: 14px;
}
.leadership-grid-wrapper .about-member {
  width: 25%;
}
@media only screen and (max-width: 890px) {
  .leadership-grid-wrapper .about-member {
    width: 48.2%;
  }
}
@media only screen and (max-width: 520px) {
  .leadership-grid-wrapper .about-member {
    width: 100%;
  }
}
.leadership-grid-wrapper .about-member .about-bio {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.leadership-grid-wrapper .about-member h4 {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
}
.leadership-grid-wrapper .about-member .about-photo img.profile {
  margin: 0 0 1em;
  width: 100%;
  display: block;
  border-radius: 8px;
  outline: 2px solid transparent;
  transition: all 0.3s;
}
.leadership-grid-wrapper .about-member:hover img.profile {
  outline-color: #5B36F5;
}
.leadership-grid-wrapper .about-member a {
  background: url("../images/icons/icon-linkedin.svg") no-repeat;
  background-size: 18px 18px;
  background-position: left center;
  display: block;
  width: 18px;
  height: 18px;
  transition: 0.3s;
  margin: 6px 0 0;
}
.leadership-grid-wrapper .about-member a:hover {
  opacity: 0.7;
}
.leadership-grid-wrapper .about-member p {
  font-size: 15px;
  margin: -1px 0 -3px;
}
.leadership-grid-wrapper .about-member span {
  font-size: 15px;
  line-height: 1.45;
  font-style: normal;
  display: block;
  margin: 1em 0 0;
}
.leadership-grid-wrapper.blog-profile .about-member {
  width: 100%;
  max-width: 660px;
}
.leadership-grid-wrapper.blog-profile .about-member span {
  display: block;
}
.leadership-grid-wrapper.blog-profile .about-member a {
  display: block;
  margin: 4px 0 0;
}

.team-photo-landscape.section-featured-video {
  margin: 100px 0 0;
  display: block;
  height: auto;
  border-radius: 20px;
  width: 100%;
}
@media only screen and (max-width : 1040px) {
  .team-photo-landscape.section-featured-video {
    margin: 40px 0 -20px;
  }
  .team-photo-landscape.section-featured-video::after, .team-photo-landscape.section-featured-video:before {
    display: none;
  }
}
.team-photo-landscape img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  display: block;
}
@media only screen and (max-width : 1040px) {
  .team-photo-landscape img {
    border-radius: 8px;
  }
}
.team-photo-landscape small.team-annotation {
  display: block;
  margin: 0.5rem auto;
  color: #989898;
  text-align: center;
  width: 100%;
  font-size: 14px;
  position: absolute;
  bottom: 5px;
  left: 0;
  color: #fff;
  font-weight: 500;
}

/*********************
  Partner Listing
**********************/
.partner-listing {
  background: linear-gradient(180deg, #f1f1f1 0%, white 100%) !important;
}
.partner-listing.blurred-gradient:after {
  top: 200%;
  z-index: 0;
}
.partner-listing.partner-details.blurred-gradient:after {
  top: 40%;
  opacity: 0.4;
}
.partner-listing section.index-hero .container {
  padding-bottom: 1em;
}
.partner-listing section.index-hero .index-hero-intro {
  max-width: 840px;
  width: 100%;
  padding: 3% 0 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .index-hero-intro {
    padding: 3% 0 0;
  }
}
.partner-listing section.index-hero .color-bar {
  transform: rotate(-2.75deg);
  bottom: -120px;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .color-bar {
    bottom: -140px;
  }
}
.partner-listing section.index-hero .partner-logos {
  margin: 0 0 2rem;
}
.partner-listing section.index-hero .partner-logos img {
  position: relative;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.15), 0 8px 16px -8px rgba(0, 0, 0, 0.1), 0 -6px 16px -6px rgba(0, 0, 0, 0.03);
  background-color: #fff;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .partner-logos img {
    width: 86px;
    height: 86px;
  }
}
.partner-listing section.index-hero .partner-logos img:first-child {
  z-index: 1;
  right: -15px;
}
.partner-listing section.index-hero .partner-logos img :last-child {
  left: -8px;
}
.partner-listing section.index-hero h1 {
  text-align: center;
  font-size: 40px;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero h1 {
    text-align: left;
    font-size: 26px;
    margin-bottom: 1rem;
  }
}
.partner-listing section.index-hero h1 span {
  color: #5B36F5;
}
.partner-listing section.index-hero p {
  text-align: center;
  max-width: 800px;
  padding: 0 40px;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero p {
    text-align: left;
    margin-top: 0;
    padding: 0;
  }
  .partner-listing section.index-hero p br {
    display: none;
  }
}
.partner-listing section.index-hero .partner-button {
  margin: 2em auto 1em;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .partner-button {
    margin: 1em 0;
  }
}
.partner-listing section.index-hero .shopify-app-link {
  margin: 1em 0 0;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .shopify-app-link {
    text-align: left;
    width: 100%;
  }
}
.partner-listing section.index-hero .shopify-app-link a {
  display: block;
}
.partner-listing section.index-hero .shopify-app-link img {
  max-width: 250px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partner-listing section.index-hero .shopify-app-link img {
    width: 220px;
  }
}

.partner-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0 4rem;
}
@media only screen and (max-width : 1040px) {
  .partner-navigation {
    justify-content: center;
    border: 0;
    margin-bottom: 2rem;
  }
}
.partner-navigation a.btn-light, .partner-navigation nav.blog-footer a, nav.blog-footer .partner-navigation a {
  border: 1px solid #5B36F5;
  margin: 0 0.5rem 0 0;
}
.partner-navigation ul {
  display: flex;
  margin: 0;
  justify-content: start;
  column-gap: 0;
  flex-wrap: wrap;
  row-gap: 16px;
}
@media only screen and (max-width : 1040px) {
  .partner-navigation ul {
    display: none;
  }
}
.partner-navigation ul li {
  margin: 0 1rem 0 0;
  display: flex;
}
.partner-navigation ul li a {
  border-radius: 18px;
  border: 1px solid #ccc;
  padding: 8px 17px;
  display: inline-flex;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
  background-color: #fff;
}
.partner-navigation ul li a:hover {
  background: #f2f2f2;
}

.partner-content-wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width : 1040px) {
  .partner-content-wrap {
    display: block;
  }
}

.partner-content-left {
  width: 55%;
}
@media only screen and (max-width : 1040px) {
  .partner-content-left {
    text-align: center;
  }
  .partner-content-left h3 {
    text-align: left;
  }
}
@media only screen and (max-width : 1040px) {
  .partner-content-left {
    width: 100%;
  }
}
.partner-content-left img.partner-logo-large {
  display: block;
  margin: 0 0 1.5rem;
}
@media only screen and (max-width : 1040px) {
  .partner-content-left img.partner-logo-large {
    margin: 0 auto 1.5rem;
  }
}
.partner-content-left .partner-image {
  background: #f1f1f1;
  margin: 0 0 2.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.partner-content-left .partner-image.position-bottom {
  margin: 2.5rem 0 2rem;
}
@media only screen and (max-width : 650px) {
  .partner-content-left .partner-image.position-bottom {
    margin: 2rem 0 2rem;
  }
}
.partner-content-left .partner-image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}
@media only screen and (max-width : 650px) {
  .partner-content-left .partner-image iframe {
    max-height: 280px;
  }
}
.partner-content-left .feature-video h3 {
  margin-bottom: 0.5rem;
}
.partner-content-left .feature-video p {
  margin-bottom: 2rem;
}
.partner-content-left ul.with-ticks {
  margin-bottom: 2em;
}
@media only screen and (max-width : 1040px) {
  .partner-content-left ul.with-ticks li {
    text-align: left;
  }
}
.partner-content-left p {
  text-align: left;
}

.partner-content-right {
  width: 27%;
  margin: 1rem 0 0;
}
@media only screen and (max-width : 1040px) {
  .partner-content-right {
    width: 100%;
    margin: 3rem 0 0;
  }
}
.partner-content-right .partner-list {
  padding: 3rem;
  background-color: #fff;
  box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .partner-content-right .partner-list {
    padding: 2rem;
  }
}
.partner-content-right .partner-list .item-unit {
  margin: 0 0 1.5rem;
}
.partner-content-right .partner-list .item-unit:last-of-type {
  margin: 0;
}
.partner-content-right .partner-list .item-unit h4 {
  font-size: 15px;
  margin: 0;
}
.partner-content-right .partner-list .item-unit p {
  font-size: 16px;
  margin: 0.25rem 0 0;
}
.partner-content-right .partner-list .item-unit ul {
  margin: 0.25rem 0 0;
}
.partner-content-right .partner-list .item-unit ul li {
  font-size: 16px;
}
@media only screen and (max-width : 650px) {
  .partner-content-right .partner-list .item-unit p,
.partner-content-right .partner-list .item-unit ul li {
    font-size: 15px;
  }
}
.partner-content-right .partner-list.partner-news {
  margin: 3rem 0 0;
  background: #f6f9fc;
}
.partner-content-right .partner-list.partner-news .item-unit ul {
  margin: 0.75rem 0 0;
}
.partner-content-right .partner-list.partner-news .item-unit ul li {
  margin-bottom: 1rem;
  line-height: 1.45;
}
.partner-content-right .partner-list.partner-news .item-unit ul li:last-of-type {
  margin: 0;
}

.patchworks-integrations {
  display: flex;
  flex-wrap: wrap;
  margin: 2rem 0 2rem;
  justify-content: space-between;
}
.patchworks-integrations .item {
  width: 32%;
  align-items: center;
  border: 1px solid #ddd;
  display: flex;
  padding: 1rem;
  margin: 0 0 2%;
  border-radius: 6px;
  flex-wrap: wrap;
}
@media only screen and (max-width : 650px) {
  .patchworks-integrations .item {
    width: 49%;
  }
}
.patchworks-integrations .item .product-image-wrap {
  overflow: hidden;
  width: 30%;
}
.patchworks-integrations .item .product-image-wrap img {
  width: 100%;
  height: 100;
  object-fit: contain;
  display: block;
}
.patchworks-integrations .item .product-caption {
  padding: 0 0 0 0.75em;
  width: 70%;
  overflow: hidden;
  text-align: left;
}
.patchworks-integrations .item .product-caption h6 {
  margin: 0 0 0.25rem;
  font-size: 14px;
  line-height: 1.2;
}
.patchworks-integrations .item .product-caption span {
  display: block;
  font-size: 12px;
  line-height: 1.2;
}

.partner-demo .section-interactive {
  padding-top: 2rem;
  margin-bottom: 2rem;
}

.page-wrapper-partners section.index-hero.shopify-intro {
  padding-bottom: 110px;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-partners section.index-hero.shopify-intro {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners section.index-hero.shopify-intro {
    padding-bottom: 80px;
  }
}
.page-wrapper-partners section.index-hero.shopify-intro a.hero-image-wrapper {
  top: 4rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners section.index-hero.shopify-intro a.hero-image-wrapper {
    top: 0;
  }
}
.page-wrapper-partners section.index-hero.shopify-intro .index-hero-intro {
  padding-top: 5%;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners section.index-hero.shopify-intro .index-hero-intro {
    padding-top: 2%;
  }
}
@media only screen and (min-width: 1201px) {
  .page-wrapper-partners section.index-hero.shopify-intro h1 {
    font-size: 42px;
  }
}
.page-wrapper-partners section.index-hero h1 span {
  color: #5B36F5;
}
.page-wrapper-partners section.index-hero h2 {
  text-transform: uppercase;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin: -0.5rem 0 0rem;
  opacity: 0.5;
}
.page-wrapper-partners section.index-hero .shopify-app-link {
  max-width: 220px;
  margin: 2.5rem 0 0;
  border-radius: 6px;
  background: #fff;
  padding: 12px 15px;
  transition: all 0.3s;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.05);
}
.page-wrapper-partners section.index-hero .shopify-app-link:hover {
  box-shadow: 0px 0px 4px 8px rgba(0, 0, 0, 0.03);
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-partners section.index-hero .shopify-app-link {
    max-width: 190px;
    margin: 1.5rem 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners section.index-hero .shopify-app-link {
    margin: 1.5rem auto 0;
  }
}
.page-wrapper-partners section.index-hero .shopify-app-link img {
  width: 100%;
  height: auto;
  display: block;
}
.page-wrapper-partners .home-logos .customer-logos:before,
.page-wrapper-partners .home-logos .customer-logos:after {
  display: none;
}
.page-wrapper-partners .section-how-frontend {
  padding-bottom: 6rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .section-how-frontend {
    padding-bottom: 0;
  }
}
.page-wrapper-partners .section-how-frontend.comparison {
  margin: -1rem 0 0;
  padding-bottom: 4rem;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-partners .section-how-frontend.comparison {
    margin: -8rem 0 -5rem;
  }
  .page-wrapper-partners .section-how-frontend.comparison:after {
    height: 96%;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .section-how-frontend.comparison {
    margin: -8rem 0 -5rem;
  }
}
.page-wrapper-partners .section-how-frontend .container {
  z-index: 2;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .feature-tabs {
    margin-bottom: -7rem;
    padding-top: 0;
  }
  .page-wrapper-partners .feature-tabs::after {
    display: none;
  }
}
.page-wrapper-partners .section-how-integrate .layout-columns .column-image {
  margin: 0 auto 3rem;
  width: 100%;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .section-how-integrate .layout-columns .column-image {
    display: none;
  }
}
.page-wrapper-partners .section-how-frontend .column-image {
  margin-top: 2rem;
}
.page-wrapper-partners .feature-enterprise h5 {
  background: none;
  padding: 0;
  font-size: 18px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 500;
  color: #fff;
  border-color: transparent;
}
.page-wrapper-partners .section-how-integrate:after {
  display: none;
}
.page-wrapper-partners .section-how-frontend:after {
  content: "";
  background: #f4f4f4;
  clip-path: polygon(0 2%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .section-how-frontend:after {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners .section-how-frontend.with-height:after {
    top: -6rem;
    clip-path: polygon(0 2%, 100% 0, 100% 98%, 0 100%);
    height: 110%;
  }
}

/*********************
   Comparison
 **********************/
.section-how-frontend.comparison,
.comparison {
  margin: 8rem 0 0;
  z-index: 2;
  padding-bottom: 4rem;
}
.section-how-frontend.comparison:after,
.comparison:after {
  content: "";
  background: #f4f4f4;
  clip-path: polygon(0 6%, 100% 0, 100% 95%, 0 100%);
  width: 100%;
  height: 102%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.section-how-frontend.comparison:after,
.comparison:after {
  background: #f6f9fc;
  clip-path: polygon(0 1%, 100% 0, 100% 99%, 0 100%);
}
@media only screen and (max-width : 1040px) {
  .section-how-frontend.comparison,
.comparison {
    padding-top: 8rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison,
.comparison {
    padding-top: 5rem;
    padding-bottom: 3rem;
    margin-top: 5rem;
  }
}
.section-how-frontend.comparison ul.tab-buttons,
.comparison ul.tab-buttons {
  margin: 2rem 0;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison ul.tab-buttons,
.comparison ul.tab-buttons {
    display: none;
  }
}
.section-how-frontend.comparison ul.tab-buttons li a,
.comparison ul.tab-buttons li a {
  background-image: none;
  padding: 1.25rem 2.5rem;
  filter: grayscale(0);
  min-width: 50px;
  text-align: center;
}
.section-how-frontend.comparison ul.tab-buttons li a img,
.comparison ul.tab-buttons li a img {
  width: 120px;
}
.section-how-frontend.comparison .apply-filter1 span.tick.plus,
.section-how-frontend.comparison .apply-filter1 span.cross.plus,
.comparison .apply-filter1 span.tick.plus,
.comparison .apply-filter1 span.cross.plus {
  display: none;
}
.section-how-frontend.comparison .apply-filter1 table.comparison-table thead tr td.col-center.shopify .shopify-plus,
.comparison .apply-filter1 table.comparison-table thead tr td.col-center.shopify .shopify-plus {
  display: none;
}
.section-how-frontend.comparison .apply-filter2 span.tick.standard,
.section-how-frontend.comparison .apply-filter2 span.cross.standard,
.comparison .apply-filter2 span.tick.standard,
.comparison .apply-filter2 span.cross.standard {
  display: none;
}
.section-how-frontend.comparison .apply-filter2 table.comparison-table thead tr td.col-center.shopify,
.comparison .apply-filter2 table.comparison-table thead tr td.col-center.shopify {
  background-color: #000;
}
.section-how-frontend.comparison .apply-filter2 table.comparison-table thead tr td.col-center.shopify .shopify-standard,
.comparison .apply-filter2 table.comparison-table thead tr td.col-center.shopify .shopify-standard {
  display: none;
}
.section-how-frontend.comparison .comparison-table-wrap,
.comparison .comparison-table-wrap {
  max-height: 650px;
  overflow: hidden;
  transition: max-height 1s;
}
.section-how-frontend.comparison .see-all .comparison-table-wrap,
.comparison .see-all .comparison-table-wrap {
  max-height: 15650px;
}
.section-how-frontend.comparison .see-all .comparison-button,
.comparison .see-all .comparison-button {
  display: none;
}
.section-how-frontend.comparison .comparison-header h2,
.comparison .comparison-header h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison .comparison-header h2,
.comparison .comparison-header h2 {
    text-align: left;
  }
}
.section-how-frontend.comparison .comparison-header p,
.comparison .comparison-header p {
  text-align: center;
  margin: 0 auto 2rem;
  max-width: 780px;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison .comparison-header p,
.comparison .comparison-header p {
    text-align: left;
  }
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison .comparison-header p span,
.comparison .comparison-header p span {
    display: none;
  }
}
.section-how-frontend.comparison .comparison-footer p,
.comparison .comparison-footer p {
  text-align: center;
  margin: 3rem auto 0;
  max-width: 780px;
}
@media only screen and (max-width : 650px) {
  .section-how-frontend.comparison .comparison-footer p,
.comparison .comparison-footer p {
    text-align: left;
  }
}
.section-how-frontend.comparison .comparison-footer p a,
.comparison .comparison-footer p a {
  cursor: pointer;
}

/*********************
   See more button
 **********************/
.comparison-button {
  padding: 3rem 0 3rem;
  text-align: center;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .comparison-button {
    margin-bottom: 2rem;
  }
}
.comparison-button .btn, .comparison-button #paginationContainer button, #paginationContainer .comparison-button button, .comparison-button .hbspt-form .actions input, .hbspt-form .actions .comparison-button input, .comparison-button .hbspt-form .actions select, .hbspt-form .actions .comparison-button select, .comparison-button nav.blog-footer a, nav.blog-footer .comparison-button a {
  transform: scale(1);
  animation: pulseMinor 2s infinite;
}
.comparison-button .btn.btn-mobile, .comparison-button #paginationContainer button.btn-mobile, #paginationContainer .comparison-button button.btn-mobile, .comparison-button .hbspt-form .actions input.btn-mobile, .hbspt-form .actions .comparison-button input.btn-mobile, .comparison-button .hbspt-form .actions select.btn-mobile, .hbspt-form .actions .comparison-button select.btn-mobile, .comparison-button nav.blog-footer a.btn-mobile, nav.blog-footer .comparison-button a.btn-mobile {
  display: none;
}
@media only screen and (max-width : 650px) {
  .comparison-button .btn.btn-mobile, .comparison-button #paginationContainer button.btn-mobile, #paginationContainer .comparison-button button.btn-mobile, .comparison-button .hbspt-form .actions input.btn-mobile, .hbspt-form .actions .comparison-button input.btn-mobile, .comparison-button .hbspt-form .actions select.btn-mobile, .hbspt-form .actions .comparison-button select.btn-mobile, .comparison-button nav.blog-footer a.btn-mobile, nav.blog-footer .comparison-button a.btn-mobile {
    display: block;
  }
  .comparison-button .btn.btn-desktop, .comparison-button #paginationContainer button.btn-desktop, #paginationContainer .comparison-button button.btn-desktop, .comparison-button .hbspt-form .actions input.btn-desktop, .hbspt-form .actions .comparison-button input.btn-desktop, .comparison-button .hbspt-form .actions select.btn-desktop, .hbspt-form .actions .comparison-button select.btn-desktop, .comparison-button nav.blog-footer a.btn-desktop, nav.blog-footer .comparison-button a.btn-desktop {
    display: none;
  }
}
@keyframes pulseMinor {
  0% {
    transform: scale(0.94);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.94);
  }
}
.comparison-button::before {
  content: "";
  height: 75px;
  display: block;
  width: 100%;
  left: 0;
  top: -75px;
  position: absolute;
  background: linear-gradient(0deg, #f6f9fc 0%, rgba(246, 249, 252, 0) 100%);
}

/*********************
   Partners and Integrations Listings
 **********************/
.page-wrapper-partner-listing .article-landing {
  padding: 2rem 0 5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing .article-landing {
    padding-top: 0;
  }
}
.page-wrapper-partner-listing .article-landing .search-container {
  margin: 0 0 1.25em;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing .article-landing .container {
    padding: 0 1.25rem;
  }
}
@media only screen and (max-width: 800px) {
  .page-wrapper-partner-listing .article-listing-filter-wrap {
    display: block;
  }
  .page-wrapper-partner-listing .article-listing-filter-wrap #filterContainer {
    display: block;
    width: 100%;
  }
  .page-wrapper-partner-listing .article-listing-filter-wrap #filterContainer .search-container {
    max-width: 100%;
  }
  .page-wrapper-partner-listing .article-listing-filter-wrap #filterContainer h3,
.page-wrapper-partner-listing .article-listing-filter-wrap #filterContainer button.filter-btn {
    display: none;
  }
}
@media only screen and (min-width: 1600px) {
  .page-wrapper-partner-listing section.article-listing {
    column-gap: 2%;
  }
}
.page-wrapper-partner-listing section.article-listing article {
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  max-height: 500px;
  transition: all 0.2s;
}
@media only screen and (min-width: 1600px) {
  .page-wrapper-partner-listing section.article-listing article {
    width: 18%;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing section.article-listing article {
    max-height: 1000px;
    width: 47.5%;
    margin-bottom: 1rem;
  }
}
.page-wrapper-partner-listing section.article-listing article:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}
.page-wrapper-partner-listing section.article-listing article header {
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.page-wrapper-partner-listing section.article-listing article h4 {
  margin: 0 0 0.5em;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing section.article-listing article h4 {
    display: none;
  }
}
.page-wrapper-partner-listing section.article-listing article a.btn, .page-wrapper-partner-listing section.article-listing article nav.blog-footer a, nav.blog-footer .page-wrapper-partner-listing section.article-listing article a {
  margin: 1.25em 0 0;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing section.article-listing article a.btn, .page-wrapper-partner-listing section.article-listing article nav.blog-footer a, nav.blog-footer .page-wrapper-partner-listing section.article-listing article a {
    width: 100%;
    font-size: 12px;
    padding: 0.875em 0;
  }
}
.page-wrapper-partner-listing section.article-listing article p {
  font-size: 14px;
}
@media only screen and (min-width: 1380px) {
  .page-wrapper-partner-listing section.article-listing article p {
    min-height: 8em;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing section.article-listing article p {
    font-size: 13px;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing section.article-listing article div {
    padding: 1em;
  }
  .page-wrapper-partner-listing section.article-listing article div span.post-type {
    font-size: 10px;
    margin-bottom: 10px;
  }
}
.page-wrapper-partner-listing section.article-listing .article-type {
  display: flex;
  justify-content: space-between;
}
.page-wrapper-partner-listing section.article-listing .location {
  padding-left: 18px;
  padding-right: 0;
}
.page-wrapper-partner-listing section.article-listing .location.location-united-kingdom {
  background: url("../images/icons/flags/united-kingdom.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-norway {
  background: url("../images/icons/flags/norway.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-new-zealand {
  background: url("../images/icons/flags/new-zealand.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-france {
  background: url("../images/icons/flags/france.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-finland {
  background: url("../images/icons/flags/finland.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-germany {
  background: url("../images/icons/flags/germany.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-netherlands {
  background: url("../images/icons/flags/holland.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-canada {
  background: url("../images/icons/flags/canada.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-spain {
  background: url("../images/icons/flags/spain.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-sweden {
  background: url("../images/icons/flags/sweden.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-argentina {
  background: url("../images/icons/flags/argentina.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-australia {
  background: url("../images/icons/flags/australia.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-panama {
  background: url("../images/icons/flags/panama.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-italy {
  background: url("../images/icons/flags/italy.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing section.article-listing .location.location-united-states {
  background: url("../images/icons/flags/usa.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.page-wrapper-partner-listing .partner-listing section.index-hero .partner-logos {
  position: relative;
}
.page-wrapper-partner-listing .partner-listing section.index-hero .partner-logos span {
  width: 140px;
  height: 140px;
  background: linear-gradient(75.34deg, #5b36f5 15.28%, #0bcefc 37.03%, #ff9841 63.82%, #ff026a 82.37%);
  display: block;
  position: absolute;
  left: -7px;
  top: -7px;
  border-radius: 50%;
  animation: rotation 5s infinite linear;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partner-listing .partner-listing section.index-hero .partner-logos span {
    width: 100px;
    height: 100px;
  }
}
.page-wrapper-partner-listing .partner-listing section.index-hero .partner-logos img:first-child {
  right: 0;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.partners-listings {
  padding-top: 4rem;
}
@media only screen and (max-width : 650px) {
  .partners-listings {
    padding-top: 2rem;
  }
}
.partners-listings .container {
  max-width: 1500px;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

.integration-navigation {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 4rem;
}
@media only screen and (max-width : 650px) {
  .integration-navigation {
    margin: 0 0 3rem;
  }
}
.integration-navigation li {
  margin: 0 1rem 0 0;
}
.integration-navigation li:last-of-type {
  margin: 0;
}
.integration-navigation li a {
  border-radius: 12px;
  border: 1px solid #ccc;
  padding: 8px 16px 8px 12px;
  display: inline-flex;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
  align-items: center;
}
@media only screen and (max-width : 650px) {
  .integration-navigation li a {
    font-size: 14px;
  }
}
.integration-navigation li a svg {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
}
@media only screen and (max-width : 650px) {
  .integration-navigation li a svg {
    width: 20px;
    height: 20px;
    display: none;
  }
}
.integration-navigation li:hover a, .integration-navigation li:first-of-type a {
  border-color: #5B36F5;
  color: #5B36F5;
}

.partners-listing-grid {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
}
@media only screen and (max-width: 1350px) {
  .partners-listing-grid {
    column-gap: 5%;
  }
}
.partners-listing-grid .item-listing {
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0 0 2%;
  width: 23.4%;
  display: flex;
  flex-flow: column;
  background: #fff;
}
@media only screen and (max-width: 1350px) {
  .partners-listing-grid .item-listing {
    width: 30%;
    margin-bottom: 5%;
  }
}
@media only screen and (max-width : 1040px) {
  .partners-listing-grid .item-listing {
    width: 47%;
  }
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing {
    width: 100%;
    margin: 0 0 2rem;
  }
}
.partners-listing-grid .item-listing:hover {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.07);
}
.partners-listing-grid .item-listing.coming-soon {
  cursor: default;
}
.partners-listing-grid .item-listing.coming-soon .btn-light, .partners-listing-grid .item-listing.coming-soon #paginationContainer button, #paginationContainer .partners-listing-grid .item-listing.coming-soon button, .partners-listing-grid .item-listing.coming-soon nav.blog-footer a, nav.blog-footer .partners-listing-grid .item-listing.coming-soon a {
  border: 1px solid #ccc;
  background: #f1f1f1;
  color: #999;
}
.partners-listing-grid .item-listing .image {
  height: 150px;
  background: #f2f2f2;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners-listing-grid .item-listing .image img {
  width: 55%;
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing .image img {
    width: 45%;
  }
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing .image {
    height: 110px;
  }
}
.partners-listing-grid .item-listing .details {
  padding: 2.5rem;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing .details {
    padding: 2rem;
  }
}
.partners-listing-grid .item-listing span {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  display: block;
  line-height: 1;
  color: #666;
  margin: 0 0 4px;
}
.partners-listing-grid .item-listing em {
  font-style: normal;
  font-size: 14px;
  display: flex;
  position: relative;
  align-items: center;
  color: #5B36F5;
  margin: 0.5rem 0 0.5rem;
}
.partners-listing-grid .item-listing em:before {
  content: "";
  background: url("../images/icons/tick.svg") no-repeat center center;
  background-size: 50%;
  width: 15px;
  height: 15px;
  background-color: #5B36F5;
  border-radius: 50%;
  display: block;
  margin: 0 5px 0 0;
}
.partners-listing-grid .item-listing em.trusted {
  color: #019950;
}
.partners-listing-grid .item-listing em.trusted:before {
  background-color: #019950;
}
.partners-listing-grid .item-listing p {
  font-size: 14px;
  line-height: 160%;
  margin: 0 0 1.5rem;
}
.partners-listing-grid .item-listing .btn-light, .partners-listing-grid .item-listing #paginationContainer button, #paginationContainer .partners-listing-grid .item-listing button, .partners-listing-grid .item-listing nav.blog-footer a, nav.blog-footer .partners-listing-grid .item-listing a {
  border: 1px solid #5B36F5;
}
.partners-listing-grid .item-listing.brightpearl .image {
  background: #f4f8ff;
}
.partners-listing-grid .item-listing.vlomni .image {
  background: #f0f8ff;
}
.partners-listing-grid .item-listing.shiptheory .image {
  background: #f4f8ff;
}
.partners-listing-grid .item-listing.shiptheory .image img {
  width: 65%;
  max-width: 180px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.shiptheory .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.cogent2 .image img {
  width: 55%;
  max-width: 135px;
  height: auto;
}
.partners-listing-grid .item-listing.linnworks .image {
  background: #f6f9fc;
}
.partners-listing-grid .item-listing.linnworks .image img {
  width: 65%;
  max-width: 220px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.linnworks .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.billie .image {
  background: #f6f9fc;
}
.partners-listing-grid .item-listing.billie .image img {
  width: 65%;
  max-width: 100px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.billie .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.bigcommerce .image img {
  width: 65%;
  max-width: 170px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.bigcommerce .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.hokodo .image {
  background: #edf6f4;
}
.partners-listing-grid .item-listing.patchworks .image {
  background: #f3f3f3;
}
.partners-listing-grid .item-listing.patchworks .image img {
  width: 65%;
  max-width: 220px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.patchworks .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.pack .image {
  background: #dae3e0;
}
.partners-listing-grid .item-listing.pack .image img {
  width: 65%;
  max-width: 55px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.pack .image img {
    max-width: 45px;
  }
}
.partners-listing-grid .item-listing.unleashed .image {
  background: #ecf0f1;
}
.partners-listing-grid .item-listing.unleashed .image img {
  width: 65%;
  max-width: 220px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.unleashed .image img {
    width: 55%;
  }
}
.partners-listing-grid .item-listing.katana .image {
  background: #fdffe4;
}
.partners-listing-grid .item-listing.katana .image img {
  width: 60%;
  max-width: 140px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.katana .image img {
    width: 40%;
  }
}
.partners-listing-grid .item-listing.zynk .image {
  background: #ecf0f1;
}
.partners-listing-grid .item-listing.zynk .image img {
  width: 65%;
  max-width: 100px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.zynk .image img {
    width: 30%;
  }
}
.partners-listing-grid .item-listing.sufio .image {
  background: #f5f5f5;
}
.partners-listing-grid .item-listing.sufio .image img {
  width: 65%;
  max-width: 90px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.sufio .image img {
    width: 28%;
  }
}
.partners-listing-grid .item-listing.helium .image {
  background: #f3ebff;
}
.partners-listing-grid .item-listing.helium .image img {
  width: 65%;
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.helium .image img {
    width: 40%;
  }
}
.partners-listing-grid .item-listing.cin7 .image {
  background: #e5f0ff;
}
.partners-listing-grid .item-listing.cin7 .image img {
  width: 65%;
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.cin7 .image img {
    width: 35%;
  }
}
.partners-listing-grid .item-listing.dear .image {
  background: #e1f8f7;
}
.partners-listing-grid .item-listing.dear .image img {
  width: 65%;
  max-width: 150px;
  height: auto;
}
@media only screen and (max-width : 650px) {
  .partners-listing-grid .item-listing.dear .image img {
    width: 35%;
  }
}
.partners-listing-grid .item-listing.shopify .image {
  background: #fbf7ed;
}

.partner-api .layout-columns {
  position: relative;
}
@media only screen and (max-width: 900px) {
  .partner-api .layout-columns.text-left .column-text {
    flex: none;
    width: 100%;
  }
}
.partner-api .column-image {
  width: auto;
  position: absolute;
  right: -10%;
  top: 0;
}
@media only screen and (max-width: 1100px) {
  .partner-api .column-image {
    right: -15%;
  }
}
@media only screen and (max-width: 900px) {
  .partner-api .column-image {
    display: none;
  }
}
@media only screen and (max-width : 1040px) {
  .partner-api .column-image {
    right: -20%;
  }
}
@media only screen and (max-width : 650px) {
  .partner-api .column-image {
    right: 0;
    position: relative;
  }
}
.partner-api .column-image img.image-max {
  max-width: 700px;
}
@media only screen and (max-width: 1100px) {
  .partner-api .column-image img.image-max {
    max-width: 600px;
  }
}

/*********************
   Content - Terms page
 **********************/
.page-wrapper-static .content-terms h4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 115%;
  font-weight: 500;
  margin: 2.5rem 0 1rem;
  text-transform: uppercase;
}
.page-wrapper-static .content-terms p,
.page-wrapper-static .content-terms ol li,
.page-wrapper-static .content-terms ul li {
  font-size: 16px;
  line-height: 150%;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-static .content-terms p,
.page-wrapper-static .content-terms ol li,
.page-wrapper-static .content-terms ul li {
    font-size: 15px;
  }
}
.page-wrapper-static .content-terms ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-wrapper-static .content-terms ol span.sectit {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin: 2em 0 1em;
  color: #000;
  border-top: 1px solid #ccc;
  padding: 1.5em 0 0;
}
.page-wrapper-static .content-terms ol span.bold {
  font-weight: 500;
}

/*********************
  Customers
**********************/
.intro-customers {
  background: linear-gradient(180deg, #f1f1f1 0%, white 100%) !important;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
@media only screen and (max-width : 1040px) {
  .intro-customers {
    clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  }
}
.intro-customers.blurred-gradient:after {
  top: 120%;
  z-index: 0;
  display: none;
}
.intro-customers section.index-hero .index-hero-intro {
  max-width: 1120px;
  width: 100%;
  padding: 6% 0 1rem;
  margin: auto;
}
@media only screen and (max-width : 650px) {
  .intro-customers section.index-hero .index-hero-intro {
    padding: 2% 0 0.5rem;
  }
}
.intro-customers section.index-hero h1 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .intro-customers section.index-hero h1 {
    text-align: left;
  }
}
.intro-customers section.index-hero h1 span {
  color: #5B36F5;
}
.intro-customers section.index-hero p {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .intro-customers section.index-hero p {
    text-align: left;
  }
}

.customer-cases {
  margin: -380px 0 100px;
  position: relative;
}
@media only screen and (max-width: 1340px) {
  .customer-cases {
    margin: -310px 0 100px;
  }
}
@media only screen and (max-width : 650px) {
  .customer-cases {
    margin: -330px 0 40px;
  }
}
.customer-cases .container {
  max-width: 1500px;
}
@media only screen and (max-width : 650px) {
  .customer-cases .container {
    padding: 0 1em;
  }
}
.customer-cases .customer-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 3700px;
  overflow: hidden;
  transition: max-height 1s;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper {
    max-height: 2600px;
  }
}
.customer-cases .customer-box-wrapper .customer-box {
  width: 30%;
  background: #f6f9fc;
  margin: 1.5%;
  cursor: pointer;
  color: #666;
  border-radius: 10px;
  overflow: hidden;
}
.customer-cases .customer-box-wrapper .customer-box.coming-soon {
  cursor: default;
}
@media only screen and (max-width : 1040px) {
  .customer-cases .customer-box-wrapper .customer-box {
    width: 47%;
  }
}
.customer-cases .customer-box-wrapper .customer-box:hover {
  text-decoration: none;
  box-shadow: rgba(7, 30, 87, 0.1) 20px 20px 20px -10px;
  border-radius: 10px;
}
.customer-cases .customer-box-wrapper .customer-box .image {
  background-size: 100%;
  min-height: 300px;
  transition: all 0.3s;
  background-position: center;
}
@media only screen and (max-width: 1050px) {
  .customer-cases .customer-box-wrapper .customer-box .image {
    min-height: 200px;
  }
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .image {
    min-height: 120px;
  }
}
.customer-cases .customer-box-wrapper .customer-box:hover .image {
  background-size: 105%;
}
.customer-cases .customer-box-wrapper .customer-box .description {
  background: #f6f9fc;
  padding: 3rem;
}
@media only screen and (max-width: 1300px) {
  .customer-cases .customer-box-wrapper .customer-box .description {
    padding: 2rem;
  }
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description {
    padding: 1.15rem;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description img {
  display: block;
  max-width: 240px;
  margin: 0 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description img {
    width: 130px;
    margin-bottom: 4px;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description h3 {
  font-size: 18px;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description h3 {
    font-size: 13px;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 400;
    margin: 0;
    opacity: 0.6;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description h4 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  opacity: 0.6;
  font-size: 15px;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description h4 {
    font-size: 15px;
    display: none;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description span {
  color: #5B36F5;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description span {
    font-size: 15px;
    display: none;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description span.disabled span {
  color: #666;
}
.customer-cases .customer-box-wrapper .customer-box .description span.disabled span::after {
  display: none;
}
.customer-cases .customer-box-wrapper .customer-box .description .post-location {
  display: flex;
  justify-content: space-between;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type {
  margin: 0 0 1.5em;
  color: #666;
  border-color: #ddd;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description span.post-type {
    font-size: 11px;
    margin-bottom: 0.5em;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location {
  padding-left: 1.75em;
  border: 1px solid transparent;
  padding-right: 0;
}
@media only screen and (max-width : 650px) {
  .customer-cases .customer-box-wrapper .customer-box .description span.post-type.location {
    display: none;
  }
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-uk {
  background: url("../images/icons/flags/united-kingdom.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-norway {
  background: url("../images/icons/flags/norway.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-new-zealand {
  background: url("../images/icons/flags/new-zealand.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-france {
  background: url("../images/icons/flags/france.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-finland {
  background: url("../images/icons/flags/finland.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-germany {
  background: url("../images/icons/flags/germany.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-holland {
  background: url("../images/icons/flags/holland.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-canada {
  background: url("../images/icons/flags/canada.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-ireland {
  background: url("../images/icons/flags/ireland.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-canada {
  background: url("../images/icons/flags/canada.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-denmark {
  background: url("../images/icons/flags/denmark.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-sweden {
  background: url("../images/icons/flags/sweden.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-austria {
  background: url("../images/icons/flags/austria.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-australia {
  background: url("../images/icons/flags/australia.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-italy {
  background: url("../images/icons/flags/italy.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description span.post-type.location.location-usa {
  background: url("../images/icons/flags/usa.svg") no-repeat left 4px !important;
  background-size: 18px 18px !important;
}
.customer-cases .customer-box-wrapper .customer-box .description p {
  font-size: 16px;
  line-height: 160%;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width : 1040px) {
  .customer-cases .customer-box-wrapper .customer-box .description p {
    font-size: 15px;
    line-height: 150%;
  }
}
.customer-cases .comparison-button::before {
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.customer-cases .comparison-button .btn-less {
  display: none;
}
.customer-cases .see-all .customer-box-wrapper {
  max-height: 10000px;
}
@media only screen and (max-width : 650px) {
  .customer-cases .see-all .customer-box-wrapper {
    max-height: 100000px;
  }
}
.customer-cases .see-all .comparison-button .btn-more {
  display: none;
}
.customer-cases .see-all .comparison-button .btn-less {
  display: inline-block;
}

section.customer-feature .container {
  max-width: 1350px;
}
section.customer-feature .container .customer-feature-wrap {
  display: flex;
  justify-content: space-around;
  padding: 0 5em;
}
@media only screen and (max-width : 1040px) {
  section.customer-feature .container .customer-feature-wrap {
    padding: 0;
  }
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap {
    display: block;
    box-shadow: rgba(7, 30, 87, 0.1) 30px 30px 40px -10px;
    margin-top: -2em;
  }
}
section.customer-feature .container .customer-feature-wrap .image {
  width: 50%;
  border-radius: 10px;
  height: 370px;
  background-size: cover;
  background-position: center center;
  max-width: 500px;
  box-shadow: 10px 10px 40px rgba(129, 128, 144, 0.15);
  display: block;
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .image {
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 200px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
  }
}
section.customer-feature .container .customer-feature-wrap .text-content {
  width: 40%;
}
section.customer-feature .container .customer-feature-wrap .text-content .post-type {
  margin: 0 0 0.5em;
  color: #666;
  border-color: #ddd;
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .text-content .post-type {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .text-content {
    width: 100%;
    padding: 2em;
    background: #f6f9fc;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .text-content p.quote {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0.75rem;
    color: #000;
    opacity: 0.6;
  }
}
section.customer-feature .container .customer-feature-wrap .text-content .logo {
  margin: 2em 0 0;
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .text-content .logo {
    margin: 1.25em 0 0;
  }
}
section.customer-feature .container .customer-feature-wrap .text-content .position {
  padding: 0.5rem 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  section.customer-feature .container .customer-feature-wrap .text-content .position {
    display: none;
  }
}
section.customer-feature .container .customer-feature-wrap .text-content .position p {
  font-weight: 500;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  section.customer-feature.partner-feature {
    margin: -2rem 0 6rem;
  }
}
section.customer-feature.partner-feature .quote-image {
  width: 15%;
}
@media only screen and (max-width : 650px) {
  section.customer-feature.partner-feature .quote-image {
    width: 100%;
    text-align: center;
  }
}
section.customer-feature.partner-feature .quote-image img {
  border-radius: 50%;
  width: 100%;
  height: auto;
  box-shadow: rgba(7, 30, 87, 0.1) 10px 10px 10px -10px;
}
@media only screen and (max-width : 650px) {
  section.customer-feature.partner-feature .quote-image img {
    max-width: 80px;
    margin: 0 0 0.5em;
  }
}
section.customer-feature.partner-feature .container .customer-feature-wrap {
  max-width: 900px;
  margin: auto;
  border-radius: 1rem;
  border: 1px solid #eee;
  box-shadow: rgba(7, 30, 87, 0.1) 15px 15px 25px -10px;
  box-sizing: border-box;
  padding: 4em 3em;
}
@media only screen and (max-width : 650px) {
  section.customer-feature.partner-feature .container .customer-feature-wrap {
    padding: 2em;
  }
}
section.customer-feature.partner-feature .container .customer-feature-wrap .text-content {
  width: 70%;
}
@media only screen and (max-width : 650px) {
  section.customer-feature.partner-feature .container .customer-feature-wrap .text-content {
    background: none;
    padding: 0;
    width: 100%;
  }
  section.customer-feature.partner-feature .container .customer-feature-wrap .text-content .post-type {
    display: none;
  }
  section.customer-feature.partner-feature .container .customer-feature-wrap .text-content p.quote {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 15px;
  }
  section.customer-feature.partner-feature .container .customer-feature-wrap .text-content .position {
    display: block;
  }
}
section.customer-feature.partner-feature.extended .container .customer-feature-wrap {
  max-width: 1200px;
}

.customer-love.section-partner-bullets {
  position: relative;
  padding: 8em 0 6em;
  z-index: 5;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets {
    padding: 5em 0 3em;
  }
}
.customer-love.section-partner-bullets h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets h2 {
    text-align: left;
    padding: 0 2.25rem;
  }
}
.customer-love.section-partner-bullets p.intro {
  text-align: center;
  margin: 0 0 3rem;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets p.intro {
    text-align: left;
    padding: 0 2.25rem;
  }
}
.customer-love.section-partner-bullets:after {
  content: "";
  background: linear-gradient(180deg, #f1f1f1 0%, white 100%);
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets:after {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
    top: 0;
  }
}
.customer-love.section-partner-bullets .customer-industries h4 {
  text-align: center;
  margin: 1em 0 1.25em;
  opacity: 0.5;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets .customer-industries h4 {
    text-align: left;
  }
}
.customer-love.section-partner-bullets ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
  max-width: 850px;
  margin: auto;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets ul {
    justify-content: start;
  }
}
.customer-love.section-partner-bullets ul li {
  display: inline-block;
  background: #fff;
  border-radius: 18px;
  border: 1px solid #ccc;
  padding: 8px 17px;
  display: inline-flex;
  font-size: 14px;
  line-height: 1;
  color: #666;
  text-decoration: none;
  transition: all 0.3s;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .customer-love.section-partner-bullets ul li {
    font-size: 12px;
  }
}
.customer-love.section-partner-bullets .customer-support-team {
  padding: 2em;
  border-radius: 12px;
  box-shadow: 0px 0px 4px 8px rgba(0, 0, 0, 0.03);
  position: relative;
  background: linear-gradient(136deg, #eefff5 0%, #d3e9ff 48.78%, #fff9ff 100%);
  margin: 4.5rem auto 0;
  max-width: 500px;
  border: 1px solid #fff;
  display: none;
}
@media only screen and (max-width : 1040px) {
  .customer-love.section-partner-bullets .customer-support-team {
    margin: 2.5rem auto -4rem;
  }
}
.customer-love.section-partner-bullets .customer-support-team div {
  position: relative;
  z-index: 2;
  text-align: center;
}
.customer-love.section-partner-bullets .customer-support-team div h4 {
  opacity: 0.8;
}
.customer-love.section-partner-bullets .customer-support-team div img {
  width: 90%;
  max-width: 250px;
  display: block;
  margin: 0 auto 1em;
}
.customer-love.section-partner-bullets .customer-support-team div p {
  margin: auto;
  max-width: 700px;
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 0.25em;
  text-align: left;
}
.customer-love.section-partner-bullets .customer-support-team div a {
  font-size: 14px;
}

.customer-cta.section-partner-cta {
  background: none;
  padding-bottom: 8rem;
}

/*********************
    Calendly popup
 **********************/
body.dark,
body.dark footer {
  background: #121824;
}

body.dark footer h4,
body.dark footer p {
  color: #fff;
  opacity: 0.8;
}
body.dark footer section.footer-signoff .container .footer-columns ul li a,
body.dark footer section.footer-signoff .container .footer-logo h4,
body.dark footer section.footer-signoff .shopify-app-link img {
  color: #fff;
  opacity: 0.5;
}
body.dark footer section.footer-signoff .container .footer-logo a.icon-contact {
  background: none;
  padding-left: 0;
  color: #fff;
  opacity: 0.7;
}
body.dark footer a.logo.dark {
  background: url(../images/logo-white.png) no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 1040px) {
  body.dark footer section.footer-signoff .newsletter-wrapper {
    background: none;
    border-bottom: 1px solid #62676f;
  }
}

.action-links-enterprise {
  text-align: center;
  margin: 3rem 0 0;
  position: relative;
  z-index: 2;
}
.action-links-enterprise .btn-gradient {
  min-height: 0;
  padding: 4px;
  border-radius: 8px;
  display: inline-block;
  background-image: linear-gradient(45deg, #ff61d3 15%, #b318ff 50%, #00f0ff 85%);
  box-shadow: none;
  transform: scale(1);
  animation: scaleup 2s infinite;
}
@keyframes scaleup {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}
.action-links-enterprise a.btn, .action-links-enterprise nav.blog-footer a, nav.blog-footer .action-links-enterprise a {
  font-size: 16px;
  padding: 1em 1.75em;
}
.action-links-enterprise p {
  font-size: 15px;
  color: #fff;
  opacity: 0.8;
  margin: 1.5rem 0 0;
  transition: all 0.3s;
}

@media only screen and (max-width : 650px) {
  .page-bigcommerce.page-wrapper-partners .feature-tabs {
    margin-bottom: 4rem;
  }
}
.page-bigcommerce.page-wrapper-partners .partner-demo .section-interactive {
  margin-bottom: -4rem;
}
.page-bigcommerce section.index-hero.shopify-intro {
  padding-bottom: 35px;
}
@media only screen and (max-width : 650px) {
  .page-bigcommerce section.index-hero.shopify-intro {
    padding-bottom: 0;
  }
}
.page-bigcommerce section.index-hero .index-hero-intro .bigcommerce-app-link {
  margin: 1.5em 0 -4em;
}
@media only screen and (max-width : 650px) {
  .page-bigcommerce section.index-hero .index-hero-intro .bigcommerce-app-link {
    margin: 1em auto -1em;
    text-align: center;
  }
}
.page-bigcommerce section.index-hero .index-hero-intro .bigcommerce-app-link img {
  max-width: 180px;
}
@media only screen and (max-width : 650px) {
  .page-bigcommerce section.index-hero .index-hero-intro .bigcommerce-app-link img {
    max-width: 140px;
  }
}
.page-bigcommerce .interactive-demo .id-frame .shopify-logo {
  display: none !important;
}

.page-enterprise {
  background: url("../images/enterprise/bg-enterprise.png") no-repeat top center;
  background-size: contain;
}
.page-enterprise .section-with-shading {
  position: relative;
  z-index: 1;
}
.page-enterprise .section-with-shading:after {
  content: "";
  background: #161d2b;
  clip-path: polygon(0 30%, 100% 0, 100% 90%, 0 100%);
  width: 100%;
  height: 120%;
  position: absolute;
  top: -10em;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-with-shading:after {
    height: 112%;
  }
}
.page-enterprise h2 {
  color: #fff;
  font-size: 40px;
  text-align: center;
  line-height: 130%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise h2 {
    font-size: 24px;
    text-align: left;
  }
}
.page-enterprise p.intro-summary {
  font-size: 16px;
  color: #fff;
  opacity: 0.8;
  text-align: center;
  line-height: 1.6;
  max-width: 600px;
  margin: 1.5em auto;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise p.intro-summary {
    font-size: 17px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise p.intro-summary {
    font-size: 15px;
    text-align: left;
    margin-top: -0.5em;
  }
}
.page-enterprise p.intro-summary a {
  color: #fff;
  text-decoration: underline;
}
.page-enterprise ul.usp-block {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 4em 0 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 650px) {
  .page-enterprise ul.usp-block {
    margin: 2em 0 -2em;
  }
}
.page-enterprise ul.usp-block li {
  background: #091020;
  border-radius: 8px;
  padding: 3em;
  width: 32%;
  margin: 0 0 1.5em;
  position: relative;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  .page-enterprise ul.usp-block li {
    width: 49%;
    padding: 2em;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise ul.usp-block li {
    width: 100%;
  }
}
.page-enterprise ul.usp-block li:hover {
  background: #030915;
  transform: scale(1.05);
  z-index: 2;
}
.page-enterprise ul.usp-block li:hover:after {
  display: block;
}
.page-enterprise ul.usp-block li:before {
  background: url("../images/enterprise/icon-1.svg") no-repeat;
  position: absolute;
  top: 2em;
  left: 3em;
  content: "";
  width: 30px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width: 900px) {
  .page-enterprise ul.usp-block li:before {
    left: 2em;
    width: 20px;
    height: 30px;
  }
}
.page-enterprise ul.usp-block li h4 {
  font-size: 20px;
  color: #fff;
  margin: 2em 0 0.5em;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li h4 {
    font-size: 17px;
    margin-top: 2.25em;
  }
}
.page-enterprise ul.usp-block li p {
  font-size: 16px;
  color: #fff;
  opacity: 0.6;
  margin: 0;
  line-height: 1.5;
}
.page-enterprise ul.usp-block li p a {
  color: #fff;
  text-decoration: underline;
  opacity: 1;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li p {
    font-size: 15px;
  }
}
.page-enterprise ul.usp-block li.scoping:before {
  background: url("../images/enterprise/icon-2.svg") no-repeat;
  width: 30px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.scoping:before {
    width: 20px;
    height: 32px;
  }
}
.page-enterprise ul.usp-block li.onboarding:before {
  background: url("../images/enterprise/icon-4.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.onboarding:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.ongoing:before {
  background: url("../images/enterprise/icon-3.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.ongoing:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.unlimited:before {
  background: url("../images/enterprise/icon-5.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.unlimited:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.features:before {
  background: url("../images/enterprise/icon-6.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.features:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.security-1:before {
  background: url("../images/enterprise/icon-7.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.security-1:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.security-2:before {
  background: url("../images/enterprise/icon-8.svg") no-repeat;
  width: 38px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.security-2:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise ul.usp-block li.security-3:before {
  background: url("../images/enterprise/icon-9.svg") no-repeat;
  width: 38px;
  height: 45px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise ul.usp-block li.security-3:before {
    width: 25px;
    height: 25px;
  }
}
.page-enterprise .feature-list .feature-tab {
  border-bottom: 1px solid #62676f;
  padding: 2em 0;
}
.page-enterprise .feature-list .feature-tab:first-of-type {
  padding-top: 0;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .feature-list .feature-tab {
    padding: 1em 0;
  }
}
.page-enterprise .feature-list a.accordion {
  font-size: 26px;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  color: #fff;
  opacity: 0.5;
  display: block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in;
  padding-right: 30px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .feature-list a.accordion {
    font-size: 22px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .feature-list a.accordion {
    font-size: 17px;
  }
}
.page-enterprise .feature-list a.accordion:hover {
  opacity: 1;
}
.page-enterprise .feature-list a.accordion:after {
  background: url("../images/icons/plusr.svg") no-repeat;
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  transition: all 0.3s;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .feature-list a.accordion:after {
    top: 4px;
  }
}
.page-enterprise .feature-list .panel {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.page-enterprise .feature-list .active a.accordion {
  opacity: 1;
}
.page-enterprise .feature-list .active a.accordion:after {
  background-position: 0 -9px;
  height: 2px;
  top: 50%;
}
.page-enterprise .feature-list .active .panel {
  max-height: 400px;
}
.page-enterprise .feature-list p {
  color: #fff;
  opacity: 0.8;
  margin: 1em 0 0;
}
.page-enterprise .feature-list p a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .feature-list p {
    font-size: 15px;
  }
}
.page-enterprise .feature-list p.with-links {
  display: flex;
  column-gap: 20px;
}
.page-enterprise .feature-list p.with-links a {
  cursor: pointer;
}
.page-enterprise .intro-block .container {
  max-width: 700px;
  padding-top: 8em;
  width: 90%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .intro-block .container {
    padding-top: 6em;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .intro-block .container {
    padding-top: 2%;
    width: 100%;
  }
}
.page-enterprise .intro-block .container .works-with-label {
  margin: -3rem 0 2.5rem;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .intro-block .container .works-with-label {
    display: none;
  }
}
.page-enterprise .intro-block .container .works-with-label.reduced-margin {
  margin: 3em 0 0;
}
.page-enterprise .intro-block h1 {
  color: #fff;
  font-size: 60px;
  text-align: center;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .intro-block h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 900px) {
  .page-enterprise .intro-block h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .intro-block h1 {
    font-size: 30px;
    text-align: left;
  }
}
.page-enterprise .intro-block p.intro-summary {
  font-size: 18px;
  min-width: 650px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .intro-block p.intro-summary {
    font-size: 16px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .intro-block p.intro-summary {
    font-size: 15px;
    min-width: 100%;
  }
}
.page-enterprise .intro-block .feature-use-cases {
  display: flex;
  justify-content: center;
  font-size: 15px;
  gap: 10px;
  margin-top: 2rem;
  color: #fff;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .intro-block .feature-use-cases {
    display: none;
  }
}
.page-enterprise .intro-block .feature-use-cases li.icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.page-enterprise .intro-block .feature-use-cases li.icon:before {
  content: "";
  background: url(../images/icons/tick.svg) no-repeat center center;
  background-size: 50%;
  width: 16px;
  height: 16px;
  background-color: #5b36f5;
  border-radius: 50%;
  display: block;
}
.page-enterprise .ent-logos {
  margin: 3em 0 3em;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .ent-logos p.intro-summary {
    text-align: center;
  }
}
.page-enterprise .ent-logos ul {
  max-width: 860px;
  row-gap: 20px;
  margin: 1.5em auto 0;
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-enterprise .ent-logos ul li {
  display: flex;
  align-items: center;
  margin: 0 1.125em;
  opacity: 0.7;
  transition: opacity 0.4s;
}
.page-enterprise .ent-logos ul li:hover {
  opacity: 1;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .ent-logos ul li {
    margin: 0 1rem;
  }
}
.page-enterprise .ent-logos ul li img {
  max-height: 35px;
  width: auto;
}
.page-enterprise .ent-logos ul li img.extended {
  max-height: 50px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .ent-logos ul li img {
    max-height: 25px;
  }
  .page-enterprise .ent-logos ul li img.extended {
    max-height: 35px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .ent-logos ul li img {
    max-height: 20px;
  }
  .page-enterprise .ent-logos ul li img.extended {
    max-height: 30px;
  }
}
.page-enterprise .section-ent-usps {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-usps {
    margin-top: -2.5rem;
  }
}
.page-enterprise .ent-features {
  display: flex;
  justify-content: space-between;
  margin: 5em 0 0;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .ent-features {
    margin: 2.5em 0 0;
  }
}
@media only screen and (max-width: 900px) {
  .page-enterprise .ent-features {
    display: block;
  }
}
.page-enterprise .ent-features .feature-list {
  width: 42%;
}
@media only screen and (max-width: 900px) {
  .page-enterprise .ent-features .feature-list {
    width: 100%;
  }
}
.page-enterprise .ent-features .feature-image {
  width: 42%;
}
@media only screen and (max-width: 900px) {
  .page-enterprise .ent-features .feature-image {
    width: 100%;
    text-align: center;
  }
}
.page-enterprise .ent-features .feature-image img {
  width: 100%;
  border-radius: 10px;
}
@media only screen and (max-width: 900px) {
  .page-enterprise .ent-features .feature-image img {
    max-width: 500px;
    margin: 2em auto 0;
  }
}
.page-enterprise .section-systems {
  padding-top: 8em;
  margin-top: -4rem;
  background: url("../images/enterprise/bg-enterprise.png") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-systems {
    padding-top: 5em;
  }
}
.page-enterprise .section-systems ul.usp-block li {
  width: 48%;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-systems ul.usp-block li {
    width: 100%;
  }
}
.page-enterprise .ent-system-image {
  max-width: 800px;
  margin: 5em auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .ent-system-image {
    padding: 0 2.25em;
  }
}
.page-enterprise .ent-system-image img {
  width: 100%;
  display: block;
  transition: all 0.3s ease-in-out;
  animation: opac 2s infinite;
}
@keyframes opac {
  0% {
    opacity: 0.7;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
.page-enterprise .ent-system-image .sl-wrap {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.page-enterprise .ent-system-image span {
  background: url("../images/enterprise/system-sparklayer.png") no-repeat;
  background-size: 100%;
  display: block;
  width: 170px;
  height: 170px;
  transform: scale(1);
  animation: pulse 2s infinite;
}
@media only screen and (max-width : 650px) {
  .page-enterprise .ent-system-image span {
    width: 100px;
    height: 100px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.85);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
.page-enterprise .section-security {
  padding-bottom: 8em;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-security {
    padding-bottom: 5em;
  }
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-security ul.usp-block li {
    width: 100%;
  }
}
@media only screen and (max-width: 1340px) {
  .page-enterprise section.customer-feature.partner-feature.extended {
    padding-left: 2.25em;
    padding-right: 2.25em;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise section.customer-feature.partner-feature.extended {
    margin: 0 0 4rem;
  }
}
.page-enterprise section.customer-feature.partner-feature.extended .container {
  border: double 6px transparent;
  background-image: linear-gradient(#030915, #030915), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
  max-width: 1200px;
  border-radius: 1em;
}
@media only screen and (max-width: 1340px) {
  .page-enterprise section.customer-feature.partner-feature.extended .container {
    padding: 0;
  }
}
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap {
  background: url("../images/enterprise/bg-enterprise.png") no-repeat top left;
  background-size: 150%;
  border: 0;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap {
    background-size: cover;
  }
}
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content p.quote {
  color: #aaa;
  opacity: 1;
}
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content p.quote a {
  color: #fff;
}
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content .position p,
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content .position span {
  color: #aaa;
}
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content .position p a,
.page-enterprise section.customer-feature.partner-feature.extended .container .customer-feature-wrap .text-content .position span a {
  color: #fff;
}
.page-enterprise .section-ent-process ul.ent-process {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 4em auto 0;
  max-width: 1400px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process {
    flex-wrap: wrap;
    padding-left: 2.25em;
    padding-right: 2.25em;
    margin-top: 2.5em;
  }
}
.page-enterprise .section-ent-process ul.ent-process li {
  background: #2f195f;
  padding: 3em;
  width: 25%;
  position: relative;
  transition: all 0.3s;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li {
    width: 50%;
    padding: 2em;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-process ul.ent-process li {
    width: 100%;
  }
}
.page-enterprise .section-ent-process ul.ent-process li:hover {
  background: #030915;
}
.page-enterprise .section-ent-process ul.ent-process li:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li:first-of-type {
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-process ul.ent-process li:first-of-type {
    border-top-right-radius: 8px;
  }
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li:nth-of-type(2) {
    border-top-right-radius: 8px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-process ul.ent-process li:nth-of-type(2) {
    border-radius: 0;
  }
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li:nth-of-type(3) {
    border-bottom-left-radius: 8px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-process ul.ent-process li:nth-of-type(3) {
    border-radius: 0;
  }
}
.page-enterprise .section-ent-process ul.ent-process li:last-of-type {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li:last-of-type {
    border-top-right-radius: 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise .section-ent-process ul.ent-process li:last-of-type {
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
  }
}
.page-enterprise .section-ent-process ul.ent-process li:nth-of-type(2) {
  background-color: #11042d;
}
.page-enterprise .section-ent-process ul.ent-process li:nth-of-type(3) {
  background-color: #080116;
}
.page-enterprise .section-ent-process ul.ent-process li:nth-of-type(4) {
  background-color: #000;
}
.page-enterprise .section-ent-process ul.ent-process li:before {
  background: url("../images/enterprise/icon-circle.svg") no-repeat;
  position: absolute;
  top: 2em;
  left: 3em;
  content: "";
  width: 30px;
  height: 38px;
  background-size: 100%;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li:before {
    left: 2em;
  }
}
.page-enterprise .section-ent-process ul.ent-process li h4 {
  font-size: 20px;
  color: #fff;
  margin: 1.5em 0 0.5em;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li h4 {
    font-size: 17px;
    margin-top: 2.5em;
  }
}
.page-enterprise .section-ent-process ul.ent-process li p {
  font-size: 16px;
  color: #fff;
  opacity: 0.6;
  margin: 0;
  line-height: 1.5;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-ent-process ul.ent-process li p {
    font-size: 15px;
  }
}
.page-enterprise .section-faqs {
  position: relative;
  z-index: 2;
}
.page-enterprise .section-faqs .feature-list {
  margin: 3rem 0 0;
}
.page-enterprise .section-faqs .feature-list a.accordion {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 22px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise .section-faqs .feature-list a.accordion {
    font-size: 18px;
  }
}
.page-enterprise .section-faqs .feature-list .feature-tab {
  padding: 1em 0;
}
.page-enterprise .section-faqs .feature-list .feature-tab:first-of-type {
  border-top: 1px solid #62676f;
}
.page-enterprise .section-start:after {
  content: "";
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  height: 160%;
  top: -2em;
}

.page-enterprise.page-ignite {
  background: none;
}
.page-enterprise.page-ignite .intro-summary {
  max-width: 740px;
}
.page-enterprise.page-ignite .intro-summary.intro-wide {
  max-width: 850px;
  text-align: left;
}
.page-enterprise.page-ignite .intro-block {
  overflow: hidden;
  margin-bottom: 0;
  position: relative;
}
.page-enterprise.page-ignite .intro-block:after {
  content: "";
  height: 200px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(18, 24, 36, 0), #121824);
}
.page-enterprise.page-ignite .intro-block video {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 170%;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.12;
}
.page-enterprise.page-ignite .intro-block video::-webkit-media-controls {
  display: none !important;
}
.page-enterprise.page-ignite .intro-block img {
  display: block;
  text-align: center;
  margin: auto;
  max-width: 380px;
  position: relative;
  z-index: 2;
  transform: scale(1);
  animation: pulse 2s infinite;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .intro-block img {
    max-width: 300px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block img {
    max-width: 200px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.97);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.97);
  }
}
.page-enterprise.page-ignite .intro-block .container {
  max-width: 1000px;
  z-index: 2;
  position: relative;
  padding-bottom: 8rem;
  padding-top: 5rem;
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block .container {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block .container {
    padding-top: 0;
  }
}
.page-enterprise.page-ignite .intro-block .container h2 {
  color: #fff;
  opacity: 0.12;
  font-size: 200px;
  line-height: 0;
  margin: -20px 0 0;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .intro-block .container h2 {
    font-size: 100px;
    text-align: center;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block .container h2 {
    font-size: 100px;
  }
}
.page-enterprise.page-ignite .intro-block .container h1 {
  font-style: normal;
  background-image: linear-gradient(45deg, #ffffff 10%, #7d7d7d 36%, #dadada 47%, #7f7f7f 67%, #a4a4a4 76%, #ffffff);
  background-image: linear-gradient(45deg, #cd278e 10%, #e2a379 36%, #6694db 47%, #5090f7 67%, #af0ce3 76%, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  font-size: 86px;
  animation: 3s ease 0s normal forwards 1 fadeInTitle;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .intro-block .container h1 {
    font-size: 54px;
    text-align: center;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block .container h1 {
    font-size: 54px;
    line-height: 1.1;
  }
}
@keyframes fadeInTitle {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .intro-block .action-links-enterprise {
    margin: 2rem 0 0;
  }
}
.page-enterprise.page-ignite .ignite-line {
  height: 10px;
  width: 100%;
  display: block;
  background-image: linear-gradient(45deg, #cd278e 10%, #e2a379 36%, #6694db 47%, #5090f7 67%, #af0ce3 76%, #ffffff);
}
.page-enterprise.page-ignite .section-ent-usps {
  padding-top: 8rem;
}
.page-enterprise.page-ignite .section-ent-usps h2 {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}
.page-enterprise.page-ignite .section-featured-announcement {
  max-width: 600px;
  display: flex;
  margin: 8rem auto -1rem;
  align-items: start;
  column-gap: 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .section-featured-announcement {
    display: block;
    text-align: center;
    margin: 4rem auto -4rem;
  }
}
.page-enterprise.page-ignite .section-featured-announcement img {
  width: 60px;
  height: 60px;
  margin: 0 1rem 0 0;
  border: double 3px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .section-featured-announcement .announcement-text {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.page-enterprise.page-ignite .section-featured-announcement .announcement-text p {
  color: #fff;
  margin: 0 0 0.5em;
  opacity: 0.8;
  line-height: 1.4;
  font-size: 22px;
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .section-featured-announcement .announcement-text p {
    font-size: 16px;
    margin: 1rem 0 0.5rem;
  }
}
.page-enterprise.page-ignite .section-featured-announcement .announcement-text a {
  color: #fff;
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .section-featured-announcement .announcement-text a span {
    display: none;
  }
}
.page-enterprise.page-ignite .section-systems {
  position: relative;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .section-systems {
    background-size: 130%;
    background-position: center center;
  }
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .section-systems {
    background-size: 130%;
    background-position: center 25%;
  }
}
.page-enterprise.page-ignite .section-systems::after {
  content: "";
  width: 60%;
  height: 50%;
  display: block;
  position: absolute;
  top: 25%;
  left: 20%;
  filter: blur(65px);
  transform: rotate(351deg);
  opacity: 0.6;
  border-radius: 40px;
  background-color: red;
  background-image: radial-gradient(at 40% 20%, #ffb87a 0px, transparent 50%), radial-gradient(at 80% 0%, #1fddff 0px, transparent 50%), radial-gradient(at 0% 50%, #ffdbde 0px, transparent 50%), radial-gradient(at 80% 50%, #ff85ad 0px, transparent 50%), radial-gradient(at 0% 100%, #ffb58a 0px, transparent 50%), radial-gradient(at 80% 100%, #6b66ff 0px, transparent 50%), radial-gradient(at 0% 0%, #ff85a7 0px, transparent 50%);
}
.page-enterprise.page-ignite .ent-system-image span {
  background: url(../images/ignite/system-sparklayer.png) no-repeat;
  background-size: 100%;
  width: 200px;
  height: 200px;
}
@media only screen and (max-width : 1040px) {
  .page-enterprise.page-ignite .ent-system-image span {
    width: 160px;
    height: 160px;
  }
}
@media only screen and (max-width : 650px) {
  .page-enterprise.page-ignite .ent-system-image span {
    width: 100px;
    height: 100px;
  }
}

.section-featured-video {
  margin: -2em auto 0;
  display: flex;
  z-index: 10;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  font-weight: bold;
  width: 90%;
  max-width: 1400px;
  height: 780px;
  background: linear-gradient(0deg, #000, #262626);
  border-radius: 20px;
}
.section-featured-video iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
@media only screen and (max-width : 1040px) {
  .section-featured-video {
    height: 560px;
  }
}
@media only screen and (max-width : 650px) {
  .section-featured-video {
    height: 280px;
  }
}

.section-featured-video:before,
.section-featured-video:after {
  content: "";
  position: absolute;
  border-radius: 20px;
  top: -2px;
  left: -2px;
  background-image: linear-gradient(45deg, #cd278e 10%, #e2a379 36%, #6694db 47%, #5090f7 67%, #af0ce3 76%, #ffffff);
  background: linear-gradient(45deg, #cd278e, #e2a379, #6694db, #5090f7, #af0ce3, #ffffff);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: ignite 20s linear infinite;
}

.section-featured-video:after {
  filter: blur(40px);
}

@keyframes ignite {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.ignite-banner-dark {
  background: #0b2347;
  border-radius: 8px;
  padding: 1.5em;
  display: flex;
  margin: 3rem 0 0;
  column-gap: 24px;
  align-items: center;
}
@media only screen and (max-width: 960px) {
  .ignite-banner-dark {
    display: none;
  }
}
.ignite-banner-dark a img {
  display: block;
}
.ignite-banner-dark .ignite-details {
  color: #fff;
}
.ignite-banner-dark .ignite-details p {
  font-size: 15px;
  color: #aaa;
  line-height: 1.4;
  margin: 0;
}
.ignite-banner-dark .ignite-details p a {
  opacity: 1;
  color: #fff;
}
.ignite-banner-dark.ignite-enterprise {
  background: #091020;
  margin-top: 2rem;
}
.ignite-banner-dark.ignite-enterprise .ignite-details p {
  font-size: 16px;
  line-height: 1.5;
}

.ignite-frontend-demo {
  padding-top: 7rem;
  padding-bottom: 3rem;
}
@media only screen and (max-width : 1040px) {
  .ignite-frontend-demo {
    display: none;
  }
}
.ignite-frontend-demo h2,
.ignite-frontend-demo p {
  display: none;
}
.ignite-frontend-demo .ignite-demo-intro h2,
.ignite-frontend-demo .ignite-demo-intro p {
  display: block;
}
.ignite-frontend-demo .section-interactive {
  margin-bottom: -7.5rem;
  padding-top: 4rem;
}
.ignite-frontend-demo .interactive-demo {
  background: #2e2c2c;
}
.ignite-frontend-demo .interactive-demo .id-frame {
  border-color: #464646;
}
.ignite-frontend-demo .interactive-demo .id-frame a.id-overlay {
  background-image: linear-gradient(45deg, rgba(255, 97, 211, 0.2) 10%, rgba(179, 24, 255, 0.2) 36%, rgba(179, 24, 255, 0.2) 47%, rgba(48, 182, 255, 0.2) 67%, rgba(48, 182, 255, 0.2) 76%, rgba(30, 67, 255, 0.2));
}
.ignite-frontend-demo .interactive-demo .shopify-logo {
  padding: 2px 10px;
}
.ignite-frontend-demo .interactive-demo .shopify-logo:before {
  display: none;
}

.ignite-upsell {
  margin: -1rem 0 2rem;
}
.ignite-upsell .ignite-caption {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.ignite-upsell .ignite-caption span {
  display: inline-block;
  background: #fc2f86;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  line-height: 1;
  border-radius: 6px;
}
.ignite-upsell .ignite-caption p {
  margin: 0;
  line-height: 1;
}
.ignite-upsell a {
  display: block;
  margin: 0.75rem 0 1em;
}
.ignite-upsell a img {
  display: block;
  max-width: 230px;
  height: auto;
}

/*********************
 Forms - Confirmation
 **********************/
.intro-home.intro-confirmation .index-hero-intro {
  margin: auto;
  width: 100%;
  max-width: 750px;
  text-align: center;
  padding: 4% 0 0;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-confirmation .index-hero-intro {
    text-align: left;
  }
}
.intro-home.intro-confirmation .index-hero-intro p {
  max-width: 100%;
  margin-bottom: 2rem;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-confirmation .index-hero-intro p br {
    display: none;
  }
}
.intro-home.intro-confirmation .calendarContent {
  margin-top: -2rem;
}
.intro-home.intro-confirmation .quick-links {
  background: #fff;
  padding: 6px;
  border-radius: 10px;
  box-shadow: 0 10px 46px rgba(0, 0, 0, 0.25);
  margin: 3em auto 9rem;
  max-width: 960px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.intro-home.intro-confirmation .quick-links .content-wrap {
  padding: 40px 45px;
  justify-content: space-between;
  column-gap: 40px;
  display: flex;
  border-radius: 10px;
}
@media only screen and (max-width : 1040px) {
  .intro-home.intro-confirmation .quick-links .content-wrap {
    display: inline-flex;
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .intro-home.intro-confirmation .quick-links .block-item {
    width: 46%;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-confirmation .quick-links .content-wrap {
    flex-direction: column;
    padding: 30px 35px;
  }
  .intro-home.intro-confirmation .quick-links .content-wrap a.btn-link {
    font-size: 14px;
  }
  .intro-home.intro-confirmation .quick-links .block-item {
    width: 100%;
  }
}
.intro-home.intro-confirmation .quick-links h4 {
  margin: 0 0 0.5rem;
}
.intro-home.intro-confirmation .quick-links p {
  color: #666;
  opacity: 0.7;
  font-size: 15px;
  line-height: 1.45;
  margin: 0 0 0.5rem;
}

.demo-options {
  display: flex;
  column-gap: 16px;
  margin: 1em auto 1em;
  width: 730px;
}
@media only screen and (max-width : 1040px) {
  .demo-options {
    width: 100%;
  }
}
@media only screen and (max-width : 650px) {
  .demo-options {
    margin: 0 0 0.75em;
    flex-direction: column;
  }
}
.demo-options input, .demo-options .hbspt-form select, .hbspt-form .demo-options select {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.demo-options label {
  display: inline-flex;
  width: 50%;
  border-radius: 8px;
  padding: 1em;
  border: 1px solid transparent;
  color: #666;
  cursor: pointer;
  transition: all 0.2s;
  line-height: 1;
  background-size: 25px 25px;
  opacity: 0.8;
  background: #060238;
  text-align: left;
}
@media only screen and (max-width: 650px) {
  .demo-options label {
    width: 100%;
  }
}
.demo-options label.selected, .demo-options label.selected:hover {
  color: #fff;
  opacity: 1;
  border: 1px solid #5b36f5;
  box-shadow: 0px 0px 3px 3px rgba(91, 54, 245, 0.5);
  background: #000;
}
.demo-options label:hover {
  opacity: 1;
  border: 1px solid #ddd;
}
.demo-options label strong {
  display: block;
  font-weight: 400;
}
.demo-options label p {
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  column-gap: 10px;
}
.demo-options label p b {
  font-weight: 500;
}
.demo-options label p em {
  font-style: normal;
  font-size: 18px;
}
@media only screen and (max-width : 650px) {
  .demo-options label p {
    font-size: 15px;
  }
  .demo-options label p b {
    display: none;
  }
}
.demo-options label p span.summary {
  color: #979797;
  font-size: 14px;
  display: block;
  padding: 4px 0 0;
  line-height: 1.3;
}

.demo-option1-details {
  display: none;
}

@media only screen and (max-width : 650px) {
  .demo-option1-details,
.demo-option2-details {
    display: none;
  }
}

/*********************
 Whitepaper
 **********************/
.intro-home.intro-whitepaper {
  background: #0b0046;
}
.intro-home.intro-whitepaper:before {
  background: url("../images/whitepaper/bg-shapes.png") no-repeat;
  background-size: inherit;
  opacity: 0.1;
}
@media only screen and (max-width: 1040px) {
  .intro-home.intro-whitepaper:before {
    background-size: 300%;
    background-position: bottom center;
  }
}
.intro-home.intro-whitepaper:after {
  z-index: 3;
}
.intro-home.intro-whitepaper .bg {
  display: none !important;
}
@media only screen and (max-width: 1040px) {
  .intro-home.intro-whitepaper section.index-hero {
    overflow: initial;
  }
  .intro-home.intro-whitepaper section.index-hero .container {
    display: flex;
    justify-content: center;
  }
}
.intro-home.intro-whitepaper section.index-hero .index-hero-intro {
  max-width: 600px;
  width: 50%;
  position: relative;
  z-index: 3;
  padding: 5% 0 5%;
}
@media only screen and (max-width: 1340px) {
  .intro-home.intro-whitepaper section.index-hero .index-hero-intro {
    width: 100%;
    padding-bottom: 8rem;
    max-width: 500px;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper section.index-hero .index-hero-intro {
    padding-bottom: 4rem;
  }
}
.intro-home.intro-whitepaper section.index-hero .index-hero-intro h1 {
  font-size: 46px;
}
@media only screen and (max-width: 1040px) {
  .intro-home.intro-whitepaper section.index-hero .index-hero-intro h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper section.index-hero .index-hero-intro h1 {
    font-size: 28px;
  }
}
.intro-home.intro-whitepaper section.index-hero .index-hero-intro h2 {
  display: inline-block;
  border-radius: 20px;
  color: #24cb8f;
  padding: 3px 11px;
  margin: 0 0 20px;
  opacity: 1;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #24cb8f;
  font-size: 12px;
  letter-spacing: 1px;
}
.intro-home.intro-whitepaper section.index-hero .index-hero-intro .cta-buttons {
  margin: 2em 0 0;
}
.intro-home.intro-whitepaper section.index-hero .index-hero-intro .cta-buttons a {
  max-width: 260px;
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper section.index-hero .index-hero-intro .cta-buttons a {
    max-width: 100%;
  }
}
.intro-home.intro-whitepaper section.index-hero .hero-image-wrapper {
  right: 12%;
  top: auto;
  top: 2em;
  max-width: 600px;
  width: 60%;
}
@media only screen and (max-width: 1700px) {
  .intro-home.intro-whitepaper section.index-hero .hero-image-wrapper {
    right: 8%;
  }
}
@media only screen and (max-width: 1300px) {
  .intro-home.intro-whitepaper section.index-hero .hero-image-wrapper {
    right: -6%;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper section.index-hero .hero-image-wrapper {
    position: absolute;
    margin: 0;
    padding: 0;
  }
}
.intro-home.intro-whitepaper section.index-hero .hero-image-wrapper img {
  max-width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: rgba(0, 0, 0, 0.25) 0 120px 229px 40px;
}
@media only screen and (max-width: 1040px) {
  .intro-home.intro-whitepaper section.index-hero .hero-image-wrapper img {
    clip-path: none;
    opacity: 0.3;
    display: none;
  }
}

.whitepaper-scroller {
  padding: 1rem;
  margin-bottom: 5rem;
  min-height: 200px;
}
.whitepaper-scroller .flickity-slider div img {
  display: inline;
  margin: 0 10px 0 0;
  border-radius: 4px;
  opacity: 0.7;
  max-width: 150px;
}
@media only screen and (max-width: 1040px) {
  .whitepaper-scroller {
    display: none;
  }
}

.whitepaper-screens.flickity-enabled .flickity-slider div {
  width: 820px !important;
}

.whitepaper-content .layout-columns {
  justify-content: space-between;
}
.whitepaper-content .layout-columns .column-text {
  margin: 0;
  flex: initial;
  width: 44%;
}
@media only screen and (max-width : 1040px) {
  .whitepaper-content .layout-columns {
    flex-direction: column;
    display: flex;
  }
  .whitepaper-content .layout-columns .column-text,
.whitepaper-content .layout-columns .column-image {
    width: 100%;
    margin: 0;
  }
  .whitepaper-content .layout-columns .column-text {
    order: 2;
    margin: 0 0 4rem;
  }
  .whitepaper-content .layout-columns .column-image {
    order: 1;
    margin: 0 0 4rem;
  }
}

.whitepaper-form {
  margin: -2rem 0 0;
}
.whitepaper-form .white-paper-preview {
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: -10rem;
  z-index: 2;
}
.whitepaper-form .white-paper-preview img {
  width: 200px;
  height: auto;
  margin: auto;
  display: block;
  transition: all 0.3s;
  border-radius: 10px;
}
.whitepaper-form .white-paper-preview img:nth-of-type(1) {
  transform: rotate(-10deg);
}
.whitepaper-form .white-paper-preview img:nth-of-type(2) {
  margin: 0 -180px;
  position: relative;
  z-index: 2;
}
.whitepaper-form .white-paper-preview img:nth-of-type(3) {
  transform: rotate(20deg);
}
.whitepaper-form:hover img:nth-of-type(1) {
  transform: rotate(-20deg);
}
.whitepaper-form:hover img:nth-of-type(3) {
  transform: rotate(30deg);
}
.whitepaper-form .form-contents {
  box-shadow: rgba(7, 30, 87, 0.1) 40px 40px 50px -10px;
  border-radius: 10px;
  padding: 12.5rem 3rem 3rem;
  border: 1px solid #ccc;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .whitepaper-form .form-contents {
    padding: 12.5rem 1.5rem 3rem;
  }
}
.whitepaper-form .form-contents:after {
  content: "";
  height: 120px;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: #f1f1f1;
}
.whitepaper-form .form-contents:before {
  content: "";
  height: 10px;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
.whitepaper-form .form-contents h3 {
  font-size: 24px;
  margin: 0 0 1rem;
}
.whitepaper-form .form-contents p {
  margin: -0.5rem 0 1.5rem;
}
.whitepaper-form .form-contents small {
  font-size: 12px;
  line-height: 1.35;
  display: block;
}
.whitepaper-form .form-contents fieldset {
  max-width: 100% !important;
}
.whitepaper-form .form-contents fieldset.form-columns-2 {
  display: flex;
  justify-content: space-between;
}
.whitepaper-form .form-contents fieldset.form-columns-2 div.hs-form-field {
  float: none !important;
  width: 49% !important;
}
.whitepaper-form .form-contents .input {
  margin-right: 0 !important;
}
.whitepaper-form .form-contents .input input,
.whitepaper-form .form-contents .input select {
  width: 100% !important;
}

.whitepaper-partners {
  margin: 3.5rem 0 8rem;
}
@media only screen and (max-width : 1040px) {
  .whitepaper-partners {
    margin-bottom: 0;
  }
}
.whitepaper-partners .whitepaper-contents {
  border: 1px solid #ddd;
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.03);
}
.whitepaper-partners .whitepaper-contents label {
  display: inline-block;
  border-radius: 20px;
  background: #24cb8f;
  color: #fff;
  padding: 5px 11px;
  margin: 0 0 10px;
  opacity: 1;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #24cb8f;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1;
}
.whitepaper-partners .whitepaper-contents h3 {
  font-size: 22px;
}
.whitepaper-partners .whitepaper-contents .chapter-list {
  align-items: center;
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 12px 0;
}
@media only screen and (max-width : 650px) {
  .whitepaper-partners .whitepaper-contents .chapter-list {
    align-items: start;
    padding: 8px 0;
  }
}
.whitepaper-partners .whitepaper-contents .chapter-list:last-of-type {
  padding-bottom: 0;
}
.whitepaper-partners .whitepaper-contents .chapter-list .left-list {
  display: flex;
  font-size: 16px;
  transition: all 0.3s;
}
@media only screen and (max-width : 650px) {
  .whitepaper-partners .whitepaper-contents .chapter-list .left-list {
    font-size: 15px;
    line-height: 1.45;
  }
}
.whitepaper-partners .whitepaper-contents .chapter-list .left-list span {
  color: #FC2F86;
  font-style: italic;
  font-weight: 600;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  margin-right: 18px;
  transition: all 0.3s;
  width: 12px;
}
.whitepaper-partners .whitepaper-contents .chapter-list .img-box {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width : 650px) {
  .whitepaper-partners .whitepaper-contents .chapter-list .img-box {
    min-width: 70px;
  }
}
.whitepaper-partners .whitepaper-contents .chapter-list .img-box img {
  aspect-ratio: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  max-height: 25px;
  transition: all 0.3s;
}
.whitepaper-partners .whitepaper-contents .chapter-list:hover .left-list, .whitepaper-partners .whitepaper-contents .chapter-list:hover .left-list span {
  color: #5B36F5;
}
.whitepaper-partners .whitepaper-contents .chapter-list:hover .img-box img {
  transform: scale(1.2);
}

.whitepaper-text-scroller {
  overflow: hidden;
  margin: -1rem 0 0;
}
@media only screen and (max-width : 1040px) {
  .whitepaper-text-scroller {
    margin: 0;
  }
}
.whitepaper-text-scroller .text-wrapper {
  display: flex;
  column-gap: 60px;
  flex-wrap: wrap;
  justify-content: center;
  width: 600rem;
  margin: auto;
  animation: slide 25s linear infinite;
  padding: 2em 0 6em;
  margin-left: -100em;
}
.whitepaper-text-scroller span {
  font-size: 80px;
  color: #ccc;
  font-family: "Poppins", "Helvetica Neue", sans-serif;
}
@media only screen and (max-width : 1040px) {
  .whitepaper-text-scroller span {
    font-size: 60px;
  }
}

/*********************
 Whitepaper - Reimagine
 **********************/
.intro-home.intro-whitepaper.whitepaper-02 {
  background: #ecddff;
}
.intro-home.intro-whitepaper.whitepaper-02:before {
  background: url("../images/whitepaper-02/bg-ripple.png") no-repeat center top;
  background-size: inherit;
  opacity: 1;
  top: 5.5em;
  bottom: auto;
  right: 4%;
  left: auto;
  width: 790px;
  width: 790px;
  height: 790px;
  z-index: 1;
  animation: move-ripple 8s infinite alternate ease-in-out;
}
@media only screen and (max-width: 1450px) {
  .intro-home.intro-whitepaper.whitepaper-02:before {
    opacity: 0.2;
  }
}
@keyframes move-ripple {
  0% {
    transform: translateX(0) rotate(0deg) scale(1);
  }
  100% {
    transform: translateX(-80px) rotate(60deg) scale(0.9);
  }
}
.intro-home.intro-whitepaper.whitepaper-02 span.line-effect {
  background: url("../images/whitepaper-02/bg-line-effect.png") no-repeat center top;
  background-size: 100%;
  opacity: 1;
  top: 26.5em;
  bottom: auto;
  right: auto;
  left: 2em;
  width: 286px;
  height: 177px;
  opacity: 0.3;
  z-index: 2;
  position: absolute;
  animation: move-ripple 8s infinite alternate ease-in-out;
}
@media only screen and (max-width: 1450px) {
  .intro-home.intro-whitepaper.whitepaper-02 span.line-effect {
    display: none;
  }
}
.intro-home.intro-whitepaper.whitepaper-02 span.line-effect.position-2 {
  left: 45%;
  top: 5em;
  z-index: 0;
}
.intro-home.intro-whitepaper.whitepaper-02 span.line-effect.position-3 {
  left: 25%;
  top: 15%;
  z-index: 0;
  background: url("../images/whitepaper-02/bg-line-effect-light.png") no-repeat center top;
  background-size: 100%;
  animation: move-ripple 8s infinite ease-in-out reverse;
}
.intro-home.intro-whitepaper.whitepaper-02 section.index-hero h1 {
  color: #000;
  font-size: 42px;
}
@media only screen and (max-width : 1040px) {
  .intro-home.intro-whitepaper.whitepaper-02 section.index-hero h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper.whitepaper-02 section.index-hero h1 {
    font-size: 26px;
  }
}
.intro-home.intro-whitepaper.whitepaper-02 section.index-hero p {
  color: #444;
  max-width: 490px;
}
.intro-home.intro-whitepaper.whitepaper-02 section.index-hero .index-hero-intro h2 {
  color: #755ff7;
  border-color: #755ff7;
  background: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.intro-home.intro-whitepaper.whitepaper-02 section.index-hero .hero-image-wrapper img {
  border: 0;
  border-radius: 8px;
}

.whitepaper-partners .whitepaper-contents.whitepaper-02 label {
  background-color: #755ff7;
  border-color: #755ff7;
}

.whitepaper-content.whitepaper-02 .whitepaper-text-scroller .text-wrapper {
  width: 680rem;
}

.whitepaper-form.with-gradient .form-contents:after {
  background: url("../images/whitepaper-02/form-header.jpg") no-repeat center top;
}

/*********************
 Whitepaper - Customer Adoption
 **********************/
.intro-home.intro-whitepaper.whitepaper-03 {
  background: #2f2e37;
}
.intro-home.intro-whitepaper.whitepaper-03:before {
  background: url("../images/whitepaper-03/bg-ripple.png") no-repeat center top;
  background-size: inherit;
  opacity: 1;
  top: 5.5em;
  bottom: auto;
  right: 4%;
  left: auto;
  width: 790px;
  width: 790px;
  height: 790px;
  z-index: 1;
  animation: move-ripple 8s infinite alternate ease-in-out;
}
@media only screen and (max-width: 1450px) {
  .intro-home.intro-whitepaper.whitepaper-03:before {
    opacity: 0.2;
  }
}
@keyframes move-ripple {
  0% {
    transform: translateX(0) rotate(0deg) scale(1);
  }
  100% {
    transform: translateX(-80px) rotate(60deg) scale(0.9);
  }
}
.intro-home.intro-whitepaper.whitepaper-03 span.line-effect {
  background: url("../images/whitepaper-03/bg-line-effect.png") no-repeat center top;
  background-size: 100%;
  opacity: 1;
  top: 26.5em;
  bottom: auto;
  right: auto;
  left: 2em;
  width: 260px;
  height: 260px;
  opacity: 0.2;
  z-index: 2;
  position: absolute;
  animation: move-ripple 8s infinite alternate ease-in-out;
}
@media only screen and (max-width: 1450px) {
  .intro-home.intro-whitepaper.whitepaper-03 span.line-effect {
    display: none;
  }
}
.intro-home.intro-whitepaper.whitepaper-03 span.line-effect.position-2 {
  left: 45%;
  top: 5em;
  z-index: 0;
}
.intro-home.intro-whitepaper.whitepaper-03 span.line-effect.position-3 {
  left: 25%;
  top: 15%;
  z-index: 0;
  background: url("../images/whitepaper-03/bg-line-effect-light.png") no-repeat center top;
  background-size: 100%;
  animation: move-ripple 8s infinite ease-in-out reverse;
}
.intro-home.intro-whitepaper.whitepaper-03 section.index-hero h1 {
  color: #fff;
  font-size: 42px;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  line-height: 110%;
  letter-spacing: -2.1px;
}
@media only screen and (max-width : 1040px) {
  .intro-home.intro-whitepaper.whitepaper-03 section.index-hero h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width : 650px) {
  .intro-home.intro-whitepaper.whitepaper-03 section.index-hero h1 {
    font-size: 26px;
  }
}
.intro-home.intro-whitepaper.whitepaper-03 section.index-hero h1 em {
  font-style: normal;
  color: #d6b5ec;
}
.intro-home.intro-whitepaper.whitepaper-03 section.index-hero p {
  color: #ccc;
  max-width: 490px;
}
.intro-home.intro-whitepaper.whitepaper-03 section.index-hero .index-hero-intro h2 {
  color: #232323;
  border: none;
  background: #94dad9;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
}
.intro-home.intro-whitepaper.whitepaper-03 section.index-hero .hero-image-wrapper img {
  border: 0;
  border-radius: 8px;
}
.intro-home.intro-whitepaper.whitepaper-03 .whitepaper-screens.flickity-enabled .flickity-slider div {
  width: 656px !important;
}

.whitepaper-partners .whitepaper-contents.whitepaper-03 label {
  background: #94dad9;
  color: #232323;
  border: 0;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
}

.whitepaper-content.whitepaper-03 .chapter-list .left-list {
  font-size: 15px;
}
.whitepaper-content.whitepaper-03 .whitepaper-text-scroller .text-wrapper {
  width: 740rem;
}
.whitepaper-content.whitepaper-03 .whitepaper-form.with-gradient .form-contents:after {
  background: url("../images/whitepaper-03/form-header.jpg") no-repeat center top;
}
.whitepaper-content.whitepaper-03 h2,
.whitepaper-content.whitepaper-03 h3 {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  line-height: 120%;
  letter-spacing: -1.5px;
}
@media only screen and (max-width : 650px) {
  .whitepaper-content.whitepaper-03 h2,
.whitepaper-content.whitepaper-03 h3 {
    font-size: 20px;
  }
}
.whitepaper-content.whitepaper-03 h2 em,
.whitepaper-content.whitepaper-03 h3 em {
  color: #8a78ee;
  font-style: normal;
}

.whitepaper-03 ul.with-ticks li:before {
  background-color: #94dad9;
}
.whitepaper-03 .hbspt-form .actions input, .whitepaper-03 .hbspt-form .actions select,
.whitepaper-03 .index-hero-intro .cta-buttons a {
  background: #94dad9 !important;
  color: #232323 !important;
}
.whitepaper-03 .hbspt-form .actions input:hover, .whitepaper-03 .hbspt-form .actions select:hover,
.whitepaper-03 .index-hero-intro .cta-buttons a:hover {
  background: #232323 !important;
  color: #94dad9 !important;
}

/*********************
 Wix page
 **********************/
.page-wrapper-partners.partner-platform section.index-hero h2 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  opacity: 0.7;
  margin: 0 0 0.75rem;
  text-transform: none;
  letter-spacing: normal;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners.partner-platform section.index-hero h2 {
    display: none;
  }
}
.page-wrapper-partners.partner-platform .intro-how section.index-hero .index-hero-intro {
  padding-top: 4%;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners.partner-platform .intro-how section.index-hero .index-hero-intro {
    padding-top: 2%;
  }
}
.page-wrapper-partners.partner-platform section.index-hero h1 {
  font-size: 48px;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-partners.partner-platform section.index-hero h1 {
    font-size: 34px;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners.partner-platform section.index-hero h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners.partner-platform .usps-home {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-partners.partner-platform .feature-tabs {
    margin-bottom: -3rem;
  }
}
.page-wrapper-partners.partner-platform.partner-woo .intro-home {
  background: #370079;
}
.page-wrapper-partners.partner-platform.partner-woo .intro-home .intro-coming-soon {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 0.75rem;
}
.page-wrapper-partners.partner-platform.partner-woo .intro-home .intro-coming-soon span {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 6px 10px;
  line-height: 1;
  font-size: 12px;
}
.page-wrapper-partners.partner-platform.partner-woo .intro-home .intro-coming-soon h2 {
  margin: 0;
}
.page-wrapper-partners.partner-platform.partner-woo .intro-home section.index-hero .cta-buttons a {
  flex-grow: inherit;
  padding: 0.875em 3.25em;
  border: 0;
}
.page-wrapper-partners.partner-platform.partner-magento .intro-home {
  background: #000;
}
.page-wrapper-partners.partner-platform.partner-magento .intro-home .intro-coming-soon {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 0.75rem;
}
.page-wrapper-partners.partner-platform.partner-magento .intro-home .intro-coming-soon span {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 6px 10px;
  line-height: 1;
  font-size: 12px;
}
.page-wrapper-partners.partner-platform.partner-magento .intro-home .intro-coming-soon h2 {
  margin: 0;
}
.page-wrapper-partners.partner-platform.partner-magento .intro-home section.index-hero .cta-buttons a {
  flex-grow: inherit;
  padding: 0.875em 3.25em;
  border: 0;
}

/*********************
 404 page
 **********************/
.page-404 {
  padding: 10em 0 6em;
  text-align: center;
}
@media only screen and (max-width : 1040px) {
  .page-404 {
    padding: 8em 0 4em;
  }
}
.page-404 img {
  display: block;
  width: 80%;
  max-width: 550px;
  height: auto;
  margin: auto;
}
.page-404 p {
  padding: 1em 2.5em;
}

/*********************
General
**********************/
.page-feature h2 {
  font-size: 40px;
  line-height: 1.4;
}
@media only screen and (max-width : 1040px) {
  .page-feature h2 {
    font-size: 36px;
    text-align: center;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature h2 {
    font-size: 24px;
    text-align: left;
    margin: 1rem 0 1rem;
  }
}

/*********************
Homepage - Hero Banner
**********************/
.feature-header {
  background: url("../images/features/bg_gradient.png") no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding: 8rem 0 7rem;
}
@media only screen and (max-width : 1040px) {
  .feature-header {
    padding: 7rem 0 4.5rem;
  }
}
.feature-header .feature-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: auto;
}
@media only screen and (max-width: 1340px) {
  .feature-header .feature-content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.feature-header .feature-label {
  display: flex;
  justify-content: center;
  font-size: 14px;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width : 650px) {
  .feature-header .feature-label {
    justify-content: start;
  }
}
.feature-header .feature-label div {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  gap: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.feature-header .feature-label span {
  background: #5B36F5;
  padding: 2px 10px;
  color: #fff;
  border-radius: 20px;
}
.feature-header .feature-label em {
  font-style: normal;
  padding-right: 10px;
}
.feature-header.index-hero h1,
.feature-header.index-hero p {
  color: #000;
}
.feature-header.index-hero h1 {
  text-align: center;
  font-size: 48px;
  margin: 15px 0;
}
@media only screen and (max-width : 1040px) {
  .feature-header.index-hero h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width : 650px) {
  .feature-header.index-hero h1 {
    font-size: 30px;
    text-align: left;
  }
}
.feature-header.index-hero p {
  max-width: 600px;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .feature-header.index-hero p {
    text-align: left;
  }
}
.feature-header.index-hero .cta-buttons {
  justify-content: center;
  margin-top: 1.5rem;
}
.feature-header.index-hero .cta-buttons a {
  flex-grow: inherit;
}
.feature-header.index-hero .cta-internal-link {
  text-align: center;
  font-size: 15px;
  margin: 0 0 -0.5em;
}
@media only screen and (max-width : 650px) {
  .feature-header.index-hero .cta-internal-link {
    font-size: 14px;
  }
}
.feature-header .feature-notes {
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #555;
  gap: 30px;
}
@media only screen and (max-width : 1040px) {
  .feature-header .feature-notes {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.feature-header .feature-notes div.plan {
  display: flex;
  gap: 6px;
  align-items: center;
}
@media only screen and (max-width : 650px) {
  .feature-header .feature-notes div.plan {
    display: none;
  }
}
.feature-header .feature-notes span.growth,
.feature-header .feature-notes span.pro,
.feature-header .feature-notes span.enterprise {
  padding: 0 10px;
  color: #fff;
  border-radius: 20px;
  background: #000;
  font-size: 11px;
}
.feature-header .feature-notes span.enterprise {
  background-image: linear-gradient(45deg, #ff61d3 10%, #b318ff 36%, #b318ff 47%, #30b6ff 67%, #00f0ff 76%, #1e43ff);
}
.feature-header .feature-notes span.growth {
  background: #fff;
  color: #330003;
  border: 1px solid #ccc;
}
.feature-header .feature-notes span.partner-conjura {
  background: url(../images/partners/logo-Conjura.png) no-repeat 100% 100%;
  height: 11px;
  display: block;
  width: 94px;
  background-size: contain;
}
.feature-header .feature-notes div.platform {
  display: flex;
  gap: 6px;
  align-items: center;
}
.feature-header .feature-notes div.platform a.shopify {
  display: flex;
}
.feature-header .feature-notes div.platform a.shopify img {
  height: 19px;
}
.feature-header .feature-notes div.platform a.bigcommerce {
  display: flex;
}
.feature-header .feature-notes div.platform a.bigcommerce img {
  height: 17px;
}
.feature-header .feature-notes div.platform a.wix {
  display: flex;
  margin: 3px 0 0;
}
.feature-header .feature-notes div.platform a.wix img {
  height: 10px;
}
.feature-header .feature-notes div.platform a.ignite {
  display: flex;
  margin: 3px 0 0;
}
.feature-header .feature-notes div.platform a.ignite img {
  height: 10px;
}
@media only screen and (max-width : 650px) {
  .feature-header .feature-notes div.platform a.ignite {
    display: none;
  }
}
.feature-header a.feature-video {
  display: block;
  margin: 40px 0 30px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feature-header a.feature-video::before {
  content: "";
  background: url(../images/features/icon_play.svg) no-repeat 100% 100%;
  height: 94px;
  display: block;
  width: 94px;
  position: absolute;
  z-index: 2;
  transition: all 0.3s;
  animation: icon_scaleup 1.5s infinite;
}
@keyframes icon_scaleup {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(0.95);
  }
}
.feature-header a.feature-video:hover:before {
  transform: scale(1.4);
}
.feature-header a.feature-video img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  box-shadow: 0 0 8px 5px rgba(0, 0, 0, 0.08);
}
.feature-header:after {
  background: url("../images/effects/bg_curve.svg") no-repeat;
  pointer-events: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 1;
  height: 280px;
}
@media only screen and (max-width : 650px) {
  .feature-header:after {
    display: none;
  }
}
.feature-header:before {
  background: url("../images/features/bg_curve_gradient.png") no-repeat bottom center;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 0;
  height: 880px;
  opacity: 1;
}
@media only screen and (min-width: 2005px) {
  .feature-header:before {
    background-position: top center;
  }
}
@media only screen and (max-width: 1340px) {
  .feature-header:before {
    background-size: 1800px 840px;
  }
}

/*********************
Use-cases
**********************/
ul.feature-use-cases {
  display: flex;
  justify-content: center;
  font-size: 15px;
  gap: 10px;
  margin-top: 2rem;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  ul.feature-use-cases {
    display: none;
  }
}
ul.feature-use-cases li.icon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
ul.feature-use-cases li.icon:before {
  content: "";
  background: url(../images/icons/tick.svg) no-repeat center center;
  background-size: 50%;
  width: 16px;
  height: 16px;
  background-color: #5b36f5;
  border-radius: 50%;
  display: block;
}

/*********************
Tabs
**********************/
@media only screen and (min-width: 1040px) {
  .page-feature .feature-tabs {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
  .page-feature .feature-tabs:after {
    background: url("../images/features/bg_block_1.png") no-repeat center right;
  }
  .page-feature .feature-tabs h2 {
    margin: 0 0 1.5rem;
  }
  .page-feature .feature-tabs p.introduction {
    max-width: 600px;
    margin: 0 auto 4rem;
    text-align: center;
  }
  .page-feature .feature-tabs .tab-buttons-wrap {
    float: left;
    width: 280px;
  }
  .page-feature .feature-tabs .tab-buttons-wrap {
    margin: 0 2rem 0 0;
  }
  .page-feature .feature-tabs ul.tab-buttons {
    display: block;
    margin: 0;
    width: auto;
  }
  .page-feature .feature-tabs ul.tab-buttons li {
    margin: 0 0 1em;
  }
  .page-feature .feature-tabs ul.tab-buttons li a {
    background-image: none;
    background-color: #f2f2f2;
    opacity: 1;
    position: relative;
    padding-left: 3.5rem;
  }
  .page-feature .feature-tabs ul.tab-buttons li a::before {
    content: "1";
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 12px;
    top: 14px;
    font-weight: bold;
  }
  .page-feature .feature-tabs ul.tab-buttons li a span {
    line-height: 1.35;
  }
  .page-feature .feature-tabs ul.tab-buttons li.item-2 a:before {
    content: "2";
  }
  .page-feature .feature-tabs ul.tab-buttons li.item-3 a:before {
    content: "3";
  }
  .page-feature .feature-tabs ul.tab-buttons li.item-4 a:before {
    content: "4";
  }
  .page-feature .feature-tabs .layout-columns {
    margin: 2rem 0 0;
  }
  .page-feature .feature-tabs .column-image {
    width: 51%;
  }
  .page-feature .feature-tabs .column-image img {
    border: 1px solid #ddd;
    box-shadow: none;
  }
  .page-feature .feature-tabs .column-text {
    width: 36%;
  }
  .page-feature .feature-tabs .column-text p {
    text-align: left;
  }
  .page-feature .feature-tabs .apply-filter1 li.item-1 a,
.page-feature .feature-tabs .apply-filter2 li.item-2 a,
.page-feature .feature-tabs .apply-filter3 li.item-3 a,
.page-feature .feature-tabs .apply-filter4 li.item-4 a,
.page-feature .feature-tabs .apply-filter5 li.item-5 a {
    background-color: #fff;
  }
  .page-feature .feature-tabs .apply-filter1 li.item-1 a:before,
.page-feature .feature-tabs .apply-filter2 li.item-2 a:before,
.page-feature .feature-tabs .apply-filter3 li.item-3 a:before,
.page-feature .feature-tabs .apply-filter4 li.item-4 a:before,
.page-feature .feature-tabs .apply-filter5 li.item-5 a:before {
    background: #5B36F5;
    color: #fff;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature .feature-tabs {
    margin-top: -5rem;
  }
  .page-feature .feature-tabs::after {
    display: none;
  }
}
.page-feature .feature-tabs ul.tab-buttons li a span {
  line-height: 1.3;
}

@media only screen and (min-width: 1040px) {
  .page-feature .feature-tabs .column-text {
    width: 44%;
  }
}
@media only screen and (min-width: 1340px) {
  .page-feature .feature-tabs .column-text {
    width: 34%;
  }
}
/*********************
Quote
**********************/
@media only screen and (max-width: 870px) {
  .page-quoting .feature-use-cases {
    display: none;
  }
}

.section-featured-announcement {
  max-width: 660px;
  display: flex;
  margin: 0 auto -3rem;
  align-items: start;
  column-gap: 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width : 1040px) {
  .section-featured-announcement {
    margin: -2rem auto 4rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-featured-announcement {
    display: block;
    text-align: center;
  }
}
.section-featured-announcement img {
  width: 60px;
  height: 60px;
  margin: 0 1rem 0 0;
  border: double 3px transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff61d3, #b318ff, #00f0ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
@media only screen and (max-width : 650px) {
  .section-featured-announcement .announcement-text {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.section-featured-announcement .announcement-text p {
  margin: 0 0 0.5em;
  line-height: 1.4;
  font-size: 22px;
  color: #333;
}
@media only screen and (max-width : 650px) {
  .section-featured-announcement .announcement-text p {
    font-size: 16px;
    margin: 1rem 0 0.5rem;
  }
}
@media only screen and (max-width : 650px) {
  .section-featured-announcement .announcement-text a span {
    display: none;
  }
}

/*********************
Interactive Demo
**********************/
.partner-demo.demo-quoting {
  position: relative;
  margin: 0 0 -11rem;
}
.partner-demo.demo-quoting:before {
  content: "";
  background: url("../images/features/bg_block_2.png") no-repeat center left;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-demo.demo-quoting .interactive-demo .id-content {
  padding-bottom: calc(74%);
}
.partner-demo.demo-quoting .interactive-demo .id-frame a.id-overlay {
  background: rgba(233, 210, 252, 0.6);
}
.partner-demo.demo-quoting .interactive-demo .id-frame a.id-overlay span {
  border-color: #c0b1fe;
}

/*********************
Grid blocks
**********************/
.feature-block-grid {
  background: #f1fdff;
  padding: 8rem 0 10rem;
  position: relative;
}
@media only screen and (max-width : 1040px) {
  .feature-block-grid {
    padding: 6rem 0 7rem;
  }
}
@media only screen and (max-width : 650px) {
  .feature-block-grid {
    padding: 4rem 0 5rem;
  }
}
.feature-block-grid.alt1 {
  background: #f0f9e7;
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin: 0 0 6rem;
}
@media only screen and (max-width : 650px) {
  .feature-block-grid.alt1 {
    margin: -6rem 0 6rem;
    padding: 3rem 0 5rem;
  }
}
.feature-block-grid:after {
  background: url("../images/features/bg_curve_light.svg") no-repeat;
  pointer-events: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 1;
  height: 280px;
}
@media only screen and (max-width : 650px) {
  .feature-block-grid:after {
    display: none;
  }
}
.feature-block-grid:before {
  background: url("../images/features/bg_curve_gradient.png") no-repeat bottom center;
  transform: scaleX(-1);
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  z-index: 0;
  height: 880px;
  opacity: 0.7;
}
@media only screen and (min-width: 2005px) {
  .feature-block-grid:before {
    background-position: top center;
  }
}
@media only screen and (max-width: 1340px) {
  .feature-block-grid:before {
    background-size: 1800px 840px;
  }
}
.feature-block-grid .feature-block-header {
  max-width: 660px;
  margin: 0 auto 4rem;
  text-align: center;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .feature-block-grid .feature-block-header {
    text-align: left;
  }
}
.feature-block-grid ul.layout {
  display: flex;
  gap: 45px;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width : 1040px) {
  .feature-block-grid ul.layout {
    flex-direction: column;
  }
}
@media only screen and (max-width : 650px) {
  .feature-block-grid ul.layout {
    margin: -1rem 0 0;
  }
}
.feature-block-grid ul.layout li {
  width: 33.33%;
}
@media only screen and (max-width : 1040px) {
  .feature-block-grid ul.layout li {
    width: 100%;
  }
}
.feature-block-grid ul.layout li img {
  width: 100%;
  border-radius: 8px;
  display: block;
  margin: 0 0 30px;
  border: 2px solid #fff;
}
.feature-block-grid ul.layout li h4 {
  margin-bottom: 10px;
}
.feature-block-grid ul.layout li p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}
.feature-block-grid .cta-buttons {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 4rem 0 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  .feature-block-grid .cta-buttons {
    flex-direction: column;
    gap: 1rem;
  }
}

/*********************
FAQs
**********************/
.page-feature .section-how-faqs h2 {
  text-align: center;
  margin-bottom: 3rem;
}

/*********************
Sales Agents
**********************/
.page-feature.page-sales-agents .feature-header {
  background: url("../images/features/bg_gradient_01.png") no-repeat;
  background-size: cover;
}
.page-feature.page-sales-agents .feature-header .feature-label span {
  background: #f536c7;
}
.page-feature.page-sales-agents .feature-header.index-hero p {
  max-width: 640px;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-sales-agents .feature-tabs {
    margin-bottom: -2rem;
  }
}
.page-feature.page-sales-agents .partner-demo {
  padding-top: 2rem;
  position: relative;
}
.page-feature.page-sales-agents .partner-demo:before {
  content: "";
  background: url("../images/features/bg_block_2.png") no-repeat center left;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-feature.page-sales-agents .partner-demo .feature-block-header {
  max-width: 860px;
  margin: 0 auto 2rem;
  text-align: center;
  z-index: 2;
  position: relative;
}
.page-feature.page-sales-agents .feature-block-grid {
  background: #fff1fc;
}
.page-feature.page-sales-agents .partner-demo .section-interactive h2,
.page-feature.page-sales-agents .partner-demo .section-interactive p {
  display: none;
}

/*********************
B2B Journey
**********************/
.page-feature.page-b2b-journey .feature-header {
  background: #ccf545ff;
  background-size: cover;
}
.page-feature.page-b2b-journey .feature-header:before {
  display: none;
}
.page-feature.page-b2b-journey .feature-header h1 {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 140px;
  margin: 15px auto;
  max-width: 760px;
  line-height: 1;
  color: #005840;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .feature-header h1 {
    font-size: 80px;
    max-width: 500px;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .feature-header h1 {
    font-size: 55px;
    text-align: left;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .feature-header .feature-notes div.platform {
    flex-direction: column;
  }
}
.page-feature.page-b2b-journey .feature-header .feature-notes div.platform img {
  display: flex;
  height: 25px;
}
.page-feature.page-b2b-journey .feature-header .feature-label {
  font-family: "DM Mono", monospace;
  text-transform: uppercase;
  color: #000;
}
.page-feature.page-b2b-journey .feature-header .feature-label span {
  background: #ff7701ff;
}
.page-feature.page-b2b-journey .feature-header.index-hero p {
  max-width: 500px;
}
.page-feature.page-b2b-journey h2 {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 80px;
  margin: auto;
  max-width: 700px;
  line-height: 1;
  color: #333;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey h2 {
    font-size: 36px;
    text-align: left;
  }
}
.page-feature.page-b2b-journey .feature-block-grid {
  background: #fff1fc;
}
.page-feature.page-b2b-journey .b2b-journey-intro {
  padding: 7rem 0 2.5rem;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-intro {
    padding: 3rem 0 2rem;
  }
}
.page-feature.page-b2b-journey .b2b-journey-intro .feature-block-header {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-intro .feature-block-header {
    text-align: left;
  }
}
.page-feature.page-b2b-journey .b2b-journey-intro .feature-block-header p {
  max-width: 600px;
  margin: 1.5em auto 1em;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-intro .feature-block-header p {
    margin-bottom: 0;
    margin-top: 1em;
  }
}
.page-feature.page-b2b-journey .b2b-journey-series {
  display: flex;
  flex-direction: column;
  gap: 7em;
  margin-bottom: 7rem;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .b2b-journey-series {
    gap: 4.5rem;
    margin-bottom: 6rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-series {
    gap: 2.5rem;
    margin-bottom: 1rem;
  }
}
.page-feature.page-b2b-journey .journey-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  border-radius: 12px;
}
.page-feature.page-b2b-journey .journey-container:hover {
  animation: pulse-glow 2s infinite;
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(1) {
  --glow-color: #ff7701ff;
  /* orange */
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(2) {
  --glow-color: #015840ff;
  /* dark green */
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(3) {
  --glow-color: #feb3d2ff;
  /* pink */
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(4) {
  --glow-color: #ccf545ff;
  /* neon yellow */
}
@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  }
  50% {
    box-shadow: 0 0 45px var(--glow-color);
  }
  100% {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
  }
}
.page-feature.page-b2b-journey .journey-container iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  border: 1px solid #777;
}
.page-feature.page-b2b-journey .journey-container .video-close-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 10;
  font-size: 30px;
  line-height: 1;
  border: none;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.page-feature.page-b2b-journey .journey-container .video-close-btn:hover {
  background: rgba(0, 0, 0, 0.8);
}
.page-feature.page-b2b-journey .journey-container .journey-box {
  padding: 2.75rem;
  background: #ff7701ff;
  border-radius: 12px;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-container .journey-box {
    padding: 1.5rem;
  }
}
.page-feature.page-b2b-journey .journey-container .journey-label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 15px;
  color: #000;
  margin: 0 0 1em;
}
.page-feature.page-b2b-journey .journey-container .journey-label span {
  display: flex;
  border-radius: 4px;
  background: #fff;
  padding: 10px 16px;
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-container .journey-label span {
    font-size: 12px;
  }
}
.page-feature.page-b2b-journey .journey-container .journey-title {
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  font-size: 180px;
  margin: 50px auto 15px;
  max-width: 700px;
  line-height: 1;
  color: #000;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .journey-container .journey-title {
    font-size: 80px;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-container .journey-title {
    font-size: 60px;
    text-align: left;
    margin-top: 20px;
  }
}
.page-feature.page-b2b-journey .journey-container .subtitle {
  font-size: 48px;
  color: #000;
  font-weight: 600;
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  display: block;
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .journey-container .subtitle br {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-container .subtitle {
    font-size: 26px;
    text-align: left;
  }
  .page-feature.page-b2b-journey .journey-container .subtitle br {
    display: none;
  }
}
.page-feature.page-b2b-journey .journey-container p.summary {
  color: #000;
  text-align: center;
  font-size: 20px;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-container p.summary {
    font-size: 15px;
    text-align: left;
    margin-bottom: 0;
  }
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(2) .journey-box {
  background: #015840ff;
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(2) .journey-box .journey-title,
.page-feature.page-b2b-journey .journey-container:nth-of-type(2) .journey-box .subtitle,
.page-feature.page-b2b-journey .journey-container:nth-of-type(2) .journey-box .summary {
  color: #fff;
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(3) .journey-box {
  background: #feb3d2ff;
}
.page-feature.page-b2b-journey .journey-container:nth-of-type(4) .journey-box {
  background: #ccf545ff;
}
.page-feature.page-b2b-journey .btn-container {
  display: flex;
  justify-content: center;
  padding: 1em 0 4.5em;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .btn-container {
    padding-bottom: 0;
  }
}
.page-feature.page-b2b-journey .journey-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 22px;
  border-radius: 30px;
  padding: 14px 30px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  background: #fff;
  color: #000;
  width: auto;
  max-width: fit-content;
  white-space: nowrap;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-btn {
    font-size: 12px;
  }
}
.page-feature.page-b2b-journey .journey-btn em {
  font-size: 12px;
  font-style: normal;
}
.page-feature.page-b2b-journey .journey-btn svg {
  width: 26px;
  height: 26px;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .journey-btn svg {
    width: 20px;
    height: 20px;
  }
}
.page-feature.page-b2b-journey .journey-btn svg path {
  fill: #000;
  transition: all 0.3s;
}
.page-feature.page-b2b-journey .journey-btn svg circle {
  stroke: #000;
}
.page-feature.page-b2b-journey .journey-btn:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
  gap: 14px;
}
.page-feature.page-b2b-journey .journey-btn:hover svg path {
  fill: #fff;
}
.page-feature.page-b2b-journey .journey-btn:hover svg circle {
  stroke: #fff;
}
.page-feature.page-b2b-journey .b2b-about-wrap {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 4rem;
  display: block;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-about-wrap {
    padding: 1.5rem;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about {
  padding: 2rem 0 7rem;
}
.page-feature.page-b2b-journey .b2b-journey-about .feature-block-header {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .feature-block-header {
    text-align: left;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about .journey-team {
  display: flex;
  gap: 3rem;
  margin: 3rem 0 0;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .journey-team {
    margin: 1.5rem 0 0;
    flex-direction: column;
    gap: 1rem;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about .journey-team .block {
  width: 50%;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .journey-team .block {
    width: 100%;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about .journey-team .block img {
  width: 100%;
  display: block;
  border-radius: 12px;
}
.page-feature.page-b2b-journey .b2b-journey-about .journey-team .block h3 {
  font-size: 48px;
  color: #000;
  font-weight: 600;
  font-family: "League Gothic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  margin: 0.5em 0 0;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .journey-team .block h3 {
    font-size: 30px;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about .forward-footer {
  margin: 3rem 0 0;
  text-align: center;
  padding: 3em;
  background: #eee;
  border-radius: 10px;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .forward-footer {
    background: none;
    border-top: 1px solid #eee;
    border-radius: 0;
    padding: 1rem 0 0;
    margin: 1rem 0 0;
  }
}
.page-feature.page-b2b-journey .b2b-journey-about .forward-footer p {
  margin-bottom: 1.5rem;
}
.page-feature.page-b2b-journey .b2b-journey-about .forward-footer img {
  max-width: 350px;
  width: 100%;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-about .forward-footer img {
    max-width: 200px;
    margin: 1rem auto;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta {
  margin-bottom: 6rem;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-cta {
    margin-bottom: 1rem;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .b2b-cta-wrapper {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 4rem;
  display: block;
  background: #f9ffe4;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .b2b-cta-wrapper {
    padding: 1.5rem;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .cta-header {
  text-align: center;
  margin: 0 0 3rem;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .cta-header {
    text-align: left;
    margin: 0 0 1.5em;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .cta-header p {
  max-width: 500px;
  margin: 1.5em auto 1em;
}
@media only screen and (max-width : 650px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .cta-header p {
    margin-bottom: 0;
    margin-top: 1em;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .cta-wrap {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .cta-wrap {
    flex-direction: column;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .cta-summary {
  width: 60%;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .cta-summary {
    width: 100%;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .cta-summary img {
  width: 100%;
  height: auto;
  display: block;
  margin: -1em;
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form {
  width: 40%;
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form {
    width: 100%;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents {
  padding: 0;
  border: 0;
  box-shadow: none;
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents h3 {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents h3 {
    font-size: 20px;
  }
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents .hbspt-form .actions input, .page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents .hbspt-form .actions select {
  background: #ccf545ff;
  color: #000;
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents .hbspt-form .actions input:hover, .page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents .hbspt-form .actions select:hover {
  background: #000;
  color: #fff;
}
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents:before,
.page-feature.page-b2b-journey .b2b-journey-cta .whitepaper-form .form-contents:after {
  display: none;
}

/*********************
Reporting
**********************/
.page-feature.page-analytics .feature-header {
  background: url("../images/features/bg_gradient_02.png") no-repeat;
  background-size: cover;
}
.page-feature.page-analytics .feature-header .feature-label span {
  background: #f536c7;
}
.page-feature.page-analytics .feature-header::before {
  opacity: 0.5;
}
.page-feature.page-analytics .feature-header.index-hero p {
  max-width: 640px;
}
.page-feature.page-analytics .feature-header a.feature-video::before {
  background: url(../images/features/icon_play_dark.svg) no-repeat 100% 100%;
  height: 94px;
  display: block;
  width: 94px;
}
@media only screen and (max-width : 1040px) {
  .page-feature.page-analytics .feature-tabs {
    margin-bottom: -2rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-feature.page-analytics .feature-tabs {
    margin-bottom: -3rem;
  }
}
.page-feature.page-analytics .feature-tabs p.introduction {
  max-width: 650px;
}
.page-feature.page-analytics .feature-tabs .column-image .tab-content {
  position: relative;
}
.page-feature.page-analytics .feature-tabs .column-image .tab-content span {
  position: absolute;
  bottom: 25px;
  left: 20px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  gap: 8px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  padding: 1px 12px;
  border: 1px solid #ad8bff;
}
.page-feature.page-analytics .feature-tabs .column-image .tab-content span em {
  font-style: normal;
  font-size: 13px;
  color: #5B36F5;
}
.page-feature.page-analytics .feature-tabs .column-image .tab-content span b {
  background: url(../images/partners/logo-Conjura.png) no-repeat 100% 100%;
  height: 11px;
  display: block;
  width: 94px;
  background-size: contain;
}
.page-feature.page-analytics .partner-demo {
  padding-top: 2rem;
  position: relative;
}
.page-feature.page-analytics .partner-demo:before {
  content: "";
  background: url("../images/features/bg_block_2.png") no-repeat center left;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page-feature.page-analytics .partner-demo .feature-block-header {
  max-width: 860px;
  margin: 0 auto 2rem;
  text-align: center;
  z-index: 2;
  position: relative;
}
.page-feature.page-analytics .feature-block-grid {
  background: #fff1fc;
}
.page-feature.page-analytics .partner-demo .section-interactive h2,
.page-feature.page-analytics .partner-demo .section-interactive p {
  display: none;
}

/*********************
Shared - Support Upsells
**********************/
.section-onboarding-support .onboarding-support-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.section-onboarding-support .onboarding-support-block {
  flex: 1 1 45%;
  background: #fff;
  border-radius: 16px;
  padding: 2.5rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 12px 24px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s;
  position: relative;
}
.section-onboarding-support .onboarding-support-block:hover {
  transform: translateY(-4px);
}
.section-onboarding-support .onboarding-support-block h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #333;
}
.section-onboarding-support .onboarding-support-block p {
  font-size: 16px;
  color: #666;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}
.section-onboarding-support .onboarding-support-block .with-ticks li {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}
.section-onboarding-support .onboarding-support-block .btn-gradient {
  background: linear-gradient(90deg, #5b36f5, #ff4cbf);
  color: #fff;
  border-radius: 999px;
  padding: 0.75rem 1.5rem;
  font-weight: 600;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  margin-top: 1rem;
  transition: background 0.3s;
}
.section-onboarding-support .onboarding-support-block .btn-gradient:hover {
  background: linear-gradient(90deg, #3f24b8, #d13a98);
  text-decoration: none;
}
.section-onboarding-support .light-yellow {
  background: #fff8e5;
}
.section-onboarding-support .light-pink {
  background: #ffe7ef;
}
@media only screen and (max-width: 768px) {
  .section-onboarding-support .onboarding-support-wrapper {
    flex-direction: column;
  }
  .section-onboarding-support .onboarding-support-block {
    flex: 1 1 100%;
  }
}

/*********************
Homepage - Hero Banner
**********************/
body.rainbow {
  position: relative;
  background: #f3f3f3;
  /* fallback background */
  overflow: hidden;
}
body.rainbow:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url(../images/publications/love/bg_01.jpg) no-repeat top center;
  background-size: cover;
  filter: blur(10px);
}

.page-feedback {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  padding: 5rem;
}
@media only screen and (max-width: 680px) {
  .page-feedback {
    padding: 2rem;
  }
}
.page-feedback a.logo {
  background: url("../images/logo-dark.png") no-repeat;
  background-size: 100%;
  margin: 0 auto 2rem;
}
.page-feedback .feedback-wrapper {
  background: #fff;
  padding: 3rem;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  position: relative;
  min-height: 450px;
  margin: 0 auto;
  max-width: 750px;
}
@media only screen and (max-width: 680px) {
  .page-feedback .feedback-wrapper {
    padding: 2rem;
  }
}
.page-feedback .feedback-wrapper .fb-wrap h1 {
  font-size: 46px;
  font-family: "Instrument Serif", serif;
  line-height: 1.1;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 680px) {
  .page-feedback .feedback-wrapper .fb-wrap h1 {
    font-size: 30px;
    text-align: left;
  }
}
.page-feedback .feedback-wrapper .fb-wrap p {
  text-align: left;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
@media only screen and (max-width: 680px) {
  .page-feedback .feedback-wrapper .fb-wrap p {
    font-size: 14px;
    text-align: left;
  }
}
@media only screen and (max-width: 680px) {
  .page-feedback .meetings-iframe-container {
    margin: 0 -2em;
  }
}
.page-feedback .fb-wrap .fb-offer-pricing {
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  padding: 2rem;
}
@media only screen and (max-width: 680px) {
  .page-feedback .fb-wrap .fb-offer-pricing {
    padding: 1rem;
  }
}
.page-feedback .fb-wrap .fb-offer-pricing h2 {
  color: #166534;
  margin: 0.375em 0 0;
  font-size: 46px;
  font-family: "Instrument Serif", serif;
  line-height: 1.1;
  font-weight: 500;
}
@media only screen and (max-width: 680px) {
  .page-feedback .fb-wrap .fb-offer-pricing h2 {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-size: 20px;
  }
}
.page-feedback .fb-wrap .fb-offer-pricing p {
  margin: 0.5rem 0 1em;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
@media only screen and (max-width: 680px) {
  .page-feedback .fb-wrap .fb-offer-pricing p {
    font-size: 13px;
  }
}
.page-feedback .fb-wrap .fb-offer-pricing em.label {
  font-style: normal;
  background: linear-gradient(90deg, #9ceba3, #a2f1ff);
  color: #000;
  font-family: "DM Mono", monospace;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 4px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 1px 10px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border: none;
  transition: all 0.3s;
  position: relative;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.2s;
}
.page-feedback .fb-wrap .fb-offer-pricing .hbspt-form {
  margin: 0;
}
.page-feedback .fb-wrap .fb-offer-pricing .hbspt-form .actions input, .page-feedback .fb-wrap .fb-offer-pricing .hbspt-form .actions select {
  background: linear-gradient(90deg, #83df8b, #42e3ff);
  color: #000;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border: none;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.2s;
  margin: 0.25rem 0 0;
}
.page-feedback .fb-wrap .fb-offer-pricing .hbspt-form .actions input:hover, .page-feedback .fb-wrap .fb-offer-pricing .hbspt-form .actions select:hover {
  background: linear-gradient(90deg, #8f61f5, #30b6ff);
  transform: translateY(-2px);
  text-decoration: none;
  color: #fff;
}
.page-feedback .fb-wrap .fb-offer-pricing .submitted-message {
  background: #94dad9;
  padding: 1em;
  margin: 1em 0 0;
  text-align: center;
  color: #222;
  border-radius: 8px;
}
.page-feedback .fb-wrap .fb-offer-pricing .submitted-message p {
  margin: 0;
}
@media only screen and (max-width: 680px) {
  .page-feedback .fb-wrap .fb-offer-pricing .submitted-message p {
    font-size: 14px;
  }
}

.page-mega {
  background: #000;
  font-family: "DM Sans", sans-serif;
  position: relative;
  /* Font smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* SVG ring */
}
.page-mega h1, .page-mega h2, .page-mega h3, .page-mega h4 {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
}
.page-mega:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/releases/mega/bg.jpg") repeat top;
  opacity: 0.5;
  /* adjust opacity here */
  animation: pulseStars 10s ease-in-out infinite;
}
.page-mega:after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  height: 35px;
  width: 100%;
  display: block;
  background: linear-gradient(to right, #FFDD00, #D878EE, #B15DFF, #00EDFD, #00FFA6, #FFDD00);
  /* loop back to start */
  background-size: 150% 150%;
  /* makes the gradient "move" over time */
  color: transparent;
  animation: gradientSlide 7s ease infinite, fadeInUp 1s ease forwards;
  animation-delay: 1s;
}
.page-mega header.header {
  top: 0;
  opacity: 0.4;
  transition: all 0.3s ease;
  filter: grayscale(100%);
}
.page-mega header.header:hover {
  opacity: 1;
  filter: grayscale(0%);
}
.page-mega .container {
  max-width: 1400px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1540px) {
  .page-mega .container {
    padding-left: 4.25rem;
    padding-right: 4.25rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
.page-mega .fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
}
.page-mega .delay-1s {
  animation-delay: 1s;
}
.page-mega .delay-2s {
  animation-delay: 2.5s;
}
.page-mega .delay-3s {
  animation-delay: 3s;
}
.page-mega .delay-4s {
  animation-delay: 4s;
}
.page-mega .delay-5s {
  animation-delay: 5s;
}
.page-mega .delay-transition-3s {
  transition-delay: 3s !important;
}
.page-mega .mega-bt-wrapper {
  display: flex;
  gap: 1em;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-bt-wrapper {
    flex-direction: column;
  }
}
.page-mega .mega-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 14px;
  border-radius: 25px;
  padding: 5px 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  background: #fff;
  color: #000;
  width: auto;
  max-width: fit-content;
  white-space: nowrap;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-btn {
    font-size: 12px;
  }
}
.page-mega .mega-btn svg path {
  fill: #000;
  transition: all 0.3s;
}
.page-mega .mega-btn svg circle {
  stroke: #000;
}
.page-mega .mega-btn:hover {
  text-decoration: none;
  color: #fff;
  background: #000;
  gap: 14px;
}
.page-mega .mega-btn:hover svg path {
  fill: #fff;
}
.page-mega .mega-btn:hover svg circle {
  stroke: #fff;
}
.page-mega .mega-intro {
  margin: 0 auto 6em;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-intro {
    margin: 0 auto 3em;
  }
}
.page-mega .mega-intro .limited-edition-badge {
  position: absolute;
  right: 40px;
  bottom: -40px;
  width: 220px;
  height: 220px;
  transition: transform 0.3s ease;
  cursor: pointer;
  animation: fadeInBlurLeft 1s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}
@media only screen and (max-width: 1050px) {
  .page-mega .mega-intro .limited-edition-badge {
    display: none;
  }
}
.page-mega .mega-intro .limited-edition-badge:hover {
  transform: scale(1.08);
}
.page-mega .mega-intro .limited-edition-badge:hover .rotating-ring text {
  opacity: 1;
}
.page-mega .mega-intro .limited-edition-badge img {
  width: 200px;
}
.page-mega .mega-lead {
  padding: 12em 0 5.5em;
  /* Common animation for all child elements */
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-lead {
    text-align: center;
    padding: 8em 0 3.5em;
  }
}
.page-mega .mega-lead p, .page-mega .mega-lead span {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
}
.page-mega .mega-lead p:first-of-type {
  animation-delay: 0.3s;
}
.page-mega .mega-lead p:last-of-type {
  animation-delay: 1.7s;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.page-mega .mega-lead p {
  font-weight: 700;
  font-size: clamp(3rem, 9vw, 7.75rem);
  /* ~40px to 156px */
  color: #fff;
  line-height: 1;
  margin: 0;
}
.page-mega .mega-lead p:last-of-type {
  margin: -1.75% 0 0;
  position: relative;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-lead p:last-of-type {
    justify-content: center;
    flex-direction: column;
  }
}
.page-mega .mega-lead p:last-of-type em {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: clamp(16px, 3vw, 40px);
  margin: 25px 0 0 32px;
  opacity: 0.8;
  background: linear-gradient(120deg, #666 0%, #999 25%, #fff 50%, #aaa 75%, #666 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: shimmerSilver 3s linear infinite;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-lead p:last-of-type em {
    display: block;
    margin: -18px 0 -10px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-lead p:last-of-type {
    margin: -2% 0 0;
  }
}
.page-mega .mega-lead span {
  font-family: "Monoton", sans-serif;
  font-weight: 400;
  font-size: clamp(5.7rem, 15vw, 11.8rem);
  text-transform: uppercase;
  line-height: 1;
  display: inline-block;
  margin: -1% 0 0;
  background: linear-gradient(to right, #FFDD00, #D878EE, #B15DFF, #00EDFD, #00FFA6, #FFDD00);
  /* loop back to start */
  background-size: 150% 150%;
  /* makes the gradient "move" over time */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: gradientSlide 7s ease infinite, fadeInUp 1s ease forwards;
  animation-delay: 1s;
}
.page-mega .mega-summary {
  max-width: 600px;
  animation: fadeInBlurLeft 1s ease-out forwards;
  animation-delay: 2s;
  opacity: 0;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-summary {
    padding: 0 1em;
  }
}
.page-mega .mega-summary p {
  font-size: clamp(17px, 3.5vw, 30px);
  font-weight: 600;
  color: #fff;
  line-height: 125%;
  margin: 0 0 0.5em;
}
.page-mega .mega-summary span {
  opacity: 0.6;
  font-weight: 400;
  display: block;
  font-size: clamp(13px, 2.5vw, 17px);
  color: #fff;
  line-height: 140%;
}
.page-mega .mega-shortcuts {
  position: relative;
  height: 70px;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-shortcuts {
    padding: 0;
    height: 50px;
  }
}
.page-mega .mega-shortcuts section {
  display: flex;
  gap: 20px;
  transition: all 0.3s ease;
  justify-content: start;
  overflow-x: auto;
  /* make scrollable horizontally */
  scroll-snap-type: x mandatory;
  /* optional: snapping */
  -webkit-overflow-scrolling: touch;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-shortcuts section {
    gap: 12px;
    padding-left: 1.5em;
  }
}
.page-mega .mega-shortcuts section::-webkit-scrollbar {
  display: none;
  /* hide scrollbar for a cleaner look */
}
.page-mega .mega-shortcuts section.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  background-color: rgba(0, 0, 0, 0.65);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  transition: backdrop-filter 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 1em;
  justify-content: center;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-shortcuts section.is-sticky {
    justify-content: start;
  }
}
.page-mega .mega-shortcuts section a {
  display: flex;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 12px;
  border: 1px solid;
  border-radius: 25px;
  padding: 11px 18px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-shortcuts section a {
    font-size: 11px;
    padding: 8px 14px;
  }
}
.page-mega .mega-shortcuts section a.active, .page-mega .mega-shortcuts section a:hover {
  text-decoration: none;
  color: #000 !important;
}
.page-mega .mega-shortcuts section a:nth-of-type(1) {
  border-color: #F5C83B;
  color: #F5C83B;
}
.page-mega .mega-shortcuts section a:nth-of-type(1):hover {
  background-color: #F5C83B;
}
.page-mega .mega-shortcuts section a:nth-of-type(1).active {
  background-color: #F5C83B;
}
.page-mega .mega-shortcuts section a:nth-of-type(2) {
  border-color: #FF90DC;
  color: #FF90DC;
}
.page-mega .mega-shortcuts section a:nth-of-type(2):hover {
  background-color: #FF90DC;
}
.page-mega .mega-shortcuts section a:nth-of-type(2).active {
  background-color: #FF90DC;
}
.page-mega .mega-shortcuts section a:nth-of-type(3) {
  border-color: #A4B3FF;
  color: #A4B3FF;
}
.page-mega .mega-shortcuts section a:nth-of-type(3):hover {
  background-color: #A4B3FF;
}
.page-mega .mega-shortcuts section a:nth-of-type(3).active {
  background-color: #A4B3FF;
}
.page-mega .mega-shortcuts section a:nth-of-type(4) {
  border-color: #0BCEFC;
  color: #0BCEFC;
}
.page-mega .mega-shortcuts section a:nth-of-type(4):hover {
  background-color: #0BCEFC;
}
.page-mega .mega-shortcuts section a:nth-of-type(4).active {
  background-color: #0BCEFC;
}
.page-mega .mega-shortcuts section a:nth-of-type(5) {
  border-color: #06DFAC;
  color: #06DFAC;
}
.page-mega .mega-shortcuts section a:nth-of-type(5):hover {
  background-color: #06DFAC;
}
.page-mega .mega-shortcuts section a:nth-of-type(5).active {
  background-color: #06DFAC;
}
.page-mega .mega-shortcuts section a:nth-of-type(6) {
  border-color: #B392F0;
  color: #B392F0;
}
.page-mega .mega-shortcuts section a:nth-of-type(6):hover {
  background-color: #B392F0;
}
.page-mega .mega-shortcuts section a:nth-of-type(6).active {
  background-color: #B392F0;
}
.page-mega .mega-shortcuts section a:nth-of-type(7) {
  border-color: #ccc;
  color: #ccc;
}
.page-mega .mega-shortcuts section a:nth-of-type(7):hover {
  background-color: #ccc;
}
.page-mega .mega-shortcuts section a:nth-of-type(7).active {
  background-color: #ccc;
}
.page-mega .mega-feature-wrap {
  padding: 5em 0 10rem;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature-wrap {
    padding: 1.5rem 0 5rem;
  }
}
.page-mega .mega-feature-wrap .container {
  display: flex;
  flex-direction: column;
  gap: 7em;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature-wrap .container {
    gap: 3em;
  }
}
.page-mega .mega-feature {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
  /* Optional close button */
}
.page-mega .mega-feature.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.page-mega .mega-feature .content-top {
  padding: 2.5em 2.5em 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .content-top {
    padding: 30px 30px 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .content-top {
    padding: 20px 20px 0;
  }
}
.page-mega .mega-feature .content-footer {
  background: linear-gradient(45deg, #090909, #101818);
  border: 1px solid #263333;
  padding: 50px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .content-footer {
    padding: 20px;
  }
}
.page-mega .mega-feature .content-footer a.mega-btn:hover {
  color: #000;
}
.page-mega .mega-feature .content-footer a.mega-btn:hover svg path {
  fill: #000;
}
.page-mega .mega-feature .mega-label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 15px;
  color: #000;
  margin: 0 0 1em;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-label {
    font-size: 11px;
    gap: 8px;
  }
}
.page-mega .mega-feature .mega-label span {
  display: flex;
  border: 1px solid;
  border-radius: 25px;
  padding: 3px 16px;
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-label span {
    padding: 0 13px;
  }
}
.page-mega .mega-feature .mega-label em {
  font-style: normal;
}
.page-mega .mega-feature .mega-summary-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding-right: 4rem;
}
.page-mega .mega-feature .mega-summary-container.no-video {
  align-items: center;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 1200px) {
  .page-mega .mega-feature .mega-summary-container {
    display: block;
    padding: 0;
  }
}
.page-mega .mega-feature .mega-summary-container h2 {
  max-width: 690px;
  font-size: 60px;
  line-height: 1;
  margin: 0;
}
@media only screen and (max-width: 1200px) {
  .page-mega .mega-feature .mega-summary-container h2 {
    max-width: 100%;
    font-size: 50px;
    margin: 0 0 0.5rem;
  }
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .mega-summary-container h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-summary-container h2 {
    font-size: 25px;
  }
}
.page-mega .mega-feature .mega-summary-container h2 span {
  background: linear-gradient(to right, #7a2fff, #00ffc6, #ff004d, #ffb100, #00aa55, #7a2fff);
  background-size: 200% 200%;
  /* makes the gradient "move" over time */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: gradientSlide 6s ease infinite, fadeInUp 1s ease forwards;
  animation-delay: 1s;
}
.page-mega .mega-feature .mega-summary-container .mega-summary-block {
  max-width: 400px;
  gap: 1em;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .page-mega .mega-feature .mega-summary-container .mega-summary-block {
    max-width: 100%;
  }
}
.page-mega .mega-feature .mega-summary-container .mega-summary-block p {
  font-size: 16px;
  color: #000;
  margin: 0;
  line-height: 140%;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .mega-summary-container .mega-summary-block p {
    font-size: 15px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-summary-container .mega-summary-block p {
    font-size: 13px;
    line-height: 130%;
  }
}
.page-mega .mega-feature .mega-image {
  padding: 3em 0 0;
  margin: -1px 0 0;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .mega-image {
    padding: 2.5em 2em 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-image {
    padding: 1em 0 0;
  }
}
.page-mega .mega-feature .mega-image .mega-image-content {
  width: 100%;
  position: relative;
}
.page-mega .mega-feature .mega-image .mega-image-content img {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
  max-width: 1000px;
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-quoting {
  max-width: 1146px;
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-search {
  max-width: 694px;
  margin: 0.75em auto 5em;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .mega-image .mega-image-content img.feature-search {
    margin: 0 auto 3em;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-image .mega-image-content img.feature-search {
    margin: 0 auto 1.25em;
  }
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-ai {
  max-width: 934px;
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-analytics {
  max-width: 1116px;
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-invoices {
  max-width: 1044px;
}
.page-mega .mega-feature .mega-image .mega-image-content img.feature-integrations {
  max-width: 1000px;
}
.page-mega .mega-feature .mega-image .mega-image-content .feature-search-wrapper {
  position: relative;
  margin: auto;
  max-width: 694px;
}
.page-mega .mega-feature .mega-image .mega-image-content .feature-search.static {
  position: relative;
  visibility: hidden;
}
.page-mega .mega-feature .mega-image .mega-image-content .feature-search.active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  animation: fadeInOutFeature 6.5s linear infinite;
  transition: opacity 0.5s ease;
  z-index: 4;
}
@keyframes fadeInOutFeature {
  0%, 30% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80%, 100% {
    opacity: 0;
  }
}
.page-mega .mega-feature .mega-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: block;
}
.page-mega .mega-feature iframe.mega-video {
  position: absolute;
  top: -5%;
  left: 0;
  width: 100%;
  height: 106%;
  border: none;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .content-top.video-open {
    height: 300px;
  }
}
.page-mega .mega-feature .content-top.video-open .mega-video {
  opacity: 1;
  max-height: 1000px;
  /* large enough to fit the video */
  pointer-events: all;
}
.page-mega .mega-feature .mega-label,
.page-mega .mega-feature .mega-summary-container,
.page-mega .mega-feature .mega-image {
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.page-mega .mega-feature .content-top.video-open .mega-label,
.page-mega .mega-feature .content-top.video-open .mega-summary-container,
.page-mega .mega-feature .content-top.video-open ~ .mega-image,
.page-mega .mega-feature .content-top.video-open ~ .mega-image .mega-image-content,
.page-mega .mega-feature .content-top.video-open .mega-image .mega-image-content .feature-search-wrapper {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  visibility: hidden;
}
.page-mega .mega-feature .content-top.video-open .mega-image .mega-image-content {
  position: inherit;
}
.page-mega .mega-feature .video-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 6px 12px;
  border: none;
  border-radius: 24px;
  z-index: 6;
  cursor: pointer;
  display: none;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 12px;
  transition: all 0.3s;
  gap: 8px;
  align-items: center;
}
.page-mega .mega-feature .video-close-btn:hover {
  background: #000;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .video-close-btn {
    border: 1px solid #ccc;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .video-close-btn {
    font-size: 10px;
  }
}
.page-mega .mega-feature .video-close-btn svg {
  width: 9px;
  height: 9px;
}
.page-mega .mega-feature .content-top.video-open .video-close-btn {
  display: flex;
}
.page-mega .mega-feature .mega-footer-summary h3 {
  color: #fff;
  font-size: 28px;
  margin: 0 0 0.2rem;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .mega-footer-summary h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-footer-summary h3 {
    font-size: 18px;
    line-height: 120%;
    margin-bottom: 0.5rem;
  }
}
.page-mega .mega-feature .mega-footer-summary p {
  opacity: 0.6;
  font-weight: 400;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 140%;
  margin: 0 0 1em;
  max-width: 620px;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-footer-summary p {
    font-size: 13px;
    line-height: 130%;
  }
}
.page-mega .mega-feature .mega-footer-summary em {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 15px;
  font-style: normal;
  display: block;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .mega-footer-summary em {
    font-size: 12px;
    line-height: 1.4;
  }
}
.page-mega .mega-feature .usp-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 5rem;
  margin: 1em 0 2.5rem 0;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature .usp-block {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .usp-block {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .usp-block li {
    border-bottom: 1px solid #263333;
    padding-bottom: 1em;
  }
  .page-mega .mega-feature .usp-block li:last-of-type {
    border: 0;
  }
}
.page-mega .mega-feature .usp-block li div {
  background: #CACACA;
  border-radius: 8px;
  height: 130px;
  display: none;
}
.page-mega .mega-feature .usp-block li h4 {
  margin: 1em 0 0.25rem;
  color: #fff;
  font-size: 18px;
  line-height: 130%;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .usp-block li h4 {
    font-size: 14px;
    margin: 0.5rem 0 0.25rem;
  }
}
.page-mega .mega-feature .usp-block li p {
  opacity: 0.6;
  font-size: 14px;
  color: #fff;
  line-height: 140%;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature .usp-block li p {
    font-size: 12px;
  }
}
.page-mega .mega-feature .usp-block li a.mega-btn {
  padding: 0;
  color: #fff;
  opacity: 0.7;
  border-radius: 0;
  background: none;
}
.page-mega .mega-feature .usp-block li a.mega-btn svg path {
  fill: #fff;
}
.page-mega .mega-feature .usp-block li a.mega-btn:hover {
  opacity: 1;
  color: #fff;
}
.page-mega .mega-feature .usp-block li a.mega-btn:hover svg path {
  fill: #fff;
}
.page-mega .mega-feature.mega-feature-more .content-footer {
  position: relative;
  background: #111;
  overflow: hidden;
  padding: 4rem;
  color: white;
  border-radius: 8px;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-feature.mega-feature-more .content-footer {
    padding: 30px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-feature.mega-feature-more .content-footer {
    padding: 20px;
  }
}
.page-mega .mega-feature.mega-feature-more .content-footer .usp-block li p {
  margin-bottom: 0.5rem;
}
.page-mega .mega-feature.mega-feature-more .content-footer a.mega-btn:hover {
  color: #fff;
}
.page-mega .mega-feature.mega-feature-more .content-footer a.mega-btn:hover svg path {
  fill: #fff;
}
.page-mega .blob {
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(122, 123, 169, 0.14) 0%, rgba(255, 255, 255, 0) 80%);
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  animation: float 20s ease-in-out infinite alternate;
  z-index: 0;
}
.page-mega .blob-1 {
  top: -150px;
  left: -150px;
  animation-delay: 0s;
}
.page-mega .blob-2 {
  top: 100px;
  right: -150px;
  animation-delay: 4s;
}
.page-mega .blob-3 {
  bottom: -150px;
  left: 40%;
  animation-delay: 8s;
}
.page-mega .mega-feature#quoting .content-top,
.page-mega .mega-feature#quoting .content-footer a.mega-btn:hover,
.page-mega .mega-feature#quoting .mega-image {
  background: #F5C83B;
}
.page-mega .mega-feature#quoting .mega-footer-summary em {
  color: #F5C83B;
}
.page-mega .mega-feature#search .content-top,
.page-mega .mega-feature#search .content-footer a.mega-btn:hover,
.page-mega .mega-feature#search .mega-image {
  background: #FF90DC;
}
.page-mega .mega-feature#search .mega-footer-summary em {
  color: #FF90DC;
}
.page-mega .mega-feature#ai .content-top,
.page-mega .mega-feature#ai .content-footer a.mega-btn:hover,
.page-mega .mega-feature#ai .mega-image {
  background: #A4B3FF;
}
.page-mega .mega-feature#ai .mega-footer-summary em {
  color: #A4B3FF;
}
.page-mega .mega-feature#analytics .content-top,
.page-mega .mega-feature#analytics .content-footer a.mega-btn:hover,
.page-mega .mega-feature#analytics .mega-image {
  background: #0BCEFC;
}
.page-mega .mega-feature#analytics .mega-footer-summary em {
  color: #0BCEFC;
}
.page-mega .mega-feature#invoices .content-top,
.page-mega .mega-feature#invoices .content-footer a.mega-btn:hover,
.page-mega .mega-feature#invoices .mega-image {
  background: #06DFAC;
}
.page-mega .mega-feature#invoices .mega-footer-summary em {
  color: #06DFAC;
}
.page-mega .mega-feature#integrations .content-top,
.page-mega .mega-feature#integrations .content-footer a.mega-btn:hover,
.page-mega .mega-feature#integrations .mega-image {
  background: #B392F0;
}
.page-mega .mega-feature#integrations .mega-footer-summary em {
  color: #B392F0;
}
.page-mega .mega-freebie {
  margin: -8.3rem 0 0;
  padding: 2.5rem;
  background: #1d1d1d;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 1px solid #263333;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie {
    padding: 20px;
    text-align: center;
    margin: -3.4rem 0 0;
  }
}
.page-mega .mega-freebie .freebie-wrapper {
  display: flex;
  gap: 3rem;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-freebie .freebie-wrapper {
    flex-direction: column;
    padding: 30px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie .freebie-wrapper {
    gap: 1rem;
    padding: 0;
  }
}
.page-mega .mega-freebie h3 {
  color: #fff;
  font-size: 28px;
  margin: 0 0 0.2rem;
  background: linear-gradient(to right, #FFDD00, #D878EE, #B15DFF, #00EDFD, #00FFA6, #FFDD00);
  /* loop back to start */
  background-size: 100%;
  /* makes the gradient "move" over time */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-freebie h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie h3 {
    font-size: 18px;
  }
}
.page-mega .mega-freebie p {
  font-weight: 400;
  display: block;
  font-size: 16px;
  color: #aeaeae;
  line-height: 145%;
  margin: 0 0 1.5em;
  max-width: 600px;
}
.page-mega .mega-freebie p a {
  color: #fff;
}
@media only screen and (max-width : 1040px) {
  .page-mega .mega-freebie p {
    font-size: 15px;
  }
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie p {
    font-size: 12px;
    text-align: left;
  }
}
.page-mega .mega-freebie p:last-of-type {
  font-size: 14px;
  margin: 1.5em 0 0;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie p:last-of-type {
    font-size: 12px;
  }
}
.page-mega .mega-freebie .mega-freebie-btn-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0.5rem;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie .mega-freebie-btn-wrapper {
    flex-direction: column;
    gap: 0.25rem;
    margin: 0 0 1rem;
  }
}
.page-mega .mega-freebie .mega-freebie-btn-wrapper span.limited {
  display: flex;
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 10px;
  border: 1px solid;
  border-radius: 25px;
  padding: 6px 12px;
  text-align: center;
  transition: all 0.3s;
  line-height: 1;
  border-color: #F5C83B;
  color: #F5C83B;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie .mega-freebie-btn-wrapper span.limited {
    font-size: 10px;
  }
}
.page-mega .limited-edition-badge {
  position: relative;
  width: 280px;
  height: 280px;
}
.page-mega .limited-edition-badge img {
  width: 265px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 2;
}
.page-mega .rotating-ring {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  animation: rotateRing 14s linear infinite;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 100%;
}
.page-mega .rotating-ring text {
  font-family: "DM Mono", monospace;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  font-size: 9px;
  fill: #fff;
  opacity: 0.5;
  transition: all 0.3s;
}
.page-mega .mega-freebie-form {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.6s ease, opacity 0.6s ease;
}
.page-mega .mega-freebie-form.show {
  max-height: 1200px;
  opacity: 1;
}
.page-mega .mega-freebie-form p {
  margin: 2rem auto 1em !important;
}
.page-mega .mega-freebie-form .hbspt-form {
  max-width: 600px;
  margin: auto;
}
.page-mega .mega-freebie-form input, .hbspt-form .page-mega .mega-freebie-form select, .page-mega .mega-freebie-form .hbspt-form select, .page-mega .mega-freebie-form textarea {
  background: #484848;
  border: 1px solid #555;
  font-family: "DM Sans", sans-serif;
  color: #fff;
}
@media only screen and (max-width : 650px) {
  .page-mega .mega-freebie-form input, .hbspt-form .page-mega .mega-freebie-form select, .page-mega .mega-freebie-form .hbspt-form select, .page-mega .mega-freebie-form textarea {
    font-size: 13px;
  }
}
.page-mega .mega-freebie-form .hbspt-form select {
  color: #aaa;
}
.page-mega .mega-freebie-form .hbspt-form .actions {
  margin: 0;
}
.page-mega .mega-freebie-form .hbspt-form .actions input, .page-mega .mega-freebie-form .hbspt-form .actions select {
  background: #e543ff;
  font-family: "DM Sans", sans-serif;
  border: 0;
  font-weight: 600;
}
.page-mega .mega-freebie-form .hbspt-form .actions input:hover, .page-mega .mega-freebie-form .hbspt-form .actions select:hover {
  background: #ab0ac5;
}
.page-mega .mega-freebie-form .submitted-message {
  position: relative;
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  margin: 2rem 0 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-mega .mega-freebie-form .submitted-message h4 {
  margin: 12px 0 3px;
}
.page-mega .mega-freebie-form .submitted-message p {
  margin: 0 !important;
  color: #666;
}
.page-mega .mega-freebie-form .submitted-message:before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  background: url("../images/releases/mega/icon-success.png") no-repeat #fff center center;
  background-size: 100%;
}
.page-mega .mega-freebie-form input::placeholder,
.page-mega .mega-freebie-form textarea::placeholder,
.page-mega .mega-freebie-form select::placeholder {
  color: #aaa;
  opacity: 1;
  /* Ensure it's fully visible */
}
@keyframes rotateRing {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shimmerSilver {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes gradientSlide {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes pulseStars {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.02);
    /* a slight zoom for breathing effect */
  }
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes gradientSlide {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes fadeInBlurLeft {
  0% {
    opacity: 0;
    transform: translateX(-40px);
    filter: blur(12px);
  }
  60% {
    opacity: 1;
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
  }
}
@keyframes float {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(20px, -40px) scale(1.05);
  }
  100% {
    transform: translate(-20px, 40px) scale(1.1);
  }
}

@media only screen and (max-width : 650px) {
  .page-wrapper-alternative h2 {
    margin-bottom: 1rem !important;
  }
}
.page-wrapper-alternative .intro-home {
  background: #041734;
}
.page-wrapper-alternative .intro-home:before {
  display: none;
}
.page-wrapper-alternative .intro-home section.index-hero p {
  color: #a2aebf;
}
.page-wrapper-alternative .section-how-frontend {
  padding: 5rem 0 12rem;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .section-how-frontend {
    padding: 2.5rem 0 10rem;
  }
}
@media only screen and (min-width: 1300px) {
  .page-wrapper-alternative .section-how-frontend .layout-columns.text-left .column-text {
    width: 44%;
    flex: 0 0 43%;
  }
}
.page-wrapper-alternative .intro-alt-container {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1300px) {
  .page-wrapper-alternative .intro-alt-container {
    gap: 6rem;
  }
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .intro-alt-container {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
}
.page-wrapper-alternative .intro-alt-container .intro-image {
  max-width: 600px;
  width: 46%;
  padding: 5% 0 0;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .intro-alt-container .intro-image {
    width: 100%;
    padding: 1rem 0 0;
    max-width: 540px;
  }
}
.page-wrapper-alternative .intro-alt-container .intro-image img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  margin: 0 0 0.75rem;
}
.page-wrapper-alternative .intro-alt-container .intro-image a {
  display: flex;
  gap: 10px;
  color: #fff;
  padding: 7px 0;
  align-items: center;
  transition: all 0.3s;
  opacity: 0.7;
  text-decoration: none;
  line-height: 1;
  justify-content: center;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .intro-alt-container .intro-image a {
    font-size: 15px;
  }
}
.page-wrapper-alternative .intro-alt-container .intro-image a:hover {
  opacity: 1;
}
.page-wrapper-alternative .intro-alt-container .intro-image a:before {
  content: "";
  background: url("../images/versus/icon_calculator.svg") no-repeat;
  background-size: 100%;
  display: block;
  height: 24px;
  width: 20px;
}
.page-wrapper-alternative .index-hero .container {
  max-width: 1300px;
}
.page-wrapper-alternative .index-hero .index-hero-intro {
  width: 50%;
  max-width: 540px;
  padding: 5% 0 0;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .index-hero .index-hero-intro {
    width: 100%;
    padding: 2rem 0 0;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .index-hero .index-hero-intro {
    padding: 0;
  }
}
.page-wrapper-alternative .index-hero .index-hero-intro h1 {
  font-size: 36px;
}
.page-wrapper-alternative .index-hero .index-hero-intro h1 strong {
  background: url("../images/versus/line-highlight.png") no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 3px;
  display: inline-block;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .index-hero .index-hero-intro h1 {
    font-size: 32px;
  }
}
.page-wrapper-alternative .index-hero .index-hero-intro p {
  max-width: 100%;
  margin-bottom: 2rem;
}
.page-wrapper-alternative .icon-compare {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 1.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .icon-compare {
    margin: 0 0 1rem;
  }
}
.page-wrapper-alternative .icon-compare .icon-set {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(169, 203, 255, 0.3);
  border-radius: 6px;
  background: linear-gradient(189deg, #0a0a0a, #0d0c0c);
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-wrapper-alternative .icon-compare .icon-set img {
  width: 40px;
  height: 40px;
}
.page-wrapper-alternative .icon-compare .icon-set.wholesale-gorilla {
  background: #ffcd05;
}
.page-wrapper-alternative .icon-compare .icon-set.cin7 {
  background: #002e6e;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .icon-compare .icon-set {
    width: 50px;
    height: 50px;
  }
  .page-wrapper-alternative .icon-compare .icon-set img {
    width: 24px;
    height: 24px;
  }
}
.page-wrapper-alternative .icon-compare em {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
  font-size: 16px;
  font-style: normal;
}
.page-wrapper-alternative .logo-wrapper {
  margin: 4rem 0 5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .logo-wrapper {
    margin: 2rem 0;
  }
}
.page-wrapper-alternative .logo-wrapper .block-2 {
  display: none;
}
.page-wrapper-alternative .logo-wrapper .customer-logos {
  padding: 0;
}
.page-wrapper-alternative .logo-wrapper .customer-logos .slide-block div a span {
  background: #000;
}
.page-wrapper-alternative .logo-wrapper .customer-logos img {
  filter: grayscale(100%) invert(100%);
  opacity: 0.5;
}
.page-wrapper-alternative .logo-wrapper .customer-logos:before, .page-wrapper-alternative .logo-wrapper .customer-logos:after {
  content: "";
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.page-wrapper-alternative .logo-wrapper .customer-logos:before {
  left: 0;
  background: linear-gradient(to right, #041734 0%, rgba(4, 23, 52, 0.7) 60%, rgba(4, 23, 52, 0) 100%);
}
.page-wrapper-alternative .logo-wrapper .customer-logos:after {
  right: 0;
  background: linear-gradient(to left, #041734 0%, rgba(4, 23, 52, 0.7) 60%, rgba(4, 23, 52, 0) 100%);
}
.page-wrapper-alternative .versus-usps .usp-intro {
  max-width: 800px;
}
.page-wrapper-alternative .versus-usps .usp-intro p {
  max-width: 620px;
}
.page-wrapper-alternative .versus-usps .usp-intro h3 {
  color: #fff;
  font-size: 28px;
  margin: 0;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .versus-usps .usp-intro h3 {
    font-size: 22px;
  }
}
.page-wrapper-alternative .versus-usps ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6rem;
  margin: 4rem 0 3rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .versus-usps ul {
    margin: 2rem 0 0;
  }
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .versus-usps ul {
    gap: 3rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .versus-usps ul {
    gap: 1rem;
  }
}
.page-wrapper-alternative .versus-usps ul li em {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(169, 203, 255, 0.3);
  border-radius: 6px;
  background: linear-gradient(189deg, #0a0a0a, #0d0c0c);
  margin: 0 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-wrapper-alternative .versus-usps ul li em img {
  width: 30px;
  height: 30px;
}
.page-wrapper-alternative .versus-usps ul li h4 {
  color: #fff;
  font-size: 18px;
}
.page-wrapper-alternative .versus-usps ul li h4 strong {
  font-weight: 500;
  color: #4fd197;
}
@media only screen and (max-width: 1300px) {
  .page-wrapper-alternative .versus-usps ul li h4 br {
    display: none;
  }
}
.page-wrapper-alternative .versus-usps ul li p {
  max-width: 100%;
}
.page-wrapper-alternative .versus-usps .usp-signoff {
  max-width: 100%;
  padding: 0 0 6em;
}
.page-wrapper-alternative .versus-usps .usp-signoff p {
  max-width: 800px;
  margin: auto;
}
.page-wrapper-alternative .versus-usps .usp-signoff .cta-demo-button {
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .versus-usps .usp-signoff .cta-demo-button a {
    width: 100%;
  }
}
.page-wrapper-alternative .comparison {
  margin: 7rem 0 0;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .comparison {
    margin: 0;
    padding: 6rem 0 4rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .comparison {
    padding: 4rem 0;
  }
}
.page-wrapper-alternative .comparison .comparison-header p {
  text-align: left;
}
.page-wrapper-alternative .comparison .comparison-footer {
  margin: 3em 0 0;
}
.page-wrapper-alternative .comparison .comparison-footer.comparison-extended {
  margin: 3rem auto 9rem;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .comparison .comparison-footer.comparison-extended {
    margin: 3rem auto 7rem;
  }
}
.page-wrapper-alternative .comparison .comparison-footer p {
  max-width: 540px;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .comparison .comparison-footer p {
    margin: -2rem 0 0;
  }
}
.page-wrapper-alternative .comparison .comparison-footer .cta-demo-button {
  margin: 2rem 0 0;
  gap: 1.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .comparison .comparison-footer .cta-demo-button {
    flex-direction: column;
    gap: 1rem;
  }
}
.page-wrapper-alternative .comparison .comparison-table-wrap {
  max-height: 6000px;
}
.page-wrapper-alternative .comparison span.table-scroll {
  font-size: 14px;
  color: #888;
  display: block;
  margin: -1em 0 1em;
  display: none;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .comparison span.table-scroll {
    display: none;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .comparison .comparison-table-wrap-scroll {
    overflow: scroll;
  }
}
.page-wrapper-alternative table.comparison-table {
  box-shadow: none;
  border: 6px solid #f1f1f1;
  max-width: 100%;
}
.page-wrapper-alternative table.comparison-table thead tr td {
  font-weight: 500;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative table.comparison-table thead tr td {
    font-size: 14px;
    line-height: 1.3;
  }
}
.page-wrapper-alternative table.comparison-table thead tr td:first-of-type {
  width: auto;
}
.page-wrapper-alternative table.comparison-table thead tr td p {
  font-size: 15px;
}
.page-wrapper-alternative table.comparison-table thead tr td span {
  font-weight: 400;
  font-size: 14px;
  opacity: 0.8;
}
.page-wrapper-alternative table.comparison-table thead tr td.shopify-plus {
  background: #000;
}
.page-wrapper-alternative table.comparison-table thead tr td.shopify, .page-wrapper-alternative table.comparison-table thead tr td.shopify-plus, .page-wrapper-alternative table.comparison-table thead tr td.sparklayer {
  width: 25%;
  text-align: center;
}
.page-wrapper-alternative table.comparison-table thead tr td.nuorder {
  background: #000;
}
.page-wrapper-alternative table.comparison-table thead tr td.joor {
  background: #008bad;
}
.page-wrapper-alternative table.comparison-table thead tr td em {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(169, 203, 255, 0.3);
  border-radius: 6px;
  background: linear-gradient(189deg, #0a0a0a, #0d0c0c);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem auto 0;
}
.page-wrapper-alternative table.comparison-table thead tr td em img {
  width: 24px;
  height: 24px;
}
.page-wrapper-alternative table.comparison-table tbody td {
  padding: 0.75rem 1.5rem;
  vertical-align: top;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative table.comparison-table tbody td {
    padding: 0.75rem 1rem;
  }
}
.page-wrapper-alternative table.comparison-table tbody td p {
  font-size: 15px;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative table.comparison-table tbody td p {
    font-size: 14px;
  }
}
.page-wrapper-alternative table.comparison-table tbody td .svg-icon.cross,
.page-wrapper-alternative table.comparison-table tbody td .svg-icon.tick {
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
}
.page-wrapper-alternative table.comparison-table tbody td.shopify-plus .svg-icon.cross {
  background: url("../images/icons/cross-dark.svg") no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
}
.page-wrapper-alternative table.comparison-table tbody td em {
  font-size: 12px;
  font-style: normal;
  display: block;
  margin: 6px 0 0;
  line-height: 1.3;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative table.comparison-table tbody td em {
    font-size: 10px;
  }
}
.page-wrapper-alternative table.comparison-table tbody td em a {
  background: url("../images/icons/new_window.svg") no-repeat right 1px;
  background-size: 11px 11px;
  padding-right: 16px;
}
.page-wrapper-alternative table.comparison-table tbody td.col-center.shopify, .page-wrapper-alternative table.comparison-table tbody td.col-center.sparklayer {
  width: auto;
}
.page-wrapper-alternative .section-how-faqs {
  margin: 1rem 0 0;
}
.page-wrapper-alternative .section-how-faqs.section-adjust-spacing {
  margin: 0 0 7rem;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .section-how-faqs.section-adjust-spacing {
    margin: 0 0 5rem;
  }
}
.page-wrapper-alternative .section-how-faqs h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-faqs h2 {
    text-align: left;
  }
}
.page-wrapper-alternative .section-how-faqs p.intro {
  text-align: center;
  max-width: 540px;
  margin: 0 auto 2.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-faqs p.intro {
    text-align: left;
    margin: 0 auto 1.5rem;
  }
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .section-how-integrate {
    padding: 4rem 0 1rem;
  }
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-integrate {
    margin-bottom: 0;
  }
}
.page-wrapper-alternative .section-how-integrate .layout-columns .column-image {
  margin: 0;
}
@media only screen and (max-width : 1040px) {
  .page-wrapper-alternative .section-how-integrate .layout-columns .column-image {
    width: 100%;
  }
}
.page-wrapper-alternative .section-how-integrate .layout-columns .column-text {
  padding: 2rem 0 0;
}
.page-wrapper-alternative .section-how-integrate .layout-columns .column-text h2 {
  font-size: 20px;
  margin: 0 0 0.75rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-integrate .layout-columns .column-text h2 {
    font-size: 18px;
  }
}
.page-wrapper-alternative .section-how-integrate .layout-columns .column-text .cta-demo-button.left-align {
  gap: 1.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-integrate .layout-columns .column-text .cta-demo-button.left-align {
    flex-direction: column;
    gap: 1rem;
    display: none;
  }
}
.page-wrapper-alternative .section-how-integrate .signoff-header h2 {
  text-align: center;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-integrate .signoff-header h2 {
    text-align: left;
  }
}
.page-wrapper-alternative .section-how-integrate .signoff-header p {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 3.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-how-integrate .signoff-header p {
    text-align: left;
    margin: 0 auto 2rem;
  }
}
.page-wrapper-alternative .section-comparison-calculator {
  background: #f5f8fc;
  padding: 6rem 0 5rem;
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 2rem 0 0;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator {
    margin: 1rem 0 0;
    padding: 4rem 0 5rem;
    text-align: left;
  }
}
.page-wrapper-alternative .section-comparison-calculator h2 {
  margin-bottom: 1.5rem;
}
.page-wrapper-alternative .section-comparison-calculator p {
  max-width: 680px;
  margin: 0 auto 2.5rem;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator p {
    margin-bottom: 2rem;
  }
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  padding: 3rem;
  margin: 0 auto;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator .calculator-card {
    padding: 2rem;
  }
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  width: 100%;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label {
  font-weight: 500;
  color: #2d3748;
  text-align: left;
  width: 50%;
  font-size: 18px;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label {
    font-size: 16px;
  }
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label input, .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label .hbspt-form select, .hbspt-form .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label select {
  width: 100%;
  padding: 0.75rem;
  margin-top: 0.75rem;
  border: 1px solid #cbd5e0;
  border-radius: 8px;
  font-size: 2rem;
  transition: all 0.3s;
  color: #777;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label input:hover, .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label .hbspt-form select:hover, .hbspt-form .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label select:hover {
  border-color: #666;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label input, .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label .hbspt-form select, .hbspt-form .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-inputs label select {
    font-size: 1.25em;
  }
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-note {
  color: #888;
  max-width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2.5rem;
  flex-wrap: wrap;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box {
  flex: 1 1 22%;
  background: #f7fafc;
  border: 1px solid #ccc;
  padding: 1.25rem;
  border-radius: 10px;
  text-align: center;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box .summary-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 0.75rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box .summary-icon img {
  width: 36px;
  height: 36px;
  display: block;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box h4 {
  font-size: 14px;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #718096;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box p {
  font-size: 1.5rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box small {
  display: block;
  font-size: 12px;
  margin-top: 0.5rem;
  color: #4a5568;
  line-height: 1.4;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box.shopify p {
  color: #000;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box.sparklayer p {
  color: #5B36F5;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box.savings {
  background: #e6fffa;
  border: 1px solid #81e6d9;
}
.page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box.savings p {
  color: #31b87c;
  font-size: 2rem;
  margin: 10px 0 0;
}
@media only screen and (max-width : 650px) {
  .page-wrapper-alternative .section-comparison-calculator .calculator-card .calculator-summary .summary-box.savings p {
    font-size: 1.5rem;
  }
}
.page-wrapper-alternative section.testimonials {
  margin-top: -6rem;
}
@media only screen and (max-width: 1340px) {
  .page-wrapper-alternative section.testimonials {
    margin-top: -5rem;
  }
}
.page-wrapper-alternative section.testimonials:after {
  clip-path: polygon(0 0%, 100% 0, 100% 95%, 0 100%);
}

.page-love {
  /*********************
  General
  **********************/
  /*********************
  Header
  **********************/
  /*********************
  Homepage - Hero Banner
  **********************/
  /*********************
  Homepage - Intro Section
  **********************/
  /*********************
  Navigation scroller
  **********************/
  /* fixed state starts slightly above + transparent */
  /* when ready, fade/slide in */
  /* spacer reserves space when sticky */
  /* respect reduced motion */
  /*********************
  Navigation
  **********************/
  /*********************
  Footer
  **********************/
  /*********************
  Feature section
  **********************/
}
.page-love .container {
  max-width: 1380px;
}
@media only screen and (max-width: 1500px) {
  .page-love .container {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.page-love h2 {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
}
.page-love .feature-cta-box {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  background: #f3f2fe;
  padding: 1em;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .page-love .feature-cta-box {
    align-items: start;
    display: flex;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .feature-cta-box {
    gap: 1rem;
  }
}
.page-love .feature-cta-box .feature-avatar {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
}
@media only screen and (max-width: 680px) {
  .page-love .feature-cta-box .feature-avatar {
    width: 50px;
    height: 50px;
  }
}
.page-love .feature-cta-box .cta-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.page-love .feature-cta-box .cta-wrapper .btn-cta-call {
  height: 44px;
}
@media only screen and (max-width: 1040px) {
  .page-love .feature-cta-box .cta-wrapper .btn-cta-call {
    height: 36px;
  }
}
@media only screen and (max-width: 600px) {
  .page-love .feature-cta-box .cta-wrapper .btn-cta-call {
    margin-left: -67px;
  }
}
@media only screen and (max-width: 1150px) {
  .page-love .feature-cta-box .cta-wrapper {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }
}
.page-love .feature-cta-box .cta-text {
  flex-grow: 1;
  line-height: 1.6;
}
.page-love .feature-cta-box .cta-text strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #161616;
  line-height: 1.2;
  margin: 0 0 0.25rem;
}
@media only screen and (max-width: 680px) {
  .page-love .feature-cta-box .cta-text strong {
    font-size: 15px;
  }
}
.page-love .feature-cta-box .cta-text .cta-meta {
  color: #161616;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.page-love .feature-cta-box .cta-text p {
  font-size: 14px;
  line-height: 1.35;
  margin: 4px 0 0;
}
.page-love .feature-cta-box .play-overlay {
  position: relative;
  right: auto;
  bottom: auto;
  background: #161616;
}
.page-love .feature-cta-box .play-overlay:before {
  filter: invert(100%);
}
.page-love .btn-cta-call {
  background: linear-gradient(90deg, #b085f5, #76e4f7);
  color: #000;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 0.6rem 1.25rem;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border: none;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.2s;
}
@media only screen and (max-width : 1040px) {
  .page-love .btn-cta-call {
    font-size: 12px;
    padding: 0.3rem 0.75rem;
  }
}
.page-love .btn-cta-call i {
  position: absolute;
  top: 0;
  left: 0;
  background: #f3f2fe;
  height: 4px;
  width: 4px;
  display: block;
}
.page-love .btn-cta-call i:nth-of-type(2) {
  left: auto;
  right: 0;
}
.page-love .btn-cta-call i:nth-of-type(3) {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
.page-love .btn-cta-call i:nth-of-type(4) {
  top: auto;
  bottom: 0;
}
.page-love .btn-cta-call:hover {
  background: linear-gradient(90deg, #8f61f5, #30b6ff);
  transform: translateY(-2px);
  text-decoration: none;
  color: #fff;
}
.page-love .play-overlay {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  width: 40px;
  height: 40px;
  background: #fff;
  background-size: 24px;
  transition: transform 0.2s;
  justify-content: center;
  align-items: center;
}
.page-love .play-overlay::before {
  content: "";
  width: 12px;
  height: 16px;
  background: url("../images/publications/love/icon_play.svg") no-repeat;
  background-size: cover;
}
.page-love .play-overlay:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 680px) {
  .page-love .play-overlay {
    display: none;
  }
}
.page-love .feature-benefits {
  list-style: none;
  padding: 0;
  margin: 0 0 3.5rem;
}
@media only screen and (max-width: 1150px) {
  .page-love .feature-benefits {
    margin: 0 0 2rem;
  }
}
.page-love .feature-benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  margin-bottom: 1rem;
  color: #222;
  position: relative;
  font-weight: 500;
  line-height: 1.3;
}
@media only screen and (max-width: 680px) {
  .page-love .feature-benefits li {
    font-size: 14px;
  }
}
.page-love .feature-benefits li::before {
  content: "";
  width: 25px;
  height: 25px;
  min-width: 26px;
  background: url("../images/publications/love/icon_benefit.svg") no-repeat;
  background-size: cover;
}
.page-love .love-header {
  padding: 1rem 0;
  background: #fff;
  z-index: 1000;
  width: 100%;
  position: fixed;
}
.page-love .love-header.scrolled {
  box-shadow: 0 0px 15px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
@media only screen and (max-width: 600px) {
  .page-love .love-header .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.page-love .love-header .love-header-inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-love .love-header .back-link {
  font-family: "DM Mono", monospace;
  font-size: 13px;
  color: #111;
  text-decoration: none;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
}
@media only screen and (max-width : 1040px) {
  .page-love .love-header .back-link {
    text-indent: -9999px;
  }
}
.page-love .love-header .back-link:hover {
  color: #5B36F5;
}
.page-love .love-header .back-link span {
  display: block;
  background: url(../images/logo-dark.png) no-repeat;
  background-size: 100%;
  width: 100px;
  height: 22px;
  margin: 0 0 0 10px;
  position: relative;
  overflow: hidden;
  transition: none;
}
@media only screen and (max-width : 1040px) {
  .page-love .love-header .back-link span {
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  .page-love .love-header .back-link span {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 35px;
    background-size: 125px;
    background-position: 7px center;
    margin: 0 22px 0 0;
    height: 35px;
  }
}
.page-love .love-header .back-link::before {
  content: "←";
  margin-right: 0.5em;
  font-size: 23px;
}
@media only screen and (max-width : 1040px) {
  .page-love .love-header .back-link::before {
    text-indent: initial;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-header .back-link::before {
    display: none;
  }
}
.page-love .love-header .logo-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0 -50px;
}
.page-love .love-header .logo-wrap a {
  display: block;
}
.page-love .love-header .logo-wrap img {
  width: 185px;
  height: auto;
  transition: all 0.3s;
  display: block;
}
@media only screen and (max-width : 1040px) {
  .page-love .love-header .logo-wrap img {
    width: 140px;
  }
}
.page-love .love-header .logo-wrap a:hover img {
  transform: scale(1.08);
}
.page-love .hero-love {
  background: #fff;
  overflow: hidden;
  position: relative;
  min-height: 600px;
  display: flex;
  padding: 70px 0 0;
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love {
    min-height: 500px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .hero-love {
    min-height: 450px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love {
    min-height: 520px;
  }
}
.page-love .hero-love .hero-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-content {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.page-love .hero-love .hero-left {
  flex: 1;
  width: 50%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.page-love .hero-love .hero-left .hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-left {
    width: 100%;
    order: 2;
  }
}
.page-love .hero-love .hero-right {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  padding: 3rem 0 4rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .hero-love .hero-right {
    padding: 2rem 0 4rem;
  }
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love .hero-right {
    padding: 0 0 4rem;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-right {
    order: 1;
    padding: 0 0 2rem;
    width: 100%;
  }
}
.page-love .hero-love .hero-right .hero-tagline {
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #161616;
  margin: 0 0 2rem 6rem;
  max-width: 280px;
  line-height: 1.3;
}
@media only screen and (max-width: 880px) {
  .page-love .hero-love .hero-right .hero-tagline {
    margin: 0 1rem 2rem 3rem;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-right .hero-tagline {
    margin: 1rem 2.25rem 0;
    max-width: 100%;
    font-size: 12px;
    line-height: 1.45;
  }
}
.page-love .hero-love .hero-right .hero-heart-intro {
  background: #fff;
  padding: 2rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-left: -20%;
  margin-bottom: 5rem;
  z-index: 1;
}
@media only screen and (max-width: 1250px) {
  .page-love .hero-love .hero-right .hero-heart-intro {
    padding: 1rem;
    gap: 0;
  }
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love .hero-right .hero-heart-intro {
    margin-left: -50%;
    margin-bottom: -1rem;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-right .hero-heart-intro {
    margin: 0 2.25rem 0;
    flex-direction: column;
    padding: 0;
    align-items: start;
  }
}
.page-love .hero-love .hero-right .hero-heart-intro .hero-heart {
  width: 260px;
  height: auto;
  z-index: 1;
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love .hero-right .hero-heart-intro .hero-heart {
    width: 180px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-right .hero-heart-intro .hero-heart {
    width: 100px;
    margin: 10px 0 5px -16px;
  }
}
.page-love .hero-love .hero-right .hero-heart-intro .hero-title {
  font-family: "Instrument Serif", serif;
  font-size: 48px;
  line-height: 1.1;
  max-width: 420px;
  font-weight: 400;
  margin: 0;
  z-index: 1;
}
@media only screen and (max-width: 1250px) {
  .page-love .hero-love .hero-right .hero-heart-intro .hero-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .hero-love .hero-right .hero-heart-intro .hero-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-right .hero-heart-intro .hero-title {
    font-size: 27px;
  }
}
.page-love .hero-love .hero-marquee-wrapper {
  background: #fff;
  padding: 2rem 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80%;
}
@media only screen and (max-width: 880px) {
  .page-love .hero-love .hero-marquee-wrapper {
    padding: 1.5rem 0;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-marquee-wrapper {
    padding: 1rem 0;
  }
}
.page-love .hero-love .hero-marquee-wrapper .hero-marquee {
  white-space: nowrap;
  overflow: hidden;
}
.page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track {
  display: inline-block;
  animation: marquee 20s linear infinite;
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 130px;
  text-transform: uppercase;
  color: #161616;
  letter-spacing: -1px;
  line-height: 1;
  white-space: nowrap;
}
.page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track span {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track span {
    gap: 1rem;
  }
}
.page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track i {
  font-size: 50%;
  font-style: normal;
  color: #044de2;
}
@media only screen and (max-width: 1250px) {
  .page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1040px) {
  .page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track {
    font-size: 60px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .hero-love .hero-marquee-wrapper .hero-marquee .marquee-track {
    font-size: 40px;
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.page-love .about-love-section {
  padding: 4rem 0 8rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .about-love-section {
    padding: 1rem 0 4rem;
  }
}
@media only screen and (max-width: 1050px) {
  .page-love .about-love-section {
    padding: 3rem 0;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section {
    padding: 2.25rem 0 3rem;
  }
}
.page-love .about-love-section .about-love-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  gap: 5rem;
  justify-content: space-between;
}
.page-love .about-love-section .about-love-left {
  width: 60%;
  max-width: 780px;
  padding: 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section .about-love-left {
    width: 100%;
  }
}
.page-love .about-love-section .about-love-left .section-label {
  font-family: "DM Mono", monospace;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 1rem;
  display: inline-block;
}
.page-love .about-love-section .about-love-left .about-love-title {
  font-size: 60px;
  line-height: 1.1;
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  margin-bottom: 1.5rem;
  color: #1d1d1d;
}
@media only screen and (max-width: 1250px) {
  .page-love .about-love-section .about-love-left .about-love-title {
    font-size: 48px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section .about-love-left .about-love-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .about-love-section .about-love-left .about-love-title {
    font-size: 27px;
  }
}
.page-love .about-love-section .about-love-left .about-love-text-cta {
  max-width: 560px;
  padding: 5rem 0 0;
}
@media only screen and (max-width: 1250px) {
  .page-love .about-love-section .about-love-left .about-love-text-cta {
    padding: 1rem 0 0;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section .about-love-left .about-love-text-cta {
    max-width: 100%;
    padding: 0;
  }
}
.page-love .about-love-section .about-love-left .about-love-text-cta .feature-cta-box .cta-text p.feature-01 {
  display: none;
}
.page-love .about-love-section .about-love-left .about-love-subtext {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  max-width: 90%;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section .about-love-left .about-love-subtext {
    margin-top: 0;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .about-love-section .about-love-left .about-love-subtext {
    font-size: 14px;
    max-width: 100%;
  }
}
.page-love .about-love-section .about-love-right {
  width: 30%;
  max-width: 550px;
  min-height: 600px;
  position: relative;
  overflow: hidden;
  background: url("../images/publications/love/bg_01.jpg") no-repeat center center;
  background-size: cover;
}
.page-love .about-love-section .about-love-right .about-love-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
@media only screen and (max-width: 880px) {
  .page-love .about-love-section .about-love-right {
    display: none;
  }
}
.page-love .love-scroller {
  margin: 3rem auto 0.5rem;
  transition: opacity 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  will-change: opacity, transform;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-scroller {
    margin: 3rem auto 2.5rem;
  }
}
@media only screen and (max-width: 920px) {
  .page-love .love-scroller {
    display: none;
  }
}
.page-love .love-scroller .container {
  display: flex;
  justify-content: center;
}
.page-love .love-scroller ul {
  display: flex;
  background: #f6f6f6;
  padding: 4px;
  margin: auto;
}
.page-love .love-scroller ul li {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
}
.page-love .love-scroller ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #161616;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.75em 1em;
  transition: all 0.3s;
  text-decoration: none;
  line-height: 1;
  position: relative;
}
.page-love .love-scroller ul li a i {
  position: absolute;
  top: 0;
  left: 0;
  background: #f3f2fe;
  height: 4px;
  width: 4px;
  display: block;
}
.page-love .love-scroller ul li a i:nth-of-type(2) {
  left: auto;
  right: 0;
}
.page-love .love-scroller ul li a i:nth-of-type(3) {
  left: auto;
  right: 0;
  top: auto;
  bottom: 0;
}
.page-love .love-scroller ul li a i:nth-of-type(4) {
  top: auto;
  bottom: 0;
}
.page-love .love-scroller ul li a.active, .page-love .love-scroller ul li a:hover {
  background: #8acaca;
}
.page-love .love-scroller ul li.coming-soon a {
  cursor: default;
  pointer-events: none;
  padding-left: 0.75em;
  padding-right: 0.75em;
  color: #888;
}
.page-love .love-scroller ul li.coming-soon a:after {
  content: "Coming soon";
  display: inline-flex;
  background: #cfb3e3;
  font-family: "DM Mono", monospace;
  font-size: 8px;
  text-transform: uppercase;
  color: #111;
  letter-spacing: 0.5px;
  padding: 6px 5px;
  vertical-align: middle;
  height: 17px;
  align-items: center;
  line-height: 1;
  margin-left: 0.25rem;
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .page-love .love-scroller ul li.coming-soon a:after {
    font-size: 11px;
    height: 22px;
    padding: 7px;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-scroller ul li.coming-soon a:after {
    margin-left: 0;
  }
}
.page-love .love-scroller ul li.coming-soon a:hover {
  gap: 0;
}
.page-love .love-scroller.is-sticky {
  position: fixed;
  top: var(--sticky-top, 76px);
  /* your 8px-less value */
  left: 0;
  right: 0;
  z-index: 1001;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
  opacity: 1;
  transform: translateY(-8px);
}
.page-love .love-scroller.is-sticky.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.page-love .love-scroller-spacer {
  height: 0;
}
@media (prefers-reduced-motion: reduce) {
  .page-love .love-scroller {
    transition: none;
  }
}
.page-love .love-navigation {
  padding: 5rem 0 0;
  line-height: 1.35;
  border-top: 1px solid #edecfe;
  margin-top: 5rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-navigation {
    padding: 4rem 0 4rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-navigation {
    padding: 3rem 0 0;
    margin-top: 3rem;
  }
}
.page-love .love-navigation li a {
  font-family: "Instrument Serif", serif;
  color: #161616;
  font-size: 76px;
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-navigation li a {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-love .love-navigation li a {
    font-size: 50px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-navigation li a {
    font-size: 42px;
    width: 100%;
    flex-direction: column;
    text-align: left;
    align-items: start;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-navigation li a {
    font-size: 27px;
  }
}
.page-love .love-navigation li a span {
  background: url("../images/publications/love/bg_02.jpg") no-repeat center center;
  background-size: cover;
  width: 0;
  height: 100px;
  display: block;
  transition: all 0.3s;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-navigation li a span {
    height: 67px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-navigation li a span {
    display: none;
  }
}
.page-love .love-navigation li a:hover {
  gap: 2rem;
  text-decoration: none;
}
.page-love .love-navigation li a:hover span {
  width: 170px;
}
.page-love .love-navigation li.coming-soon a {
  color: #888;
  cursor: default;
}
.page-love .love-navigation li.coming-soon a:after {
  content: "Coming soon";
  display: inline-flex;
  background: #cfb3e3;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  color: #111;
  letter-spacing: 0.5px;
  padding: 11px 9px;
  vertical-align: middle;
  height: 26px;
  align-items: center;
  line-height: 1;
  margin-left: 1.5rem;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  .page-love .love-navigation li.coming-soon a:after {
    font-size: 11px;
    height: 22px;
    padding: 7px;
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-navigation li.coming-soon a:after {
    margin-left: 0;
  }
}
.page-love .love-navigation li.coming-soon a:hover {
  gap: 0;
}
.page-love .love-navigation li.coming-soon a:hover:after {
  content: "Get Notified";
  background: #94dad9;
}
.page-love .love-navigation li:nth-of-type(2) a span {
  background: url("../images/publications/love/bg_01.jpg") no-repeat center center;
  background-size: cover;
}
.page-love .love-navigation li:nth-of-type(3) a span {
  background: url("../images/publications/love/bg_03.jpg") no-repeat center center;
  background-size: cover;
}
.page-love .love-footer {
  background: #f5f4ff;
  padding: 8rem 0 1rem;
  margin: 10rem 0 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-footer {
    margin: 4rem 0 0;
  }
}
.page-love .love-footer .border-effect-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: start;
  z-index: 2;
}
.page-love .love-footer i {
  display: block;
  background: #fff;
  width: 20%;
  height: 80px;
}
.page-love .love-footer i:nth-of-type(2) {
  height: 40px;
}
.page-love .love-footer i:nth-of-type(3) {
  height: 0;
}
.page-love .love-footer i:nth-of-type(4) {
  height: 40px;
}
.page-love .love-footer i:nth-of-type(5) {
  height: 80px;
}
.page-love .love-footer .logo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 100%;
  margin: 0 0 5rem;
}
.page-love .love-footer .text {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 130px;
  text-transform: uppercase;
  color: #161616;
  letter-spacing: -1px;
  line-height: 1;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-footer .text {
    font-size: 100px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-footer .text {
    font-size: 80px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .text {
    font-size: 50px;
  }
}
.page-love .love-footer .love {
  margin-bottom: -1rem;
}
.page-love .love-footer .your-b2b {
  margin-top: -0.5rem;
}
.page-love .love-footer .newsletter-wrapper {
  padding: 3rem 0 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .newsletter-wrapper {
    text-align: left;
  }
}
.page-love .love-footer .newsletter-wrapper .hbspt-form {
  margin: 0;
}
.page-love .love-footer .newsletter-wrapper .hbspt-form .actions input, .page-love .love-footer .newsletter-wrapper .hbspt-form .actions select {
  background: linear-gradient(90deg, #b085f5, #76e4f7);
  color: #000;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 0.875rem 1.25rem;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border: none;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.3s ease, transform 0.2s;
}
.page-love .love-footer .newsletter-wrapper .hbspt-form .actions input:hover, .page-love .love-footer .newsletter-wrapper .hbspt-form .actions select:hover {
  background: linear-gradient(90deg, #8f61f5, #30b6ff);
  transform: translateY(-2px);
  text-decoration: none;
  color: #fff;
}
.page-love .love-footer .newsletter-wrapper .submitted-message {
  background: #94dad9;
  padding: 1em;
  margin: 2em 0 0;
  text-align: center;
  color: #222;
}
.page-love .love-footer .newsletter-wrapper .submitted-message p {
  margin: 0;
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .newsletter-wrapper .submitted-message p {
    font-size: 14px;
  }
}
.page-love .love-footer .newsletter-wrapper h4 {
  font-family: "Instrument Serif", serif;
  font-size: 66px;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 880px) {
  .page-love .love-footer .newsletter-wrapper h4 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .newsletter-wrapper h4 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .newsletter-wrapper p {
    font-size: 14px;
  }
}
.page-love .love-footer .newsletter-wrapper .notify-wrapper {
  max-width: 550px;
  margin: auto;
}
.page-love .love-footer a.sparklayer {
  display: block;
  background: url(../images/logo-dark.png) no-repeat;
  background-size: 100%;
  width: 200px;
  height: 44px;
  margin: 2rem 0 0;
  position: relative;
  overflow: hidden;
  transition: none;
}
.page-love .love-footer .footer-video {
  width: 920px;
  height: auto;
  display: block;
  margin: -17rem 0 -20rem;
  z-index: 1;
}
@media only screen and (max-width: 680px) {
  .page-love .love-footer .footer-video {
    width: 500px;
    margin: -9rem 0 -10rem;
  }
}
.page-love .love-feature + .love-feature {
  margin-top: 8rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-feature + .love-feature {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-feature + .love-feature {
    margin-top: 3rem;
  }
}
.page-love .love-feature-wrapper {
  display: flex;
  gap: 0;
  justify-content: space-between;
}
@media only screen and (max-width: 880px) {
  .page-love .love-feature-wrapper {
    display: block;
  }
}
.page-love .love-feature-header {
  background: url("../images/publications/love/bg_01.jpg") no-repeat;
  background-size: cover;
  padding: 8rem 0 14rem;
  margin-bottom: 5rem;
  position: relative;
  transition: all 0.3s;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-feature-header {
    padding: 6rem 0 10rem;
    margin: 0 0 2rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-feature-header {
    padding: 4em 0 9rem;
    margin: 0 0 1rem;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-header {
    padding: 2em 0 9rem;
  }
}
.page-love .love-feature-header .video-embed {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #000;
}
.page-love .love-feature-header .video-embed iframe {
  width: 100%;
  height: 100%;
  border: none;
  margin: auto;
  max-width: 1600px;
}
.page-love .love-feature-header .video-embed .close-video {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #fff;
  border: none;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #111;
  cursor: pointer;
  z-index: 11;
}
.page-love .love-feature-header.video-playing {
  min-height: 800px;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-feature-header.video-playing {
    min-height: 600px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-header.video-playing {
    min-height: 250px;
  }
}
.page-love .love-feature-header.video-playing .video-embed {
  display: flex;
  justify-content: center;
}
.page-love .love-feature-header.video-playing .container {
  display: none;
}
.page-love .love-feature-header .border-effect-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: baseline;
}
.page-love .love-feature-header i {
  display: block;
  background: #fff;
  width: 20%;
  height: 40px;
}
.page-love .love-feature-header i:nth-of-type(2) {
  height: 80px;
}
.page-love .love-feature-header i:nth-of-type(3) {
  height: 120px;
}
.page-love .love-feature-header i:nth-of-type(4) {
  height: 80px;
}
.page-love .love-feature-header i:nth-of-type(5) {
  height: 40px;
}
.page-love .love-feature-header .love-feature-header-wrapper {
  display: flex;
  gap: 4rem;
  align-items: start;
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-header .love-feature-header-wrapper {
    gap: 1rem;
  }
}
.page-love .love-feature-header .feature-header-number,
.page-love .love-feature-header p {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 80px;
  text-transform: uppercase;
  color: #161616;
  letter-spacing: -1px;
  margin: 0;
  line-height: 1;
  max-width: 950px;
}
@media only screen and (max-width: 1250px) {
  .page-love .love-feature-header .feature-header-number,
.page-love .love-feature-header p {
    font-size: 60px;
    max-width: 700px;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .love-feature-header .feature-header-number,
.page-love .love-feature-header p {
    font-size: 40px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-header .feature-header-number,
.page-love .love-feature-header p {
    font-size: 27px;
  }
}
.page-love .love-feature-header .feature-header-content {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media only screen and (max-width: 580px) {
  .page-love .love-feature-header .feature-header-content {
    gap: 2rem;
  }
}
.page-love .love-feature-header .feature-cta-box {
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 580px) {
  .page-love .love-feature-header .feature-cta-box {
    margin-left: -50px;
    width: calc(100% + 50px);
  }
}
.page-love .love-feature-header .feature-cta-box:hover {
  box-shadow: 0 0px 15px 8px rgba(207, 179, 227, 0.3);
}
.page-love #wholesale .love-feature-header {
  background: url("../images/publications/love/bg_02.jpg") no-repeat;
  background-size: cover;
}
.page-love #wholesale .love-feature-header .feature-header-number,
.page-love #wholesale .love-feature-header p {
  color: #fff;
}
.page-love #onboarding .love-feature-header {
  background: url("../images/publications/love/bg_03.jpg") no-repeat;
  background-size: cover;
}
.page-love #onboarding .love-feature-header .feature-header-number,
.page-love #onboarding .love-feature-header p {
  color: #fff;
}
.page-love .love-feature-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  color: #111;
  letter-spacing: 0.5px;
  gap: 1rem;
  margin-bottom: 3.5rem;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-title {
    margin-bottom: 1.5rem;
  }
}
.page-love .love-feature-title .label-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.page-love .love-feature-title .label-left .label-color {
  width: 10px;
  height: 10px;
  background: #3f83f8;
  border-radius: 2px;
  display: inline-block;
  flex-shrink: 0;
}
.page-love .love-feature-title .label-left .label-text {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.page-love .love-feature-title .label-right {
  font-size: 13px;
  font-weight: 500;
  opacity: 0.6;
}
@media only screen and (max-width: 680px) {
  .page-love .love-feature-title .label-right {
    display: none;
  }
}
.page-love .color-blue {
  background: #3f83f8;
}
.page-love .color-pink {
  background: #ec4899;
}
.page-love .color-green {
  background: #10b981;
}
.page-love .section-feature-left-wrapper {
  width: 50%;
  position: relative;
}
@media only screen and (max-width: 880px) {
  .page-love .section-feature-left-wrapper {
    width: 100%;
  }
}
.page-love .section-feature-left {
  width: 50%;
  max-width: 560px;
}
@media only screen and (max-width: 1250px) {
  .page-love .section-feature-left {
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .section-feature-left {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}
.page-love .section-feature-left .feature-cta-box .cta-text p.default {
  display: none;
}
.page-love .section-feature-left .feature-title {
  font-size: 72px;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .section-feature-left .feature-title {
    font-size: 50px;
  }
}
@media only screen and (max-width : 1040px) {
  .page-love .section-feature-left .feature-title {
    font-size: 36px;
    margin-top: -20px;
  }
}
@media only screen and (max-width : 650px) {
  .page-love .section-feature-left .feature-title {
    font-size: 28px;
    margin-top: 0;
  }
}
.page-love .section-feature-left .feature-intro {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-left .feature-intro {
    font-size: 14px;
    margin-bottom: 1rem;
  }
}
.page-love .content-reverse .section-feature-left-wrapper {
  order: 2;
  justify-content: end;
  display: flex;
}
@media only screen and (max-width: 1250px) {
  .page-love .content-reverse .section-feature-left-wrapper .section-feature-left {
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 880px) {
  .page-love .content-reverse .section-feature-left-wrapper .section-feature-left {
    padding: 0;
  }
}
.page-love .section-feature-right {
  width: 50%;
  max-width: 680px;
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media only screen and (max-width: 880px) {
  .page-love .section-feature-right {
    width: 100%;
    max-width: 100%;
    margin: 2rem 0 0;
    padding: 0;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right {
    gap: 1.5rem;
  }
}
.page-love .section-feature-right .featured-post .featured-image {
  position: relative;
  margin: 0 0 1em;
  overflow: hidden;
  aspect-ratio: 5/3;
}
.page-love .section-feature-right .featured-post .featured-image a {
  display: block;
}
.page-love .section-feature-right .featured-post .featured-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.page-love .section-feature-right .featured-post .featured-image a:hover img {
  transform: scale(1.15);
}
.page-love .section-feature-right .featured-post .featured-meta {
  margin: 1rem 0 0;
}
.page-love .section-feature-right .featured-post .featured-meta .post-label.best-practice {
  --label-color: #f97316;
}
.page-love .section-feature-right .featured-post .featured-meta .post-label.case-study {
  --label-color: #10b981;
}
.page-love .section-feature-right .featured-post .featured-meta .post-label.video {
  --label-color: #d700ff;
}
.page-love .section-feature-right .featured-post .featured-meta .post-label.guest-post {
  --label-color: #4f46e5;
}
.page-love .section-feature-right .featured-post .featured-meta .post-title {
  font-size: 20px;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  line-height: 1.3;
  font-weight: 500;
  color: #111;
  margin: 0.25em 0 0;
}
.page-love .section-feature-right .featured-post .featured-meta .post-title a {
  color: #111;
  transition: all 0.3s;
  text-decoration: none;
}
.page-love .section-feature-right .featured-post .featured-meta .post-title a:hover {
  color: #5B36F5;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .featured-post .featured-meta .post-title {
    font-size: 15px;
  }
}
.page-love .section-feature-right .post-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 1.25rem;
}
@media only screen and (max-width : 650px) {
  .page-love .section-feature-right .post-grid {
    grid-template-columns: 1fr;
    gap: 1rem 1.25rem;
  }
}
.page-love .section-feature-right .post-grid.post-wide {
  grid-template-columns: repeat(1, 1fr);
}
.page-love .section-feature-right .post-grid .post-card .card-image {
  position: relative;
  margin: 0 0 1em;
  overflow: hidden;
  aspect-ratio: 5/3;
}
.page-love .section-feature-right .post-grid .post-card .card-image a {
  display: block;
}
.page-love .section-feature-right .post-grid .post-card .card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.page-love .section-feature-right .post-grid .post-card .card-image a:hover img {
  transform: scale(1.15);
}
.page-love .section-feature-right .post-grid .post-card .post-label.best-practice {
  --label-color: #f97316;
}
.page-love .section-feature-right .post-grid .post-card .post-label.case-study {
  --label-color: #10b981;
}
.page-love .section-feature-right .post-grid .post-card .post-label.video {
  --label-color: #d700ff;
}
.page-love .section-feature-right .post-grid .post-card .post-label.guest-post {
  --label-color: #4f46e5;
}
.page-love .section-feature-right .post-grid .post-card .post-title {
  margin-top: 0.25rem;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .post-grid .post-card .post-title {
    font-size: 15px;
  }
}
.page-love .section-feature-right .post-grid .post-card .post-title a {
  color: #111;
  transition: all 0.3s;
  text-decoration: none;
}
.page-love .section-feature-right .post-grid .post-card .post-title a:hover {
  color: #5B36F5;
}
.page-love .section-feature-right .post-grid .post-card.post-columns {
  display: flex;
  gap: 2rem;
  border-bottom: 1px solid #edecfe;
  padding-bottom: 0.75rem;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .post-grid .post-card.post-columns {
    gap: 1.5rem;
  }
}
.page-love .section-feature-right .post-grid .post-card.post-columns:last-of-type {
  border: 0;
  padding: 0;
}
.page-love .section-feature-right .post-grid .post-card.post-columns .card-image {
  width: 30%;
}
.page-love .section-feature-right .post-grid .post-card.post-columns .card-summary {
  width: 70%;
}
.page-love .section-feature-right .post-testimonial {
  background: linear-gradient(to bottom, #d9b4e3, #9edfd6);
  padding: 2rem 2rem;
  font-family: "DM Serif Display", serif;
  color: #111;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .post-testimonial {
    padding: 1.5rem;
  }
}
.page-love .section-feature-right .post-testimonial .testimonial-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-family: "DM Mono", monospace;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6rem;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .post-testimonial .testimonial-header {
    margin-bottom: 2rem;
  }
}
.page-love .section-feature-right .post-testimonial .testimonial-header .testimonial-author {
  line-height: 1.4;
}
.page-love .section-feature-right .post-testimonial .testimonial-header .testimonial-brand {
  font-weight: 500;
}
.page-love .section-feature-right .post-testimonial .testimonial-header .testimonial-brand a {
  color: #111;
}
.page-love .section-feature-right .post-testimonial .testimonial-quote {
  font-size: 32px;
  line-height: 1.1;
  font-weight: 400;
  margin: 0;
  font-family: "Instrument Serif", serif;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .post-testimonial .testimonial-quote {
    font-size: 26px;
  }
}
.page-love .section-feature-right .micropaper-promo {
  background: linear-gradient(to bottom, #dfbae6, #9e8ce3);
  padding: 2rem 2rem;
  color: #111;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo {
    padding: 1.5rem;
  }
}
.page-love .section-feature-right .micropaper-promo .micropaper-title {
  font-family: "Instrument Serif", serif;
  font-size: 48px;
  line-height: 1.1;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 1250px) {
  .page-love .section-feature-right .micropaper-promo .micropaper-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .micropaper-title {
    font-size: 26px;
  }
}
.page-love .section-feature-right .micropaper-promo .feature-benefits {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 1250px) {
  .page-love .section-feature-right .micropaper-promo .feature-benefits {
    margin-bottom: 2rem;
  }
}
.page-love .section-feature-right .micropaper-promo .micropaper-cta-box {
  background: #fff;
  border-radius: 4px;
  padding: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .micropaper-cta-box {
    gap: 1.5rem;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-text-block {
  flex: 1;
  min-width: 260px;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-text-block {
    min-width: 100%;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-text-block .cta-meta {
  display: flex;
  align-items: center;
  font-family: "DM Mono", monospace;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-text-block .cta-meta {
    align-items: start;
    display: none;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-text-block .cta-meta .square-icon {
  width: 10px;
  height: 10px;
  background: #4a90e2;
  display: inline-block;
  margin-right: 6px;
}
.page-love .section-feature-right .micropaper-promo .cta-text-block .cta-meta .mono {
  letter-spacing: 0.5px;
  line-height: 1.2;
}
.page-love .section-feature-right .micropaper-promo .cta-text-block h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 0.25rem;
  line-height: 1.4;
  font-family: "Roboto", "Helvetica Neue", sans-serif;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-text-block h3 {
    font-size: 16px;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-text-block p {
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.7;
  margin: 0 0 1rem;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-text-block p {
    font-size: 13px;
    margin: 0.5rem 0 1rem;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-text-block .btn-cta-call {
  background: #94dad9;
}
.page-love .section-feature-right .micropaper-promo .cta-text-block .btn-cta-call:hover {
  background: #8876e4;
}
.page-love .section-feature-right .micropaper-promo .cta-image-block {
  flex-shrink: 0;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-image-block {
    width: 100%;
  }
}
.page-love .section-feature-right .micropaper-promo .cta-image-block img {
  max-width: 140px;
  height: auto;
  display: block;
}
@media only screen and (max-width: 680px) {
  .page-love .section-feature-right .micropaper-promo .cta-image-block img {
    max-width: 100%;
    width: 100%;
  }
}
.page-love .content-reverse .section-feature-right .micropaper-promo {
  background: linear-gradient(to bottom, #94dad9, #579df1);
}
.page-love .content-reverse .section-feature-right .micropaper-promo.chapter-03 {
  background: linear-gradient(to bottom, #94dad1, #2fd050);
}
.page-love .post-label {
  font-family: "DM Mono", monospace;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.35px;
  color: #111;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  margin: 0 0 0.75em;
}
.page-love .post-label::before {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--label-color, #000);
  border-radius: 2px;
}

/*********************
Contact Form
**********************/
#contact-form.campaign-love .contact-info,
#contact-form.campaign-love .contact-form-content .contact-scroll .contact-wrap .shopify-app-rating,
#contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame .wrapper .greeting {
  display: none;
}
#contact-form.campaign-love .contact-form-content {
  background: url("../images/publications/love/bg_01.jpg") no-repeat;
  background-size: cover;
}
#contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame {
  max-width: 920px;
  padding: 0;
  margin: 5rem 0;
}
@media only screen and (max-width: 1440px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame {
    width: 100%;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame {
    margin: 2rem 0;
  }
}
@media only screen and (max-width : 650px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame {
    margin: 3rem 0 2rem;
  }
}
#contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame .wrapper p {
  margin: 0 0 0.5rem;
}
#contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
  font-size: 46px;
  font-family: "Instrument Serif", serif;
  line-height: 1.1;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 1100px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-frame .wrapper h3 {
    display: block;
    text-align: left;
    font-size: 30px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-wrap {
    padding: 0 35px;
  }
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-wrap .wrapper {
    padding: 0;
    background: none;
    box-shadow: none;
  }
}
@media only screen and (max-width : 650px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-wrap {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 760px) {
  #contact-form.campaign-love .contact-form-content .contact-scroll .contact-wrap .form-signoff {
    display: none;
  }
}

/*# sourceMappingURL=styles.css.map */