:root {
  --navy-300: #19224c;
  --black: black;
  --orange-300: #657cff;
  --purple: #5e48db;
  --neutral-600: #0c1438;
  --navy-100: #203492;
  --neutral: white;
  --light-purple: #7765e1;
  --neutral-100: #f9f9f9;
  --neutral-200: #ebebeb;
  --neutral-300: #cfcfcf;
  --neutral-400: #b7b7b733;
  --neutral-500: #676a71;
  --error: #f46b6b;
  --success: #4cb06c;
  --navy-200: #182771;
  --neon: #bafd32;
  --bg-blue-100: #dee3ff;
  --bg-purple-200: #afa3ed;
  --neon-button-text: #45359c;
  --bg-purple-300: #8d80e6;
  --bg-blue-200: #c7cfff;
  --text-highlight-neon: #cffe6f;
  --bg-purple-50: #e6e4fa;
  --bg-purple-100: #cfc8f4;
  --bg-neon-50: #f5ffe0;
  --bg-neon-100: #eaffc1;
  --bg-neon-200: #ddfe9a;
  --bg-neon-300: #cefe6f;
  --main--primary: #5d47d8;
  --main--green: #b4f630;
  --neutral--neutral-700: #6d737f;
  --primary-100: #cec5fd;
  --main--primary-500: #5138dd;
  --neutral--neutral-400: #bfc4cf;
  --neutral--neutral-500: #acb3bf;
  --neutral--neutral-900: #313234;
  --neutral--neutral-800: #515358;
  --main--pink: #e43167;
  --neutral--neutral-300: #f1f2f4;
  --primary--primary-300: #8470f2;
  --alert: #ffbf60;
  --neutral-900: #313234;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.is-purple {
  color: #45359c !important;
}

.is-gradient {
  background: linear-gradient(90deg, #5e48db 13%, #c862e1 100%);
}

.dot-content {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666666;
}

.testimonial-bg {
  background-color: #f7f5ff;
}
.is-purple:hover {
  color: #fff !important;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

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

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.rockstart-section {
  overflow: hidden;
  padding: 108px 0 0;
}

.linkedin-popup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: flex;
  padding: 24px 30px 22px 14px;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  box-shadow: 2px 2px 8px 0px #00000040;
  background: #f5f3ff;
  z-index: 990;
  border-radius: 10px;
  opacity: 93%;
}

#close-search {
  z-index: 5;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out;
  color: var(--purple);
  border-radius: 100%;
  background-color: #bafd32;
}

#close-search:hover {
  background-color: var(--purple);
  color: #fff;
}

.linkedin-popup img {
  object-fit: contain;
  flex: none;
}

#closePopUp {
  background: transparent;
  color: #181818;
  position: absolute;
  top: 19px;
  right: 19px;
  display: flex;
  padding: 0;
  width: 14px;
  justify-content: center;
}

.linkedin-popup-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.linkedin-popup-content h2 {
  font-family: "Manrope";
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0px;
  color: #404040;
  font-size: 16px;
}

.linkedin-popup-content p {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #666666;
}

.rockstart-profile {
  width: 400px;
  height: 400px;
  overflow: hidden;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
  flex: none;
  justify-self: center;
  cursor: pointer;
}

.rockstart-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rockstart-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 113px;
  grid-template-rows: auto;
  grid-template-columns: 11fr 10fr;
  grid-auto-columns: 1fr;
  display: grid;
  align-items: center;
  width: 100%;
  transition: all 0.3s ease-in-out;
  cursor: auto;
  max-width: 1208px;
  padding: 0 40px;
  margin: 0 auto;
}

.rockstart-title:hover {
  color: transparent;
  background: linear-gradient(90deg, #5e48db 0%, #c862e1 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.rockstart-title:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #5e48db 0%, #c862e1 100%);
}

.swiper {
  width: 100%;
}

.swiper-wrapper {
  display: flex;
}

.rockstart-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.rockstart-detail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 33px;
  cursor: pointer;
}

.rockstart-detail h3 {
  font-family: "Manrope";
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.4px;
  color: var(--purple);
}

.rockstart-detail p {
  font-family: "Manrope";
  font-weight: 500;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  text-wrap: nowrap;
  color: #404040;
}

.rockstart-detail p span {
  display: inline-flex;
  margin: 0 12px;
}

.rockstart-listing-logo {
  display: flex;
  align-items: center;
  gap: 11.77px;
}

.logo-rectangel {
  border-radius: 0px !important;
}
.rockstart-listing-logo img {
  flex: none;
  width: auto;
  height: 48px;
  object-fit: contain;
  object-position: center;
  transform: translateY(-2px);
  border-radius: 100px;
}

.rockstart-title {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0px;
  color: #666666;
  position: relative;
  text-wrap: nowrap;
}

.swiper-slide {
  width: 100%;
  flex: none;
  background-color: #f8f6ff;
  padding: 90px 0;
}
.rockstart-component {
  position: relative;
}

.rockstart-wrapper {
  position: relative;
  padding: 132px 0;
}

.swiper-prev,
.swiper-next {
  width: 54px;
  height: 54px;
  border-radius: 100%;
  background: #bafd32;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: var(--purple);
  z-index: 9;
}

.swiper-prev.initial {
  opacity: 0;
}

.swiper-prev.disabled,
.swiper-next.disabled {
  opacity: 0;
}

.swiper-prev:hover,
.swiper-next:hover {
  background-color: var(--purple);
  color: #fff;
}

.swiper-prev {
  left: 0;
}

.swiper-next {
  right: 0;
}

.swiper-button {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  max-width: 1200px;
  margin: 0 auto;
  transform: translateY(-50%);
  transform: translateX(-28px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  opacity: 90%;
}

.text-weight-semibold {
  font-weight: 600;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

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

.w-pagination-previous-icon {
  margin-right: 4px;
}

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

.w-pagination-next:hover {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }

  .rockstart-detail h3 {
    font-size: 36px;
    letter-spacing: -0.36px;
  }

  .rockstart-detail p {
    font-size: 20px;
  }

  .rockstart-listing-logo {
    align-items: flex-start;
  }

  .rockstart-title {
    font-size: 20px;
    text-wrap: wrap;
  }

  .swiper-button {
    transform: translateX(0);
    left: 20px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .statistic-wrapper {
    flex-direction: column;
    gap: 91px;
    justify-content: center;
    align-items: center;
  }

  .underline {
    display: none;
  }
  .overlay-left,
  .overlay-right {
    display: none;
  }

  .container-lined {
    border-radius: 0 !important;
  }

  .rockstart-listing-logo {
    align-items: center;
  }

  .rockstart-listing-logo {
    gap: 6px;
  }
}

a {
  text-decoration: none !important;
}

body {
  color: var(--navy-300);
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3em;
}

h1,
h2 {
  color: var(--black);
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1em;
}

h3 {
  color: var(--black);
  letter-spacing: -0.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1em;
}

h4 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1em;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1em;
}

h6 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1em;
}

p {
  color: #00000080;
  margin-bottom: 0;
  font-family: "Manrope";
  font-size: 1.5rem;
  line-height: 1.33333em;
}

a {
  color: var(--orange-300);
  text-decoration: underline;
  transition: opacity 0.2s, color 0.2s;
}

a:hover {
  color: var(--navy-300);
  text-decoration: none;
}

.follow-us,
.track-1,
.right-column-div {
  width: 100%;
}

ul,
ol {
  margin-bottom: 0;
  padding-left: 2rem;
  font-size: 1rem;
  line-height: 1.1em;
}

li {
  margin-bottom: 0.75rem;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 5px #e2e2e2;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

figure {
  margin-bottom: 20px;
}

figcaption {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.3em;
}

.section {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
}

.section.hero {
  padding-top: 4rem;
  padding-bottom: 17rem;
  position: relative;
}

.section.relative.slider {
  justify-content: center;
}

.section.relative.go-to-slider {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.section.relative.slider-home {
  padding-top: 10rem;
  padding-bottom: 14rem;
}

.section.relative.slider-home.overflow-hidden {
  overflow: hidden;
}

.section.bg-purple {
  background-color: #5e48db;
}

.section.bg-purple.lottie-section {
  padding-top: 5rem;
  padding-bottom: 7rem;
}

.section.bg-purple.go-to-animated {
  padding-top: 14rem;
  padding-bottom: 7rem;
}

.section.bg-purple.go-to-2-animated {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.section.bg-purple.go-to-lottie-section {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section.video {
  background-color: #5e48db;
  padding-top: 7rem;
  padding-bottom: 5rem;
}

.section.overflow-hidden {
  padding-bottom: 120px;
}

.section.overflow-hidden.your-all-in-one-place-to-every-marketplace {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section.hero-go-to {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 22rem;
  position: relative;
  overflow: hidden;
}

.section.hero-go-to.cut-star {
  padding-top: 10rem;
  padding-bottom: 14rem;
}

.section.testimonial {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section.bee-seen-hero {
  background-color: var(--purple);
  padding-top: 10rem;
  padding-bottom: 5rem;
}

.section.bee-seen-hero.overflow-hidden {
  padding-bottom: 3rem;
}

.section.pp-hero {
  background-color: var(--purple);
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section.bee-seen-subhero {
  min-height: 100vh;
  padding-top: 3rem;
  padding-bottom: 10rem;
  position: relative;
}

.section.policy-rich-text {
  padding-top: 7rem;
  padding-bottom: 10rem;
}

.section.cookie-policy {
  padding-top: 5rem;
  padding-bottom: 10rem;
}

.section.the-players-with-the-cheat-codes {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section.video-2 {
  z-index: 2;
  background-color: #5e48db;
  padding-top: 149px;
  padding-bottom: 0;
  position: relative;
}

.container {
  width: 100%;
  max-width: 78rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container.grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid.margin-xl {
  margin-bottom: 80px;
}

.container.grid.hero {
  grid-row-gap: 5rem;
  position: relative;
  overflow: hidden;
}

.container.grid.hero.overflow-visible {
  grid-row-gap: 2rem;
  overflow: visible;
}

.container.grid.relative {
  z-index: 1;
}

.container.grid.go-to {
  position: relative;
}

.container.grid.testimonial {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.container.center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.center.rel-1 {
  z-index: 2;
  position: relative;
}

.container.grid-col-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container.grid-col-2.margin-xl {
  margin-bottom: 80px;
}

.container.grid-col-2.hero {
  grid-row-gap: 5rem;
  position: relative;
  overflow: hidden;
}

.container.grid-col-2.hero.overflow-visible {
  grid-row-gap: 2rem;
  overflow: visible;
}

.container.grid-col-2.go-to {
  position: relative;
}

.container.grid-col-2.testimonial {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.kickoff-classes-wrap {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.kickoff-classes-wrap.margin-top-m {
  margin-top: 32px;
}

.kickoff-classes-wrap.margin-left-s {
  margin-left: 20px;
}

.kickoff-classes-wrap.margin-left-m {
  margin-left: 36px;
}

.kickoff-class-icon {
  object-fit: cover;
  border-radius: 4px;
  flex: none;
  width: 1.8rem;
  height: 1.5rem;
  overflow: hidden;
}

.kickoff-class-label {
  background-color: var(--neutral-600);
  color: #fff;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.6em;
  display: flex;
}

.column {
  flex-direction: column;
  align-items: flex-start;
  font-weight: 600;
  display: flex;
  position: relative;
}

.column.gap-2rem {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.column.gap-2rem.max-285 {
  max-width: 285px;
}

.column.gap-7rem {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
}

.column.gap-7rem.max {
  width: 100%;
  max-width: 486px;
}

.column._100 {
  width: 100%;
}

.column.form-column {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.column.form-column.first-form-column {
  margin-top: 1rem;
}

.main-wrapper.overflow {
  overflow: hidden;
}

.label {
  color: var(--navy-100);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1em;
}

.jumbo-h {
  font-size: 5rem;
}

.text-xl {
  font-size: 2rem;
}

.text-xs {
  font-size: 0.75rem;
}

.label-xs {
  color: var(--orange-300);
  font-size: 0.75rem;
  font-weight: 400;
}

.label-xl {
  color: var(--orange-300);
  font-size: 1.25rem;
  line-height: 1.1em;
}

.kickoff-styles-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 40px;
  display: grid;
}

.bg-purple {
  background-color: var(--purple);
}

.kickoff-color-helper {
  color: var(--neutral);
  text-align: center;
  margin: 16px;
}

.margin-l {
  margin-bottom: 3rem;
}

.bg-light-purple {
  background-color: var(--light-purple);
}

.bg-neon {
  background-color: #bafd33;
}

.bg-blue-300 {
  background-color: var(--orange-300);
}

.bg-neutral {
  background-color: var(--neutral);
}

.bg-neutral-100 {
  background-color: var(--neutral-100);
}

.bg-neutral-200 {
  background-color: var(--neutral-200);
}

.bg-neutral-300 {
  background-color: var(--neutral-300);
}

.bg-neutral-400 {
  background-color: var(--neutral-400);
}

.bg-neutral-600 {
  background-color: var(--neutral-600);
}

.bg-neutral-500 {
  background-color: var(--neutral-500);
}

.bg-error {
  background-color: var(--error);
}

.bg-success {
  background-color: var(--success);
}

.no-margin {
  margin-bottom: 0;
}

.text-neutral {
  color: var(--neutral);
}

.text-neutral.small {
  font-size: 2.25rem;
}

.text-neutral.wrapped-h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 150%;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}

.text-neutral-200 {
  color: var(--neutral-200);
}

.text-neutral-400 {
  color: var(--neutral-400);
}

.text-neutral-600 {
  color: var(--neutral-600);
}

.text-navy-300 {
  color: var(--navy-300);
}

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

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

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

.padding-xxs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.kickoff-padding-helper {
  color: var(--navy-300);
}

.padding-xs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding-s {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.padding-m {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding-l {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-xxl {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-3xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.margin-xxs {
  margin-bottom: 0.5rem;
}

.margin-xs {
  margin-bottom: 1rem;
}

.margin-s {
  margin-bottom: 1.25rem;
}

.margin-m {
  margin-bottom: 2rem;
}

.margin-xl {
  margin-bottom: 5rem;
}

.margin-xxl {
  margin-bottom: 8rem;
}

.margin-3xl {
  margin-bottom: 10rem;
}

.max-width-m {
  max-width: 256px;
}

.max-width-xl {
  max-width: 512px;
}

.button {
  background-color: var(--navy-100);
  text-align: center;
  border-radius: 100px;
  min-width: 160px;
  padding: 1.2rem 2rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  transition: background-color 0.2s, color 0.2s;
}

.button:hover {
  background-color: var(--navy-200);
  color: var(--neutral);
}

.button:active {
  background-color: var(--navy-300);
}

.button-small {
  background-color: var(--navy-100);
  text-align: center;
  border-radius: 100px;
  min-width: 80px;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  transition: background-color 0.2s, color 0.2s;
  display: block;
}

.button-small:hover {
  background-color: var(--navy-200);
  color: var(--neutral);
}

.button-small:active {
  background-color: var(--navy-300);
}

.button-variant {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--neutral);
  color: var(--purple);
  text-align: center;
  border: 1px solid #5e48db;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem 0.5rem 1rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.button-variant:hover {
  background-color: var(--purple);
  color: var(--neutral);
  text-decoration: none;
}

.button-variant:active {
  color: #bafd33;
  background-color: #402e9e;
  border-color: #402e9e;
}

.button-variant.button-variant-icon {
  padding-left: 1rem;
  text-decoration: none;
}

.button-variant-small {
  border: 1px solid var(--orange-300);
  background-color: var(--neutral);
  color: var(--orange-300);
  text-align: center;
  border-radius: 100px;
  min-width: 80px;
  padding: 0.75rem 1.5rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  transition: background-color 0.2s, color 0.2s;
}

.button-variant-small:hover {
  background-color: var(--orange-300);
  color: var(--neutral);
}

.slider-button-left {
  background-color: var(--neon);
  color: #7e3d5d;
  text-align: center;
  cursor: pointer;
  background-image: url("../assets/Vector-657.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 100px;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  font-size: 0;
  font-weight: 400;
  line-height: 1em;
  transition: background-position 0.15s cubic-bezier(0.47, 0, 0.745, 0.715),
    background-color 0.2s, color 0.2s;
}

.slider-button-left:hover {
  background-color: var(--neon);
  color: var(--neutral);
  background-position: 40%;
}

.slider-button-left:active {
  background-color: var(--purple);
}

.slider-button-right {
  background-color: var(--neon);
  color: #7e3d5d;
  text-align: center;
  cursor: pointer;
  background-image: url("../assets/Vector-657-copy.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 100px;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  font-size: 0;
  font-weight: 400;
  line-height: 1em;
  transition: background-position 0.15s cubic-bezier(0.47, 0, 0.745, 0.715),
    background-color 0.2s, color 0.2s;
}

.slider-button-right:hover {
  background-color: var(--neon);
  color: var(--neutral);
  background-position: 60%;
}

.slider-button-right:active {
  background-color: var(--purple);
  background-image: url("../assets/Vector-657-copy.svg");
}

.button-link {
  color: var(--navy-100);
  background-image: url("../assets/Arrow-Icon.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 16px 14px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 1.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  transition: opacity 0.2s, padding 0.15s cubic-bezier(0.47, 0, 0.745, 0.715),
    color 0.2s;
}

.button-link:hover {
  opacity: 0.8;
  color: var(--navy-100);
  padding-right: 2rem;
}

.input {
  background-color: var(--neutral);
  color: #3d26c0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border: 1px solid #3d26c0;
  border-radius: 90px;
  width: 100%;
  min-height: 50px;
  margin-bottom: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 16px;
  line-height: 1em;
  transition: padding 0.2s, border-width 0.2s, border-radius 0.2s, color 0.2s,
    background-color 0.2s, border-color 0.2s;
}

.input:hover {
  border-color: var(--neutral-300);
  background-color: var(--neutral);
  color: #3d26c0;
}

.input:focus {
  color: #3d26c0;
  border-width: 1px;
  border-color: #657cff;
}

.input::placeholder {
  color: #00000080;
}

.input.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.input.select-input:focus {
  line-height: 1em;
}

.input.text-area {
  min-height: 150px;
}

.input.manrope-input {
  border-radius: 1.5rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
}

.input.error {
  color: #ff4d44;
  border-color: #ff4d44;
}

.input-label {
  color: var(--neutral);
  margin-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857em;
}

.checkbox-field {
  color: var(--neutral-500);
  cursor: pointer;
  align-items: center;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1em;
  display: flex;
}

.checkbox-field:hover {
  color: var(--navy-300);
}

.checkbox {
  border-width: 2px;
  border-color: var(--orange-300);
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: -24px;
}

.checkbox:hover {
  box-shadow: 1px 1px #fff0;
}

.checkbox.w--redirected-checked {
  background-color: #dee3ff;
  background-image: url("../assets/Check.svg");
  background-size: 10px;
  border-color: #657cff;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox-label {
  margin-left: 8px;
}

.radio-field {
  color: var(--neutral-500);
  cursor: pointer;
  align-items: center;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1em;
  display: flex;
}

.radio-field:hover {
  color: var(--navy-300);
}

.radio-button {
  border-width: 2px;
  border-color: var(--orange-300);
  background-color: var(--neutral);
  background-image: linear-gradient(to bottom, var(--neutral), var(--neutral));
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: -24px;
  box-shadow: 1px 1px #fff0;
}

.radio-button.w--redirected-checked {
  background-color: var(--neutral);
  border: 4px solid #657cff;
}

.radio-button.w--redirected-focus {
  background-color: #dee3ff;
  border-color: #657cff;
  box-shadow: 1px 1px 3px #fff0;
}

.radio-button-label {
  margin-left: 8px;
}

.kickoff-block {
  border: 1px solid var(--neutral-300);
  background-color: var(--neutral-100);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 80px;
  display: flex;
}

.flex-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.flex-center.relative-flex {
  position: relative;
}

.flex-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.flex-right {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-l {
  object-fit: contain;
  width: 3rem;
  height: 3rem;
  display: block;
}

.icon-m {
  object-fit: contain;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.icon-s {
  object-fit: contain;
  width: 1rem;
  height: 1rem;
  display: block;
}

.component-wrapper {
  z-index: 1;
}

.footer-heart {
  object-fit: contain;
  width: 1rem;
  height: 1rem;
  margin-left: 4px;
  margin-right: 4px;
  display: block;
}

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

.margin-left-s {
  margin-left: 20px;
}

.margin-left-m {
  margin-left: 32px;
}

.footer-section {
  z-index: 10;
  background-color: #5e48db;
  flex-direction: column;
  align-items: center;
  padding-top: 7rem;
  padding-bottom: 1.5rem;
  display: flex;
  position: relative;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 78rem;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navigation {
  z-index: 9999;
  background-color: var(--neutral);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 4.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
  box-shadow: 0 20px 200px 10px #0000001a;
}

.nav-logo {
  object-fit: contain;
  width: 7.25rem;
  height: 2.5rem;
  display: block;
}

.nav-brand {
  z-index: 10;
  color: var(--purple);
  width: 156px;
  height: 24px;
  padding-left: 0;
  transition: opacity 0.2s, color 0.2s;
  position: static;
}

.nav-brand:hover {
  opacity: 1;
  color: var(--light-purple);
}

.nav-brand:active {
  color: var(--light-purple);
}

.nav-brand.w--current {
  display: block;
  position: static;
}

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

.utility-page-wrap.auto-height-wrap {
  min-height: auto;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 560px;
  display: flex;
}

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

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

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

.flex-space-around {
  justify-content: space-around;
  display: flex;
}

.footer-brand {
  padding-left: 0;
}

.footer-logo {
  object-fit: contain;
  width: 48px;
  height: 48px;
  display: block;
}

.collection-empty {
  background-color: var(--bg-blue-100);
  text-align: center;
  border-radius: 8px;
}

.nav-link {
  color: var(--black);
  border-bottom: 1px solid #0000;
  flex: none;
  padding: 0.75rem 0;
  font-family: "Manrope";
  font-size: 1rem;
  line-height: 1.5em;
}

.nav-link:hover {
  color: var(--purple);
}

.nav-link.w--current {
  color: var(--light-purple);
}

.nav-link.desktop-hide {
  display: none;
}

.nav-menu {
  align-items: center;
  width: 100%;
}

.nav-menu.hide-mobile {
  display: none;
}

.nav-menu-mask {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-right: 48px;
  display: flex;
}

.footer-link {
  color: var(--neutral);
  letter-spacing: -0.5px;
  border-top: 1px solid #ffffff4d;
  margin-bottom: 0;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33333em;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s, opacity 0.2s;
}

.footer-link:hover {
  color: var(--neutral);
  background-color: #6653d7;
}

.footer-copyright {
  color: #ffffffb3;
  font-family: "Manrope";
  font-size: 0.75rem;
  line-height: 1.33333em;
}

.footer-copyright.absolute-copyright {
  z-index: -1;
  text-align: center;
  width: 100%;
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.footer-made-with {
  align-items: center;
  display: flex;
}

.relative {
  position: relative !important;
  flex: none !important;
}

.z-99 {
  z-index: 99;
  position: relative;
}

.body-rich-text {
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.body-rich-text h1 {
  margin-bottom: 1.5rem;
}

.body-rich-text h2,
.body-rich-text h3 {
  margin-bottom: 1.25rem;
}

.body-rich-text h4 {
  margin-bottom: 1rem;
}

.body-rich-text p {
  color: #000c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33333;
}

.body-rich-text blockquote,
.body-rich-text figure {
  margin-bottom: 1.5rem;
}

.body-rich-text figcaption {
  margin-top: 0.5rem;
}

.body-rich-text ul,
.body-rich-text ol {
  margin-bottom: 1.5rem;
}

.body-rich-text.post-rich-text {
  white-space: pre-wrap;
  width: 100%;
  height: 150px;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
  position: static;
  overflow: hidden;
}

.kickoff-color-cards {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--neutral-100);
  border-radius: 0.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 166px;
  margin-bottom: 0.75rem;
  display: grid;
  overflow: hidden;
}

.style-guide-intro {
  background-color: var(--navy-300);
  border-radius: 0.75rem;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 2.5rem;
  display: flex;
}

.flow-ninja-logo {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 10rem;
  height: 1.5rem;
  display: flex;
}

.kickoff-line {
  background-color: var(--neutral-200);
  width: 100%;
  height: 1px;
  margin-bottom: 4rem;
}

.heading-xxl {
  color: var(--black);
  letter-spacing: -1px;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1em;
}

.heading-xl {
  color: var(--neutral-600);
  letter-spacing: -1px;
  font-size: 2.625rem;
  font-weight: 500;
  line-height: 1em;
}

.heading-l {
  color: var(--black);
  letter-spacing: -0.5px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1em;
}

.heading-xs {
  color: var(--black);
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1em;
}

.heading-xxs {
  color: var(--black);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1em;
}

.heading-3xs {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1em;
}

.text-navy-200 {
  color: var(--navy-200);
}

.text-navy-100 {
  color: var(--navy-100);
}

.bg-blue-200 {
  background-color: var(--bg-blue-200);
}

.bg-blue-100 {
  background-color: var(--bg-blue-100);
}

.nav-logo-embed {
  width: 100%;
  height: 100%;
  display: block;
  position: static;
}

.green-button {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: var(--neon-button-text);
  background-color: #bafd33;
  border-radius: 90px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.green-button:hover {
  color: var(--neutral);
  background-color: #5e48db;
}

.green-button:active {
  color: #bafd33;
  background-color: #3f2e9e;
}

.green-button._100 {
  width: 100%;
  min-height: 50px;
}

.green-button.top-5rem {
  margin-top: 0.5rem;
}

.green-button.form-submit-button {
  width: 100%;
}

.green-button.bigger-button,
.green-button.wider-button {
  padding: 0.75rem 3rem;
}

.green-button.disabled-button {
  background-color: var(--neutral-400);
}

.green-button.search-button {
  flex: none;
  padding: 0.7rem 4rem;
}

.green-button.pricing {
  margin-top: 60px;
  margin-bottom: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.newsletter-heading {
  color: var(--neutral);
  letter-spacing: -0.5px;
  font-size: 2rem;
  line-height: 1em;
}

.newsletter-heading.text-neutral {
  color: var(--neutral);
}

.newsletter-heading.max-width-250px {
  max-width: 300px;
  font-size: 1.9rem;
}

.required-star {
  color: #b9f53e;
}

.monthly-updates-form {
  width: 100%;
}

.page-link-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.footer-label {
  color: #ffffff80;
  margin-bottom: 4px;
  font-family: "Manrope";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.83333em;
}

.social-link-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.contact-info-block {
  width: 100%;
  max-width: 100%;
}

.footer-devider-line {
  background-color: #ffffff4d;
  width: 100%;
  height: 1px;
  margin-bottom: 12px;
}

.contact-link {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #ffffffb3;
  align-items: center;
  line-height: 1.375em;
  text-decoration: none;
  display: flex;
}

.contact-link:hover {
  color: #bafd33;
}

.contact-link.larger {
  font-size: 1.2rem;
}

.contact-icon-embed {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.link-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.contact-info-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.link-wrap-social {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.social-icon-wrap {
  color: var(--neutral);
  flex: none;
  width: 32px;
  height: 32px;
  transition: background-color 0.2s, opacity 0.2s, color 0.2s;
}

.social-icon-wrap:hover {
  color: #bafd33;
}

.social-embed {
  color: var(--neutral);
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-link-text {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: #fff;
  align-items: center;
  line-height: 1.375em;
  text-decoration: none;
  display: flex;
}

.contact-link-text:hover {
  color: #bafd33;
}

.contact-link-text.mini-text {
  font-family: "Manrope";
  font-size: 0.75rem;
}

.footer-copyright-div {
  z-index: 2;
  border-top: 1px solid #ffffff4d;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.5rem;
  padding-top: 0.75rem;
  display: flex;
  position: relative;
}

.footer-logo-wrap {
  width: 156px;
  height: 24px;
}

.footer-logo-wrap:hover {
  opacity: 0.8;
}

.footer-logo-icon {
  align-items: center;
  display: flex;
}

.body {
  background-color: #f4f2ee;
}

.paragraph {
  font-family: "Manrope";
  font-weight: 500;
}

.hero-heading-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 630px;
  display: flex;
  position: relative;
}

.purple-span {
  color: var(--neutral);
  background-color: #5e48db;
  border-radius: 100px;
  padding: 0.75rem 1.5rem;
  display: inline-block;
}

.purple-span.bot-12px {
  margin-bottom: 12px;
}

.purple-span.top-12px {
  margin-top: 12px;
}

.purple-span.fix-for-animation {
  margin-bottom: 12px;
}

.green-span {
  color: var(--black);
  background-color: #cffe6e;
  border-radius: 100px;
  padding: 0.75rem 1.5rem;
  display: inline-block;
}

.green-span.bot-12px {
  margin-bottom: 12px;
}

.green-span.bot-12px.top-12px,
.green-span.top-12px {
  margin-top: 12px;
}

.green-span.top-12px-mobilr {
  margin-top: 0;
}

.green-span.top-12px-copy {
  margin-top: 12px;
}

.hero-search-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 444px;
  min-height: 120px;
  display: flex;
}

.search-form {
  z-index: 200;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.input-search {
  z-index: 1;
  color: #3d26c0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 1rem 1.5rem 1rem 3.5rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3em;
  position: relative;
}

.input-search:focus {
  padding-right: 2rem;
}

.input-search.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.input-search.select-input:focus {
  line-height: 1em;
}

.input-search.text-area {
  min-height: 150px;
}

.input-search.active-search {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-color: #988dd800;
  padding-left: 2rem;
}

.input-search.search-field {
  box-shadow: none;
  background-image: none;
}

.loop-image-wrap {
  background-color: var(--neutral);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  padding: 15px;
  display: flex;
  box-shadow: 0 0 15px #00000024;
}

.loop-image-wrap.no-color {
  z-index: -1;
  box-shadow: none;
  background-color: #0000;
  padding: 9px;
  position: relative;
}

.marketplace-icon {
  object-fit: contain;
  flex: none;
  width: 64px;
  height: 64px;
}

.marketplace-icon._4 {
  width: 43px;
  height: 43px;
}

.marketplace-icon._1 {
  width: 54px;
  height: 54px;
}

.marketplace-icon.full-icon {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.lottie-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.center-column.max-460 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 460px;
  display: flex;
}

.center-column.max-460.top {
  margin-top: 1rem;
}

.center-column.max-460.slider {
  grid-column-gap: 0rem;
  grid-row-gap: 0.75rem;
  max-width: 548px;
  margin-top: 1rem;
}

.center-column.max-460.modify-space {
  max-width: 520px;
  margin-right: -1rem;
}

.center-column.max-590 {
  max-width: 590px;
}

.center-column.max-588px {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 574px;
  display: flex;
}

.center-column.max-588px.top {
  margin-top: 1rem;
}

.center-column.max-588px.slider {
  grid-column-gap: 0rem;
  grid-row-gap: 0.75rem;
  max-width: 548px;
  margin-top: 1rem;
}

.center-column.max-edit {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 460px;
  display: flex;
}

.center-column.max-edit.top {
  margin-top: 1rem;
}

.center-column.max-edit.slider {
  grid-column-gap: 0rem;
  grid-row-gap: 0.75rem;
  max-width: 548px;
  margin-top: 1rem;
}

.center-column.max-edit.modify-space {
  max-width: 500px;
}

.contain-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.purple-span-light {
  color: var(--neutral);
  background-color: #7665e1;
  border-radius: 100px;
  padding: 0.75rem 1.5rem;
  display: inline-block;
}

.purple-span-light.bot-12px {
  margin-bottom: 12px;
}

.purple-span-light.top-12px {
  margin-top: 12px;
}

.hero-path-image {
  z-index: -1;
  object-fit: cover;
  width: 1440px;
  height: 500px;
  display: block;
  position: absolute;
  inset: auto auto 0%;
}

.white-70 {
  color: #ffffffb3;
}

.white-70.text-s {
  font-size: 1rem;
}

.white-70.text-s.manrope {
  font-family: "Manrope";
}

.video-wrap {
  z-index: 3;
  border-radius: 32px;
  width: 100%;
  max-width: 736px;
  margin-top: 117px;
  margin-bottom: 40px;
  position: relative;
  overflow: visible;
}

.hero-video-desktop {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.cover-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.play-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--purple);
  transform-style: preserve-3d;
  background-color: #bafd33;
  border-radius: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  position: absolute;
}

.play-button:hover {
  color: var(--neutral);
  background-color: #5e48db;
  transform: scale3d(1.1, 1.1, 1.01);
}

.play-button:active {
  color: #bafd33;
  background-color: #402e9e;
}

.play-embed {
  align-items: center;
  display: flex;
}

.hide {
  font-weight: 600;
}

.embed-wrap {
  text-align: left;
  line-height: 0;
  display: block;
}

.text-highlight-neon {
  background-color: var(--text-highlight-neon);
}

.bg-purple-50 {
  background-color: var(--bg-purple-50);
}

.bg-purple-100 {
  background-color: var(--bg-purple-100);
}

.bg-purple-200 {
  background-color: var(--bg-purple-200);
}

.bg-purple-300 {
  background-color: var(--bg-purple-300);
}

.neon-button-text {
  background-color: var(--neon-button-text);
}

.bg-neon-50 {
  background-color: var(--bg-neon-50);
}

.bg-neon-100 {
  background-color: var(--bg-neon-100);
}

.bg-neon-200 {
  background-color: var(--bg-neon-200);
}

.bg-neon-300 {
  background-color: var(--bg-neon-300);
}

.paragraph-small {
  font-size: 1rem;
  line-height: 1.375em;
}

.paragraph-small.paragraph-gray {
  color: #000000b3;
}

.paragraph-small.paragraph-gray.max {
  max-width: 260px;
}

.paragraph-small.white-70.max-385 {
  max-width: 385px;
}

.paragraph-small.white-70.max-385.mod-max {
  max-width: 300px;
  margin-bottom: 2rem;
}

.card-wrapper {
  z-index: 0;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 1rem;
  display: grid;
}

.card-div {
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}

.card-div.hide-mobile,
.card-div.tablet {
  flex-flow: column-reverse wrap;
}

.card-lottie-wrapper {
  border-radius: 16px;
  width: 100%;
  min-height: 325px;
  max-height: 417px;
  overflow: hidden;
}

.card-text-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1em;
  display: flex;
}

.icon-wrap {
  background-color: var(--neutral);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  box-shadow: 0 0 6.4px #00000024;
}

.marketplace-icon-small {
  object-fit: contain;
  flex: none;
  width: 32px;
  height: 32px;
}

.quote-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--light-purple);
  color: var(--neutral);
  border-radius: 40px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 352px;
  padding: 2rem;
  font-family: "Manrope";
  line-height: 1.375em;
  display: flex;
}

.quote-devider {
  background-color: #fff3;
  width: 100%;
  height: 1px;
}

.quote-devider.black {
  background-color: #0000001a;
}

.quote-author-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  color: var(--black);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.quote-avatar {
  object-fit: cover;
  border-radius: 100%;
  flex: none;
  width: 48px;
  height: 48px;
}

.author-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.author-name {
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
}

.star-icon {
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 280px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-logo-wrap {
  justify-content: space-between;
  width: 100%;
  max-width: 991px;
  display: flex;
  position: relative;
}

.hero-icon-block {
  background-color: var(--neutral);
  border: 1px solid #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  display: flex;
  box-shadow: 0 0 24px #6b46ff;
}

.hero-icon-block.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.left-video-star {
  z-index: 5;
  width: 130px;
  height: 130px;
  position: absolute;
  inset: 40px auto auto -80px;
}

.right-video-star {
  z-index: 5;
  width: 130px;
  height: 130px;
  position: absolute;
  inset: auto -70px 50px auto;
}

.left-star-outline {
  z-index: -1;
  flex: none;
  width: 280px;
  height: 280px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.right-star-outline {
  z-index: -1;
  object-fit: contain;
  flex: none;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: -9% -17% auto auto;
}

.nav-spacer {
  width: 100%;
}

.nav-link-organizer {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  justify-content: center;
  height: 3rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.nav-buttons-wrapper {
  grid-column-gap: 1.5rem;
  display: flex;
  position: static;
  right: 0;
}

.absolute-heading-wrap {
  z-index: 5;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  background-image: radial-gradient(circle, #fff 63%, #fff0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  height: 260px;
  display: flex;
  position: absolute;
}

.h3-small {
  font-family: "Manrope";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33333em;
}

.margin-top-1-25rem {
  margin-top: 1.25rem;
}

.margin-top-1-25rem.slider-absolute {
  position: absolute;
  inset: auto auto -74px;
}

.center-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-slider-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-slider-wrap.top {
  margin-top: 2.5rem;
}

.testimonial-card {
  background-color: #5e48db;
  border-radius: 40px;
  padding: 2rem;
}

.testimonial-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--purple);
  color: var(--neutral);
  border-radius: 40px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  font-family: "Manrope";
  line-height: 1.375em;
  display: flex;
}

.green-button-dark-bg {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #45359c;
  background-color: #bafd33;
  border-radius: 90px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.green-button-dark-bg:hover {
  background-color: var(--bg-purple-300);
  color: var(--neutral);
}

.green-button-dark-bg:active {
  color: #bafd33;
  background-color: #3f2e9e;
}

.green-button-dark-bg._100 {
  width: 100%;
  min-height: 50px;
}

.green-button-dark-bg._100.hide {
  display: none;
}

.green-button-dark-bg.top-5rem {
  margin-top: 0.5rem;
}

.green-button-dark-bg.top-5rem.wider-button,
.green-button-dark-bg.bigger-pad {
  padding: 0.75rem 3rem;
}

.monthly-updates-success,
.monthly-updates-error {
  background-color: var(--bg-purple-300);
  color: var(--neutral);
  border-radius: 40px;
  padding: 2rem;
}

.placeholder-asset {
  height: 450px;
}

.insights-slider-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 2.5rem;
  display: flex;
}

.insights-slider-wrap.top {
  margin-top: 2.5rem;
}

.insights-heading-wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.max-width-500px {
  max-width: 500px;
}

.insights-div {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.insights-card {
  color: var(--neutral);
  background-color: #180e48;
  border-radius: 24px;
  flex-direction: column;
  justify-content: space-between;
  min-width: 486px;
  max-width: 486px;
  height: 464px;
  padding: 1.5rem 1.5rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.insights-card:hover {
  color: var(--neutral);
}

.insight-heading-wrap {
  z-index: 1;
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  color: var(--neutral);
  letter-spacing: -1px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 300px;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.05em;
  display: flex;
  position: relative;
}

.insights-people-wrap {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.insights-people-block {
  grid-column-gap: 0.375rem;
  grid-row-gap: 0.375rem;
  flex-direction: column;
  align-items: center;
  display: none;
}

.avatar-wrap {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.first-avatar {
  z-index: 3;
  border-radius: 48px;
  width: 160px;
  height: 160px;
  position: relative;
  overflow: hidden;
}

.second-avatar {
  z-index: 2;
  border-radius: 48px;
  width: 160px;
  height: 160px;
  position: relative;
  overflow: hidden;
  transform: translate(2rem);
}

.third-avatar {
  z-index: 2;
  border-radius: 48px;
  width: 160px;
  height: 160px;
  position: relative;
  overflow: hidden;
  transform: translate(4rem);
}

.bg-wrap {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.center-heading {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.center-heading._1-5rem {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
}

.center-heading._1-5rem.max {
  max-width: 410px;
  position: relative;
}

.center-heading._1-5rem.max-520 {
  max-width: 520px;
  position: relative;
}

.center-heading._1-5rem.max-410 {
  max-width: 410px;
  position: relative;
}

.light-purple-span {
  background-color: var(--light-purple);
  color: var(--neutral);
  border-radius: 100px;
  padding: 0.75rem 1.5rem;
  display: inline-block;
}

.light-purple-span.bot-12px {
  margin-bottom: 12px;
}

.big-testimonial-wrap {
  margin-top: 3rem;
}

.featured-testimonail-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.featured-testimonial-card {
  background-color: var(--bg-purple-50);
  border-radius: 24px;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.featured-testimonial-image-wrap {
  height: 380px;
}

.featured-testimonial-text-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--bg-purple-50);
  color: var(--black);
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 1.5rem 2rem;
  font-family: "Manrope";
  line-height: 1.375em;
  display: flex;
}

.author-position-rich-text p {
  color: #000;
  font-size: 1rem;
  line-height: 1.375em;
}

.author-position-rich-text a {
  color: var(--purple);
  text-decoration: underline;
}

.author-position-rich-text a:hover {
  color: var(--light-purple);
}

.pp-hero-icon {
  flex: none;
  width: 112px;
  height: 112px;
  position: absolute;
  inset: auto -112px 0% auto;
}

.toc-sticky-block {
  width: 100%;
  padding-bottom: 0;
  padding-right: 2rem;
  position: sticky;
  top: 100px;
}

.button_social_small {
  border: 1px solid #d9e1ec;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: background-color 0.2s;
  display: flex;
}

.button_social_small:hover {
  background-color: #f5f5f5;
}

.wrap_bottom-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.p {
  color: #4b587c;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 28px;
}

.wrap_all-buttons {
  margin-bottom: 10px;
}

.button_social_google {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #21293c;
  border: 1px solid #d9e1ec;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: background-color 0.2s;
  display: flex;
}

.button_social_google:hover {
  background-color: #f5f5f5;
}

.icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.icon.li {
  color: #1c0566;
}

.icon.ms {
  color: #ee7c25;
}

.icon.fb {
  color: #2543e9;
}

.icon.twitter {
  color: #2599ec;
}

.h1 {
  color: #21293c;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.container-2 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.disclaimer {
  color: #4b587c;
  font-size: 12px;
}

.icon_google {
  width: 20px;
}

.form-wrapper {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-field-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.disconnect-image {
  width: 16px;
}

.disconnect-image.white {
  filter: invert();
}

.disconnect-link {
  text-align: right;
  padding: 13px;
  text-decoration: underline;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.disconnect-link:hover {
  color: #000;
}

.social-content {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.social-image {
  width: 24px;
}

.social-btn {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 40px 12px 15px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  position: relative;
  box-shadow: 0 1px 2px #dcdce580;
}

.social-btn:hover {
  box-shadow: none;
  border-color: #374252;
}

.social-btn:focus {
  border: 1px solid #000;
}

.social-btn::placeholder {
  color: #6e6e6e;
}

.social-btn.linkedin:hover {
  border-color: #0a66c2;
}

.social-btn.linkedin.solid {
  color: #fff;
  background-color: #0a66c2;
  font-weight: 400;
}

.social-btn.linkedin.solid:hover {
  background-color: #02468a;
}

.utility-rich-text strong {
  font-weight: 700;
}

.utility-rich-text h3 {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.25em;
}

.utility-rich-text a {
  color: var(--purple);
}

.utility-rich-text ul {
  color: #000000b3;
  margin-bottom: 2rem;
  padding-left: 0;
  font-family: "Manrope";
  line-height: 1.625em;
}

.utility-rich-text li {
  margin-bottom: 0;
  padding-bottom: 0.25rem;
  font-family: "Manrope";
  line-height: 1.625em;
}

.utility-rich-text ol {
  margin-bottom: 2rem;
  padding-left: 0;
}

.no-margin.utility {
  color: #4c4c4c;
  font-family: "Manrope";
  font-size: 1rem;
  line-height: 1.625em;
}

.new-utility-rich-text {
  margin-bottom: -1.5rem;
}

.new-utility-rich-text strong {
  font-weight: 700;
}

.new-utility-rich-text h3 {
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.25em;
}

.new-utility-rich-text a {
  color: var(--purple);
}

.new-utility-rich-text ul {
  color: #4c4c4c;
  margin-bottom: 2rem;
  padding-left: 0;
  font-family: "Manrope";
  line-height: 1.625em;
}

.new-utility-rich-text li {
  margin-bottom: 0;
  padding-bottom: 0.25rem;
  font-family: "Manrope";
  line-height: 1.5em;
}

.new-utility-rich-text ol {
  color: #4c4c4c;
  margin-bottom: 2rem;
  padding-left: 0;
}

.new-utility-rich-text p {
  color: #4c4c4c;
  margin-bottom: 1.5rem;
  font-family: "Manrope";
  font-size: 1rem;
  line-height: 1.625em;
}

.new-utility-rich-text h2 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 1.05em;
}

.utility-intro-block {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 4rem;
  display: flex;
}

.toc-link-wrapper {
  width: 100%;
}

.toc-link-fs {
  border-top: 1px solid var(--bg-purple-200);
  color: #4c4c4c;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.25rem;
  font-family: "Manrope";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.toc-link-fs:hover {
  background-color: var(--bg-purple-50);
}

.toc-link-fs.w--current {
  color: var(--neon-button-text);
  font-weight: 700;
}

.toc-heading {
  color: #4c4c4c;
  margin-bottom: 1rem;
  padding-left: 0.25rem;
  font-family: "Manrope";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5em;
}

.text-field {
  display: none;
}

.absolute-list {
  z-index: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 0;
  padding-top: 12px;
  transition: height 0.3s;
  display: flex;
  position: relative;
  overflow: auto;
}

.hero-path-lottie {
  z-index: -1;
  object-fit: cover;
  min-width: 1700px;
  height: 100%;
  min-height: 950px;
  margin-top: -30px;
  position: absolute;
  top: 0%;
}

.home-star-lottie {
  height: 600px;
  position: absolute;
  inset: -16% 0% 0%;
}

.cookie-policy-paragraph {
  color: #4c4c4c;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.625em;
}

.placeholder-asset-one {
  height: 330px;
  position: relative;
}

.front-papers {
  z-index: 2;
  height: 265px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dead-star-icon {
  z-index: 1;
  height: 330px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.back-papers-icon {
  z-index: 0;
  height: 140px;
  position: absolute;
  inset: 0% 10% auto auto;
}

.placeholder-asset-two {
  height: 450px;
  position: relative;
}

.cloud-icon {
  height: 170px;
  position: absolute;
  inset: 0% auto auto 8%;
}

.scroll-star-icon {
  height: 230px;
  position: absolute;
  inset: 20% 0% 0% auto;
}

.controler-icon {
  height: 230px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bee-seen-h1 {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: center;
  margin-bottom: 0.75rem;
  display: flex;
}

.bee-seen-h1.pricing {
  margin-bottom: 92px;
}

.person-icon {
  box-shadow: 0 0 18px 0 var(--neutral);
  border-radius: 50%;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  min-height: 5rem;
  margin-left: -1.5rem;
  overflow: hidden;
}

.person-icon.absolute-1 {
  box-shadow: none;
  transform: translate(7rem);
}

.person-icon.absolute-2 {
  box-shadow: none;
  transform: translate(3.5rem);
}

.person-icon.absolute-4 {
  box-shadow: none;
  transform: translate(-3.5rem);
}

.person-icon.absolute-5 {
  box-shadow: none;
  transform: translate(-7rem);
}

.person-icon.z1 {
  z-index: 1;
  position: relative;
}

.person-icon.z2 {
  z-index: 2;
  position: relative;
}

.person-icon.z3 {
  z-index: 3;
  position: relative;
}

.person-icon.z4 {
  z-index: 4;
  position: relative;
}

.person-icon.z5 {
  z-index: 5;
  position: relative;
}

.modal-wrap {
  text-align: center;
  border: 1px solid #e7e4fa4d;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  width: 36.25rem;
  margin-top: 6rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px #ffffff29;
}

.persons-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 1.5rem;
  display: flex;
}

.background-gradient {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--purple) 10%, #fff0 90%);
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.h1-style {
  color: var(--neutral);
  margin-bottom: 0.25rem;
}

.full-list {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.full-list.hide {
  display: none;
}

.full-list.col-2 {
  display: block;
}

.full-list.col-2.container {
  z-index: 0;
  position: relative;
}

.full-list.col-2.container.list-2 {
  opacity: 1;
  display: none;
  position: relative;
}

.full-list.col-2.container.modify-z {
  z-index: auto;
  display: none;
}

.user-post-card {
  border: 2px solid var(--bg-purple-200);
  background-color: var(--neutral);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 1.25rem 1.5rem;
  transition: border-color 0.3s;
  display: flex;
  position: relative;
}

.user-post-card:hover {
  border-width: 2px;
  border-color: var(--purple);
}

.user-post-card.blog-post {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.user-post-card.blog-post:hover {
  background-color: var(--neutral-100);
}

.user-post-card.blog-post.pb-25 {
  padding-bottom: 0;
  position: relative;
}

.user-post-card.blog-post.pb-25.top {
  z-index: 999;
}

.user-post-card.blog-post.pb-25.bottom {
  position: static;
}

.user-post-card.blog-post.pb-25.user-post-card-2 {
  position: relative;
}

.user-post-card.blog-post.pb-25.user-post-card-2:hover {
  background-color: var(--neutral);
}

.user-post-author-wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  border-bottom: 1px none var(--bg-purple-50);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.user-post-author-wrapper.modified-user-wrapper {
  border-bottom-color: var(--bg-purple-200);
  min-height: 4rem;
  margin-bottom: 0;
}

.user-author-image {
  border-radius: 0.5625rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}

.user-author-image.bigger-author-image {
  width: 4rem;
  height: 4rem;
}

.h6-style {
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2em;
}

.h6-style.text-neon-purple {
  color: var(--neon-button-text);
}

.h6-style.opacity-50 {
  opacity: 0.5;
}

.h6-style.custom-h6 {
  color: #00000080;
  margin-bottom: 0.375rem;
}

.h6-style.full-white {
  color: var(--neutral);
  margin-bottom: 0.5rem;
}

.h6-style.full-white.search-title {
  color: #666;
  font-weight: 500;
  text-align: left;
  font-size: 12px;
  margin: 0;
}

.search-box-wrapper {
  background-color: var(--neutral);
  border-radius: 12px;
  padding-bottom: 8px;
}

.recent-seemore {
  padding: 8px 16px;
  font-weight: 600;
  margin-top: 4px;
  font-size: 12px;
  line-height: 100%;
  color: #5e48db !important;
  display: flex;
  cursor: pointer;
}

.recent-seemore a {
  color: #5e48db !important;
}

.recent-seemore:hover {
  background-color: #ebebeb;
}

.line-clamp {
  white-space: pre-wrap;
  word-break: break-all;
  margin-bottom: 1.5rem;
}

.line-clamp p {
  color: var(--black);
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
}

.line-clamp strong {
  font-weight: 700;
}

.user-post-function-wrapper {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  border-top: 1px solid var(--bg-purple-50);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.user-post-function-wrapper.pt-20px {
  padding-top: 20px;
}

.share-trigger {
  color: var(--black);
  width: 1rem;
  height: 1rem;
}

.share-trigger.cousin-share-1 {
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s;
}

.share-trigger.cousin-share-1:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.share-trigger.closest-share {
  z-index: 2;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s;
  position: relative;
}

.share-trigger.closest-share:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.share-trigger.closest-share-1 {
  z-index: 2;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s;
  position: relative;
}

.share-trigger.closest-share-1:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.share-trigger.closest-share-2 {
  z-index: 2;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s;
  position: relative;
}

.share-trigger.closest-share-2:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.share-trigger.cousin-share-2 {
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s;
}

.share-trigger.cousin-share-2:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.share-trigger-popup {
  z-index: 13;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #7765e1cc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.share-trigger-popup.show {
  display: flex;
}

.share-trigger-closer {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.share-trigger-closer.list-1 {
  z-index: 999;
}

.share-wrapper {
  z-index: 300;
  border: 1px solid var(--bg-purple-50);
  background-color: var(--neutral);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  max-width: 384px;
  display: flex;
  position: relative;
}

.share-top {
  border-bottom: 1px solid var(--bg-purple-200);
  width: 100%;
  padding: 1rem 1.5rem 0.75rem;
}

.black-70 {
  color: #4c4c4cb3;
}

.share-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 1rem 3rem;
  text-decoration: none;
  transition: background-color 0.2s, opacity 0.2s, color 0.2s;
  display: flex;
  position: relative;
}

.share-block:hover {
  background-color: var(--bg-purple-50);
  color: var(--black);
}

.share-block.linkedin-share {
  margin-top: 0.5rem;
}

.share-block.copy-share {
  margin-bottom: 0.5rem;
}

.share-icon-rem {
  width: 1rem;
  height: 1rem;
  margin-bottom: 1px;
}

.share-icon-rem.bigger-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.share-block-line {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.share-block-line-inner {
  background-color: var(--bg-purple-50);
  width: 100%;
  height: 1px;
}

.user-post-card-popup {
  z-index: 10;
  background-color: #7765e1cc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.user-post-card-popup.show {
  display: flex;
}

.user-post-card-popup._2 {
  z-index: 200;
  display: none;
}

.h5-style {
  font-family: "Manrope";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.1em;
}

.h5-style.text-neon-purple {
  color: var(--neon-button-text);
}

.h5-style.white-70.maxed-custom {
  text-align: center;
  max-width: 360px;
}

.h5-style.right-margin-xxs {
  margin-right: 0.25rem;
}

.user-post-card-inner {
  z-index: 2;
  border: 1px solid var(--bg-purple-200);
  background-color: var(--neutral);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 95%;
  max-width: 688px;
  height: 95%;
  max-height: 686px;
  padding: 2rem;
  display: flex;
  position: relative;
}

.user-closer {
  color: var(--black);
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  transition: color 0.2s, transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
  inset: 0% 0% auto auto;
}

.user-closer:hover {
  color: var(--light-purple);
  transform: scale(1.1);
}

.user-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-right: 0.75rem;
  display: flex;
  overflow: auto;
}

.no-clamp-rich-text {
  margin-bottom: 1.5rem;
}

.no-clamp-rich-text p {
  color: var(--black);
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
}

.no-clamp-rich-text strong {
  font-weight: 700;
}

.user-content-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.user-content-top-gradient {
  background-image: linear-gradient(#fff, #fff0);
  width: 100%;
  height: 1rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.user-content-bot-gradient {
  background-image: linear-gradient(to top, #fff, #fff3);
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  right: 1rem;
}

.background-trigger {
  z-index: 1;
  width: 100%;
  height: auto;
  position: absolute;
  inset: 0%;
}

.user-post-closer {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.share-embed {
  width: 100%;
}

.light-purple-span-h1 {
  background-color: var(--light-purple);
  color: var(--neutral);
  border-radius: 100px;
  padding: 1rem 2rem;
  font-size: 3rem;
  display: inline-block;
}

.light-purple-span-h1.bot-12px {
  margin-bottom: 12px;
}

.policy-h2 {
  font-size: 2.5rem;
}

.fs-copyclip_wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  place-items: center start;
  display: grid;
  position: relative;
}

.fs-copyclip_button {
  color: #fff;
  text-align: center;
  background-color: #5c2aff;
  border-radius: 500px;
  padding: 0.6rem 2rem 0.65rem;
}

.fs-copyclip_button:hover {
  background-color: #6739ff;
}

.fs-copyclip_text {
  color: #acacac;
}

.full-width {
  width: 100%;
}

.upvote-form {
  z-index: 2;
  margin-bottom: 0;
  position: relative;
}

.upvote-button {
  z-index: 2;
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #0000004d;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.upvote-button:hover {
  color: #0000004d;
}

.upvote-button.is-true {
  color: var(--purple);
  border-color: #fc6257;
}

.upvote-button.featured-upvote {
  color: #0000004d;
  padding-top: 20px;
  padding-bottom: 1.25rem;
  padding-right: 25px;
}

.upvote-button.featured-upvote.is-true {
  color: #bafd32;
}

.upvote-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.upvote-icon:hover {
  transform: scale(1.1);
}

.upvote-icon.hover-green:hover {
  color: #bafd33;
}

.votes {
  color: #4c4c4c;
  font-family: "Manrope";
  font-weight: 500;
  line-height: 1em;
}

.hide-ms {
  display: none;
}

.not-member {
  z-index: 10;
  opacity: 0;
  background-color: #fff;
  transition: opacity 0.2s;
  position: absolute;
  inset: 0%;
}

.not-member:hover {
  opacity: 0.25;
  background-color: #fff;
}

.go-to-slider {
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.go-to-h1 {
  font-size: 3rem;
}

.hero-heading-wrap-go-to {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 600px;
  display: flex;
  position: relative;
}

.scayler-paragraph {
  color: #4c4c4c;
  font-family: "Manrope";
  font-size: 1.25rem;
  line-height: 1.5em;
}

.scayler-paragraph.max-custom-p {
  max-width: 460px;
  margin-bottom: 0.5rem;
}

.scayler-paragraph-big {
  color: #4c4c4c;
  font-family: "Manrope";
  font-weight: 500;
}

.scayler-paragraph-big._0-7-white {
  color: #ffffffb3;
}

.scayler-paragraph-big._0-7-white.bot-0-5rem {
  margin-bottom: 0.5rem;
}

.scayler-paragraph-big._0-7-white.bot-0-5rem.control-max {
  max-width: 25rem;
}

.scayler-paragraph-big.max {
  max-width: 385px;
}

.go-to-lottie {
  height: 415px;
  position: static;
}

.go-to-h2 {
  font-size: 3rem;
}

.go-to-h2.flex-center-later {
  max-width: 516px;
}

.go-to-h2.mobile-only {
  display: none;
}

.purple-text {
  color: var(--purple);
  font-weight: 700;
  text-decoration: none;
}

.max-width-570px {
  max-width: 570px;
}

.insight-title {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1em;
}

.what-we-love-wrap {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hearth-icon {
  width: 3.5rem;
}

.hero-heading-wrap-404 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 686px;
  display: flex;
  position: relative;
}

._404-star {
  flex: none;
  width: 230px;
  height: 230px;
  position: absolute;
  inset: 154px -20% 0% auto;
}

.mimick-button {
  z-index: 2;
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #0000004d;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
}

.mimick-button:hover {
  color: #0000004d;
}

.mimick-button.is-true {
  color: var(--purple);
  border-color: #fc6257;
}

.mimick-button.featured-upvote.is-true {
  color: #bafd32;
}

.mimick-button.hide {
  display: none;
}

.mimick-votes {
  color: #4c4c4c;
  font-family: "Manrope";
  font-weight: 500;
  line-height: 1em;
}

.divider-line {
  background-color: var(--bg-purple-200);
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.user-form-popup {
  z-index: 999;
  background-color: #7765e1cc;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-top: 5rem;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.user-form-closer {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.user-form-wrapper {
  z-index: 2;
  background-color: #fff;
  border-radius: 1.5rem;
  width: 95%;
  max-width: 35rem;
  padding: 2rem;
  position: relative;
}

.user-form-success {
  background-color: #ddd0;
  padding-left: 0;
  padding-right: 0;
}

.rte-wrap {
  width: 100%;
  margin-bottom: 1rem;
}

.toolbar {
  width: 100%;
}

.rich-form-field-editor {
  width: 100%;
  padding: 0;
}

.absoulte-animation-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.animation-block {
  flex: none;
  position: absolute;
  top: -95px;
  bottom: auto;
  right: auto;
}

.animation-block.top-right {
  inset: -95px 0% auto auto;
  transform: rotate(45deg);
}

.animation-block.middle-left {
  inset: 100px auto auto -5%;
}

.animation-block.bottom-left {
  top: 222px;
  left: 19%;
  right: auto;
}

.animation-block.middle-right {
  inset: 100px -7% auto auto;
  transform: rotate(45deg);
}

.animation-block.bottom-right {
  top: 270px;
  left: auto;
  right: 16%;
  transform: rotate(45deg);
}

.animation-block.home-top-l {
  z-index: 2000;
  top: -236px;
  left: -10px;
}

.animation-block.home-bot-l {
  top: 144px;
  left: -30px;
}

.animation-block.home-bot-r {
  top: 140px;
  left: auto;
  right: 15px;
}

.animation-block.home-top-r {
  z-index: 2000;
  top: -86px;
  left: auto;
  right: -20px;
}

.inner-animation-block {
  position: relative;
}

.hero-icon-block-go-to {
  background-color: var(--neutral);
  border: 1px #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px #00000024;
}

.hero-icon-block-go-to.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block-go-to.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block-go-to.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block-go-to.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.animation-star-s {
  width: 35px;
  height: 35px;
  position: absolute;
  inset: -14% auto auto -39%;
  transform: rotate(26deg);
}

.animation-star-s.top-l-left {
  inset: -39% auto auto -6%;
  transform: rotate(-20deg);
}

.animation-star-l {
  width: 52px;
  height: 52px;
  position: absolute;
  inset: -58% auto auto -11%;
  transform: rotate(61deg);
}

.animation-star-l.top-r {
  inset: -60% 0% auto auto;
  transform: rotate(20deg);
}

.animation-star-l.top-l-right {
  inset: -60% 0% auto auto;
  transform: rotate(26deg);
}

.animation-star-m {
  width: 39px;
  height: 39px;
  position: absolute;
  inset: -48% 0% auto auto;
  transform: rotate(26deg);
}

.hero-icon-block-go-to-s {
  background-color: var(--neutral);
  border: 1px #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transition: all 0.2s;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px #00000024;
}

.hero-icon-block-go-to-s:hover {
  border-style: solid;
  transform: scale(1.1);
  box-shadow: 0 0 24px #5e48db;
}

.hero-icon-block-go-to-s.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block-go-to-s.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block-go-to-s.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block-go-to-s.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.hero-icon-block-go-to-l {
  background-color: var(--neutral);
  border: 1px #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  transition: all 0.2s;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px #00000024;
}

.hero-icon-block-go-to-l:hover {
  transform: scale(1.1);
  box-shadow: 0 0 24px #5e48da;
}

.hero-icon-block-go-to-l.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block-go-to-l.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block-go-to-l.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block-go-to-l.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.animation-star-xm {
  width: 39px;
  height: 39px;
  position: absolute;
  inset: -5% auto auto -29px;
  transform: rotate(26deg);
}

.animation-star-xl {
  width: 52px;
  height: 52px;
  position: absolute;
  inset: -42% auto auto -5%;
  transform: rotate(64deg);
}

.cursor-wrapper {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.star-cursor {
  flex: none;
  width: 10rem;
  height: 10rem;
}

.star-cursor.cursor {
  opacity: 0;
  transition: opacity 0.35s;
  transform: translate(0, 5rem);
}

.marketplace-icon-go-to {
  object-fit: contain;
  flex: none;
  width: 70%;
  height: 70%;
  transition: opacity 0.3s;
  transform: rotate(-15deg);
}

.marketplace-icon-go-to._4 {
  width: 43px;
  height: 43px;
}

.marketplace-icon-go-to._1 {
  width: 54px;
  height: 54px;
}

.marketplace-icon-go-to.rotate {
  transform: rotate(-20deg);
}

.marketplace-icon-go-to.rotate.d1 {
  opacity: 0;
}

.marketplace-icon-go-to.rotate.d2 {
  opacity: 0;
  position: absolute;
}

.marketplace-icon-go-to.rotate.e1 {
  opacity: 0;
}

.marketplace-icon-go-to.rotate.e2 {
  opacity: 0;
  width: 50%;
  height: 50%;
  position: absolute;
  transform: rotate(0);
}

.marketplace-icon-go-to.rotate.f1 {
  opacity: 0;
}

.marketplace-icon-go-to.rotate.f2 {
  opacity: 0;
  width: 50%;
  height: 50%;
  position: absolute;
}

.marketplace-icon-go-to.a1 {
  opacity: 0;
}

.marketplace-icon-go-to.a2 {
  opacity: 0;
  position: absolute;
}

.marketplace-icon-go-to.b1 {
  opacity: 0;
  transform: translate(0);
}

.marketplace-icon-go-to.b2 {
  opacity: 0;
  position: absolute;
}

.marketplace-icon-go-to.c1 {
  opacity: 0;
}

.marketplace-icon-go-to.c2 {
  opacity: 0;
  position: absolute;
}

.text-area-user {
  background-color: var(--neutral);
  color: #3d26c0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border: 1px solid #3d26c0;
  border-radius: 90px;
  width: 100%;
  min-height: 4.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 16px;
  line-height: 1em;
  transition: padding 0.2s, border-width 0.2s, border-radius 0.2s, color 0.2s,
    background-color 0.2s, border-color 0.2s;
}

.text-area-user:hover {
  border-color: var(--neutral-300);
  background-color: var(--neutral);
  color: #3d26c0;
}

.text-area-user:focus {
  color: #3d26c0;
  border-width: 1px;
  border-color: #657cff;
}

.text-area-user::placeholder {
  color: #00000080;
}

.text-area-user.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.text-area-user.select-input:focus {
  line-height: 1em;
}

.text-area-user.text-area {
  min-height: 150px;
}

.linked-in-cta {
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  color: var(--purple);
  background-color: #fff;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1rem;
  font-family: "Manrope";
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.66667em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.linked-in-cta:hover {
  background-color: var(--neon);
  color: var(--purple);
}

.rich-input {
  background-color: var(--neutral);
  color: #3d26c0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border: 1px solid #3d26c0;
  border-radius: 0 0 1.5rem 1.5rem;
  width: 100%;
  min-height: 4.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 0;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1em;
  transition: height 0.3s, padding 0.2s, border-width 0.2s, border-radius 0.2s,
    color 0.2s, background-color 0.2s, border-color 0.2s;
}

.rich-input:hover {
  border-color: var(--neutral-300);
  background-color: var(--neutral);
  color: #3d26c0;
  font-size: 1rem;
}

.rich-input:focus {
  color: #3d26c0;
  border-width: 1px;
  border-color: #657cff;
  min-height: 8.75rem;
  font-size: 1rem;
}

.rich-input::placeholder {
  color: #00000080;
}

.rich-input.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.rich-input.select-input:focus {
  line-height: 1em;
}

.rich-input.text-area {
  min-height: 150px;
}

.span-link {
  color: var(--bg-purple-300);
}

.span-link:hover {
  color: var(--bg-purple-200);
}

.star-checkbox {
  background-color: #e7e4fa;
  border: 2px solid #5e48db;
  border-radius: 0.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  margin-top: 0;
  margin-left: -1.5rem;
  margin-right: 0.75rem;
  transition: background-color 0.3s;
}

.star-checkbox:hover {
  background-color: #8e7fe6;
}

.star-checkbox.w--redirected-checked {
  background-color: #5e48db;
  background-position: 50%;
  background-size: 16px 16px;
  border-color: #5e48db;
}

.star-checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox-field-new {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
  display: flex;
}

.checkbox-label-new {
  color: #4c4c4c;
  margin-left: 8px;
  font-family: "Manrope";
  font-size: 0.875rem;
  line-height: 1.4em;
}

.absolute-background {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.l1-dot {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: -2rem auto auto -6.5rem;
  overflow: hidden;
  transform: rotate(16deg);
  box-shadow: 0 0 20px #fff;
}

.l2-dot {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 5rem auto auto -10rem;
  overflow: hidden;
  transform: rotate(-6deg);
  box-shadow: 0 0 20px #fff;
}

.l3-dot {
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 12.1rem auto auto -11.75rem;
  overflow: hidden;
}

.r1-dot {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  position: absolute;
  inset: -4rem -9rem auto auto;
  overflow: hidden;
  transform: rotate(12deg);
  box-shadow: 0 0 20px #fff;
}

.r2-dot {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 2rem -12rem auto auto;
  overflow: hidden;
  transform: rotate(-14deg);
  box-shadow: 0 0 20px #fff;
}

.r3-dot {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 9rem -3rem auto auto;
  overflow: hidden;
  box-shadow: 0 0 20px #fff;
}

.r4-dot {
  width: 6rem;
  height: 6rem;
  position: absolute;
  inset: 9rem -13rem auto auto;
  overflow: hidden;
  transform: rotate(9deg);
}

.hero-path-lottie-wolfik {
  z-index: -1;
  object-fit: cover;
  background-color: #80282880;
  width: 1440px;
  min-width: 1440px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto;
}

.slider-home {
  justify-content: center;
  padding-top: 10rem;
  padding-bottom: 14rem;
}

.max-520 {
  max-width: 520px;
}

.max-520.home {
  justify-content: center;
  align-items: center;
  display: flex;
}

.max-520-copy {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  display: flex;
}

.max-520-copy.top {
  margin-top: 1rem;
}

.max-520-copy.slider {
  grid-column-gap: 0rem;
  grid-row-gap: 0.75rem;
  max-width: 548px;
  margin-top: 1rem;
}

.scayler-paragraph-small {
  color: #4c4c4c;
  font-family: "Manrope";
  font-size: 1rem;
  line-height: 1.375em;
}

.scayler-paragraph-small.max,
.scayler-paragraph-small.max-460 {
  max-width: 460px;
}

.scayler-paragraph-small.margin-xxs {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
}

.home-hero-lottie {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.section-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.first {
  z-index: 1;
  width: 71px;
  height: 73px;
  position: absolute;
  inset: auto auto 45% 6%;
}

.second {
  z-index: 2;
  width: 83px;
  height: 86px;
  position: absolute;
  inset: 0% auto auto 17%;
}

.third {
  z-index: 2;
  width: 90px;
  height: 94px;
  position: absolute;
  inset: -16% auto auto 35%;
}

.fourth {
  z-index: 0;
  width: 74px;
  height: 76px;
  position: absolute;
  inset: -10% 29% auto auto;
}

.cover-tablet-lottie {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h2-wrap {
  background-color: var(--light-purple);
  border-radius: 24px;
  padding: 2rem;
  position: relative;
}

.bottom-quotes {
  width: 54px;
  height: 32px;
  position: absolute;
  inset: auto 5% -9% auto;
}

.top-quotes {
  width: 54px;
  height: 32px;
  position: absolute;
  inset: -10% auto auto 5%;
}

.green-button-dark-bg-submit {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: #45359c;
  background-color: #bafd33;
  border-radius: 90px;
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 0.5rem 1.5rem;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.green-button-dark-bg-submit:hover {
  background-color: var(--bg-purple-300);
  color: var(--neutral);
}

.green-button-dark-bg-submit:active {
  color: #bafd33;
  background-color: #3f2e9e;
}

.green-button-dark-bg-submit._100 {
  width: 100%;
  min-height: 50px;
}

.green-button-dark-bg-submit.top-5rem {
  margin-top: 0.5rem;
}

.green-button-dark-bg-submit.bigger-pad {
  padding: 0.75rem 3rem;
}

.footer-star {
  width: 200px;
  height: 200px;
  position: absolute;
}

.form-block-search {
  z-index: 200;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.form-block-search.fixed-form {
  z-index: 99;
  position: fixed;
}

.top-paragraph {
  opacity: 1;
  color: #000;
  margin-bottom: 0.75rem;
  transition: opacity 0.3s;
}

.top-paragraph.active-top-paragraph {
  opacity: 0;
}

.list-item-api {
  color: var(--black);
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  padding: 0.75rem 2rem 0.75rem 0.5rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: none;
  transition: background-position 0.3s, background-color 0.25s, opacity 0.2s,
    color 0.2s;
  display: flex;
}

.list-item-api:hover,
.list-item-api:focus {
  background-color: #ebebeb;
}

.list-item-api.hide {
  display: none;
}
.input-search-wrap {
  z-index: 300;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  min-height: 50px;
  transition: all 0.2s;
  display: flex;
  position: relative;
  background: white;
  border: 1px solid #66666600;
  box-shadow: 1px 1px 6px 0px #666666b2;
  transition: all 0.3s ease-in-out;
}

/* .input-search-wrap:has(.search-field:focus) .image-198 {
  left: 32px;
  width: 25px;
  color: #404040;
} */

/* .input-search-wrap:has(.search-field:focus) {
  border: 1px solid #5e48db;
  box-shadow: 1px 1px 6px 0px #5e48db78;
} */

.btn-yellow.is-form {
  padding: 16px 31px;
}

.btn-link.is-form {
  padding: 12px 17px;
  gap: 3px;
  border: 1px solid #0a66c2;
  color: #0a66c2;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  align-items: end;
  line-height: 100%;
  font-family: "Manrope";
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: center;
  width: max-content;
}

.btn-link.is-form:hover {
  background-color: #0a66c2;
  color: #fff;
}

.button-form-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14.5px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.listing-icon {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  gap: 7px;
  width: 52px;
  flex: none;
  opacity: 0.7;
}

.listing-icon-content {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.listing-icon-content.see-more {
  border: 1px solid #666666;
  color: #666666;
  padding: 5px;
}

.listing-icon-content::before {
  position: absolute;
  inset: 0;
  content: "";
  border-radius: 100%;
  background-color: var(--purple);
  opacity: 0.12;
  z-index: -1;
}

.listing-icon p {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #666666;
  text-wrap: nowrap;
}

.listing-icon:hover {
  opacity: 100%;
}

.listing-icon:hover p {
  color: #313234;
}

.list-item-line {
  background-color: var(--bg-purple-200);
  width: 100%;
  height: 1px;
  margin-bottom: 0.75rem;
}

.list-item-img {
  object-fit: contain;
  object-position: 0% 50%;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  margin-right: 0.75rem;
}

.hero-icon-block-s {
  background-color: var(--neutral);
  border: 1px #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transition: all 0.2s;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px #00000024;
}

.hero-icon-block-s:hover {
  border-style: solid;
  transform: scale(1.1);
  box-shadow: 0 0 24px #5e48db;
}

.hero-icon-block-s.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block-s.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block-s.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block-s.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.hero-icon-block-s.rotate-top-l {
  transform: rotate(-15deg);
}

.hero-icon-block-s.rotate-top-l:hover {
  transform: scale(1.1) rotate(-15deg);
}

.hero-icon-block-s.rotate-top-r {
  transform: rotate(15deg);
}

.hero-icon-block-s.rotate-top-r:hover {
  transform: scale(1.1) rotate(15deg);
}

.marketplace-icon-home {
  object-fit: contain;
  flex: none;
  width: 56.25%;
  height: 56.25%;
  transition: opacity 0.3s;
}

.marketplace-icon-home._4 {
  width: 43px;
  height: 43px;
}

.marketplace-icon-home._1 {
  width: 54px;
  height: 54px;
}

.marketplace-icon-home.rotate {
  transform: rotate(-45deg);
}

.marketplace-icon-home.salesforce-marketplace-icon {
  opacity: 0;
  width: 72px;
  height: 72px;
}

.marketplace-icon-home.slack-icon {
  opacity: 0;
  width: 45px;
  height: 45px;
}

.marketplace-icon-home.google-play-icon {
  opacity: 0;
  width: 64px;
  height: 64px;
}

.marketplace-icon-home.hubspot-icon {
  opacity: 0;
  width: 43px;
  height: 43px;
}

.marketplace-icon-home.mailchimp-icon {
  opacity: 0;
  width: 43px;
  height: 43px;
  position: absolute;
}

.marketplace-icon-home.gong-icon {
  opacity: 0;
  width: 64px;
  height: 64px;
  position: absolute;
}

.marketplace-icon-home.shopify-icon {
  opacity: 0;
  width: 72px;
  height: 72px;
  position: absolute;
}

.marketplace-icon-home.g2-icon {
  opacity: 0;
  width: 45px;
  height: 45px;
  position: absolute;
}

.hero-icon-block-home-l {
  background-color: var(--neutral);
  border: 1px #5e48db80;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  transition: all 0.2s;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px #00000024;
}

.hero-icon-block-home-l:hover {
  transform: scale(1.1);
  box-shadow: 0 0 24px #5e48da;
}

.hero-icon-block-home-l.first {
  width: 95px;
  height: 95px;
  position: absolute;
  inset: -309px auto auto -76px;
}

.hero-icon-block-home-l.second {
  position: absolute;
  inset: auto auto -135px 0;
}

.hero-icon-block-home-l.third {
  position: absolute;
  inset: auto -60px -153px auto;
}

.hero-icon-block-home-l.fourth {
  width: 75px;
  height: 75px;
  position: absolute;
  inset: -304px -20px auto auto;
}

.hero-icon-block-home-l.rotate-bot-l {
  transform: rotate(-15deg);
}

.hero-icon-block-home-l.rotate-bot-l:hover {
  transform: scale(1.1) rotate(-15deg);
}

.hero-icon-block-home-l.rotate-bot-r {
  transform: rotate(15deg);
}

.hero-icon-block-home-l.rotate-bot-r:hover {
  transform: scale(1.1) rotate(15deg);
}

.animation-star-l-home {
  width: 70px;
  height: 70px;
  position: absolute;
  inset: -56% auto auto 36%;
  transform: rotate(26deg);
}

.animation-star-l-home.bot-r-center {
  left: 15%;
  transform: rotate(7deg);
}

.animation-star-s-home {
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -31% auto auto -17%;
  transform: rotate(-23deg);
}

.animation-star-s-home.bot-l-right {
  inset: -35% -13% auto auto;
  transform: rotate(45deg);
}

.error-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--neutral);
  color: var(--error);
  text-align: center;
  border-radius: 0.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  padding: 0.5rem;
  font-family: "Manrope";
  font-size: 0.875rem;
  display: none;
  position: absolute;
  top: -3.65rem;
}

.loader-div {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: none;
  position: absolute;
  top: 50%;
  right: 0.25rem;
  transform: translate(0, -50%) rotate(-180deg);
}

.loading-preload {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  background-color: white;
  z-index: 999;
  inset: 0;
  font-family: "Manrope" !important;
}

.loading-preload.loadmore {
  background-color: transparent !important;
  align-items: flex-end !important;
}

.loading-preload .loading-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loading-preload .loading-icon {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-more-icon {
  width: 16px;
  height: 16px;
  display: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}

.loading-more-icon img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
  animation: spin 2s linear infinite;
}

.loading-preload .loading-icon .loadmore {
  width: 14px !important;
  height: 14px !important;
}

.loading-preload .loading-icon img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading-preload .loading-text {
  font-size: 24px;
  margin-top: 2rem;
}

.home-testimonial-item-new {
  flex: none;
  width: 100%;
}

.home-testimonial-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--neutral);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 0 0 6rem;
  font-family: "Manrope";
  line-height: 1.375em;
  display: flex;
}

.testimonial-slider-wrap-home {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.testimonial-slider-wrap-home.top {
  margin-top: 2.5rem;
}

.home-quote-wrap {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 588px;
  height: auto;
  padding-left: 6rem;
  display: flex;
  position: relative;
}

.author-image-wrap {
  border-radius: 24px;
  width: 282px;
  height: 311px;
  overflow: hidden;
}

.testimonial-devider-line {
  background-color: #cfc8f4;
  width: 100%;
  height: 1px;
}

.testimonial-quote {
  color: var(--black);
  letter-spacing: -1px;
  font-family: "Manrope";
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.1em;
}

.quote-wrapper {
  padding-left: 90px;
  position: relative;
}

.quote-mark {
  width: 70px;
  height: 40px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-try {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 100%;
  transition: opacity 1s;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: scroll;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #03030399;
}

.input-search-wrap.custom-input-search-wrap.search-results #close-search {
  opacity: 0;
}
.top-div {
  z-index: 200;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  height: auto;
  display: flex;
  position: fixed;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  overflow: visible;
}

.top-div.active-top-div {
  opacity: 1;
  display: flex;
}

.top-div.active-top-div.active-active-top-div {
  opacity: 1;
}

.top-div.close-div {
  opacity: 0;
  align-items: flex-end;
  top: -15rem;
}

.h2-style {
  color: var(--neutral);
  text-align: center;
  letter-spacing: -0.0625rem;
  margin-bottom: 0.75rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.05em;
}

.popular-div {
  background-color: var(--neutral);
  opacity: 0;
  color: #979797;
  border-top: 1px solid #e8e8e8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  transition: opacity 0.3s, height 0.4s;
  display: none;
  position: absolute;
  top: 4.25rem;
  left: 0;
  right: 0;
}

.popular-div.active-popular-div {
  opacity: 1;
  display: flex;
  overflow: visible;
}

.popular-spacer {
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.popular-spacer.company-list-item {
  height: auto;
  overflow: hidden;
}

.popular-pill {
  grid-column-gap: 0.625rem;
  grid-row-gap: 0.625rem;
  background-color: var(--neutral);
  color: #4c4c4c;
  border-radius: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0.75rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375em;
  text-decoration: none;
  transition: background-color 0.2s, opacity 0.2s, color 0.2s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 14px #5e48db4d;
}

.popular-pill:hover {
  background-color: var(--bg-purple-50);
}

.popular-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.home-new {
  position: absolute;
  inset: 359px 0% auto auto;
}

.animation-star-hero {
  flex: none;
  width: 112px;
  height: 112px;
  position: absolute;
  top: 320px;
}

.nav-search-wrap-desktop {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 3rem;
  display: flex;
  position: absolute;
}

.nav-search-text {
  color: var(--purple);
  margin-right: 12px;
  font-family: "Manrope";
  font-size: 0.875rem;
  font-weight: 500;
}

.input-search-nav {
  z-index: 1;
  background-color: var(--neon);
  color: var(--purple);
  white-space: nowrap;
  cursor: pointer;
  background-image: url("../assets/search-normal.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 12px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  border: 1px solid #988dd8;
  border-radius: 1.5rem;
  align-items: center;
  width: 100%;
  max-width: 384px;
  height: 3rem;
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  font-family: "Manrope";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1em;
  transition: opacity 0.2s, padding 0.2s, border-width 0.2s, border-radius 0.2s,
    color 0.2s, background-color 0.2s, border-color 0.2s;
  display: flex;
  position: relative;
  box-shadow: 0 0 14px #fff;
}

.input-search-nav:hover {
  background-color: var(--neutral);
  color: #3d26c0;
  background-image: url("../assets/search-normal.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  border-color: #7765e1;
}

.input-search-nav::placeholder {
  color: #00000080;
}

.input-search-nav.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.input-search-nav.select-input:focus {
  line-height: 1em;
}

.input-search-nav.text-area {
  min-height: 150px;
}

.input-search-nav.active-search {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-color: #988dd800;
  padding-left: 2rem;
}

.input-search-nav.modded-input {
  background-image: linear-gradient(#fcfcfc00, #fff0);
  padding-left: 1.5rem;
}

.input-search-nav.modded-input.hover-bg-green:hover {
  background-color: #bafd33;
  background-image: none;
}

.input-search-nav.modded-input.hover-bg-green.green-button {
  background-color: var(--neon);
  color: #45359c;
  background-image: none;
  border-style: none;
  width: auto;
  padding-left: 6rem;
  padding-right: 6rem;
  font-size: 1rem;
  font-weight: 600;
}

.input-search-nav.modded-input.hover-bg-green.green-button:hover {
  color: var(--neutral);
  background-color: #5e48db;
}

.input-search-nav.green-button {
  background-image: none;
  font-weight: 600;
}

.input-search-nav.green-button.search-button {
  border-style: none;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
}

.input-search-nav.green-button.search-button:hover {
  background-color: var(--purple);
  color: var(--neutral);
}

.background-animation-trigger {
  z-index: -1;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-animation-trigger.custom-size {
  z-index: 999;
  height: 500px;
}

.form-fixer.fixed-form-fixer {
  z-index: 13;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 50vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.form-fixer.relative-form-fixer {
  z-index: 99;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 50vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.nav-menu-button-overall,
.search-icon-mobile {
  display: none;
}

.star-section {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.grow-copy {
  padding-top: 15rem;
  padding-bottom: 7rem;
}

.tet-lottie {
  width: 944px;
  height: 537.297px;
}

.secondary-button {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  border: 1px solid var(--neutral);
  color: var(--neutral);
  background-color: #0000;
  border-radius: 90px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.secondary-button:hover {
  background-color: var(--bg-neon-300);
  color: var(--black);
}

.secondary-button:active {
  color: var(--neutral);
  background-color: #3f2e9e;
  border-color: #3f2e9e;
}

.secondary-button._100 {
  width: 100%;
  min-height: 50px;
}

.secondary-button._100.hide {
  display: none;
}

.secondary-button.top-5rem {
  margin-top: 0.5rem;
}

.secondary-button.bigger-pad {
  padding: 0.75rem 3rem;
}

.secondary-button.pricing {
  border-color: var(--main--primary);
  background-color: var(--neutral);
  color: var(--main--primary);
  text-align: center;
  margin-top: 60px;
  margin-bottom: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.secondary-button.pricing:hover {
  background-color: var(--main--primary);
  color: var(--neutral);
}

.form-hider {
  width: 0;
  height: 0;
  position: static;
  overflow: hidden;
}

.partner-marketplace-trick {
  background-color: var(--text-highlight-neon);
  border-radius: 10rem;
  margin-top: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  overflow: hidden;
}

.h1-trick-moves {
  color: var(--black);
  margin-bottom: 1.5rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1em;
  position: relative;
}

.h1-trick-moves.popular-moves {
  width: 120px;
}

.h1-trick-moves.app-moves {
  width: 96px;
}

.h1-trick-moves.integration-moves {
  width: 250px;
}

.h1-trick-moves.partner-moves {
  width: 175px;
}

.h1-trick {
  color: var(--black);
  margin-left: 0.5rem;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1em;
}

.overflow-control {
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  height: 4.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.overflow-control-top {
  background-image: linear-gradient(
    to bottom,
    var(--text-highlight-neon),
    #d2fe78f0 48%,
    #fff0
  );
  width: 100%;
  height: 0.75rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.overflow-control-bot {
  background-image: linear-gradient(
    to top,
    var(--text-highlight-neon),
    #d2fe78f0 48%,
    #fff0
  );
  width: 100%;
  height: 0.75rem;
  position: absolute;
  bottom: 0;
  right: auto;
}

.marketplace-control {
  flex-direction: column;
  align-items: flex-start;
  height: 4.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max-90 {
  max-width: 90%;
}

.social-image-2 {
  width: 24px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0 auto 0 13px;
}

.form-field-wrapper {
  text-align: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 10px;
}

.social-content-2 {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-3 {
  padding-left: 5%;
  padding-right: 5%;
}

.checkbox-label-2 {
  color: #000c;
  font-weight: 300;
}

.signup-header {
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

.field-label {
  color: #374252;
  text-align: left;
  margin-bottom: 3px;
  font-size: 13.5px;
  font-weight: 600;
}

.checkbox-2 {
  width: 14px;
  height: 14px;
}

.checkbox-2.w--redirected-checked {
  background-color: #2d323e;
}

.navbar {
  padding-top: 4vh;
  padding-bottom: 4vh;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  display: flex;
}

.short-page-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-width: 50%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-wrapper-2 {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 360px;
  display: flex;
  position: relative;
  overflow: visible;
}

.terms {
  color: #5f5f5f;
  text-align: center;
  max-width: 500px;
  padding-top: 53px;
  font-size: 14px;
}

.link {
  border-bottom: 1px dashed #7b83ff;
  font-weight: 400;
}

.link:hover {
  color: #272d88;
}

.link.dark {
  color: #000;
}

.form-button {
  background-color: #434de7;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.2s, box-shadow 0.2s;
  display: flex;
  box-shadow: 0 1px 20px #22222229;
}

.form-button:hover {
  background-color: #272d88;
  box-shadow: 0 5px 30px #22222229;
}

.fake-logo {
  height: 20px;
  font-size: 20px;
  font-weight: 600;
}

.social-button {
  color: #000;
  border: 1px solid #919191;
  border-radius: 50px;
  width: 100%;
  margin-bottom: 10px;
  padding: 12px 15px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  position: relative;
  box-shadow: 0 1px 2px #dcdce580;
}

.social-button:hover {
  box-shadow: none;
  border-color: #374252;
}

.social-button:focus {
  border: 1px solid #000;
}

.social-button::placeholder {
  color: #6e6e6e;
}

.social-button.is-google:hover {
  border-color: #4285f4;
}

.social-button.is-facebook:hover {
  border-color: #1777f2;
}

.checkbox-field-2 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-field-2 {
  color: #000;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  height: 42px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 1px 2px #dcdce580;
}

.text-field-2:hover {
  border-color: #000c;
  box-shadow: 0 1px 4px #dcdce5e6;
}

.text-field-2:focus {
  border: 1px solid #434de7;
}

.text-field-2::placeholder {
  color: #6e6e6e;
  font-weight: 300;
}

.field-description {
  color: #0009;
  text-align: left;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 300;
}

.button-wrapper-2 {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 25px;
}

.text-field-wrapper-2 {
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}

.text-field-wrapper-2.is-half {
  width: 49%;
}

.text-field-wrapper-2.is-half.is-right {
  margin-left: 12px;
}

.footer {
  text-align: center;
  align-items: flex-start;
  padding-top: 10vh;
  padding-bottom: 5vh;
  font-size: 13px;
}

.flex-row-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.email-ix {
  display: flex;
}

.flex-stack-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: relative;
}

.form-block-new {
  justify-content: center;
  width: 100%;
  height: auto;
  display: flex;
}

.form-new {
  justify-content: center;
  width: 100%;
  max-width: 384px;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.fake-navigation {
  z-index: 9999;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  position: fixed;
  inset: 0 auto auto 0%;
  overflow: hidden;
}

.div-block {
  grid-column-gap: 0.75rem;
  grid-row-gap: 0.75rem;
  display: flex;
}

.div-block-2 {
  width: 100%;
}

.cover-image-inner {
  width: 195px;
  height: 195px;
  position: absolute;
}

.loop-image-bg {
  z-index: -1;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: 0%;
  box-shadow: 0 0 15px #0003;
}

.purple-bold {
  color: var(--purple);
  font-weight: 700;
}

.no-error {
  display: none;
}

.error-active {
  color: #ff4d44;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  position: relative;
}

.div-block-3 {
  position: relative;
}

.nav-sepparator {
  display: none;
}

.exchange {
  background-color: #9c2626;
  width: 0;
  height: 0;
}

.html-embed {
  display: flex;
}

.linkedin-input {
  z-index: 1;
  color: #3d26c0;
  cursor: pointer;
  background-color: #fff;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border: 1px solid #988dd8;
  border-radius: 1.5rem;
  width: 100%;
  max-width: 384px;
  min-height: 50px;
  margin-bottom: -1px;
  padding: 1rem 1.5rem;
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: box-shadow 0.5s, opacity 0.2s, padding 0.2s, border-width 0.2s,
    border-radius 0.2s, color 0.2s, background-color 0.2s, border-color 0.2s;
  display: flex;
  position: relative;
}

.linkedin-input:hover {
  background-color: var(--neutral-200);
  color: #3d26c0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  border-color: #7765e1;
}

.linkedin-input::placeholder {
  color: #00000080;
}

.linkedin-input.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.linkedin-input.select-input:focus {
  line-height: 1em;
}

.linkedin-input.text-area {
  min-height: 150px;
}

.linkedin-input.active-search {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-color: #988dd800;
  padding-left: 2rem;
}

.linkedin-input.fake-linkedin-input {
  z-index: 0;
  border-color: var(--neon);
  background-color: var(--neon);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.linkedin-input.fake-linkedin-input:hover {
  background-color: var(--bg-purple-300);
  color: var(--neutral);
  border-color: #ffffff4d;
}

.linkedin-input.hover-bg-green {
  background-color: var(--neon);
  border-style: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  transition-duration: 0.5s, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s, 0.3s, 0.2s;
  display: flex;
}

.linkedin-input.hover-bg-green:hover {
  background-color: var(--bg-purple-300);
  color: var(--neutral);
  background-image: none;
  border-style: none;
  border-color: #ffffff4d;
}

.linkedin-input.hover-bg-green.green-button {
  margin-bottom: 0;
}

.steps {
  position: relative;
}

.steps.step-1 {
  display: block;
}

.steps.step-2,
.steps.step-3 {
  display: none;
}

.buttons-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.page-count {
  position: absolute;
  inset: 0% 0% auto auto;
}

.skip-button {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  color: var(--neon);
  background-color: #5e48db;
  border-radius: 90px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1.5rem;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
}

.skip-button:hover {
  color: var(--purple);
  background-color: #bafd33;
}

.skip-button:active {
  color: #bafd33;
  background-color: #3f2e9e;
}

.skip-button._100 {
  width: 100%;
  min-height: 50px;
}

.skip-button.top-5rem {
  margin-top: 0.5rem;
}

.skip-button.form-submit-button {
  width: 100%;
}

.skip-button.bigger-button,
.skip-button.wider-button {
  padding: 0.75rem 3rem;
}

.user-success-inner {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.icon-span {
  background-image: url("../assets/Emoji-Social-Media.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.25rem;
  padding-left: 3rem;
}

.list-item-item {
  flex: none;
  width: 100%;
  height: 48px;
  min-height: 48px;
}

.list-item-item.hide {
  display: none;
}

.small-text {
  color: var(--neutral-500);
  margin-top: 112px;
  font-size: 0.75rem;
}

.insights-embed {
  height: 32px;
}

.error-new-div {
  background-color: red;
  width: 30px;
  height: 30px;
  display: none;
}

.marginated-text-left {
  margin-left: 5px;
}

.input-nav-wrap {
  width: 100%;
  max-width: 384px;
}

.click-blocker {
  z-index: 3;
  background-color: #aa3f3f00;
  width: 400px;
  height: 70px;
  display: none;
  position: fixed;
  inset: 0% 0% auto 48%;
}

.nav-search-wrap-universal {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 78rem;
  height: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.click-blocker-2 {
  z-index: 3;
  background-color: #aa3f3f00;
  width: 400px;
  height: 70px;
  display: none;
  position: fixed;
  inset: 0% 0% auto 48%;
}

.hero-video-mobile {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.hero-paragraph-small {
  white-space: break-spaces;
  width: 460px;
  font-size: 1rem;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.absolute-div {
  z-index: 3;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.absolute-div.show {
  display: block;
}

.h4-style {
  color: #5f49dc;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
  line-height: 1em;
}

.h6-style-new {
  color: #5f49dc;
  margin-bottom: 1rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2em;
}

.h6-style-new.text-neon-purple {
  color: var(--neon-button-text);
}

.h6-style-new.opacity-50 {
  opacity: 0.5;
}

.h6-style-new.custom-h6 {
  color: #00000080;
  margin-bottom: 0.375rem;
}

.h6-style-new.full-white {
  color: var(--neutral);
  margin-bottom: 0.5rem;
}

.h6-style-new.no-margin {
  margin-bottom: 0;
}

.absolute-div-flex {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.post-image-wrap {
  border-radius: 4px;
  margin-bottom: 0;
  overflow: hidden;
}

.post-head {
  width: 100%;
}

.post-body {
  width: 100%;
  position: relative;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 25px;
  display: inline-block;
}

.collection-list-wrapper {
  column-count: 2;
  column-gap: 25px;
  width: 90vw;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.collection-item-2 {
  margin-bottom: 25px;
}

.img {
  width: 100%;
}

.masonry-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  column-count: 2;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: static;
}

.masonry-grid.masonry-grid-2 {
  position: static;
}

.div-block-5 {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.image {
  margin-top: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.text-span {
  color: var(--neon);
}

.share-trigger-popup-2 {
  z-index: 300;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #7765e1cc;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.share-trigger-popup-2.show {
  display: flex;
}

.stars-embed {
  color: #0000004d;
  transition: all 0.2s;
}

.dropdown-toggle {
  padding: 0 24px 0 0;
}

.dropdown-toggle:hover {
  color: var(--purple);
}

.icon-2 {
  margin-right: 0;
}

.dropdown {
  z-index: auto;
}

.dropdown:hover {
  color: var(--neon);
}

.dropdown-list {
  z-index: 999;
  position: relative;
}

.dropdown-list.w--open {
  z-index: auto;
  box-shadow: 0 0 5px 2px var(--neutral-400);
  background-color: #fff;
  border-radius: 10px;
  min-width: 650px;
  padding: 36px 48px;
  position: absolute;
  left: auto;
}

.flex-block {
  justify-content: flex-start;
}

.dropdown-link,
.dropdown-link-2 {
  margin-left: 0;
  margin-right: 0;
}

.flex-block-2 {
  align-items: flex-start;
}

.text-block {
  padding-left: 20px;
  padding-right: 20px;
}

.text-block.dropdown-item-description {
  color: var(--neutral-500);
  margin-top: 8px;
  padding-left: 0;
  padding-right: 0;
  font-size: 0.875rem;
  font-style: normal;
}

.text-block.dropdown-item {
  color: var(--black);
  padding-left: 0;
  padding-right: 0;
}

.link-block {
  text-align: left;
  margin-bottom: 0;
  font-style: normal;
  text-decoration: none;
}

.link-block:hover {
  color: var(--purple);
}

.italic-text,
.italic-text-2 {
  font-style: normal;
}

.grid-2 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: 1fr 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: auto;
}

.link-2 {
  color: var(--error);
  font-weight: 800;
}

.link-2:hover {
  color: #f46b6bcc;
}

.text-block-2 {
  font-weight: 400;
}

.div-block-6 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  top: -15rem;
}

.image-2 {
  z-index: 200;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.post-rich-text {
  text-align: left;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 500;
  overflow: hidden;
}

.div-block-7 {
  background-image: linear-gradient(to top, #fff, #fff3);
  width: 100%;
  height: 50px;
  display: block;
  position: absolute;
  top: 100px;
}

.div-block-8 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
}

.post-list {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.post-list.primary-color {
  height: 1500px;
  position: relative;
  overflow: hidden;
}

.post-item {
  margin-bottom: 24px;
  padding-bottom: 0;
}

.form-block {
  margin-bottom: 2rem;
}

.h4-style-2 {
  margin-top: 2.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}

.text-block-3 {
  color: #45359c;
  margin-right: 4px;
  font-size: 1rem;
  font-weight: 600;
}

.text-span-2 {
  display: inline;
}

.div-block-9 {
  align-items: center;
  display: flex;
}

.image-3 {
  position: absolute;
  inset: auto auto auto 0%;
}

.text-block-4 {
  aspect-ratio: auto;
  text-align: left;
  text-decoration: none;
}

.html-embed-2 {
  object-fit: contain;
  margin-left: 36px;
  position: static;
  left: 0;
  overflow: visible;
}

.div-block-10 {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.empty-block,
.div-block-11 {
  width: 10px;
  height: 10px;
}

.text-block-5,
.text-block-6 {
  margin-right: 4px;
}

.div-block-12 {
  justify-content: space-between;
  display: flex;
}

.subtitle {
  color: #4a3aff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 20px;
}

.icon-list-item-wrapper {
  align-items: center;
  display: flex;
}

.btn-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main--primary);
  color: #fff;
  text-align: center;
  border-radius: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 48px;
  padding: 12px 38px;
  font-family: "Manrope";
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.3s, color 0.3s;
  display: flex;
}

.btn-primary:hover {
  color: var(--neutral);
  background-color: #8e7fe6;
}

.btn-primary.width-100 {
  font-family: "Manrope";
}

.btn-primary.white {
  border: 1px solid var(--main--primary);
  color: #4a3aff;
  background-color: #fff;
}

.btn-primary.white:hover {
  background-color: var(--main--primary);
  color: #fff;
}

.btn-primary.green-cta {
  background-color: var(--main--green);
  color: var(--neon-button-text);
}

.btn-primary.green-cta:hover {
  background-color: var(--main--primary);
  color: var(--neutral);
}

.btn-primary.remove-margin {
  z-index: 10;
  margin-bottom: 0;
}

.text-300 {
  font-size: 22px;
  line-height: 22px;
}

.text-300.medium {
  font-weight: 500;
}

.text-300.medium.top-8px {
  color: var(--neutral--neutral-700);
  font-size: 13px;
  line-height: 14px;
  position: relative;
  top: 2px;
  left: 4px;
}

.text-200 {
  line-height: 20px;
}

.text-200.bold {
  font-weight: 700;
}

.flex-horizontal {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-horizontal.start {
  justify-content: flex-start;
  margin-top: 60px;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4-columns._1-col-tablet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.color-neutral-100 {
  color: #fff;
  font-family: "Manrope";
}

.badge-primary {
  color: #fff;
  background-color: #4a3aff;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 18px;
}

.badge-primary.small.white.popular-pricint-top-badge {
  color: #211f54;
  position: absolute;
  inset: 32px 32px auto auto;
}

.heading-h1-size {
  color: #211f54;
  font-family: "Manrope";
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.heading-h1-size.mg-right-8px {
  color: var(--neutral--neutral-700);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.heading-h1-size.mg-right-8px.color-neutral-100 {
  color: #fff;
}

.tabs-wrapper {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.divider {
  background-color: #dcddeb;
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.card {
  border: 1px solid var(--primary-100);
  box-shadow: 0 3px 5px 0 var(--primary-100);
  background-color: #fff;
  border-radius: 24px;
}

.card.pricing-popular {
  color: #f7f7fc;
  background-color: #4a3aff;
  position: relative;
}

.card.best-seller {
  border-width: 2px;
  border-color: var(--main--primary-500);
}

.pricing-content {
  padding: 40px 28px 72px;
}

.pricing-content.pd-bottom-40px {
  padding-bottom: 40px;
  position: relative;
}

.tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--neutral--neutral-400);
  border-radius: 24px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 40px;
  padding: 8px;
  display: flex;
}

.mg-bottom-32px {
  margin-bottom: 0;
}

.badge-secondary {
  color: var(--neutral--neutral-500);
  text-align: center;
  background-color: #0000;
  border: 1px solid #dcddeb;
  border-radius: 40px;
  padding: 8px 20px;
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
}

.badge-secondary.tabs {
  border-style: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.badge-secondary.tabs:hover,
.badge-secondary.tabs.w--current {
  background-color: var(--main--primary);
  color: #fff;
  border-color: #4a3aff;
}

.icon-list {
  margin-right: 16px;
  display: block;
}

.tabs-content {
  overflow: visible;
}

.inner-container._700px {
  max-width: 700px;
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-2 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.container-default {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.text-301 {
  color: var(--neutral--neutral-900);
  font-family: "Manrope";
  font-size: 14px;
  line-height: 20px;
}

.text-301.bold {
  font-weight: 700;
}

.text-301.disabled {
  color: var(--neutral--neutral-400);
}

.elements---element-title {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
  padding: 24px 32px;
  box-shadow: 0 2px 8px #14142b0f;
}

.elements---element-title.first,
.elements---element-title.first.large {
  margin-top: 0;
}

.section-3 {
  padding-top: 0;
  padding-bottom: 0;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.paragraph-2 {
  color: var(--neutral--neutral-700);
  font-family: "Manrope";
  font-size: 13px;
}

.paragraph-2.enterprise {
  margin-top: 0;
  margin-bottom: 6px;
}

.heading {
  color: #313234;
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 700;
  line-height: 44px;
}

.text-block-7 {
  font-family: "Manrope";
  font-size: 14px;
}

.heading-2 {
  font-family: "Manrope";
}

.pricing-header {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 5px solid var(--main--green);
  color: var(--neutral--neutral-900);
  padding-bottom: 10px;
  font-family: "Manrope";
  font-size: 39px;
  font-weight: 700;
  line-height: 1.2em;
}

.pricing-header.no-style {
  border-bottom-style: none;
  align-items: flex-start;
  display: flex;
}

.pricing-header.no-style.gray {
  color: var(--neutral--neutral-800);
  align-items: flex-start;
  display: flex;
}

.body-m-medium {
  color: var(--neutral--neutral-800);
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: static;
  top: 4px;
  left: 8px;
}

.body-m-medium.left-margin {
  margin-left: 24px;
}

.body-m-medium.white {
  color: var(--neutral);
  text-align: center;
  margin-top: 16px;
  margin-bottom: 32px;
}

.body-s-medium {
  color: var(--neutral--neutral-400);
  font-family: "Manrope";
  font-size: 14px;
}

.body-s-medium.white {
  color: var(--neutral);
}

.image-4 {
  margin-top: 128px;
  margin-bottom: 16px;
}

.html-embed-3 {
  margin-right: 16px;
}

.badge-text {
  font-size: 14px;
}

.body-s {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
}

.body-s.pink {
  background-color: var(--main--pink);
  color: var(--neutral);
  padding: 8px 12px;
}

.body-s.white,
.body-s.white.calculator {
  color: var(--main--primary);
}

.body-s.save {
  color: var(--main--primary);
  margin-bottom: 2px;
  margin-right: 8.1rem;
}

.div-block-13 {
  justify-content: flex-end;
  display: flex;
}

.text-block-8 {
  background-color: var(--main--pink);
}

.image-5 {
  margin-right: 8.25rem;
}

.best-seller-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f6f5ff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 72px;
  display: flex;
  position: absolute;
  inset: -5.5% 24px auto;
}

.best-seller-wrapper.calculator {
  background-color: #f6f5ff;
  background-image: none;
  padding-left: 36px;
  padding-right: 36px;
  inset: auto 0% auto auto;
}

.best-seller-wrapper.remove-style {
  background-color: #0000;
}

.text-block-9 {
  color: var(--neutral);
}

.image-6 {
  margin-left: -20px;
  transform: rotate(-15deg);
}

.check {
  opacity: 0.5;
  width: 38px;
}

.top-heading {
  margin-top: 0;
  margin-bottom: 0;
}

.title-wrap {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 36px;
  display: flex;
}

.pricing-line-break-top {
  height: 75px;
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.text-block-10 {
  opacity: 0.5;
  letter-spacing: 2px;
}

.pricing-section {
  color: #fff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 0 3% 10px;
  display: flex;
}

.grid-top-sticky {
  z-index: 4;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}

.arrow {
  margin-left: 12px;
}

.start-link {
  color: #8c54ff;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}

.container-4 {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-top {
  background-color: var(--neutral-400);
  border-bottom: 1px #8c54ff;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-right: 0;
  display: flex;
  position: relative;
}

.pricing-table-cell {
  border-top: 1px solid var(--neutral--neutral-300);
  justify-content: center;
  align-items: center;
  min-height: 76px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.pricing-table-cell.text {
  justify-content: flex-start;
  min-width: 320px;
}

.title {
  color: var(--neutral--neutral-900);
  margin-left: 12px;
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 700;
}

.help {
  opacity: 0.3;
  margin-left: 10px;
}

.pricing-grid-wrapper-mobile {
  display: none;
}

.help-icon {
  width: 18px;
}

.pricing-line-break {
  border-top: 1px solid #8c54ff;
  height: 81px;
  margin-top: 20px;
  padding-top: 44px;
  padding-bottom: 24px;
  padding-right: 24px;
}

.grid-pricing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
}

.discount {
  color: #ffffff80;
  font-size: 14px;
}

.heading-3 {
  color: var(--neutral--neutral-900);
  font-family: "Manrope";
}

.heading-3.white {
  color: var(--neutral);
  text-align: center;
  font-size: 2rem;
}

.heading-4 {
  text-align: center;
  font-family: "Manrope";
  font-weight: 700;
}

.accordion-arrow-wrap---brix {
  background-color: var(--main--green);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-height: 30px;
  display: flex;
}

.accordion-arrow-wrap---brix.feature-list {
  border: 1px none var(--main--primary);
  background-color: var(--neutral);
}

.accordion-item---brix {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---brix.accordion-1---brix {
  box-shadow: none;
  border: 1px solid #0000;
  border-style: solid none;
  border-radius: 0;
  margin-bottom: 0;
}

.accordion-item---brix.accordion-1---brix:hover {
  box-shadow: 0 14px 21px #4a3aff0f;
}

.accordion-item---brix.accordion-1---brix.feature-list {
  border: 1px none var(--neutral--neutral-300);
  box-shadow: none;
  border-radius: 14px;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 0;
}

.accordion-item---brix.accordion-1---brix.border-radius-top {
  border-radius: 16px 16px 0 0;
}

.accordion-item---brix.accordion-1---brix.border-radius-top:hover {
  box-shadow: none;
}

.accordion-item---brix.accordion-1---brix.border-radius-bottom {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.accordion-item---brix.accordion-1---brix.calculator {
  padding-top: 0;
  padding-bottom: 15px;
}

.cloneable-container-default {
  background-color: var(--main--primary);
  min-height: 624px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.accordion-paragraph---brix {
  width: 100%;
  max-width: 90%;
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 1rem;
}

.accordion-paragraph---brix.calculator {
  margin-top: 0;
}

.arrow-line---brix {
  background-color: #4a3aff;
  border-radius: 500px;
  width: 11px;
  min-height: 2px;
  position: absolute;
}

.arrow-line---brix._1---brix {
  left: 3px;
  transform: rotate(45deg);
}

.arrow-line---brix._2---brix {
  right: 3px;
  transform: rotate(-45deg);
}

.accordion-arrow-wrapper---brix {
  z-index: 200;
  color: var(--main--primary);
  -webkit-text-stroke-color: var(--main--primary);
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  padding-bottom: 2px;
  display: flex;
  position: relative;
  transform: rotate(90deg);
}

.accordion-content---brix {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.accordion-content---brix.feature-list {
  padding-top: 60px;
}

.accordion-item-wrapper---brix {
  max-width: 886px;
  margin-left: auto;
  margin-right: auto;
}

.accordion-item-wrapper---brix.preview-page {
  min-width: 0;
  max-width: 1024px;
}

.accordion-item-title---brix {
  color: #170f49;
  font-family: "Manrope";
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.accordion-item-title---brix.feature-list {
  color: #515358;
  font-size: 16px;
}

.accordion-trigger---brix {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.accordion-trigger---brix.flex-reverse {
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
}

.accordion-trigger---brix.calculator {
  padding-top: 40px;
  padding-bottom: 25px;
  position: relative;
}

.accordion-trigger---brix.flex-reverse-center {
  flex-direction: row-reverse;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-15 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-block-3 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  margin-top: 36px;
}

.left-svitch-div {
  float: left;
  color: #003;
  cursor: pointer;
  padding-left: 0;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.radio-button-field {
  display: inline-block;
}

.input-slider {
  float: right;
  text-align: center;
  background-color: #0000;
  border: 1px solid #00000040;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 36px;
  display: inline-block;
}

.input-slider.info {
  border-color: #0000;
  width: auto;
  padding-left: 10px;
}

.calculator-slide-block {
  float: left;
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 0.75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-for-svitch {
  float: left;
}

.field-label-2 {
  float: left;
  clear: none;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
}

.field-label-2.total {
  height: 20px;
  line-height: 20px;
}

.field-label-2.solid {
  float: none;
  display: block;
}

.calculator-slider-input {
  display: none;
}

.calculator-revenue-2 {
  color: #f7941e;
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
}

.text-block-11 {
  height: 36px;
  line-height: 36px;
  display: inline-block;
}

.radio-button-field-2 {
  z-index: 11;
  float: none;
  clear: none;
  width: 100%;
  height: 30px;
  margin-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.icon-3 {
  z-index: 102;
  color: #999;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  position: relative;
}

.icon-3:hover {
  color: #f7941e;
}

.cerkl-button-svitch {
  float: right;
  background-color: #fff;
  border-radius: 10px;
  width: 16px;
  height: 16px;
  position: relative;
}

.calculator-form {
  background-color: #fafafa;
  padding: 40px;
}

.max {
  float: right;
  color: #666;
  display: inline-block;
}

.name-form {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.name-form.total {
  margin-bottom: 0;
}

.ui-widget-content {
  float: none;
  background-color: #e5e5e5;
  background-image: linear-gradient(to right, #f7941e, #e5e5e5 0%);
  border: 0 #1b2128;
  border-radius: 5px;
  width: 100%;
  height: 5px;
  margin-top: 20px;
  display: block;
  position: relative;
}

.radio-button-label-2 {
  position: relative;
}

.check-triger {
  z-index: 100;
  float: none;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: absolute;
}

.min {
  float: left;
  color: #666;
  display: inline-block;
}

.ui-slider-handle {
  color: #333;
  cursor: ew-resize;
  background-color: #323331;
  border-radius: 11px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-right: -10px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: -150%;
  right: auto;
}

.div-block-info {
  width: 100%;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-17 {
  cursor: pointer;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.grey-line {
  float: left;
  background-color: #e5e5e5;
  width: 1px;
  height: 100px;
  margin-right: 40px;
  display: inline-block;
}

.calculator-output-block {
  text-align: left;
  align-items: center;
  display: flex;
}

.radio-button-2 {
  z-index: 10;
  position: relative;
}

.svitch-button {
  background-color: #f7941e;
  border-radius: 40px;
  width: 34px;
  height: 20px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 2px;
  display: block;
  overflow: hidden;
}

.div-block-18 {
  z-index: 3;
  background-image: linear-gradient(#0000 15%, #fff 85%, #fff);
  width: 100%;
  height: 1500px;
  position: absolute;
}

.section-4 {
  background-color: var(--main--primary);
  position: relative;
}

.heading-5 {
  color: var(--neutral);
  text-align: center;
  margin-bottom: 92px;
  font-family: "Manrope";
}

.button-primary {
  z-index: 2;
  background-color: var(--main--primary);
  text-align: center;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 80px;
  text-decoration: none;
}

.button-primary:hover {
  background-color: var(--main--green);
  color: var(--main--primary);
  text-decoration: none;
}

.text-block-12,
.text-block-12:hover {
  text-decoration: none;
}

.div-block-19 {
  z-index: 5;
  width: 330px;
  position: absolute;
  bottom: 128px;
  left: 50%;
  transform: translate(-50%);
}

.div-block-20 {
  width: 100%;
}

.text-block-13 {
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Manrope";
  font-size: 25px;
  font-weight: 700;
}

.div-block-21 {
  padding-left: 60px;
  padding-right: 60px;
}

.star-image {
  width: 26px;
}

.html-embed-4 {
  margin-bottom: 40px;
}

.section-5 {
  background-color: var(--main--primary);
  padding-top: 64px;
  padding-bottom: 64px;
}

.text-block-14 {
  color: var(--neutral);
}

.div-block-22 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--primary--primary-300);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
}

.body-l {
  color: var(--neutral);
  text-align: left;
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 700;
}

.body-l.black {
  color: var(--neutral--neutral-900);
  font-weight: 500;
}

.text-span-3 {
  color: var(--main--primary);
}

.div-block-23 {
  position: relative;
}

.link-3 {
  color: var(--main--primary);
}

.link-3:hover {
  color: var(--main--green);
}

.text-span-4 {
  font-weight: 700;
}

.text-block-15 {
  margin-right: 8.25rem;
}

.dolar-sign {
  color: var(--neutral--neutral-800);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1em;
}

.container-1200 {
  width: 100%;
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.wrapper-nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-2 {
  z-index: 2;
  background-color: #fff;
}

.navbar-new {
  z-index: 999;
  background-color: #fff;
  padding: 1rem 0;
  border-bottom: 1px solid #e8e8e8;
}

.link-nav {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #666666 !important;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 103px;
  padding-top: 14px;
  padding-bottom: 8px;
  text-decoration: none;
  display: flex;
  transition: color 0.3s ease;
}

.link-nav:hover {
  color: #5e48db !important;
  text-decoration: none;
}

.text-block-16 {
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.nav-menu-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.code-embed,
.code-embed-2 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.code-embed-2.move-logo {
  transform: translate(0, -1px);
}

.code-embed-3 {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.code-embed-4 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gap-16-h {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-25 {
  background-color: #cec5fd;
  width: 0.5px;
  height: 45px;
}

.wrapper-btn-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.btn-join {
  color: var(--purple) !important;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-family: "Manrope";
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s, opacity 0.2s, color 0.2s;
  display: flex;
}

.btn-join:hover {
  background-color: var(--purple);
  color: var(--neutral) !important;
  text-decoration: none;
}

.btn-join:active {
  background-color: var(--purple) !important;
}

.btn-sign {
  color: #0a66c2 !important;
  border: 1px solid #0a66c2;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-family: "Manrope";
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s, opacity 0.2s, color 0.2s;
  display: flex;
  gap: 4px;
  background-color: #fff;
}

.btn-sign .linkedin-icon {
  width: 14px;
  height: 14px;
  display: flex;
  justify-items: center;
  position: relative;
}
.btn-yellow-2 .linkedin-icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-items: center;
  position: relative;
}

.btn-sign .linkedin-icon img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.btn-sign .linkedin-icon .icon-linkedin {
  opacity: 0;
}

.btn-sign .linkedin-icon .icon-linkedin.is-color {
  opacity: 1;
}

.btn-yellow-2 .linkedin-icon img {
  position: absolute;
  inset: 0;
  object-fit: contain;
}

.btn-yellow-2 .linkedin-icon .icon-linkedin {
  opacity: 0;
}

.btn-yellow-2 .linkedin-icon .icon-linkedin.is-color {
  opacity: 1;
}

.btn-sign:hover {
  background-color: #0a66c2;
  color: #fff !important;
  text-decoration: none;
}

.btn-yellow-2:hover .linkedin-icon .icon-linkedin.is-color {
  opacity: 0;
}

.btn-yellow-2:hover .linkedin-icon .icon-linkedin.is-white {
  opacity: 1;
}

.btn-yellow-2:active .linkedin-icon .icon-linkedin.is-color {
  opacity: 0;
}

.btn-yellow-2:active .linkedin-icon .icon-linkedin.is-white {
  opacity: 1;
}

.btn-sign:hover .linkedin-icon .icon-linkedin.is-color {
  opacity: 0;
}

.btn-sign:hover .linkedin-icon .icon-linkedin.is-white {
  opacity: 1;
}

.btn-sign:active .linkedin-icon .icon-linkedin.is-color {
  opacity: 0;
}

.btn-sign:active .linkedin-icon .icon-linkedin.is-white {
  opacity: 1;
}

.btn-sign:active {
  background-color: var(--purple);
}

.section-hero {
  padding-top: 80px;
  padding-bottom: 110px;
}

.section-hero-new {
  padding: 40px 0px;
}
.text-3xl {
  font-family: "Manrope";
  font-weight: 600;
  font-size: 40px;
  line-height: 129.17%;
  letter-spacing: -1px;
  text-align: center;
  color: #fff;
  max-width: 670px;
  margin: 0 auto;
}

.text-3xl.max-width-none {
  max-width: none;
  letter-spacing: 0px;
}

.container-1252 {
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.is-hero-image {
  height: 100%;
  display: flex;
  justify-content: flex-start;
}
.container-1332 {
  max-width: 1332px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.wrapper-hero-section {
  display: flex;
  flex-direction: column;
  gap: 34px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wrapper-hero-section-new {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
}

.hero-card {
  padding: 38px 32px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  background-color: #5e48db;
  border: 1px solid #5e48db;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.hero-card:nth-child(1):hover .hero-card-image {
  transform: translateY(-20px) !important;
}

.hero-card:nth-child(2):hover .hero-card-image {
  transform: translateY(-55px) !important;
}

.hero-card:nth-child(3):hover .hero-card-image {
  transform: translateY(-60px) !important;
}

.hero-card.is-white {
  background-color: white;
  border-color: #d1d0d0;
}

.hero-card.is-light-purple {
  background-color: #e4dfff;
  border-color: #e8e8e8;
}

.hero-card-image {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.hero-card:nth-child(1) .hero-card-image {
  transform: translateY(10px);
}

.hero-card:nth-child(2) .hero-card-image {
  transform: translateY(-15px);
}

.hero-card:nth-child(3) .hero-card-image {
  transform: translateY(-35px);
  max-width: 232px;
}

.hero-tags.is-secondary {
  border-color: #5e48db;
  color: #5e48db;
}

.hero-tags {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 12px;
  border-radius: 5px;
  font-family: "Manrope";
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  color: #cfc8f4;
  border: 1px solid #cfc8f4;
}

.hero-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 50px;
  margin-bottom: 28px;
}

.hero-card-content h2 {
  font-family: "PPMori";
  font-weight: 600;
  font-style: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -5%;
  color: white;
}

.hero-card-image-wrapper {
  margin-top: 74px;
  position: relative;
  height: 100%;
  max-height: 225px;
  width: 100%;
}
.hero-card-content p {
  font-family: "Manrope";
  font-weight: 600;
  font-style: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: bottom;
  color: #ffffffe5;
}

.hero-card-content.is-white h2 {
  color: #313234;
}

.hero-card-content.is-white p {
  color: #404040e5;
}

.left-hero-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.section-compatitor {
  padding: 169px 0px 280px;
}

.text-purple-gradient {
  font-family: "PPMori";
  font-weight: 600;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -1.5px;
  text-align: center;
  vertical-align: middle;
  background: linear-gradient(89.57deg, #5e48db -1.14%, #c862e1 99.76%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.statistic-wrapper {
  background: linear-gradient(90deg, #5e48db 0%, #c862e1 100%);
  padding: 60px 76px;
  max-width: 713px;
  margin: 80px auto 0;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  position: relative;
}

.statistic-wrapper img {
  position: absolute;
}

.statistic-wrapper .img-top {
  top: -38px;
  left: -36px;
}

.statistic-wrapper .img-bottom {
  bottom: -38px;
  right: -36px;
}

.btn-white {
  background-color: white;
}

.statistic-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
  text-align: center;
  width: 100%;
}

.statistic-content h3 {
  font-family: "PPMori";
  font-weight: 600;
  font-size: 34px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
}

.statistic-content p {
  font-family: "Manrope";
  font-weight: 500;
  font-style: Medium;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
}

.h1-hero {
  font-family: "PPMori";
  background: linear-gradient(90deg, #5e48db 13%, #c862e1 100%);
  padding: 30.5px 41px 20.5px 50px;
  border-radius: 119.88px;
  color: var(--neutral);
  font-weight: 600;
  font-size: 90px;
  line-height: 80%;
  letter-spacing: -1.2px;
  text-align: center;
  vertical-align: top;
}

.hero-subheading {
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: bottom;
  font-family: "PPMori";
  color: #313234;
}

.gap-2.move-l {
  justify-content: center;
  align-items: center;
}

.gap-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.section-logo {
  padding: 100px 0;
  background: linear-gradient(
    180deg,
    rgba(249, 247, 255, 0) 0%,
    #f5f1ff 26.4%,
    #f5f1ff 73.9%,
    rgba(249, 247, 255, 0) 100%
  );
}

.wrapper-logo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.top-logo {
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bottom-logo {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-22-30 {
  font-family: "Manrope";
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
}

.text-22-31 {
  font-family: "Manrope";
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 120%;
}

.search-div {
  flex-flow: column;
  display: flex;
}

.bottom-search {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.btn-yellow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #45359c;
  background-color: #bafd32;
  border: 1px solid #bafd32;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 19px;
  padding-bottom: 19px;
  font-family: "Manrope";
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  cursor: pointer;
}

.btn-yellow:hover {
  color: #fff;
  background-color: var(--purple);
  border-color: var(--purple);
}

.btn-yellow:active {
  background-color: var(--purple);
}

.line-under {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.line-under.hide-desk {
  display: none;
}

.text-16-22.text-color-1 {
  color: #5e48db;
}

.line {
  background-color: #666;
  width: 100%;
  height: 1px;
}

.gap-84 {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  flex-flow: column;
  display: flex;
}

.gap-84._w-518 {
  max-width: 743px;
  width: 100%;
  grid-row-gap: 40px;
}

.btn-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #666;
  border: 1px solid #666;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Manrope";
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.btn-link:active {
  color: #fff;
  background-color: var(--purple);
}

.block-content {
  border: 0 #0000;
}

.image-164 {
  border: 1px #000;
  width: 164px;
  min-width: 164px;
  height: auto;
  min-height: auto;
}

.div-block-29 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.image-9 {
  width: 2000px;
  min-width: 2000px;
  height: auto;
  min-height: auto;
}

.img-2500 {
  width: 2000px;
  min-width: 2000px;
}

.img-2500.hide-1240 {
  display: none;
}

.div-block-30 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% -145px;
}

.section-discover {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 136px;
}

.wrapper-discover {
  grid-column-gap: 0px;
  grid-row-gap: 113px;
  grid-template-rows: auto;
  grid-template-columns: 11fr 10fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.left-discover {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  font-family: "PPMori";
}

.right-discover {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.h2 {
  font-size: 40px;
  line-height: normal !important;
}

.h2.text-color-white {
  color: var(--neutral);
}

.div-block-31 {
  color: #fff;
  background-color: #5e48db;
  border-radius: 100px;
  padding: 12px 24px;
}

.yellow-div {
  background-color: #cffe6f;
  border-radius: 100px;
  padding: 12px 24px;
}

.wrapper-div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 11px;
}

.link-marketplace {
  text-decoration: none;
}

.tag {
  color: var(--purple);
  cursor: pointer;
  border: 1px solid var(--purple);
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  padding: 12px 25px;
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
}

.tag:hover {
  color: #fff;
  background-color: var(--purple);
}

.tag:active {
  background-color: var(--purple);
}

.div-block-33 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.section-reach {
  background-color: #fff;
  padding-top: 124px;
  padding-bottom: 220px;
}

.section-overspending {
  z-index: 1;
  background-color: #5e48db;
  width: 100%;
  padding-top: 260px;
  padding-bottom: 160px;
  position: relative;
  text-align: center;
}

.mask .section-overspending {
  padding-top: 240px;
  padding-bottom: 60px;
}
.wrapper-over {
  z-index: 20;
  grid-column-gap: 113px;
  grid-row-gap: 113px;
  grid-template-rows: auto;
  grid-template-columns: 8fr 4fr;
  grid-auto-columns: 1fr;
  place-items: center center;
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
}

.wrapper-over .left-over {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-notfound-body {
  background-color: #f6f6fa;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100svh;
  display: flex;
}

.page-notfound-header {
  padding: 2.25rem 3.125rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.logo_brand {
  object-fit: contain;
  width: auto;
  height: 1.25rem;
}

.container {
  width: 100%;
  max-width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-large {
  width: 100%;
  max-width: 1362px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.nav-content-new {
  padding: 0 1.25rem;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.not-found-wrapper {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14.125rem;
  display: flex;
}

.not-found-image {
  object-fit: contain;
  width: 17.3594rem;
}

.not-found-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 100%;
}

.not-found-text {
  text-align: center;
  font-size: 1.5rem;
  line-height: 140%;
}

.seekers-link {
  color: #5e48db;
  font-weight: 700;
  text-decoration: none;
}

.not-found-button {
  color: #3f2e9e;
  text-align: center;
  background-color: #fff;
  border: 1px solid #5d47d8;
  margin-top: 2rem;
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
}

.footer-not-found {
  background-color: #fff;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.footer-not-found_wrapper {
  grid-column-gap: 1.8125rem;
  grid-row-gap: 1.8125rem;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_logo_notfound {
  flex: none;
}

.copyright_image {
  height: 1.375rem;
}

.footer-not-found-menu {
  grid-column-gap: 2.125rem;
  grid-row-gap: 2.125rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_notfound-link {
  color: #666;
  font-size: 0.875rem;
  line-height: 150%;
  font-weight: 500;
  text-decoration: none;
}

.footer_notfound-link:hover {
  color: #5e48db;
  text-decoration: underline;
}

@media (max-width: 1230px) {
  .wrapper-over {
    grid-template-columns: 6fr 6fr;
    padding-right: 0px;
  }
}

.left-over {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  display: flex;
  align-items: center;
}

.right-over {
  padding-top: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-30-43 {
  font-family: "Manrope";
  font-size: 36px;
  font-weight: 600;
  line-height: 49.18px;
}

.text-30-43.text-color-white-70 {
  color: #ffffffb3;
}

.text-30-43.text-color-white-70.space-1 {
  letter-spacing: -1px;
}

.btn-section {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--neutral);
  border: 1px solid #fff;
  border-radius: 90px;
  padding: 15px 30px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  position: relative;
}

.btn-section:hover {
  color: var(--neutral);
  background-color: #8e7fe6;
}

.btn-section:active {
  background-color: var(--purple);
  border-color: var(--purple);
}

.container-loop,
.holder-content-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-131 {
  width: 131px;
  min-width: 131px;
  height: auto;
  min-height: auto;
}

.image-126 {
  width: 126px;
  min-width: 126px;
  height: auto;
  min-height: auto;
}

.image-125 {
  width: 125px;
  min-width: 125px;
  height: auto;
  min-height: auto;
}

.image-152 {
  width: 152px;
  min-width: 152px;
  height: auto;
  min-height: auto;
}

.image-122 {
  width: 122px;
  min-width: 122px;
  height: auto;
  min-height: auto;
}

.image-123 {
  width: 123px;
  min-width: 123px;
  height: auto;
  min-height: auto;
}

.image-179 {
  width: 179px;
  min-width: 179px;
  height: auto;
  min-height: auto;
}

.image-127 {
  width: 127px;
  min-width: 127px;
  height: auto;
  min-height: auto;
}

.container-loop-right,
.holder-content-right {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.image-186 {
  width: 186px;
  min-width: 186px;
  height: auto;
  min-height: auto;
}

.image-165 {
  width: 165px;
  min-width: 165px;
  height: auto;
  min-height: auto;
}

.image-146 {
  width: 146px;
  min-width: 146px;
  height: auto;
  min-height: auto;
}

.image-152-copy {
  width: 152px;
  min-width: 152px;
  height: 26px;
  min-height: 26px;
}

.image-149 {
  width: 149px;
  min-width: 149px;
  height: auto;
  min-height: auto;
}

.image-124 {
  width: 124px;
  min-width: 124px;
  height: auto;
  min-height: auto;
}

.shadow-left {
  background-image: linear-gradient(90deg, #fff, #fff0);
  width: 200px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.shadow-right {
  background-image: linear-gradient(270deg, #fff, #fff0);
  width: 200px;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.section-footer {
  background-color: #f4f2ee;
  padding-top: 16px;
  padding-bottom: 80px;
}

.section-footer-seeker {
  background-color: #f4f2ee;
  padding-top: 8px;
}

.wrapper-footer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
  width: 100%;
}

.top-footer {
  padding-top: 83px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.column-footer-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.promoted-footer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.row-footer-1 {
  gap: 18px;
  padding-top: 8px;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.bottom-footer {
  padding-top: 14px;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: none;
}

.bottom-footer.is-left {
  justify-content: flex-start;
  align-items: start;
  flex-direction: column;
  gap: 4px;
}

.bottom-footer.is-left p {
  font-family: "PPMori";
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0px;
  vertical-align: middle;
  background: linear-gradient(89.57deg, #5e48db -1.14%, #c862e1 99.76%);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.link-footer {
  color: #62615f;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: all 0.3s;
}

.link-footer:hover {
  color: #5e48db;
  text-decoration: underline !important;
}

.link-footer1 {
  color: #62615f !important;
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  transition: all 0.3s;
  padding: 4px 9px !important;
}

.link-footer1:hover {
  color: #5e48db;
  text-decoration: underline !important;
}

.column-1 {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-flow: column;
  display: flex;
}

.link-question {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #3d3d3c;
  text-decoration: none;
  display: flex;
  width: max-content;
}

.link-question.center {
  justify-content: flex-start;
  align-items: center;
}

.link-question.center.hover:hover {
  color: #5e48db;
  text-decoration: underline !important;
}

.gap-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #62615f;
  flex-flow: column;
  display: flex;
}

.gap-4.center {
  text-align: center;
  justify-content: space-between;
  align-items: center;
}

.text-block-17 {
  font-size: 14px;
}

.text-block-18 {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
}

.text-block-18.padding-1 {
  color: #62615f;
  padding-left: 36px;
}

.text-block-19 {
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.div-block-34 {
  color: #f4f2ee;
  background-color: #3d3d3c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.code-embed-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-5-copy {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.div-block-35 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #3d3d3c;
  border: 1px solid #62615f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.image-187 {
  width: 15px;
  height: 14px;
}

.code-embed-6 {
  justify-content: center;
  align-items: center;
  width: 17px;
  height: 14px;
  display: flex;
}

.image-188 {
  width: 288px;
  height: auto;
}

.section-attention {
  padding-top: 220px;
  padding-bottom: 169px;
  position: relative;
}

.wrapper-attention {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f7f5ff;
  border-radius: 12px;
  flex-flow: column;
  padding: 60px 80px;
  display: flex;
  position: relative;
}

.part-1-attention {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #6d737f;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-40-55 {
  font-family: "Manrope";
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
}

.text-24-33 {
  font-family: "Manrope";
  font-size: 24px;
  font-weight: 400;
  line-height: 33px;
}

.part-2-attention {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.left-part-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.right-part-2 {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.circle-2 {
  background: linear-gradient(
    239.31deg,
    rgba(200, 98, 225, 0.5) 7.66%,
    rgba(94, 72, 219, 0.5) 83.19%
  );
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 141px;
  padding: 20px;
  display: flex;
}

.image-189 {
  width: 100px;
  height: 100px;
}

.text-24-33-bold {
  font-family: "Manrope";
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.text-20-35-bold {
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
}

.text-24-36 {
  font-family: "Manrope";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #404040;
}

.image-190 {
  width: 54px;
  height: 32px;
}

.part-1-attention-1 {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  color: #6d737f;
  flex-flow: column;
  display: flex;
}

.part-2-attention-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.item-attention {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #6d737f;
  background-color: #fff;
  border: 1px solid #cec5fd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: flex;
}

.item-attention:hover {
  background-color: #5e48db;
  color: #fff;
}

.item-attention .gap-10 {
  width: 100%;
}

.img-author {
  justify-content: start;
  align-items: center;
  width: 80px;
  display: flex;
  position: relative;
  overflow: hidden;
  flex: none;
}

.img-100 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gap-10 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: column;
  display: flex;
}

.text-16-18 {
  font-family: "Manrope";
  font-weight: 600;
  line-height: 100%;
}

.input-search-copy {
  z-index: 1;
  color: #3d26c0;
  background-color: #eceef9;
  width: 100%;
  min-height: 100%;
  margin-bottom: 0;
  padding: 1rem 1.5rem 1rem 3.5rem;
  font-family: "Manrope";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3em;
  position: relative;
}

.input-search-copy:hover {
  color: #3d26c0;
}

.input-search-copy:focus {
  color: #000;
}

.input-search-copy::placeholder {
  color: #00000080;
}

.input-search-copy.select-input {
  cursor: pointer;
  background-image: url("../assets/Input-Dropdown.svg"),
    linear-gradient(#fcfcfc00, #fff0);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, auto;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.input-search-copy.select-input:focus {
  line-height: 1em;
}

.input-search-copy.text-area {
  min-height: 150px;
}

.input-search-copy.active-search {
  box-shadow: none;
  background-color: #fff0;
  background-image: linear-gradient(#fcfcfc00, #fff0);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-color: #988dd800;
  padding-left: 2rem;
}

.input-search-copy.search-field {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  transition: all 0.3s ease-in-out;
}

.input-search-copy.search-field::placeholder {
  color: #666;
}

.image-191 {
  width: 120px;
  height: auto;
  position: absolute;
  inset: 29px auto auto -60px;
}

.image-191.move-ster {
  top: 43px;
}

.image-192 {
  width: 120px;
  height: auto;
  position: absolute;
  inset: auto -60px 56px auto;
}

.wrapper-outrank {
  grid-column-gap: 115px;
  grid-row-gap: 115px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.drop-down {
  border: 2px solid #5e48db;
  border-radius: 5px;
  justify-content: space-between;
  width: 343px;
  font-weight: 600;
  display: flex;
  margin-bottom: 120px;
}

.dropdown-toggle-2 {
  color: #2813a0;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: all 0.3s;
  display: flex;
}

.dropdown-toggle-2:hover {
  background-color: #f3f3f3;
}

.dropdown-list-2 {
  margin-top: -7px;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  height: 252px;
  margin-top: 48px;
  overflow: scroll;
  box-shadow: 0 2px 20px #00000014;
}

.left-over.gap-large {
  gap: 57px;
}

.left-over-2 {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  text-align: left;
  max-width: 450px;
}

.image-193 {
  height: 75px;
}

.right-over-2 {
  grid-column-gap: 37px;
  grid-row-gap: 37px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  display: flex;
  text-align: left;
  max-width: 374px;
}

.wrapper-over-2 {
  z-index: 20;
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
  position: relative;
}

.drop-down-white {
  border: 1px solid #fff;
  border-radius: 5px;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  transition: all 0.3s;
  display: flex;
}

.dtop-togle-white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  transition: all 0.3s;
  display: flex;
}

.dtop-togle-white:hover {
  background-color: #3f2e9e;
}

.dropdown-list-2-copy {
  margin-top: -7px;
}

.dropdown-list-2-copy.w--open {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  height: 250px;
  margin-top: 48px;
  overflow: scroll;
  box-shadow: 0 2px 20px #00000014;
}

.section-img {
  padding-top: 108px;
  padding-bottom: 100px;
}

.wrapper-img {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-testimonials {
  position: relative;
  z-index: 2;
  padding-bottom: 0;
  padding-top: 320px;
}

.wrapper-test {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f7f5ff;
  border-radius: 12px;
  flex-flow: column;
  padding: 80px 120px;
  display: flex;
  position: relative;
}

.text-40-55.rockstar-text {
  color: #515358;
  font-size: 48px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.01em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.text-24-33.rockstar-text {
  color: #666666;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.top-test {
  text-align: center;
}

.bottom-test {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.collection-item1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border: 1px solid #cec5fd;
  border-radius: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 28px;
  display: flex;
}

.top-id {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: #6d737f;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-194 {
  width: 54px;
}

.text-20-26 {
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}

.div-block-36 {
  background-color: #bafd32;
  width: 116px;
  height: 3px;
}

.author-div {
  grid-column-gap: 67px;
  grid-row-gap: 67px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-195 {
  border-radius: 100px;
  width: 100px;
  height: 100px;
}

.text-16-22-bold {
  font-family: "Manrope";
  font-weight: 700;
}

.text-16-22-bold.text-color-1 {
  color: #5e48db;
}

.p-6 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #6d737f;
  flex-flow: column;
  display: flex;
}

.text-16-22-med {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 64px;
}

.btn-load {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #45359c;
  background-color: #fafafa00;
  border-color: #5e48db;
  border-radius: 90px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 30px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.btn-load:hover {
  color: #fff;
  background-color: #5e48db;
}

.btn-load:active {
  background-color: #3f2e9e;
}

.btn-load.load-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-style: solid;
  border-width: 1px;
  height: 32px;
  padding: 7px 15px 9px;
  font-size: 13px;
  font-weight: 700;
}

.btn-load.load-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-style: solid;
  border-width: 1px;
  height: 32px;
  padding: 7px 15px 9px;
  font-size: 13px;
  font-weight: 700;
}

.section-marketplace {
  padding-top: 90px;
  padding-bottom: 220px;
}

.wrapper-marketplace {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  display: flex;
}

.top-market {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 280px;
  max-width: 500px;
  height: 280px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.bottom-market {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.container-logos-loop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-holder-loop {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-1 {
  background-color: #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 30px #0003;
}

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

.container-logos-loop-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.content-holder-loop-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.middle-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-image: linear-gradient(
    90deg,
    #ffffff0d,
    #fff 14% 50%,
    #fff 91%,
    #ffffff0d
  );
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 120px;
  display: flex;
}

.absolute-middle {
  z-index: 20;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-37 {
  background-color: #cffe6f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  display: flex;
}

.line-h2 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blue-span {
  color: #fff;
  background-color: #5e48db;
  border-radius: 100px;
  padding: 12px 24px;
}

.section-get {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 144px;
  position: relative;
}

.wrapper-get {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.btn-yellow-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #45359c;
  background-color: #bafd32;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  padding: 19px 28px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.btn-yellow-2:hover {
  color: #fff;
  background-color: #5e48db;
}

.btn-yellow-2:active {
  background-color: #3f2e9e;
}

.image-197 {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: 52px auto auto 67px;
}

.image-star-1 {
  width: 38px;
  height: 38px;
  position: absolute;
  inset: 27px 70px auto auto;
}

.image-star-2 {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto auto 190px 297px;
}

.image-star-3 {
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto 0 240px auto;
}

.div-block-38 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrapper-discover-2 {
  grid-column-gap: 0px;
  grid-row-gap: 113px;
  grid-template-rows: auto;
  grid-template-columns: 11fr 10fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.item-bay {
  border-bottom: 0.5px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 18px 20px 18px 5px;
  display: flex;
  overflow: hidden;
  gap: 20px;
  cursor: pointer;
  text-decoration: none;
}

.trending-collection {
  width: 100%;
}

.item-bay:hover {
  background-color: var(--purple);
  color: #fff;
}

.item-bay:hover .img-arrow {
  filter: brightness(0) invert(1);
}

.item-bay:hover .image-203 {
  opacity: 0;
}

.item-bay:hover .abs-img {
  opacity: 1;
}

.item-bay:hover .text-20-27,
.item-bay:hover .text-13-18 {
  color: #fff;
}

.img-arrow {
  width: 12px;
  height: 12px;
}

.text-20-27 {
  color: #000;
  flex: none;
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}

.text-13-18 {
  color: #666;
  flex: none;
  font-family: "Manrope";
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.gap-12-h {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 178px;
  display: flex;
}

.pagination-2 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 27px;
}

.collection-item-3 {
  display: inline;
}

.tag-copy {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #45359c;
  border: 1px solid #5e48db;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 25px;
  font-family: "Manrope";
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
}

.pagination-3 {
  justify-content: flex-start;
  align-items: flex-start;
}

.container-loop-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.container-loop-right-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.container-loop-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-16-17 {
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}

.text-16-17.r {
  padding-left: 10px;
}

.mobile-pagination {
  display: none;
}

@media screen and (max-width: 767px) {
  .text-16-17.r {
    text-align: center;
  }

  .nav-content-new {
    padding: 0;
  }

  .is-post-wrapper {
    padding: 0 0 !important;
  }

  .page-notfound-header {
    padding: 1.5rem 1.25rem;
  }

  .not-found-wrapper {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .footer-not-found_wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
  }

  .middle-followimg,
  .follow-us {
    border-radius: 0 !important;
  }

  .bottom-scroll {
    padding-bottom: 0 !important;
  }

  .mobile-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.gap-20 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #5e48db;
  flex-flow: column;
  display: flex;
}

.search-field {
  color: #000;
  background-color: #fff;
  border: 1px #000;
  border-radius: 12px;
  height: 48px;
  margin-bottom: 0;
  padding-left: 54px;
  padding-right: 54px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.search-field::placeholder {
  color: #666;
}

.search-field-2 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
}

.image-198 {
  z-index: 5;
  width: 17px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translate(0, -50%);
  transition: all 0.3s ease-in-out;
  color: #666666;
  display: flex;
}

.section-attention-1 {
  padding-top: 22px;
}

.wrapper-attention-1 {
  grid-template-rows: auto;
  gap: 22px;
  grid-template-columns: minmax(0, 225px) minmax(0, auto) minmax(0, 300px);
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
  overflow: hidden;
}

.follow-us {
  background-color: #fff;
  border: 1px solid #dfdeda;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 24px 24px 24px 24px;
  text-decoration: none;
  display: flex;
  font-family: "Manrope";
}

.inner-follow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #666;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  display: flex;
}

.code-embed-7 {
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.text-11-130 {
  font-size: 11px;
  line-height: 130%;
}

.text-14-130 {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
}

.text-14-130:hover {
  text-decoration: underline;
}

.text-14-130.text-color-black {
  color: #000;
}

.follow-us-div {
  font-size: 14px;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  flex-flow: column;
  align-items: center;
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  justify-content: center;
}

.body-follow {
  height: 100%;
  display: flex !important;
  justify-content: center;
}

.body-follow img {
  height: 100%;
}

.follow-us-div .text-follow-us {
  color: black;
}

.follow-us-div .code-embed-7 svg {
  fill: rgb(102, 102, 102);
}

.follow-us-div:hover .text-follow-us,
.follow-us-div:hover svg {
  color: #5e48db;
  fill: #5e48db;
}

.middle-followimg {
  background-color: #fff;
  border: 1px solid #dfdeda;
  border-radius: 10px;
}

.header-follow {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  flex-flow: column;
  padding: 16px 26px 18px;
  display: flex;
}

.bottom-follow {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #45359c !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.bottom-follow:hover {
  background-color: #f6f5ff !important;
  text-decoration: none;
}

.text-18-40 {
  font-family: "Manrope";
  font-size: 15px;
  line-height: 35px;
  font-weight: 500;
}

.right-column-div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.rockstar {
  background-color: #fff;
  border: 1px solid #dfdeda;
  border-radius: 10px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 16px;
  display: flex;
}

.top-rock {
  gap: 10px;
  color: #000;
  flex-flow: column;
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  padding-bottom: 4px;
}

.text-20-27-semi {
  color: #191919;
  font-family: "Manrope";
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.text-16-22-sem {
  font-family: "Manrope";
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.text-16-22-sem.text-color-gray {
  color: #666;
}

.text-14-22-sem {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #313234;
}

.text-14-22-sem.text-color-gray {
  color: #666;
}

.item-rock {
  color: #000;
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 100% !important;
}

.promoted-content {
  padding: 0 !important;
}

.item-rock:hover {
  background-color: #ebebeb;
  text-decoration: none;
}

.promoted-content:hover {
  background-color: transparent !important;
}

.promoted-content:hover .text-14-18-bold {
  color: #5e48db !important;
  text-decoration: underline !important;
}

.div-block-39 {
  color: #666;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  margin-top: -10px;
}

.vault-type {
  margin: 0 !important;
}

.text-12-16 {
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.dots {
  background-color: #666;
  border-radius: 100px;
  width: 3px;
  min-width: 3px;
  height: 3px;
  min-height: 3px;
}

.content-wrapper {
  width: 100% !important;
}

.collection-list-2 {
  grid-column-gap: 0.8rem;
  grid-row-gap: 0.8rem;
  flex-flow: column;
  display: flex;
}

.vault-collection {
  gap: 0 !important;
}

.section-scroll {
  padding-top: 16px;
}

.wrapper-scroll {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.top-scroll {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  max-height: 4px;
  margin-bottom: 4px;
}

.bottom-scroll {
  width: 100%;
  padding-bottom: 3em !important;
}

.line-scroll {
  background-color: #bebdba;
  width: 100%;
  height: 1px;
}

.div-block-40 {
  white-space: nowrap;
}

.text-13-18-sem {
  font-family: "Manrope";
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.text-span-5 {
  color: #9095a1;
  font-weight: 400;
}

.next {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #5e48db !important;
  background-color: #fafafa00;
  border-style: none;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  padding: 5px 6px;
  font-family: "Manrope";
  font-weight: 700;
  line-height: 19px;
  text-decoration: none;
  display: flex;
}

.next:hover {
  color: #45359c !important;
  background-color: #f6f5ff;
}

.pagination-4 {
  justify-content: flex-start;
  align-items: flex-start;
}

.pagination-4.show-more {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  align-items: flex-end;
}

.image-199 {
  margin-top: 2px;
}

.promoted {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  border: 1px solid #dfdeda;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 12px;
  display: flex;
}

.right-fixed-column.fixed {
  position: fixed;
  top: 10px;
  max-width: 299.281px;
}

.promoted-1 {
  color: #666;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.promoted-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-12-16-sem {
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.text-14-19 {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  overflow-x: hidden;
  overflow-y: auto;
}

.button-follow {
  color: var(--purple) !important;
  border: 1px solid var(--purple);
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding: 6px 36px;
  font-family: "Manrope";
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
}

.button-follow:hover {
  color: #fff !important;
  background-color: #5e48db;
  text-decoration: none;
}

.item-promoted {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  border-bottom: 1px solid #e8e8e8;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
  display: flex;
}

.img-40 {
  border-radius: 100px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.text-14-18-bold {
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.div-block-41 {
  color: #313234;
}

.text-12-18 {
  font-family: "Manrope";
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.text-12-18.text-color-gray {
  color: #666;
}

.collection-list-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.rich-text-block,
.collection-list-wrapper-2 {
  width: 100%;
}

.div-block-42 {
  border-radius: 10px;
  overflow: hidden;
}

.collection-list-wrapper-3 {
  flex-flow: column;
  display: none;
}

.collection-list-4 {
  flex-flow: row;
  display: flex;
}

.background-try-copy {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background-color: #0303034d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  transition: opacity 1s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.img-2.hide-desk {
  display: none;
}

.section-desh {
  padding-top: 20px;
  padding-bottom: 20px;
}

.wrapper-desh {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.author0div {
  background-color: #fff;
  border: 1px solid #dfdeda;
  border-radius: 10px;
  overflow: hidden;
}

.frame-1 {
  background-color: #d9d9d9;
}

.div-block-43 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.full-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 22px;
  display: flex;
}

.btn {
  border-top: 1px solid #dfdeda;
  width: 100%;
  padding: 15px 22px;
  text-decoration: none;
}

.image-200 {
  border-radius: 100px;
  width: 76px;
  height: 76px;
}

.text-18-25 {
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
}

.text-13-18-bold {
  color: #666;
  font-family: "Manrope";
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.image-202 {
  width: 403.226vw;
  min-width: 403.226vw;
  height: 3.024vw;
}

.image-203 {
  width: 124px;
}

.under-line {
  color: #5e48db;
  text-decoration: none;
  transition: all 0.3s;
}

.under-line:hover {
  color: #45359c;
  -webkit-text-stroke-color: #45359c;
  text-decoration: underline !important;
}

.div-block-44 {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
}

.image-204 {
  opacity: 0;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 0%;
}

.image-205 {
  width: 12px;
  height: 12px;
}

.button-view {
  color: #45359c;
  cursor: pointer;
  border: 1px solid #5e48db;
  border-radius: 90px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 6px;
  padding: 12px 25px;
  font-family: "Manrope";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.3s;
  display: flex;
}

.button-view:hover {
  color: #fff;
  background-color: #5e48db;
}

.button-view:active {
  background-color: #3f2e9e;
}

.inner-div-btn {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rel-link {
  width: auto;
  height: 17.42px;
  position: relative;
  transform: translateY(1.42px);
}

.div-h1 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-45 {
  color: #fff;
  background-color: #5e48db;
  border-radius: 100px;
  padding: 14px 28px;
}

.heading-6 {
  color: #000;
}

.div-block-47 {
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-image: linear-gradient(
    #f9f7ff00 11%,
    #f9f7ff 48% 52%,
    #f9f7ff00 83%
  );
}

.left-24 {
  padding-left: 24px;
}

.code-embed-8 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 8px;
  display: flex;
  transform: translate(0, 1px);
}

._w-369 {
  width: 369px;
}

.image-206 {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
  object-fit: contain;
}

.dp-link {
  color: #474747;
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  transition: all 0.3s;
}

.dp-link:hover {
  color: #3f2e9e;
  text-decoration: underline;
}

.part-1-attention-02 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #6d737f;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.img-417 {
  width: 417px;
  height: 417px;
}

.div-block-48 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background: linear-gradient(
    90deg,
    #5e48db 0%,
    #c862e1 26.92%,
    #5e48db 50.96%,
    #c862e1 75%,
    #5e48db 99.04%
  );
  justify-content: flex-start;
  align-items: center;
  width: 4000px;
  min-width: 4000px;
  max-width: 4000px;
  padding-top: 5px;
  padding-bottom: 4px;
  display: flex;
}

.code-embed-8-up {
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 8px;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(-180deg);
}

.div-block-49 {
  position: relative;
}

.previous {
  display: none;
}

.div-block-50 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.preload-animation {
  position: relative;
  z-index: 99999;
}

.preload-animation .block-animation-background {
  background-color: #f3f2ef;
  position: fixed;
  inset: 0;
}

.preload-animation .block-animation {
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.preload-animation .block-animation .block-animation-inner {
  display: flex;
  justify-content: center;
  min-height: 100%;
  padding-top: 30vh;
  text-align: center;
}

.preload-animation
  .block-animation
  .block-animation-inner
  .block-animation-inner-inner {
  display: flex;
  flex-flow: column;
  gap: 16px;
}

.preload-animation
  .block-animation
  .block-animation-inner
  .block-animation-inner-inner
  svg {
  transform: scale(1.5);
}

.preload-animation
  .block-animation
  .block-animation-inner
  .block-animation-inner-inner
  .progress-content {
  width: 100%;
  transform: scale(1.5);
}

.preload-animation
  .block-animation
  .block-animation-inner
  .block-animation-inner-inner
  .progress-content
  .progress-bar {
  width: 100%;
  height: 2px;
  background-color: #a2a2a2;
  opacity: 0.7;
  overflow: hidden;
  border-radius: 8px;
}

.preload-animation
  .block-animation
  .block-animation-inner
  .block-animation-inner-inner
  .progress-content
  .progress-bar
  .progress {
  width: 100%;
  height: 100%;
  background-color: #5e48db;
  animation: progress 1s infinite linear;
}

.left-right {
  transform-origin: 0% 50%;
}

@keyframes progress {
  0% {
    transform: translateX(0) scaleX(0);
  }

  40% {
    transform: translateX(0) scaleX(0.4);
  }

  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.collection-list-5 {
  overflow: hidden;
}

.code-embed-8-copy {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 8px;
  display: flex;
  transform: translate(0, 1px) rotate(-180deg);
}

.container-1194 {
  max-width: 1208px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.right-discover-copy {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  min-width: 540px;
}

.img-face-1 {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
}

.div-block-51 {
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  display: flex;
  position: relative;
}

.img-face-2 {
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  position: absolute;
  inset: 0%;
}

.h2-copy {
  font-size: 48px;
  line-height: 50.4px;
  font-weight: 600;
}

.h2-copy.text-color-white {
  color: var(--neutral);
  padding-top: 100px;
}

.code-embed-9 {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
}

.div-block-52 {
  color: #bafd32;
}

.img-1240 {
  width: 2000px;
  min-width: 2000px;
  height: 252px;
  min-height: 252px;
}

.img-1240.hide-1240 {
  display: none;
}

.img-2500i {
  width: 2000vw;
  min-width: 2000vw;
  height: 252px;
  min-height: 252px;
}

.img-2500i.hide-1240 {
  display: none;
}

.item-logos {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #01a0ea;
  background-color: #fff;
  border: 1px solid #bfc4cf;
  border-radius: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 34px;
  padding: 9px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  display: flex;
}

.image-207 {
  width: 25px;
}

.holder-1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-54 {
  color: #bafd32;
}

.item-logos-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #161614;
  background-color: #fff;
  border: 1px solid #bfc4cf;
  border-radius: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 34px;
  padding: 9px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  display: flex;
}

.item-logos-3 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #ff7a59;
  background-color: #fff;
  border: 1px solid #bfc4cf;
  border-radius: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 34px;
  padding: 9px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 700;
  line-height: 19px;
  display: flex;
}

.text-block-22 {
  color: #5e8d3d;
}

.text-block-22-copy {
  color: #66276a;
}

.text-color-1 {
  color: #5e8d3d;
}

.text-color-01 {
  color: #161614;
}

.text-block-222 {
  color: #01a0ea;
}

.text-block-223 {
  color: #161614;
}

.text-block-224 {
  color: #ff5721;
}

.text-block-225 {
  color: #161614;
}

.text-block-226 {
  color: #01a0ea;
}

.text-block-227 {
  color: #66276a;
}

.text-block-2234 {
  color: #5e8d3d;
}

.text-block-22-copy-copy {
  color: #161614;
}

.img-25-25 {
  width: 25px;
  height: 25px;
}

.img-24-14 {
  width: 25px;
  height: 14px;
}

.img-20-02 {
  width: 20px;
  height: 20px;
}

.img-23-23 {
  width: 23px;
  height: 23px;
}

.img-22-22 {
  width: 22px;
  height: 22px;
}

.img-28-18 {
  width: 28px;
  height: 20px;
}

.holder-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-block-2235 {
  color: #161614;
}

.image-207-copy {
  width: 25px;
}

.img-19-15 {
  width: 19px;
  height: 15px;
}

.img-25-14 {
  width: 25px;
  height: 14px;
}

.img-20-24 {
  width: 20px;
  height: 24px;
}

.holder-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-208 {
  z-index: 0;
  width: 100vw;
  height: auto;
  object-fit: cover;
  object-position: bottom;
  margin-top: -2px;
  margin-left: -2px;
  max-width: none;
  max-height: 20rem;
}

.company-item {
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 12px 8px 8px;
  display: flex;
}

#top-company .company-icon {
  width: 40px;
  height: 40px;
}

.company-icon {
  object-fit: contain;
  border-radius: 100%;
  flex: none;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.company-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start;
  align-items: start;
  gap: 1px;
}

.company-title {
  color: #313234;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
}

.marketplace-count {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #404040;
}

.image-209 {
  z-index: 200;
  cursor: pointer;
  display: block;
  position: absolute;
  inset: -70% 5% auto auto;
}

.recent-search-wrapper {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity 0.3s, height 0.4s;
  padding: 0 7.5px;
}

.company-list {
  z-index: 200;
  opacity: 0;
  top: 0;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity 0.3s, height 0.4s;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  padding: 64px 7.5px 0;
  transition: all 0.3s ease-in-out;
}

.company-list.active-popular-div {
  opacity: 1;
  display: flex;
  overflow: visible;
  border-radius: 15px;
  padding: 58px 20px 20px !important;
  background-color: var(--neutral);
  box-shadow: 1px 1px 6px 0px #666666b2;
}

.popular-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.search-box {
  padding-top: 22px;
  padding-left: 16px;
  padding-right: 24px;
  padding-bottom: 18px;
}

.top-search {
  width: 100%;
  background-color: #f8f6ff;
  padding: 0 8px 8px;
  border-radius: 15px;
  flex-flow: column;
}

.search-form-wrapper {
  width: 100%;
}

.search-form-wrapper.search-results {
  padding: 8px 20px 20px !important;
  border-radius: 15px !important;
  background-color: var(--neutral) !important;
  box-shadow: 1px 1px 6px 0px #666666b2 !important;
  transition: all 0.3s ease-in-out;
}

.input-search-wrap.search-results {
  box-shadow: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  transition: all 0.3s ease-in-out;
}

.company-result {
  flex-flow: column;
  width: 100%;
  display: none;
}

.absolute-div-card {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.abs-img {
  opacity: 0;
  width: 120px;
  height: auto;
  position: absolute;
  inset: 0%;
}

.global-nav {
  width: 100%;
  padding: 0 22px;
  margin: 0 auto;
}

.global-nav-content {
  align-items: center;
  display: flex;
  margin: 0 auto;
  min-height: 100%;
  width: 100%;
  max-width: 1128px;
}

.div-block-31-copy {
  color: #fff;
  background-color: #5e48db;
  border-radius: 100px;
  padding: 12px 24px;
}

.btn-small {
  padding: 12px 22px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.rockstart-icon-wrapper {
  display: flex;
  align-items: center;
}

.rockstart-icon-content {
  padding: 9px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8.8px;
  font-family: "Manrope";
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  background: linear-gradient(0deg, #ffffff, #ffffff);
  box-shadow: 0px 0px 10px 0px #cfc8f466;
  border-radius: 100px;
  flex: none;
  width: max-content;
  transition: box-shadow 0.3s ease-in-out;
}

.rockstart-icon-content.is-active {
  box-shadow: 0px 0px 40px 0px #5e48dbb2;
}

.section-6 {
  background-image: url("../assets/8500x7501.png");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: bottom;
  padding-top: 100px;
  padding-bottom: 300px;
  position: relative;
  overflow: hidden;
  border-bottom: 10px solid #fff;
}

.section-cta {
  background-image: url("../assets/rockstart-icon/Group\ 3436890.png");
  background-size: auto;
  background-repeat: repeat-x;
  background-position: 30% center;
  padding-top: 50px;
  padding-bottom: 224px;
  border-bottom: 10px solid #fff;
  position: relative;
}

.section-cta-wrapper {
  overflow: hidden;
}

.cta-image {
  position: absolute;
  left: 30%;
  bottom: -28px;
}

.image-only {
  width: 40px;
  background-color: transparent;
  object-fit: contain;
}

.image-only.is-active {
  box-shadow: none;
}

.bg-image-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.text-40-55-med {
  font-family: "Manrope";
  font-size: 40px;
  font-weight: 500;
  line-height: 62px;
  letter-spacing: -1px;
}

.div-block-55 {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  max-width: 990px;
}

.code-embed-10 {
  display: none;
}

.mask {
  position: relative;
}

.image-211.hide-desk,
.text-24-47-copy.hide-desk {
  display: none;
}

.div-block-56 {
  position: relative;
}

.div-block-57 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-copy:hover {
  color: #fff;
  background-color: #5e48db;
}

.tag-copy:active {
  background-color: #3f2e9e;
}

.div-block-58 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-212 {
  width: 30px;
  height: 30px;
}

.text-block-2236 {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

.div-block-59 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-213,
.img-footer-1240,
.img-footer-1440,
.img-footer-1920 {
  width: 6000px;
  min-width: 6000px;
  height: auto;
  min-height: auto;
}

@media screen and (min-width: 1280px) {
  .section.video-2 {
    position: relative;
  }

  .masonry-grid {
    max-width: 78rem;
    margin-left: auto;
    margin-right: auto;
  }

  .post-list.primary-color {
    z-index: 1;
    height: 1200px;
    position: relative;
    overflow: hidden;
  }

  .div-block-18 {
    z-index: 2;
    background-image: linear-gradient(#0000 10%, #fff 80%, #fff);
    width: 100%;
    height: 1200px;
    position: absolute;
  }

  .section-4 {
    position: relative;
  }

  .div-block-24 {
    display: none;
  }

  .code-embed {
    width: 30px;
    height: 30px;
  }

  .btn-yellow {
    line-height: 100%;
  }

  .image-7 {
    width: 12px;
    height: 12px;
  }

  .line-under {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-16-22 {
    font-family: "Manrope";
  }

  .line {
    background-color: #666;
    width: 100%;
    height: 1px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .gap-84 {
    grid-column-gap: 84px;
    grid-row-gap: 84px;
    flex-flow: column;
    display: flex;
  }

  .btn-link {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    color: #666;
    border: 1px solid #666;
    border-radius: 90px;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: "Manrope";
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    display: flex;
  }

  .block-content {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 1px solid #666;
    border-radius: 4px;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 8px;
    display: flex;
  }

  .div-block-27 {
    width: 100%;
    padding-bottom: 98px;
  }

  .div-block-28 {
    background-color: #5e48db;
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 120px;
  }

  .wrapper-color {
    padding-bottom: 79px;
  }

  .color-div {
    height: 250px;
  }

  .div-block-29 {
    width: 100%;
  }

  .img-2500 {
    width: 4000px;
    min-width: 4000px;
  }

  .div-block-30 {
    bottom: -242px;
  }

  .left-discover {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .right-discover {
    width: 480px;
  }

  .img-star {
    width: 12px;
    height: 12px;
  }

  .image-152-copy {
    width: 32px;
    height: 32px;
  }

  .part-2-attention {
    grid-template-columns: 1fr 1.3fr;
  }

  .item-attention {
    padding-right: 19px;
  }

  .text-24-47 {
    font-family: "Manrope";
    font-size: 24px;
    font-weight: 400;
    line-height: 47px;
    color: #404040;
  }

  .input-search-copy {
    max-width: none;
  }

  .image-191 {
    left: -70px;
  }

  .image-192 {
    right: -70px;
  }

  .wrapper-over-2 {
    padding-top: 100px;
    grid-column-gap: 192px;
    grid-row-gap: 192px;
  }

  .wrapper-img {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .wrapper-test {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    background-color: #f7f5ff;
    border-radius: 12px;
    flex-flow: column;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 120px;
    display: flex;
  }

  .text-16-22-bold {
    font-family: "Manrope";
  }

  .text-16-22-bold.text-color-1 {
    color: #19224c;
  }

  .btn-yellow-2 {
    line-height: 100%;
  }

  .image-197 {
    left: 131px;
  }

  .image-star-1 {
    right: 283px;
  }

  .image-star-2 {
    left: 436px;
  }

  .image-star-3 {
    right: 97px;
  }

  .div-block-38 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .middle-followimg {
    overflow: hidden;
  }

  .div-block-46 {
    justify-content: flex-start;
    padding-left: 28px;
    align-items: center;
    display: flex;
  }

  .right-discover-copy {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .img-1240,
  .img-2500i {
    width: 4000px;
    min-width: 4000px;
  }

  .text-24-47-copy {
    font-family: "Manrope";
    font-size: 24px;
    font-weight: 400;
    line-height: 47px;
    color: #404040;
  }

  .div-block-59 {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .img-1240.hide-1920 {
    display: none;
  }

  .img-2500i {
    height: auto;
    min-height: auto;
  }
}

@media screen and (min-width: 1920px) {
  .div-block-30 {
    bottom: -355px;
  }

  .section-testimonials {
    padding-top: 500px;
  }

  .section-overspending {
    width: 100%;
  }

  .section-img {
    padding-top: 180px;
  }

  .img-1240.hide-1920 {
    display: none;
  }

  .img-2500i {
    width: 4300px;
    min-width: 4300px;
    height: 697px;
    min-height: 694px;
  }

  .image-213,
  .img-footer-1240,
  .img-footer-1440,
  .img-footer-1920 {
    width: 8000px;
    min-width: 8000px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.75rem;
  }

  .wrapper-hero-section-new {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-compatitor {
    padding: 80px 0;
  }

  h2 {
    font-size: 2.5rem;
  }

  .rockstart-section {
    padding-top: 0;
  }

  .rockstart-wrapper {
    padding: 80px 0;
  }

  .rockstart-content-wrapper {
    padding: 0 20px;
    gap: 40px;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  .text-3xl {
    font-size: 40px;
    line-height: 120%;
  }

  .global-nav {
    padding: 0 14px;
  }

  .global-nav-content {
    padding-left: 0;
  }

  .section {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section.hero {
    margin-bottom: 0;
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .section.relative.slider-home {
    padding-bottom: 10rem;
  }

  .section.bg-purple.lottie-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.bg-purple.star {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section.bg-purple.go-to-animated {
    padding-top: 7rem;
  }

  .section.bg-purple.go-to-2-animated {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section.video {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  .section.overflow-hidden.grow {
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .section.hero-go-to.cut-star {
    padding-bottom: 11rem;
  }

  .section.video-2 {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .container.grid.hero {
    grid-row-gap: 3rem;
  }

  .container.grid-col-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .container.grid-col-2.hero {
    grid-row-gap: 3rem;
  }

  .kickoff-classes-wrap {
    width: 100%;
  }

  .jumbo-h {
    font-size: 4rem;
  }

  .kickoff-styles-wrap {
    grid-template-columns: 1fr 1fr;
  }

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

  .text-neutral.small.bump-up {
    font-size: 2.5rem;
  }

  .padding-xs {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .padding-s {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .padding-m {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .padding-l {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .padding-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .padding-xxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-3xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

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

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

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

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

  .margin-xxl {
    margin-bottom: 80px;
  }

  .margin-3xl {
    margin-bottom: 96px;
  }

  .slider-button-left:hover {
    background-position: 50%;
  }

  .slider-button-left:active {
    background-color: var(--neon);
  }

  .slider-button-right:hover {
    background-position: 50%;
  }

  .slider-button-right:active {
    background-color: var(--neon);
  }

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

  .margin-left-s {
    margin-left: 16px;
  }

  .margin-left-m {
    margin-left: 28px;
  }

  .navigation {
    overflow: visible;
  }

  .nav-brand {
    z-index: 99;
    position: relative;
  }

  .nav-brand:hover,
  .nav-brand:active {
    color: var(--purple);
  }

  .nav-brand.display-none.w--current {
    display: none;
  }

  .utility-page-wrap.auto-height-wrap {
    min-height: auto;
  }

  .nav-link {
    border-bottom-color: var(--bg-purple-200);
    color: var(--neon-button-text);
    text-align: center;
    width: auto;
    margin-bottom: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 0;
  }

  .nav-link:hover {
    color: var(--black);
  }

  .nav-link.desktop-hide {
    display: block;
  }

  .nav-menu {
    background-color: var(--neutral);
    flex-direction: column;
    align-items: stretch;
    height: 100dvh;
    padding-top: 7.5rem;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: fixed;
    top: 0;
    overflow: auto;
    box-shadow: 0 20px 200px 10px #0000001a;
  }

  .nav-menu.hide-mobile {
    display: none;
  }

  .nav-menu-button {
    z-index: 99;
    color: var(--bg-purple-300);
    background-color: #0000;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: relative;
  }

  .nav-menu-button.w--open {
    color: var(--neon-button-text);
    background-color: #0000;
  }

  .nav-lines {
    background-color: #5e48db;
    border-radius: 4px;
    width: 16px;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-menu-button-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    color: #45359c;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: "Manrope";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1em;
    display: flex;
  }

  .nav-menu-mask {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding-bottom: 3rem;
  }

  .footer-link:hover {
    background-color: #5e48db;
  }

  .footer-copyright {
    color: #ffffffb3;
    font-size: 0.75rem;
    line-height: 1.33333em;
  }

  .heading-xxl,
  .heading-xl {
    font-size: 2.75rem;
  }

  .heading-l {
    font-size: 1.75rem;
  }

  .heading-xs {
    font-size: 1.5rem;
  }

  .green-button:hover {
    background-color: var(--neon);
    color: var(--neon-button-text);
  }

  .contact-link:hover {
    color: #ffffffb3;
  }

  .contact-link-text:hover {
    color: var(--neutral);
  }

  .footer-copyright-div {
    align-items: center;
  }

  .footer-logo-wrap:hover {
    opacity: 1;
  }

  .purple-span.bot-12px,
  .purple-span.fix-for-animation,
  .green-span {
    height: auto;
  }

  .green-span.top-12px.exclude-tablet {
    margin-top: 0;
  }

  .green-span.top-12px-mobilr {
    margin-top: 12px;
  }

  .green-span.top-12px-copy.exclude-tablet {
    margin-top: 0;
  }

  .hero-search-wrap {
    min-height: 40px;
  }
  .marketplace-icon {
    width: 57px;
    height: 57px;
  }

  .marketplace-icon._4 {
    width: 64px;
    height: 64px;
  }

  .marketplace-icon._1 {
    width: 46px;
    height: 46px;
  }

  .marketplace-icon.third-tablet {
    width: 45px;
    height: 45px;
  }

  .lottie-wrapper {
    height: 50vw;
    overflow: hidden;
  }

  .center-column.max-460.modify-space {
    margin-right: 0;
  }

  .purple-span-light.bot-12px {
    height: auto;
  }

  .hero-path-image {
    display: none;
  }

  .white-70.modify-margin-short {
    margin-top: -0.5rem;
  }

  .video-wrap {
    margin-top: 2rem;
  }

  .cover-image {
    display: block;
  }

  .play-button:hover {
    color: var(--purple);
    background-color: #bafd32;
    transform: none;
  }

  .paragraph-small.white-70.max-385.mod-max {
    margin-bottom: 28px;
  }

  .card-wrapper {
    grid-template-columns: 1fr 1fr;
    margin-top: 8.5rem;
    margin-bottom: 3rem;
    position: relative;
  }

  .card-div.hide-mobile {
    filter: blur(5px);
  }

  .card-div.tablet {
    z-index: 9;
    height: 325px;
    min-height: 325px;
    position: absolute;
    transform: scale(1.5);
  }

  .card-lottie-wrapper {
    min-height: 244px;
    max-height: 325px;
  }

  .card-lottie-wrapper.tablet {
    justify-content: center;
    width: auto;
    height: 325px;
    max-height: 325px;
    margin-top: -2rem;
    display: flex;
  }

  .card-text-wrap {
    display: none;
  }

  .quote-wrap {
    max-width: 464px;
  }

  .star-icon {
    width: 280px;
    height: 280px;
    position: static;
  }

  .hero-logo-wrap {
    grid-column-gap: 4.6875rem;
    grid-row-gap: 4.6875rem;
    justify-content: center;
    align-items: center;
  }

  .hero-icon-block.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block.second {
    position: static;
  }

  .hero-icon-block.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .left-video-star {
    display: none;
  }

  .right-video-star {
    width: 120px;
    height: 120px;
    bottom: -60px;
    right: 36px;
  }

  .left-star-outline {
    z-index: -1;
    display: none;
  }

  .right-star-outline {
    display: none;
  }

  .nav-link-organizer {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  .nav-buttons-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
    display: flex;
    position: static;
  }

  .absolute-heading-wrap {
    width: auto;
    height: auto;
    margin-bottom: 3.25rem;
    position: static;
  }

  .margin-top-1-25rem.slider-absolute {
    max-width: 220px;
    position: static;
  }

  .green-button-dark-bg:hover {
    background-color: var(--neon);
    color: var(--neon-button-text);
  }

  .insights-heading-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .light-purple-span.bot-12px {
    height: auto;
  }

  .featured-testimonial-image-wrap {
    height: 280px;
  }

  .featured-testimonial-text-wrap {
    max-width: none;
  }

  .author-position-rich-text a:hover {
    color: var(--purple);
  }

  .new-utility-rich-text h2 {
    font-size: 2rem;
  }

  .toc-link-fs:hover {
    background-color: #0000;
  }

  .toc-link-fs.w--current {
    color: #4c4c4c;
    font-weight: 500;
  }

  .hero-path-lottie {
    margin-top: 0;
    display: none;
  }

  .home-star-lottie {
    width: 75vw;
    min-width: 75vw;
    height: 75vw;
    min-height: 75vw;
    position: static;
  }

  .placeholder-asset-one {
    min-width: 580px;
    max-width: 580px;
    margin-top: 5rem;
  }

  .placeholder-asset-two {
    width: 580px;
    margin-top: 5rem;
  }

  .share-trigger.cousin-share-1:hover,
  .share-trigger.closest-share:hover,
  .share-trigger.closest-share-1:hover,
  .share-trigger.closest-share-2:hover,
  .share-trigger.cousin-share-2:hover,
  .user-closer:hover {
    color: var(--black);
    transform: none;
  }

  .light-purple-span-h1.bot-12px {
    height: auto;
  }

  .policy-h2 {
    font-size: 2rem;
  }

  .upvote-icon:hover {
    transform: none;
  }

  .go-to-h1.smaller-h1 {
    font-size: 40px;
  }

  .scayler-paragraph.max-custom-p {
    max-width: 500px;
    font-size: 1.5rem;
  }

  .go-to-lottie {
    min-width: 580px;
    max-width: 580px;
    margin-top: 5rem;
  }

  ._404-star {
    top: 254px;
    right: 0%;
  }

  .animation-block {
    left: 3%;
  }

  .animation-block.top-right {
    right: 3%;
  }

  .animation-block.middle-left {
    top: 114px;
    left: 5%;
  }

  .animation-block.bottom-left {
    top: 320px;
  }

  .animation-block.middle-right {
    top: 152px;
    right: 7%;
  }

  .animation-block.bottom-right {
    top: 355px;
    right: 28%;
  }

  .animation-block.home-top-l,
  .animation-block.home-bot-l,
  .animation-block.home-bot-r,
  .animation-block.home-top-r {
    position: static;
  }

  .hero-icon-block-go-to.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to.second {
    position: static;
  }

  .hero-icon-block-go-to.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .animation-star-s.top-l-left,
  .animation-star-l.top-r,
  .animation-star-l.top-l-right {
    display: none;
  }

  .hero-icon-block-go-to-s:hover {
    border-style: none;
    transform: none;
    box-shadow: 0 0 24px #00000024;
  }

  .hero-icon-block-go-to-s.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to-s.second {
    position: static;
  }

  .hero-icon-block-go-to-s.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to-s.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .hero-icon-block-go-to-l:hover {
    transform: none;
    box-shadow: 0 0 24px #00000024;
  }

  .hero-icon-block-go-to-l.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to-l.second {
    position: static;
  }

  .hero-icon-block-go-to-l.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-go-to-l.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .cursor-wrapper {
    display: none;
  }

  .marketplace-icon-go-to {
    width: 60%;
    height: 60%;
  }

  .marketplace-icon-go-to._4 {
    width: 64px;
    height: 64px;
  }

  .marketplace-icon-go-to._1 {
    width: 46px;
    height: 46px;
  }

  .marketplace-icon-go-to.third-tablet {
    width: 45px;
    height: 45px;
  }

  .linked-in-cta:hover {
    background-color: var(--neutral);
  }

  .absolute-background,
  .hero-path-lottie-wolfik {
    display: none;
  }

  .slider-home {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .max-520 {
    max-width: 370px;
  }

  .max-520.home {
    flex-direction: column;
    max-width: 500px;
  }

  .cover-tablet-lottie {
    width: auto;
    height: 325px;
  }

  .green-button-dark-bg-submit:hover {
    background-color: var(--neon);
    color: var(--neon-button-text);
  }

  .footer-star {
    width: 160px;
    height: 160px;
    inset: auto auto 23% 7%;
  }

  .list-item-api:hover {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .input-search-wrap {
    margin-bottom: 0;
  }

  .hero-icon-block-s:hover {
    border-style: none;
    transform: none;
    box-shadow: 0 0 24px #00000024;
  }

  .hero-icon-block-s.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-s.second {
    position: static;
  }

  .hero-icon-block-s.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-s.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .hero-icon-block-s.rotate-top-l {
    transform: none;
    box-shadow: 0 0 14px #6b46ff;
  }

  .hero-icon-block-s.rotate-top-l:hover {
    transform: none;
  }

  .hero-icon-block-s.rotate-top-r {
    width: 112px;
    height: 112px;
    transform: none;
    box-shadow: 0 0 14px #6b46ff;
  }

  .hero-icon-block-s.rotate-top-r:hover {
    transform: none;
  }

  .marketplace-icon-home {
    object-fit: cover;
    width: 60%;
    height: 60%;
  }

  .marketplace-icon-home._4 {
    width: 64px;
    height: 64px;
  }

  .marketplace-icon-home._1 {
    width: 46px;
    height: 46px;
  }

  .marketplace-icon-home.third-tablet {
    width: 45px;
    height: 45px;
  }

  .marketplace-icon-home.google-play-icon {
    width: 45px;
    height: 45px;
    margin-left: 0;
  }

  .marketplace-icon-home.hubspot-icon,
  .marketplace-icon-home.mailchimp-icon {
    width: 64px;
    height: 64px;
  }

  .marketplace-icon-home.gong-icon {
    object-fit: contain;
    width: 45px;
    height: 45px;
    margin-left: 0;
  }

  .hero-icon-block-home-l:hover {
    transform: none;
    box-shadow: 0 0 24px #00000024;
  }

  .hero-icon-block-home-l.first {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-home-l.second {
    position: static;
  }

  .hero-icon-block-home-l.third {
    width: 80px;
    height: 80px;
    position: static;
  }

  .hero-icon-block-home-l.fourth {
    width: 112px;
    height: 112px;
    position: static;
  }

  .hero-icon-block-home-l.rotate-bot-l {
    transform: none;
    box-shadow: 0 0 14px #6b46ff;
  }

  .hero-icon-block-home-l.rotate-bot-l:hover {
    transform: none;
  }

  .hero-icon-block-home-l.rotate-bot-r {
    width: 80px;
    height: 80px;
    transform: none;
    box-shadow: 0 0 14px #6b46ff;
  }

  .hero-icon-block-home-l.rotate-bot-r:hover {
    transform: none;
  }

  .animation-star-l-home,
  .animation-star-s-home {
    display: none;
  }

  .error-div {
    top: 0;
  }

  .testimonial-slider-wrap-home {
    height: auto;
  }

  .home-quote-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    height: auto;
  }

  .author-image-wrap {
    flex: none;
    width: 200px;
    height: 221px;
  }

  .testimonial-quote {
    font-size: 2.5rem;
  }

  .home-new {
    top: 269px;
  }

  .animation-star-hero,
  .nav-search-wrap-desktop,
  .nav-search-text {
    display: none;
  }

  .nav-menu-button-overall {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .search-icon-mobile {
    z-index: 99;
    justify-content: center;
    align-items: center;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    margin-right: 1rem;
    padding: 0;
    display: none;
    position: relative;
  }

  .loop-icon {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .x-icon {
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
  }

  .modify-margin {
    margin-bottom: -2px;
  }

  .star-section {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .grow-copy {
    padding-top: 10rem;
    padding-bottom: 7rem;
  }

  .secondary-button:hover {
    background-color: var(--neon);
    color: var(--neon-button-text);
  }

  .maxed-heading {
    max-width: 450px;
  }

  .partner-marketplace-trick {
    align-items: flex-start;
  }

  .h1-trick-moves {
    font-size: 2.75rem;
  }

  .h1-trick-moves.popular-moves {
    width: 110px;
  }

  .h1-trick-moves.app-moves {
    width: 90px;
  }

  .h1-trick-moves.integration-moves {
    width: 230px;
  }

  .h1-trick-moves.partner-moves {
    width: 165px;
  }

  .h1-trick {
    font-size: 2.75rem;
  }

  .overflow-control {
    justify-content: flex-start;
    width: 165px;
    height: 4.25rem;
  }

  .marketplace-control {
    justify-content: flex-start;
    height: 4.25rem;
  }

  .responsive-margin-m {
    margin-bottom: 1rem;
  }

  .short-page-wrapper {
    flex-direction: column;
    height: auto;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fake-navigation {
    display: flex;
  }

  .nav-sepparator {
    background-color: #8e7fe6;
    width: 100%;
    height: 1px;
    padding: 0;
    display: block;
    position: absolute;
    inset: 4.5rem auto auto 0%;
  }

  .skip-button:hover {
    background-color: var(--neon);
    color: var(--neon-button-text);
  }

  .be-seen-search-icons {
    width: 2rem;
    height: 1rem;
    display: none;
    overflow: hidden;
  }

  .small-text {
    margin-top: 3.5rem;
  }

  .click-blocker {
    width: 100%;
    height: 80px;
    left: 0%;
  }

  .nav-search-wrap-universal {
    display: flex;
  }

  .click-blocker-2 {
    width: 100%;
    height: 80px;
    left: 0%;
  }

  .collection-list-wrapper {
    column-count: 2;
    column-gap: 15px;
  }

  .collection-item-2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .dropdown-toggle {
    width: 100%;
    padding-right: 0;
  }

  .dropdown {
    width: 100%;
  }

  .dropdown-list.w--open {
    z-index: 10;
    box-shadow: none;
    position: relative;
  }

  .div-block-12 {
    flex-direction: column;
    height: 80%;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .section-2,
  .section-3 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .accordion-item---brix.accordion-1---brix {
    margin-bottom: 20px;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
  }

  .accordion-item-title---brix {
    max-width: 88%;
  }

  .calculator-slide-block {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .field-label-2.solid {
    float: none;
    display: block;
  }

  .calculator-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ui-slider-handle {
    border-radius: 60px;
    transition: box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out,
      height 0.2s ease-in-out, width 0.2s ease-in-out;
  }

  .ui-slider-handle:hover {
    background-color: #f7941e;
    border-radius: 60px;
    width: 40px;
    height: 40px;
    top: -400%;
    box-shadow: 0 2px 4px -3px #000;
  }

  .container-1200 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-nav {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .nav-menu-2 {
    background-color: #fff;
  }

  .gap-16-h {
    margin-bottom: 40px;
    display: none;
  }

  .div-block-25 {
    display: none;
  }

  .container-1252 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-1332 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-hero-section {
    flex-flow: column;
    display: flex;
  }

  .right-hero-section {
    order: -1;
  }

  .img-2500 {
    width: 1000px;
    min-width: 1000px;
  }

  .div-block-30 {
    bottom: -71px;
  }

  .wrapper-discover {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    display: flex;
  }

  .left-discover {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .h2 {
    font-size: 32px;
  }

  .section-reach {
    padding-top: 90px;
  }

  .mask .section-overspending {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .wrapper-over {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    display: flex;
    align-items: center;
  }

  .right-over {
    width: 100%;
  }

  .btn-section {
    justify-content: center;
    align-items: center;
  }

  .top-footer {
    grid-column-gap: 55px;
    grid-row-gap: 55px;
    grid-template-columns: 1fr 1fr;
  }

  .section-attention {
    padding-top: 80px;
    padding-bottom: 40px;
  }

  .wrapper-attention {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .part-2-attention {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .part-2-attention-3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .image-191 {
    width: 89px;
  }

  .image-192 {
    width: 100px;
  }

  .left-over-2,
  .right-over-2 {
    width: 100%;
  }

  .wrapper-over-2 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    display: flex;
  }

  .section-img {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .wrapper-test {
    padding: 40px;
  }

  .collection-list {
    flex-flow: column;
    display: flex;
  }

  .div-block-37 {
    padding: 6px 16px;
  }

  .blue-span {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .wrapper-discover-2,
  .wrapper-attention-1 {
    flex-flow: column;
    display: flex;
  }

  .follow-us,
  .track-1,
  .right-column-div {
    display: none;
  }

  .menu-button.w--open {
    background-color: #203492;
    border-radius: 100px;
    padding: 12px;
  }

  .h2-copy {
    font-size: 32px;
  }

  .img-1240,
  .img-2500i {
    width: 1000px;
    min-width: 1000px;
  }

  .maxed-heading-copy {
    max-width: 450px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }

  .wrapper-hero-section-new {
    grid-template-columns: repeat(1, 1fr);
  }

  .hero-card {
    padding: 32px 24px;
  }

  .hero-card:nth-child(1) .hero-card-image {
    transform: translateY(20);
  }

  .hero-card:nth-child(2) .hero-card-image {
    transform: translateY(0);
  }

  .hero-card:nth-child(3) .hero-card-image {
    transform: translateY(-35px);
    max-width: 232px;
  }

  .hero-card:nth-child(1):hover .hero-card-image {
    transform: translateY(-10px) !important;
  }

  .hero-card:nth-child(2):hover .hero-card-image {
    transform: translateY(-40px) !important;
  }

  .hero-card:nth-child(3):hover .hero-card-image {
    transform: translateY(-70px) !important;
  }

  .cta-image {
    left: 0px;
  }

  .hero-card-image-wrapper {
    max-height: 190px;
  }

  .text-40-55.rockstar-text {
    font-size: 30px;
  }

  .text-3xl {
    font-size: 32px;
    line-height: 120%;
  }

  .rockstart-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 80px;
  }

  .rockstart-profile {
    order: 1;
  }

  .rockstart-detail-wrapper {
    order: 2;
    text-align: center;
    align-items: center;
  }

  .text-24-33.rockstar-text {
    font-size: 16px;
  }

  .rockstart-detail h3 {
    font-size: 40px;
    letter-spacing: -0.4px;
  }

  .rockstart-detail p {
    font-size: 24px;
  }

  .rockstart-title {
    font-size: 24px;
    text-align: left;
  }

  h2 {
    font-size: 2.25rem;
  }

  p {
    font-size: 1.25rem;
  }

  .section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.hero {
    padding-bottom: 5rem;
  }

  .section.relative,
  .section.relative.go-to-slider,
  .section.relative.slider-home {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .section.bg-purple.lottie-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.video {
    padding-top: 5rem;
  }

  .section.overflow-hidden.grow {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }

  .section.hero-go-to {
    padding-bottom: 7rem;
  }

  .section.hero-go-to.cut-star {
    padding-bottom: 10rem;
    overflow: visible;
  }

  .section.video-2 {
    padding-top: 5rem;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-testimonials {
    padding-top: 160px;
    padding-bottom: 0;
  }

  .container.grid.hero {
    grid-row-gap: 2rem;
  }

  .container.grid-col-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .container.grid-col-2.hero {
    grid-row-gap: 2rem;
  }

  .column.gap-7rem {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .column.gap-7rem.max {
    max-width: none;
  }

  .jumbo-h {
    font-size: 3.5rem;
  }

  .kickoff-styles-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    grid-template-columns: 1fr;
  }

  .kickoff-color-helper {
    margin-top: 12px;
    margin-bottom: 12px;
  }

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

  .text-neutral.wrapped-h2 {
    font-size: 24px;
  }

  .padding-xs {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .padding-s {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .padding-m {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .padding-l {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .padding-xl {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .padding-xxl {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .padding-3xl {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .margin-xxs {
    margin-bottom: 4px;
  }

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

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

  .margin-m {
    margin-bottom: 20px;
  }

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

  .margin-xxl {
    margin-bottom: 72px;
  }

  .margin-3xl {
    margin-bottom: 80px;
  }

  .button {
    min-width: 140px;
    padding: 16px 28px;
  }

  .button-small {
    padding: 10px 20px;
  }

  .button-variant {
    min-width: 140px;
    padding: 0.5rem 1.5rem;
  }

  .button-variant-small {
    padding: 10px 20px;
  }

  .slider-button-left,
  .slider-button-right {
    background-size: 16px;
    width: 48px;
    height: 48px;
  }

  .button-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

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

  .margin-left-s {
    margin-left: 12px;
  }

  .margin-left-m {
    margin-left: 20px;
  }

  .footer-section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .nav-brand.display-none.w--current {
    display: none;
  }

  .heading-xxl {
    font-size: 2rem;
  }

  .heading-xl {
    font-size: 2.25rem;
  }

  .purple-span.fix-for-animation {
    padding: 0.5rem 1rem;
  }

  .green-span.top-12px-mobilr {
    margin-top: 12px;
  }

  .loop-image-wrap {
    width: 64px;
    height: 64px;
  }

  .loop-image-wrap.no-color {
    padding: 0;
  }

  .marketplace-icon,
  .marketplace-icon._4 {
    width: 33px;
    height: 33px;
  }

  .marketplace-icon._1 {
    width: 27px;
    height: 27px;
  }

  .marketplace-icon.third-tablet {
    width: 25px;
    height: 25px;
  }

  .lottie-wrapper {
    height: 450px;
  }

  .paragraph-small.white-70.max-385.mod-max {
    margin-bottom: 20px;
  }

  .card-wrapper {
    grid-template-columns: 1fr;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }

  .card-div {
    align-items: center;
  }

  .card-div.hide-mobile {
    display: none;
  }

  .card-div.tablet {
    width: 100%;
    height: auto;
    min-height: auto;
    position: static;
    transform: none;
  }

  .card-lottie-wrapper {
    width: 432px;
    min-height: 470px;
    max-height: 470px;
  }

  .card-lottie-wrapper.tablet {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .star-icon {
    width: 288px;
    height: 288px;
  }

  .hero-logo-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    justify-content: center;
  }

  .hero-icon-block {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block.fourth {
    width: 64px;
    height: 64px;
  }

  .right-video-star {
    display: none;
  }

  .insights-heading-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .insights-card {
    width: 100%;
    min-width: auto;
    max-width: none;
    height: 300px;
  }

  .first-avatar,
  .second-avatar,
  .third-avatar {
    border-radius: 24px;
    width: 120px;
    height: 120px;
  }

  .featured-testimonail-list {
    grid-template-columns: 1fr;
  }

  .featured-testimonial-image-wrap {
    height: 300px;
  }

  .featured-testimonial-text-wrap {
    max-width: none;
  }

  .pp-hero-icon {
    width: 80px;
    height: 80px;
    right: -80px;
  }

  .toc-sticky-block {
    margin-bottom: 3rem;
    position: static;
  }

  .new-utility-rich-text h2 {
    font-size: 2.25rem;
  }

  .home-star-lottie {
    width: 450px;
    min-width: 450px;
    height: 450px;
    min-height: 450px;
  }

  .placeholder-asset-one {
    min-width: 80vw;
    max-width: 80vw;
    height: 50vw;
  }

  .front-papers {
    height: 38vw;
  }

  .dead-star-icon {
    height: 45vw;
  }

  .back-papers-icon {
    height: 18vw;
  }

  .placeholder-asset-two {
    width: 100%;
    height: 400px;
    margin-top: 3rem;
  }

  .modal-wrap {
    width: 100%;
  }

  .full-list.col-2.container {
    pointer-events: auto;
    column-count: 1;
  }

  .light-purple-span-h1 {
    font-size: 2rem;
  }

  .policy-h2 {
    font-size: 2.25rem;
  }

  .go-to-h1 {
    font-size: 2.5rem;
  }

  .scayler-paragraph-big._0-7-white.bot-0-5rem.control-max {
    max-width: 22rem;
  }

  .go-to-lottie {
    min-width: 440px;
    max-width: 440px;
    height: 60vw;
    margin-top: 3rem;
  }

  .go-to-h2 {
    font-size: 2.25rem;
  }

  .go-to-h2.flex-center-later {
    max-width: 400px;
  }

  ._404-star {
    width: 180px;
    height: 180px;
    top: 311px;
  }

  .absoulte-animation-wrap {
    width: 100%;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    position: relative;
  }

  .animation-block {
    position: relative;
    top: 0;
    left: 0%;
  }

  .animation-block.top-right {
    top: 0;
    right: 0%;
  }

  .animation-block.middle-left,
  .animation-block.bottom-left {
    top: 0;
    left: 0%;
  }

  .animation-block.middle-right,
  .animation-block.bottom-right {
    top: 0;
    right: 0%;
  }

  .hero-icon-block-go-to {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-go-to.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-go-to.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to.fourth {
    width: 64px;
    height: 64px;
  }

  .animation-star-s {
    width: 20px;
    height: 20px;
  }

  .animation-star-s.top-l,
  .animation-star-s.top-r {
    display: none;
  }

  .animation-star-l {
    width: 35px;
    height: 35px;
    display: none;
  }

  .animation-star-l.top-l {
    display: none;
  }

  .animation-star-m {
    width: 25px;
    height: 25px;
    display: none;
  }

  .animation-star-m.top-l {
    display: none;
  }

  .hero-icon-block-go-to-s {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-go-to-s:hover {
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-go-to-s.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to-s.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-go-to-s.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to-s.fourth {
    width: 64px;
    height: 64px;
  }

  .hero-icon-block-go-to-l {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    position: relative;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-go-to-l:hover {
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-go-to-l.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to-l.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-go-to-l.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-go-to-l.fourth {
    width: 64px;
    height: 64px;
  }

  .animation-star-xm {
    width: 25px;
    height: 25px;
  }

  .animation-star-xm.mid-l,
  .animation-star-xm.bot-l,
  .animation-star-xm.mid-r,
  .animation-star-xm.bot-r {
    display: none;
  }

  .animation-star-xl {
    width: 35px;
    height: 35px;
    top: -57%;
  }

  .animation-star-xl.mid-l,
  .animation-star-xl.bot-l,
  .animation-star-xl.mid-r,
  .animation-star-xl.bot-r {
    display: none;
  }

  .marketplace-icon-go-to,
  .marketplace-icon-go-to._4 {
    width: 33px;
    height: 33px;
  }

  .marketplace-icon-go-to._1 {
    width: 27px;
    height: 27px;
  }

  .marketplace-icon-go-to.third-tablet {
    width: 25px;
    height: 25px;
  }

  .marketplace-icon-go-to.rotate.e2 {
    opacity: 0;
  }

  .first {
    width: 13vw;
    height: 13vw;
  }

  .second {
    width: 15vw;
    height: 15vw;
  }

  .third {
    width: 17vw;
    height: 17vw;
  }

  .fourth {
    width: 15vw;
    height: 15vw;
    right: 25%;
  }

  .cover-tablet-lottie {
    width: 100%;
    height: auto;
  }

  .footer-star {
    inset: 0% 0% auto auto;
  }

  .form-block-search.custom-form-block-search {
    width: auto;
    position: fixed;
    top: 10%;
    left: 20px;
    right: 20px;
  }

  .hero-icon-block-s {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-s:hover {
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-s.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-s.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-s.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-s.fourth {
    width: 64px;
    height: 64px;
  }

  .hero-icon-block-s.rotate-top-l {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-s.rotate-top-r {
    width: 60px;
    height: 60px;
  }

  .marketplace-icon-home,
  .marketplace-icon-home._4 {
    width: 33px;
    height: 33px;
  }

  .marketplace-icon-home._1 {
    width: 27px;
    height: 27px;
  }

  .marketplace-icon-home.third-tablet {
    width: 25px;
    height: 25px;
  }

  .marketplace-icon-home.salesforce-marketplace-icon {
    width: 38px;
    height: 38px;
  }

  .marketplace-icon-home.slack-icon,
  .marketplace-icon-home.google-play-icon {
    width: 27px;
    height: 27px;
  }

  .marketplace-icon-home.hubspot-icon,
  .marketplace-icon-home.mailchimp-icon {
    width: 36px;
    height: 36px;
  }

  .marketplace-icon-home.gong-icon {
    width: 27px;
    height: 27px;
  }

  .marketplace-icon-home.shopify-icon {
    width: 38px;
    height: 38px;
  }

  .marketplace-icon-home.g2-icon {
    width: 27px;
    height: 27px;
  }

  .hero-icon-block-home-l {
    border-width: 0.5px;
    width: 64px;
    height: 64px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-home-l:hover {
    box-shadow: 0 0 10px #6b46ff;
  }

  .hero-icon-block-home-l.first {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-home-l.second {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-home-l.third {
    width: 48px;
    height: 48px;
  }

  .hero-icon-block-home-l.fourth {
    width: 64px;
    height: 64px;
  }

  .hero-icon-block-home-l.rotate-bot-l {
    width: 60px;
    height: 60px;
  }

  .hero-icon-block-home-l.rotate-bot-r {
    width: 48px;
    height: 48px;
  }

  .animation-star-l-home {
    width: 35px;
    height: 35px;
  }

  .animation-star-s-home {
    width: 20px;
    height: 20px;
  }

  .home-testimonial-item-new {
    width: 100%;
  }

  .home-testimonial-wrap {
    flex-direction: column;
  }

  .testimonial-slider-wrap-home {
    align-items: flex-start;
  }

  .home-quote-wrap {
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .testimonial-quote {
    font-size: 2rem;
  }

  .quote-mark {
    z-index: -1;
    width: 50px;
    height: 30px;
  }

  .home-new {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
  }

  .input-search-nav {
    height: 2rem;
  }

  .grow-copy {
    padding-top: 7.5rem;
    padding-bottom: 5rem;
  }

  .maxed-heading {
    max-width: 420px;
  }

  .partner-marketplace-trick {
    margin-top: -1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h1-trick-moves {
    margin-bottom: 0.5rem;
    font-size: 2rem;
  }

  .h1-trick-moves.popular-moves {
    width: 80px;
  }

  .h1-trick-moves.app-moves {
    width: 64px;
  }

  .h1-trick-moves.integration-moves {
    width: 167px;
  }

  .h1-trick-moves.partner-moves {
    width: 116px;
  }

  .h1-trick {
    font-size: 2rem;
  }

  .overflow-control {
    width: 116px;
    height: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .marketplace-control {
    height: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .short-page-wrapper {
    flex-direction: column;
  }

  .footer {
    padding: 40px 20px;
  }

  .fake-navigation {
    height: 3rem;
  }

  .click-blocker {
    height: 50px;
  }

  .nav-search-wrap-universal {
    height: 2rem;
  }

  .click-blocker-2 {
    height: 50px;
  }

  .hero-video-mobile {
    display: flex;
  }

  .collection-list-wrapper {
    column-gap: 15px;
  }

  .collection-item-2 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .dropdown-list.w--open {
    min-width: auto;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-300.medium.top-8px {
    top: 6px;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .badge-primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-primary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .pricing-content {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.tabs {
    margin: 8px;
  }

  .section-2 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .text-301 {
    font-size: 16px;
    line-height: 18px;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-grid-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
  }

  .tab-standard {
    color: #fff;
    background-color: #0000;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .tab-standard.w--current {
    background-color: #8c54ff;
    border-color: #0000;
  }

  .tabs-menu-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-pane {
    padding: 30px;
  }

  .pricing-wrapper,
  .help {
    display: none;
  }

  .pricing-grid-wrapper-mobile {
    display: block;
  }

  .mobile-pricing {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .accordion-arrow-wrap---brix {
    width: 40px;
    min-height: 40px;
  }

  .accordion-item---brix.accordion-1---brix {
    margin-bottom: 16px;
    padding: 32px;
  }

  .cloneable-container-default {
    padding: 80px 24px;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .accordion-item-title---brix {
    max-width: 80%;
    font-size: 18px;
  }

  .calculator-slide-block {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-16,
  .div-slide-input {
    border-top: 1px solid #e6e6e6;
    padding-top: 40px;
  }

  .section-hero {
    padding-top: 30px;
    min-height: auto;
    padding-bottom: 80px;
  }

  .wrapper-hero-section {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    position: relative;
  }

  .h1-hero {
    font-size: 52px;
  }

  .top-logo {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .bottom-search {
    width: auto;
  }

  .gap-84 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .section-discover {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .h2 {
    font-size: 28px;
    line-height: 120%;
  }

  .section-reach {
    padding-top: 60px;
    padding-bottom: 90px;
  }

  .mask .section-overspending {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .wrapper-over {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .part-1-attention {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-40-55 {
    font-size: 26px;
  }

  .text-24-33 {
    font-size: 18px;
    line-height: 24px;
  }

  .wrapper-discover {
    padding: 0;
  }

  .wrapper-discover-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .wrapper-desh {
    flex-flow: column;
    display: flex;
  }

  .image-201 {
    width: 100%;
  }

  .part-1-attention-02 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .h2-copy {
    font-size: 28px;
    line-height: 120%;
  }

  .company-title {
    font-size: 16px;
  }

  .company-list {
    min-width: 100%;
  }

  .maxed-heading-copy {
    max-width: 420px;
  }

  .image-210 {
    position: absolute;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 2rem;
  }

  .section-compatitor {
    padding: 60px 0;
  }

  .h2.text-color-white.max-mobile {
    max-width: 250px;
  }

  .button-form-group {
    gap: 12px;
  }

  .linkedin-popup {
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    gap: 12px;
    justify-content: flex-start;
    padding: 24px 24px 22px 12px;
    display: none;
  }

  .linkedin-popup img {
    height: 54px;
    width: auto;
  }

  .h2,
  .h2-copy {
    font-size: 24px;
  }

  .btn-link.is-form {
    text-wrap: nowrap;
  }

  .is-hero-image {
    justify-content: center;
  }

  .text-3xl {
    font-size: 24px;
    line-height: 120%;
  }

  .section-6 {
    background-position: 53% 100%;
  }

  .right-discover-copy {
    min-width: 100%;
    width: 100%;
  }

  .tag,
  .tag-copy {
    font-size: 14px !important;
    padding: 8px 20px !important;
  }

  .btn-small {
    padding: 12px 22px !important;
    font-size: 16px !important;
  }

  .author-div .text-16-22-bold,
  .author-div .text-16-22-med {
    text-align: center;
  }

  .image-195 {
    width: 56px;
    height: 56px;
  }

  .section.hero {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.relative.slider-home.overflow-hidden {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.bg-purple.lottie-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.bg-purple.go-to-animated {
    padding-bottom: 5rem;
  }

  .section.bg-purple.go-to-2-animated {
    padding-top: 5rem;
  }

  .section.video {
    padding-bottom: 4rem;
  }

  .section.overflow-hidden {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.hero-go-to {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .footer-not-found-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
  }

  .section.hero-go-to.cut-star {
    padding-bottom: 11rem;
  }

  .section.testimonial {
    padding-top: 5rem;
    padding-bottom: 0;
  }

  .section.bee-seen-hero {
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }

  .section.bee-seen-subhero {
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }

  .section.video-2 {
    padding-bottom: 4rem;
  }

  .container.grid.hero.overflow-visible,
  .container.grid-col-2.hero.overflow-visible {
    grid-row-gap: 2rem;
  }

  .column.gap-2rem.max-285 {
    max-width: none;
  }

  .kickoff-color-helper {
    margin: 4px;
  }

  .text-neutral.margin-l.center-mobile {
    text-align: center;
  }

  .text-neutral.margin-xs {
    margin-bottom: 1rem;
  }

  .text-neutral.small,
  .text-neutral.small.bump-up {
    font-size: 2rem;
  }

  .button-wrapper {
    grid-template-columns: auto;
  }

  .nav-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navigation {
    height: 2.5rem;
  }

  .nav-brand {
    opacity: 1;
    width: 117px;
    height: 18px;
  }

  .nav-brand.display-none.w--current {
    opacity: 0;
    display: flex;
  }

  .nav-link {
    text-align: left;
    margin-bottom: 0;
    padding-left: 20px;
  }

  .nav-menu {
    height: auto;
    padding: 2rem 1rem;
  }

  .nav-menu-mask {
    justify-content: flex-start;
    height: auto;
    position: static;
  }

  .mobile-brake {
    display: inline-block;
  }

  .body-rich-text p {
    margin-bottom: 0;
  }

  .body-rich-text.post-rich-text {
    height: 150px;
    display: block;
  }

  .style-guide-intro {
    flex-direction: column;
  }

  .nav-logo-embed {
    display: flex;
  }

  .nav-logo-embed.display-none {
    display: none;
  }

  .green-button.search-button {
    padding: 0.5rem 1.5rem;
  }

  .social-link-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
  }

  .contact-info-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-copyright-div {
    flex-direction: column;
  }

  .hero-heading-wrap {
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    max-width: 300px;
  }

  .purple-span {
    padding: 0.5rem 1rem;
  }

  .purple-span.margin-on-mobile {
    margin-bottom: 0.5rem;
    font-size: 32px;
  }

  .purple-span.fix-for-animation {
    margin-bottom: 8px;
  }

  .green-span {
    padding: 0.5rem 1rem;
  }

  .green-span.top-12px.exclude-tablet {
    margin-top: 12px;
  }

  .green-span.top-12px.hide-mobile {
    display: none;
  }

  .green-span.top-12px-copy {
    font-size: 32px;
  }

  .green-span.top-12px-copy.exclude-tablet {
    margin-top: 12px;
  }

  .green-span.top-12px-copy.hide-mobile {
    display: none;
  }

  .hero-search-wrap {
    text-align: center;
  }

  .lottie-wrapper {
    height: 60vw;
  }

  .center-column.max-460.modify-space,
  .center-column.max-edit.modify-space {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .purple-span-light {
    padding: 0.5rem 1rem;
  }

  .white-70.modify-margin-short {
    margin-top: 0;
  }

  .video-wrap {
    margin-top: 1.5rem;
  }

  .play-button {
    width: 48px;
    height: 48px;
  }

  .card-wrapper {
    z-index: 0;
  }

  .card-lottie-wrapper {
    width: auto;
    min-height: 313px;
    max-height: 485px;
  }

  .card-lottie-wrapper.tablet {
    width: auto;
  }

  .quote-wrap {
    max-width: none;
    padding: 1.5rem;
  }

  .quote-author-wrap.topped {
    align-items: flex-start;
  }

  .hero-logo-wrap {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: space-between;
    max-width: 360px;
  }

  .hero-icon-block {
    border-width: 0.5px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .nav-link-organizer {
    justify-content: center;
    position: static;
    top: 5%;
  }

  .nav-buttons-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .testimonial-wrap {
    max-width: none;
  }

  .insights-heading-wrap {
    padding-left: 0;
  }

  .insights-card {
    height: 300px;
  }

  .insights-people-block {
    align-items: flex-end;
    width: 100%;
  }

  .first-avatar,
  .second-avatar,
  .third-avatar {
    width: 100px;
    height: 100px;
  }

  .light-purple-span {
    margin-bottom: 0.5rem;
  }

  .featured-testimonial-image-wrap {
    height: 350px;
  }

  .featured-testimonial-text-wrap {
    max-width: none;
  }

  .pp-hero-icon {
    bottom: -80px;
    right: 0;
  }

  .new-utility-rich-text h2 {
    font-size: 2rem;
  }

  .home-star-lottie {
    width: 100%;
    min-width: 100%;
    height: 80vw;
    min-height: 80vw;
  }

  .placeholder-asset-one {
    margin-top: 4rem;
  }

  .placeholder-asset-two {
    height: 70vw;
  }

  .cloud-icon {
    height: 30vw;
  }

  .scroll-star-icon {
    height: 30vw;
    top: 20vw;
    right: 5vw;
  }

  .controler-icon {
    height: 30vw;
  }

  .bee-seen-h1 {
    flex-direction: column;
    align-items: center;
  }

  .person-icon {
    width: 3.33333rem;
    min-width: 3.33333rem;
    height: 3.33333rem;
    min-height: 3.33333rem;
    margin-left: -1rem;
  }

  .modal-wrap {
    width: 100%;
    max-width: 100%;
    padding-bottom: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h6-style.custom-h6.hide {
    display: none;
  }

  .line-clamp {
    white-space: pre-wrap;
    word-break: normal;
    display: none;
    position: relative;
    overflow: visible;
  }

  .user-post-card-popup {
    display: none;
  }

  .go-to-h1 {
    font-size: 2rem;
  }

  .go-to-h1.smaller-h1 {
    font-size: 30px;
  }

  .scayler-paragraph.max-custom-p {
    margin-bottom: 0;
    font-size: 1.25rem;
  }

  .go-to-lottie {
    min-width: 60vw;
    max-width: 100%;
    height: 100vw;
    margin-top: 0;
  }

  .go-to-h2.flex-center-later {
    display: inline;
  }

  .go-to-h2.mobile-only {
    font-weight: 600;
    line-height: 1em;
    display: inline;
  }

  .what-we-love-wrap {
    flex-flow: wrap;
  }

  .hearth-icon {
    width: 2.5rem;
  }

  ._404-star {
    top: 100%;
  }

  .user-form-popup {
    display: none;
  }

  .absoulte-animation-wrap {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .animation-block.middle-right,
  .animation-block.bottom-right {
    display: none;
  }

  .hero-icon-block-go-to {
    border-width: 0.5px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .animation-star-s.top-l,
  .animation-star-l.top-l,
  .animation-star-m.top-l {
    display: none;
  }

  .hero-icon-block-go-to-s,
  .hero-icon-block-go-to-l {
    border-width: 0.5px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .linked-in-cta {
    margin-bottom: 3rem;
  }

  .max-520-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .scayler-paragraph-small.margin-xxs {
    margin-left: 30px;
    margin-right: 30px;
  }

  .fourth {
    display: block;
  }

  .footer-star {
    width: 100px;
    height: 100px;
    margin-top: -60px;
    position: relative;
    inset: auto 0% 0% auto;
  }

  .form-block-search {
    width: 100%;
  }

  .top-paragraph {
    max-width: 300px;
  }

  .hero-icon-block-s {
    border-width: 0.5px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .marketplace-icon-home.google-play-icon,
  .marketplace-icon-home.gong-icon {
    margin-left: 0;
  }

  .hero-icon-block-home-l {
    border-width: 0.5px;
    box-shadow: 0 0 10px #6b46ff;
  }

  .home-testimonial-wrap {
    max-width: none;
    padding-bottom: 0;
  }

  .popular-spacer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .popular-spacer.company-list-item {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .popular-pill {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
  }

  .popular-icon {
    width: 1rem;
    height: 1rem;
  }

  .home-new {
    justify-content: flex-start;
    width: 100%;
    margin-top: 3rem;
    position: static;
  }

  .form-fixer {
    width: 100%;
  }

  .form-fixer.fixed-form-fixer {
    padding-left: 10px;
    padding-right: 10px;
    inset: 0%;
    overflow: auto;
  }

  .form-fixer.relative-form-fixer {
    padding-left: 10px;
    padding-right: 10px;
    overflow: auto;
  }

  .arrow-embed {
    height: 1rem;
  }

  .star-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .maxed-heading {
    max-width: 320px;
  }

  .partner-marketplace-trick {
    background-color: #cffe6f00;
    border-radius: 0;
    flex-direction: column;
    align-items: center;
    margin-top: -0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h1-trick-moves.popular-moves {
    width: 80px;
  }

  .overflow-control {
    background-color: var(--text-highlight-neon);
    border-radius: 10rem;
    width: 110px;
    margin-bottom: 8px;
    padding: 0.5rem 1rem;
  }

  .marketplace-control {
    background-color: var(--text-highlight-neon);
    border-radius: 10rem;
    padding: 0.5rem 1rem;
  }

  .responsive-margin-m {
    margin-bottom: 0;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-column {
    margin-top: 20px;
  }

  .text-field-wrapper-2.is-half {
    width: 100%;
  }

  .footer {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fake-navigation {
    height: 4rem;
    display: flex;
  }

  .div-block {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
  }

  .nav-sepparator {
    top: 2.5rem;
  }

  .linkedin-input {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .linkedin-input.hover-bg-green {
    margin-bottom: 0;
  }

  .steps.step-1 {
    display: block;
  }

  .steps.step-2,
  .steps.step-3 {
    display: none;
  }

  .field-label-new {
    width: 100%;
    padding-right: 2rem;
  }

  .click-blocker {
    width: 100%;
    height: 60px;
    padding: 0;
    display: flex;
    position: absolute;
    inset: auto 0% -90px;
  }

  .click-blocker.hide {
    display: none;
  }

  .nav-search-wrap-universal {
    width: 95%;
  }

  .click-blocker-2 {
    width: 100%;
    height: 45px;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .hero-paragraph-small {
    white-space: normal;
    overflow-wrap: normal;
    width: 100%;
  }

  .absolute-div {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .h4-style {
    max-width: 270px;
  }

  .post-image-wrap {
    margin-bottom: 0.6rem;
  }

  .post-body {
    aspect-ratio: auto;
    position: relative;
  }

  .collection-list-wrapper {
    column-count: 1;
  }

  .masonry-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .dropdown-list.w--open {
    padding: 24px 20px;
  }

  .grid-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
  }

  .post-rich-text {
    margin-bottom: 1.5rem;
    font-size: 0.825rem;
    font-weight: 500;
    overflow: hidden;
  }

  .div-block-7 {
    background-image: linear-gradient(to top, #fff, #fff3);
  }

  .div-block-8 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }

  .post-list {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-3 {
    display: none;
  }

  .div-block-12 {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    display: flex;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.remove-margin {
    width: 200px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .text-300.medium.top-8px {
    top: 3px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .badge-primary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-primary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .divider {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .tabs-menu {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
  }

  .badge-secondary {
    padding: 10px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary.tabs {
    margin: 0;
  }

  .icon-list {
    margin-right: 8px;
  }

  .section-2 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-3 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .body-m-medium.white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-s.save {
    margin-left: 3.3rem;
    margin-right: 0;
  }

  .div-block-13 {
    justify-content: flex-start;
  }

  .image-5 {
    margin-right: 0;
  }

  .best-seller-wrapper.calculator {
    top: 0;
    left: 0;
    right: 0;
  }

  .tab-standard {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .tabs-menu-2 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .tab-pane {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cloneable-container-default {
    padding: 64px 16px;
  }

  .accordion-paragraph---brix {
    max-width: 100%;
  }

  .accordion-item-title---brix {
    max-width: 80%;
    font-size: 20px;
  }

  .left-svitch-div {
    float: left;
    flex: 1;
    display: block;
  }

  .radio-button-field {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .field-label-2.solid {
    float: none;
  }

  .calculator-revenue-2 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 30px;
  }

  .calculator-form {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .ui-widget-content {
    background-color: #e5e5e5;
  }

  .grey-line {
    margin-right: 20px;
  }

  .button-primary {
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-22 {
    width: 250px;
  }

  .body-l.black {
    text-align: center;
  }

  .nav-menu-2 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-left: 0;
    position: static;
  }

  .gap-16-h {
    flex-flow: column;
    margin-bottom: 0;
    display: none;
  }

  .wrapper-btn-nav {
    justify-content: center;
    align-items: center;
  }

  .navbarbutton {
    white-space: nowrap;
  }

  .container-1252.padding-32 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .container-1332.padding-32 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .wrapper-hero-section {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .left-hero-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    order: -1;
  }

  .right-hero-section {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .h1-hero {
    font-size: 48px;
    padding: 20.5px 20px 16.5px 24px;
  }

  .hero-subheading {
    font-size: 20px;
  }

  .gap-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .bottom-logo {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .bottom-search {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .btn-yellow {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .line-under.hide {
    display: none;
  }

  .line-under.hide-desk {
    display: flex;
  }

  .text-16-22.text-color-1.m-size-text {
    font-size: 14px;
  }

  .gap-84._w-518 {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .h2 {
    font-size: 30px;
    line-height: 30px;
  }

  .h2.left-24 {
    padding-left: 18px;
  }

  .h2.m-text-size {
    font-size: 24px;
    line-height: normal !important;
  }

  .div-block-31 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .yellow-div {
    padding-left: 18px;
    padding-right: 18px;
  }

  .tag {
    font-size: 16px;
  }

  .section-reach {
    padding-bottom: 140px;
  }

  .mask .section-overspending {
    padding-top: 100px;
    padding-bottom: 80px;
    text-align: center;
  }

  .text-30-43.text-color-white-70.space-1 {
    font-size: 20px;
    line-height: 140%;
  }

  .shadow-left,
  .shadow-right {
    width: 60px;
  }

  .top-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .wrapper-attention {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    padding: 32px 16px;
  }

  .part-1-attention {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .text-40-55 {
    line-height: 36px;
  }

  .text-24-36 {
    font-size: 18px;
    line-height: 28px;
  }

  .item-attention {
    justify-content: flex-start;
    align-items: center;
  }

  .img-author {
    width: 60px;
    height: 60px;
  }

  .text-24-47 {
    font-family: "Manrope";
    font-size: 13px;
  }

  .text-24-47.hide-m {
    display: none;
  }

  .image-191,
  .image-192 {
    width: 40px;
  }

  .wrapper-outrank,
  .wrapper-over-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .dtop-togle-white {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
  }

  .wrapper-test {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .top-test {
    margin-left: auto;
    margin-right: auto;
  }

  .author-div {
    flex-direction: column;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-marketplace {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .middle-content {
    display: none;
  }

  .image-197 {
    top: -36px;
    left: 201px;
  }

  .image-star-1 {
    right: 331px;
  }

  .image-star-2 {
    bottom: 124px;
    left: 319px;
  }

  .image-star-3 {
    bottom: 146px;
    right: 289px;
  }

  .div-block-38 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .item-bay {
    justify-content: space-between;
  }

  .text-20-27 {
    font-size: 15px;
  }

  .text-13-18 {
    font-size: 11px;
    line-height: 100%;
  }

  .gap-20 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .background-try-copy {
    display: none;
  }

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

  .img-2.hide-desk {
    display: block;
  }

  .img-1.hide-m {
    display: none;
  }

  .image-202 {
    min-width: 2354px;
    height: auto;
  }

  .image-203 {
    width: 120px;
  }

  .menu-button.w--open {
    background-color: var(--navy-100);
    border-radius: 100px;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex;
  }

  .div-h1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-45 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .left-24 {
    padding-left: 18px;
  }

  ._w-369 {
    width: 100%;
  }

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

  .part-1-attention-02 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .img-417 {
    width: auto;
    height: auto;
  }

  .container-1194 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-copy {
    font-size: 24px;
    line-height: 140%;
  }

  .h2-copy.text-color-white {
    text-wrap: nowrap;
  }

  .image-209 {
    top: -30%;
  }

  .popular-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .div-block-31-copy {
    padding-left: 18px;
    padding-right: 18px;
  }

  .maxed-heading-copy {
    max-width: none;
    font-size: 30px;
    line-height: 140%;
  }

  .maxed-heading-copy.m-text-size {
    font-size: 34px;
    line-height: normal !important;
  }

  .link-block-2 {
    width: 154px;
  }

  .hide-mobile {
    display: none;
  }

  .text-40-55-med {
    font-size: 21px;
    line-height: 130%;
  }

  .code-embed-10 {
    display: none;
  }

  .image-211 {
    width: 169px;
  }

  .image-211.hide-m {
    display: none;
  }

  .image-211.hide-desk {
    display: block;
  }

  .text-24-47-copy {
    font-family: "Manrope";
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
  }

  .text-24-47-copy.hide-desk {
    display: block;
  }

  .tag-copy {
    font-size: 16px;
  }

  .rockstart-content-wrapper {
    padding: 0 20px;
  }

  .rockstart-profile {
    order: 1;
    width: 250px;
    height: 250px;
  }

  .rockstart-detail-wrapper {
    order: 2;
    gap: 20px;
  }

  .rockstart-detail {
    gap: 12px;
  }

  .text-24-33.rockstar-text {
    font-size: 16px;
  }

  .rockstart-detail h3 {
    font-size: 24px;
    letter-spacing: -0.24px;
  }

  .rockstart-detail p {
    font-size: 13px;
  }

  .rockstart-title {
    font-size: 13px;
  }

  .rockstart-listing-logo img {
    height: 24px;
  }
  .swiper-prev,
  .swiper-next {
    width: 40px;
    height: 40px;
  }

  .text-3xl {
    line-height: 140%;
  }

  .text-3xl.max-width-none {
    max-width: 300px;
  }
}

#w-node-_4d32dca5-6ea0-98b6-5ca9-e877aecf823e-ab2277c2 {
  align-self: center;
  padding-left: 66px;
}

#w-node-b75d5d4c-effb-afa0-1d6f-77c966338442-ab2277c2 {
  place-self: center;
}

#w-node-_2a66fe90-4acc-14c1-da93-99d11f398f64-ab2277c2,
#w-node-_9cf139ae-eaa3-9c25-c3d6-cedbfbe95c82-ab2277c2,
#w-node-_96bfe6e1-eeaa-0029-efac-d26d67374349-ab2277c2,
#w-node-_7d7480ad-5970-f826-e40a-94d6382020ef-ab2277c2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24a98d7f-451d-b15b-d32b-dcc2972844a8-654d2164 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_0fe7dc99-5438-5d84-1cc7-946981878a64-654d2164 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  justify-self: end;
}

#w-node-_80d21f2e-3bd8-13e9-120a-e97a82941133-654d2164 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-e21ad707-027a-83b8-a153-2fe0faa2492a-654d2164 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71325881-aaab-24c4-6566-a1063b94c15e-ab2277c4 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: start center;
}

#w-node-ab9fc542-2f8d-68b9-584f-7e0c87f81bb9-ab2277c7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#Project-Set-Up.w-node-_1dbed699-b8f8-5e1e-f904-09957ee85dd6-ab2277c7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_30a7ccbf-f142-c729-e26e-3622d1296b13-ab2277c7 {
  grid-area: 1 / 8 / 2 / 13;
  align-self: center;
}

#w-node-b14a0122-3961-2249-be77-2f0e224657ad-ab2277c7,
#w-node-_43c0beed-6386-7877-56a2-ee7835884e37-ab2277c7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-d72d6950-d93d-4637-35d5-37c05e7c0d38-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: start;
}

#w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-ab2277c7 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-ef07ea39-cfb9-5449-7b94-05b347257299-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-ab2277c7,
#w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_38c376bb-e920-9eda-e812-210d78457c7d-ab2277c7,
#w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-ab2277c7,
#w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-ab2277c7,
#w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-dd45c394-e668-3321-1198-f52069133a57-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-ab2277c7,
#w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-ab2277c7,
#w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-ab2277c7,
#w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_897f6159-8fa3-bfc8-02d4-9f5d0452fcf8-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_9dc76a5e-c596-e4b0-3fb4-7b15303acc1b-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-be415236-5406-14ad-4edf-c6236719d74e-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-ab2277c7 {
  grid-area: span 1 / span 10 / span 1 / span 10;
}

#w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-ab2277c7 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-adc6fca3-12d5-6840-185b-67de2c2bf0cb-ab2277c7,
#w-node-e3fb3f13-88c0-9012-a386-a1b9aaee0541-ab2277c7,
#w-node-_28bd63f0-6680-e90a-cef5-eccbcf452fc4-ab2277c7,
#w-node-a0eb83da-e09f-6ea8-c50c-f00dba1427a1-ab2277c7,
#w-node-_0733b70e-37c0-b84a-08fe-d6e5a45283ff-ab2277c7,
#w-node-ed63493a-5848-e215-9b9d-8c4e3baab0d4-ab2277c7,
#w-node-c8333d7b-846c-6c83-4ed8-efd1299f7711-ab2277c7,
#w-node-d6cee0a1-b3fe-8e95-673e-0e3667db6e92-ab2277c7,
#w-node-_97355783-b81a-2f56-cf93-a432f6903430-ab2277c7,
#w-node-_9ee3691c-6630-b809-7e20-77e7cb280d34-ab2277c7,
#w-node-_9ee3691c-6630-b809-7e20-77e7cb280d3e-ab2277c7,
#w-node-_9ee3691c-6630-b809-7e20-77e7cb280d48-ab2277c7,
#w-node-_9ee3691c-6630-b809-7e20-77e7cb280d52-ab2277c7,
#w-node-_6c41f44b-b701-4842-381d-04daef273904-ab2277c7,
#w-node-f6a3e425-776f-57d7-1506-b61a84919725-ab2277c7,
#w-node-c30759ab-c69a-8ffc-d89b-71ee25d44b6b-ab2277c7,
#w-node-_370a7f08-7cbf-0169-f682-18752d2c9b60-ab2277c7,
#w-node-_1c61385d-7922-3d7c-c7bb-7e780ddc2d40-ab2277c7,
#w-node-_5f840a1d-3776-67dc-2024-a54c83aefb2b-ab2277c7,
#w-node-bc064cb3-8640-6fbc-9700-004cc0fc1a16-ab2277c7,
#w-node-_9c034f22-1a1b-08ea-dde1-2cd419d2b722-ab2277c7,
#w-node-_3f6ba279-894d-b6e5-7f91-ffdfdb4b7ece-ab2277c7,
#w-node-bb8afbb3-4fb5-526e-ae98-1953a46eeb28-ab2277c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: stretch;
}

#w-node-_3b738e3d-3b19-e021-8fe0-00bc892b3751-ab2277c7,
#w-node-f079c4dc-c847-6222-e870-3f41ce9fb9d8-ab2277c7 {
  align-self: start;
}

#w-node-_3b5b668e-4047-df8a-2a71-883f68fe773d-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe7744-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe774b-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe7752-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe7759-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe7760-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe7767-ab2277c7,
#w-node-_3b5b668e-4047-df8a-2a71-883f68fe776e-ab2277c7 {
  align-self: end;
}

#w-node-_6687739a-8afa-f819-d62e-ad969d63468a-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_97091ddd-8bf2-950c-431b-e0f779050914-ab2277c7,
#w-node-dfb41515-7bbe-9c22-ae41-2ae456bbd3c8-ab2277c7,
#w-node-_5314e0c2-91de-4655-65f7-77c8440d802d-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-d14c08c4-425f-d607-60fa-4d425e793376-ab2277c7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fa90f26b-7a5f-5b57-8c0c-501e0fee1314-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-ba78244a-0733-866f-3044-ca7cd30b15ce-ab2277c7 {
  grid-area: 3 / 2 / 4 / 7;
}

#w-node-d5d107d6-98e0-ad0e-b4b2-11b0183bfe7a-ab2277c7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_67575590-25d7-c14e-7162-ab76ff30550f-ab2277c7 {
  grid-area: 2 / 4 / 3 / 10;
}

#w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-ab2277c7 {
  grid-area: 1 / 9 / 2 / 13;
}

#w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-ab2277c7 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-e9053e3a-f801-a09f-679c-7b0b060e27db-10da4560,
#w-node-_0db0004d-8678-ecf0-448d-981f836f939c-10da4560 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_49e4bb41-f89c-f81c-0370-90a912db5833-10da4560 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: start center;
}

#w-node-_8504e45c-1243-4c46-c826-292accaf0bda-10da4560 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-c66389f2-1b0b-3eb5-d18a-eabf61fbea5c-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_3c750767-d2ff-4367-861b-acceab77b239-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center end;
}

#w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b328-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center start;
}

#w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b326-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center;
}

#w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b96-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: auto;
}

#w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b9a-10da4560 {
  grid-area: span 1 / span 6 / span 1 / span 6;
  place-self: center end;
}

#w-node-e0d6300f-10eb-7bc6-adaf-f4663851d122-10da4560 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa983ecf-ecb1-61ec-1bfd-97a73f35cf2b-10da4560,
#w-node-_62783a01-04e7-951d-f20f-071a5fd51d0b-10da4560 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_8e0842dd-efd7-55c5-a57e-e8e7b38535ce-c4933593 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: start center;
}

#w-node-_8e0842dd-efd7-55c5-a57e-e8e7b3853603-c4933593 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c5a94d06-2d65-9867-4600-ce78abae27fa-c4933593 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: center start;
}

#w-node-c5a94d06-2d65-9867-4600-ce78abae2806-c4933593 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5a94d06-2d65-9867-4600-ce78abae2807-c4933593 {
  grid-area: 1 / 9 / 2 / 13;
  place-self: center start;
}

#w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-9bebff94 {
  grid-area: 1 / 2 / 2 / 5;
  align-self: start;
}

#w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-9bebff94 {
  grid-area: 1 / 5 / 2 / 12;
}

#w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-2b4bc5fe {
  grid-area: 1 / 2 / 2 / 5;
  align-self: start;
}

#w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-2b4bc5fe {
  grid-area: 1 / 5 / 2 / 12;
}

#w-node-_1bad041b-ba93-6231-150b-f90c0b089db0-fba95601 {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-fba95601 {
  grid-area: 1 / 2 / 2 / 5;
  align-self: start;
}

#w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-fba95601 {
  grid-area: 1 / 5 / 2 / 12;
}

#w-node-_52b67f94-c36a-1b72-7207-591a9e96b574-c965f158 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: start center;
}

#disabled.w-node-_3300266e-a20b-c380-e076-d8e5c68fcd15-c965f158,
#w-node-_30235516-f80e-630f-1e86-de6857c6ca47-c965f158 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427da-7600fc13 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  place-self: start center;
}

#w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427e3-7600fc13,
#w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427ec-7600fc13 {
  grid-area: span 1 / span 12 / span 1 / span 12;
  justify-self: center;
}

#w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427fb-7600fc13 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7318ac3-40a1-de8f-9d3d-2dc6c897e50d-7ec62ba8,
#w-node-b7318ac3-40a1-de8f-9d3d-2dc6c897e514-7ec62ba8,
#w-node-b7318ac3-40a1-de8f-9d3d-2dc6c897e51d-7ec62ba8,
#w-node-_4fa051f9-763f-a92f-5800-6ff7e655661c-7ec62ba8 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_9cf139ae-eaa3-9c25-c3d6-cedbfbe95c82-ab2277c2 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4d32dca5-6ea0-98b6-5ca9-e877aecf823e-ab2277c2 {
    padding-left: 0;
  }

  #w-node-_96bfe6e1-eeaa-0029-efac-d26d67374349-ab2277c2 {
    grid-area: 1 / 1 / 2 / 3;
    justify-self: center;
  }

  #w-node-_7d7480ad-5970-f826-e40a-94d6382020ef-ab2277c2 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_24a98d7f-451d-b15b-d32b-dcc2972844a8-654d2164 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_0fe7dc99-5438-5d84-1cc7-946981878a64-654d2164 {
    grid-area: 1 / 4 / 2 / 7;
    justify-self: end;
  }

  #w-node-_80d21f2e-3bd8-13e9-120a-e97a82941133-654d2164,
  #w-node-_054f6fc5-6755-2da9-5d64-4c5f44341873-654d2164 {
    grid-column: span 6 / span 6;
  }

  #nav-get-started.w-node-fab2330e-f935-3a16-1dc5-b61884b311bf-8d67a8d6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_71325881-aaab-24c4-6566-a1063b94c15e-ab2277c4 {
    grid-column: span 6 / span 6;
  }

  #w-node-_43c0beed-6386-7877-56a2-ee7835884e37-ab2277c7 {
    grid-column: span 12 / span 12;
  }

  #w-node-d72d6950-d93d-4637-35d5-37c05e7c0d38-ab2277c7 {
    grid-column: span 3 / span 3;
  }

  #w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-ab2277c7 {
    grid-column: span 8 / span 8;
  }

  #w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-ab2277c7,
  #w-node-ef07ea39-cfb9-5449-7b94-05b347257299-ab2277c7,
  #w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-ab2277c7,
  #w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-ab2277c7,
  #w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-ab2277c7,
  #w-node-_38c376bb-e920-9eda-e812-210d78457c7d-ab2277c7,
  #w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-ab2277c7,
  #w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-ab2277c7,
  #w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-ab2277c7,
  #w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-ab2277c7,
  #w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-ab2277c7,
  #w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-ab2277c7,
  #w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-ab2277c7,
  #w-node-dd45c394-e668-3321-1198-f52069133a57-ab2277c7,
  #w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-ab2277c7,
  #w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-ab2277c7,
  #w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-ab2277c7,
  #w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-ab2277c7,
  #w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-ab2277c7,
  #w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-ab2277c7,
  #w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-ab2277c7,
  #w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-ab2277c7,
  #w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-ab2277c7,
  #w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-ab2277c7,
  #w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-ab2277c7,
  #w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-ab2277c7,
  #w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-ab2277c7,
  #w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-ab2277c7,
  #w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-ab2277c7,
  #w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-ab2277c7,
  #w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-ab2277c7,
  #w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-ab2277c7,
  #w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-ab2277c7,
  #w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-ab2277c7,
  #w-node-_897f6159-8fa3-bfc8-02d4-9f5d0452fcf8-ab2277c7,
  #w-node-_9dc76a5e-c596-e4b0-3fb4-7b15303acc1b-ab2277c7,
  #w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-ab2277c7,
  #w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-ab2277c7,
  #w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-ab2277c7,
  #w-node-be415236-5406-14ad-4edf-c6236719d74e-ab2277c7,
  #w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-ab2277c7,
  #w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-ab2277c7,
  #w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-ab2277c7,
  #w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-ab2277c7 {
    grid-column: span 12 / span 12;
  }

  #w-node-_97091ddd-8bf2-950c-431b-e0f779050914-ab2277c7 {
    grid-column: span 6 / span 6;
  }

  #w-node-dfb41515-7bbe-9c22-ae41-2ae456bbd3c8-ab2277c7 {
    grid-column: span 2 / span 2;
  }

  #w-node-_5314e0c2-91de-4655-65f7-77c8440d802d-ab2277c7 {
    grid-column: span 6 / span 6;
  }

  #w-node-fa90f26b-7a5f-5b57-8c0c-501e0fee1314-ab2277c7 {
    grid-column: span 3 / span 3;
  }

  #w-node-_49e4bb41-f89c-f81c-0370-90a912db5833-10da4560,
  #w-node-_8504e45c-1243-4c46-c826-292accaf0bda-10da4560 {
    grid-column: span 6 / span 6;
  }

  #w-node-c66389f2-1b0b-3eb5-d18a-eabf61fbea5c-10da4560 {
    grid-column: span 6 / span 6;
    place-self: auto center;
  }

  #w-node-_3c750767-d2ff-4367-861b-acceab77b239-10da4560,
  #w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b328-10da4560 {
    order: -9999;
    place-self: auto;
  }

  #w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b326-10da4560,
  #w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b96-10da4560 {
    grid-column: span 6 / span 6;
    place-self: auto center;
  }

  #w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b9a-10da4560 {
    order: -9999;
    place-self: auto;
  }

  #w-node-aa983ecf-ecb1-61ec-1bfd-97a73f35cf2b-10da4560,
  #w-node-_62783a01-04e7-951d-f20f-071a5fd51d0b-10da4560,
  #w-node-_8e0842dd-efd7-55c5-a57e-e8e7b38535ce-c4933593 {
    grid-column: span 6 / span 6;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae27fa-c4933593 {
    grid-column: span 6 / span 6;
    justify-self: center;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae2806-c4933593 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    place-self: center;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae2807-c4933593 {
    grid-area: span 1 / span 6 / span 1 / span 6;
    justify-self: center;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae2812-c4933593 {
    grid-column: span 6 / span 6;
  }

  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-9bebff94 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-9bebff94 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-2b4bc5fe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-2b4bc5fe {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1bad041b-ba93-6231-150b-f90c0b089db0-fba95601 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-fba95601 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2388e680-397f-91d4-f9c6-27d8f43d1f66-fba95601 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_52b67f94-c36a-1b72-7207-591a9e96b574-c965f158 {
    grid-column: span 6 / span 6;
  }

  #w-node-f866c444-6c56-8901-6bbb-b5a6bfcf1fc2-c965f158 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427da-7600fc13,
  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427e3-7600fc13,
  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427ec-7600fc13 {
    grid-column: span 6 / span 6;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_24a98d7f-451d-b15b-d32b-dcc2972844a8-654d2164 {
    grid-column: span 4 / span 4;
  }

  #w-node-_0fe7dc99-5438-5d84-1cc7-946981878a64-654d2164 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_80d21f2e-3bd8-13e9-120a-e97a82941133-654d2164,
  #w-node-_054f6fc5-6755-2da9-5d64-4c5f44341873-654d2164,
  #w-node-_71325881-aaab-24c4-6566-a1063b94c15e-ab2277c4 {
    grid-column: span 4 / span 4;
  }

  #w-node-ab9fc542-2f8d-68b9-584f-7e0c87f81bb9-ab2277c7 {
    grid-column: span 6 / span 6;
  }

  #w-node-_30a7ccbf-f142-c729-e26e-3622d1296b13-ab2277c7 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-b14a0122-3961-2249-be77-2f0e224657ad-ab2277c7,
  #w-node-_43c0beed-6386-7877-56a2-ee7835884e37-ab2277c7,
  #w-node-_73874b90-ab75-7e50-29c3-3908917f44ec-ab2277c7,
  #w-node-_1c78e62c-1aca-69f2-474b-936dc374d006-ab2277c7,
  #w-node-ef07ea39-cfb9-5449-7b94-05b347257299-ab2277c7,
  #w-node-ef07ea39-cfb9-5449-7b94-05b34725729e-ab2277c7,
  #w-node-e0c0f0f9-86e5-b291-16fa-67027c7d91ac-ab2277c7,
  #w-node-_0231eb0a-3d9f-3574-6b60-a387f73bb22d-ab2277c7,
  #w-node-_38c376bb-e920-9eda-e812-210d78457c7d-ab2277c7,
  #w-node-_8c60c5a5-f71b-34a4-f8b3-c84fb08a531e-ab2277c7,
  #w-node-_2a3facfc-4fe8-4dd9-3321-d5351248ddcf-ab2277c7,
  #w-node-_16208a4a-7610-d558-cad8-21613c02ff3c-ab2277c7,
  #w-node-_035ff3d5-375d-5878-a683-f306d512ef1c-ab2277c7,
  #w-node-_18b58d78-c5ef-76cf-c938-e6865c3a0957-ab2277c7,
  #w-node-c4bd1cd3-8332-0e51-10e1-21867c45c99b-ab2277c7,
  #w-node-_9106cb4b-3191-1113-9a39-28b1e23c6c51-ab2277c7,
  #w-node-dd45c394-e668-3321-1198-f52069133a57-ab2277c7,
  #w-node-_6c16b473-943e-1b4c-dbda-780c4c057a36-ab2277c7,
  #w-node-_53ec84b3-60f1-9f16-1b2f-44f2c3696f1e-ab2277c7,
  #w-node-a2f542df-f4a7-f916-a2bf-d690aba6410a-ab2277c7,
  #w-node-_8d37f161-a4ff-4c02-09cc-d7338e140dd3-ab2277c7,
  #w-node-a0ed19ac-34b4-91c5-7b83-68335faae140-ab2277c7,
  #w-node-e92dc493-afce-b66a-bb38-0fdfa5de0a0a-ab2277c7,
  #w-node-_20670753-4d0a-155f-6c6d-e28a3d1db02c-ab2277c7,
  #w-node-_496fa53a-5d34-28de-2d08-c3c0930cbca2-ab2277c7,
  #w-node-_7a23a602-d1b7-d52f-263a-cf3e3606d3b3-ab2277c7,
  #w-node-a7a6a72c-9e0a-0737-6f04-f14d357bf427-ab2277c7,
  #w-node-_39fab930-d5c6-d557-12ce-a3419715ff49-ab2277c7,
  #w-node-_0e3734e8-37b3-160f-39d8-005208ef20ea-ab2277c7,
  #w-node-_6c9a523d-70fb-7c7c-4bee-7acb6d872709-ab2277c7,
  #w-node-d28ea3ce-1ff6-1e07-c8e3-de7b699871ce-ab2277c7,
  #w-node-d76e0423-00bb-fc33-ce55-a4e359b90c01-ab2277c7,
  #w-node-e177acb4-7c91-448d-d549-50d77e5c9e16-ab2277c7,
  #w-node-_24b087a3-66a0-474e-9bb2-8506dc3e8caa-ab2277c7,
  #w-node-a1536eb8-aacf-887c-844b-59e0e946dfb1-ab2277c7,
  #w-node-_49c61263-a3e5-0fa5-5794-d850c0b00026-ab2277c7,
  #w-node-bae514f5-9b6f-a4c3-d3ca-68d8ac2e547c-ab2277c7,
  #w-node-_897f6159-8fa3-bfc8-02d4-9f5d0452fcf8-ab2277c7,
  #w-node-_9dc76a5e-c596-e4b0-3fb4-7b15303acc1b-ab2277c7,
  #w-node-e2446457-6a23-c0d1-070c-f0f3b7586106-ab2277c7,
  #w-node-_214bbd82-eb09-3e6b-dc9e-802f78dffeb1-ab2277c7,
  #w-node-f5550334-3d38-900d-34b5-b7cd860b5ba6-ab2277c7,
  #w-node-be415236-5406-14ad-4edf-c6236719d74e-ab2277c7,
  #w-node-_470204c1-cde7-6989-bcd0-20d473edc5bd-ab2277c7,
  #w-node-_3c0e7e4f-af59-2b37-0cfc-668b8e7bc791-ab2277c7,
  #w-node-daa40b7a-c21d-63e6-cd46-295bc549f1a7-ab2277c7,
  #w-node-_5404eb7c-0e01-8e9c-0e49-0f9d7fd91b09-ab2277c7 {
    grid-column: span 6 / span 6;
  }

  #w-node-_67575590-25d7-c14e-7162-ab76ff30550f-ab2277c7,
  #w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-ab2277c7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-ab2277c7 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-e9053e3a-f801-a09f-679c-7b0b060e27db-10da4560 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_49e4bb41-f89c-f81c-0370-90a912db5833-10da4560 {
    order: -9999;
    grid-column: span 4 / span 4;
  }

  #w-node-_8504e45c-1243-4c46-c826-292accaf0bda-10da4560 {
    grid-column: span 4 / span 4;
  }

  #w-node-c66389f2-1b0b-3eb5-d18a-eabf61fbea5c-10da4560 {
    grid-column: span 4 / span 4;
    justify-self: center;
  }

  #w-node-_3c750767-d2ff-4367-861b-acceab77b239-10da4560,
  #w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b328-10da4560 {
    grid-column: span 4 / span 4;
  }

  #w-node-ee0fbb7a-3809-dc37-0671-bb6d6313b326-10da4560,
  #w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b96-10da4560 {
    grid-column: span 4 / span 4;
    justify-self: center;
  }

  #w-node-_7635f3cc-ec6e-86fd-bec8-df6e4a504b9a-10da4560,
  #w-node-aa983ecf-ecb1-61ec-1bfd-97a73f35cf2b-10da4560,
  #w-node-_62783a01-04e7-951d-f20f-071a5fd51d0b-10da4560,
  #w-node-_8e0842dd-efd7-55c5-a57e-e8e7b38535ce-c4933593 {
    grid-column: span 4 / span 4;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae27fa-c4933593 {
    grid-column: span 4 / span 4;
    justify-self: center;
  }

  .wrapper-btn-nav {
    gap: 0.8rem !important;
  }

  #w-node-c5a94d06-2d65-9867-4600-ce78abae2806-c4933593,
  #w-node-c5a94d06-2d65-9867-4600-ce78abae2807-c4933593,
  #w-node-c5a94d06-2d65-9867-4600-ce78abae2812-c4933593,
  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-9bebff94,
  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-2b4bc5fe,
  #w-node-_1bad041b-ba93-6231-150b-f90c0b089db0-fba95601,
  #w-node-_10579f1d-f5a8-9dce-9fb6-95fba276a0c1-fba95601,
  #w-node-_52b67f94-c36a-1b72-7207-591a9e96b574-c965f158 {
    grid-column: span 4 / span 4;
  }

  #w-node-f866c444-6c56-8901-6bbb-b5a6bfcf1fc2-c965f158 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427da-7600fc13,
  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427e3-7600fc13,
  #w-node-dd3580fa-ad20-122f-0e57-c2ee5ef427ec-7600fc13 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_24a98d7f-451d-b15b-d32b-dcc2972844a8-654d2164 {
    order: -9999;
  }

  #w-node-e21ad707-027a-83b8-a153-2fe0faa2492a-654d2164 {
    order: -9999;
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_1a3fe882-bd4a-dfcc-a0bf-3f5f25d7397a-ab2277c7,
  #w-node-_0f6647f2-3a81-6928-afb4-0205c39bf8a2-ab2277c7,
  #w-node-_7f5485f3-df8e-9e35-88d4-46ae6d2f2bab-ab2277c7,
  #w-node-_158150a2-2805-7beb-56ba-f87361a4787a-ab2277c7,
  #w-node-_73fc2a2c-09bf-7345-70d1-5ead0f1eb6ff-ab2277c7,
  #w-node-_945633db-5ded-cc98-5fda-facb2c96fb6d-ab2277c7,
  #w-node-f6f64556-b4e6-a5eb-d633-15e3c7bae629-ab2277c7,
  #w-node-bd761f10-afd1-4ab4-d27c-60086671e924-ab2277c7,
  #w-node-_912c5b0f-c9ed-8e30-fdd7-e1a5dc0fc16f-ab2277c7,
  #w-node-_50def0d7-5cf7-d235-400e-8b67a0ab4422-ab2277c7,
  #w-node-_2e39162f-5a4c-cabf-d513-d6be66d9c101-ab2277c7,
  #w-node-_83b685eb-3549-716c-8278-dfa1d5181136-ab2277c7,
  #w-node-_3b738e3d-3b19-e021-8fe0-00bc892b3751-ab2277c7,
  #w-node-f079c4dc-c847-6222-e870-3f41ce9fb9d8-ab2277c7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_67575590-25d7-c14e-7162-ab76ff30550f-ab2277c7,
  #w-node-a74b7cc9-c9ae-45b0-cfea-3ced5af403ef-ab2277c7,
  #w-node-df6c9add-b613-2ff8-15c8-d0804ca0e6fc-ab2277c7 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_52b67f94-c36a-1b72-7207-591a9e96b574-c965f158 {
    grid-column: span 4 / span 4;
  }

  #disabled.w-node-_3300266e-a20b-c380-e076-d8e5c68fcd15-c965f158,
  #skip-button.w-node-_788e7a18-ba9b-05dd-a45b-21b033d2187e-c965f158,
  #w-node-_6b3a84cc-daa9-bc36-47b7-fc92c94be01d-c965f158,
  #back-button.w-node-_096830bf-5170-3075-ed41-67ca9b4e292a-c965f158 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}